adonisjs-server-stats 1.8.0 → 1.10.0

package/dist/react/RequestsSection-DtwnJOnM.js

@@ -1,209 +0,0 @@
-import { jsxs as r, jsx as t, Fragment as L } from "react/jsx-runtime";
-import { useState as n, useEffect as P, useCallback as v } from "react";
-import { normalizeTraceFields as R, durationSeverity as y, timeAgo as B, formatTime as M } from "adonisjs-server-stats/core";
-import { u as $ } from "./useApiClient-BVtNCmnL.js";
-import { a as E, M as C, b as x } from "./index-DDzo1bZk.js";
-import { D as j } from "./DataTable-YyShr5B-.js";
-import { F as z } from "./FilterBar-DQRXpWrb.js";
-import { P as U } from "./Pagination-BkmzUDY8.js";
-import { W } from "./WaterfallChart-Cj73WdfM.js";
-function Y({ options: l = {} }) {
-  const [k, u] = n(1), [c, w] = n(""), [d, S] = n("createdAt"), [h, m] = n("desc"), [p, b] = n(null), [q, i] = n(!1);
-  P(() => u(1), [c]);
-  const { data: g, meta: o, isLoading: D, error: N } = E("requests", {
-    ...l,
-    page: k,
-    search: c,
-    sort: d,
-    sortDir: h
-  }), f = $(l.baseUrl || "", l.authToken), _ = v(
-    (e) => {
-      const s = e.id;
-      i(!0);
-      const a = l.dashboardEndpoint || "/__stats/api";
-      f().fetch(`${a}/requests/${s}`).then((T) => {
-        b(T), i(!1);
-      }).catch(() => {
-        i(!1);
-      });
-    },
-    [f, l.dashboardEndpoint]
-  ), A = v(
-    (e) => {
-      d === e ? m((s) => s === "asc" ? "desc" : "asc") : (S(e), m("desc"));
-    },
-    [d]
-  ), F = g || [];
-  if (p) {
-    const e = R(p);
-    return /* @__PURE__ */ r("div", { children: [
-      /* @__PURE__ */ r("div", { className: "ss-dash-tl-detail-header", children: [
-        /* @__PURE__ */ t("button", { type: "button", className: "ss-dash-btn", onClick: () => b(null), children: "← Back to Requests" }),
-        /* @__PURE__ */ t(C, { method: e.method }),
-        /* @__PURE__ */ t("span", { style: { color: "var(--ss-text)" }, children: e.url }),
-        /* @__PURE__ */ t(x, { code: e.statusCode }),
-        /* @__PURE__ */ r("span", { className: "ss-dash-tl-meta", children: [
-          e.totalDuration.toFixed(1),
-          "ms · ",
-          e.spanCount,
-          " spans"
-        ] })
-      ] }),
-      /* @__PURE__ */ t(
-        W,
-        {
-          spans: e.spans,
-          totalDuration: e.totalDuration,
-          warnings: e.warnings
-        }
-      )
-    ] });
-  }
-  return q ? /* @__PURE__ */ r("div", { children: [
-    /* @__PURE__ */ t("div", { className: "ss-dash-tl-detail-header", children: /* @__PURE__ */ t("button", { type: "button", className: "ss-dash-btn", onClick: () => i(!1), children: "← Back to Requests" }) }),
-    /* @__PURE__ */ t("div", { className: "ss-dash-empty", children: "Loading request detail..." })
-  ] }) : /* @__PURE__ */ r("div", { children: [
-    /* @__PURE__ */ t(
-      z,
-      {
-        search: c,
-        onSearchChange: w,
-        placeholder: "Filter requests...",
-        summary: `${o?.total ?? 0} requests`
-      }
-    ),
-    N && /* @__PURE__ */ t("div", { className: "ss-dash-empty", children: "Failed to load requests" }),
-    D && !g ? /* @__PURE__ */ t("div", { className: "ss-dash-empty", children: "Loading requests..." }) : /* @__PURE__ */ r(L, { children: [
-      /* @__PURE__ */ t("div", { className: "ss-dash-table-wrap", children: /* @__PURE__ */ t(
-        j,
-        {
-          columns: [
-            {
-              key: "id",
-              label: "#",
-              width: "40px",
-              render: (e) => /* @__PURE__ */ t("span", { style: { color: "var(--ss-dim)" }, children: e })
-            },
-            {
-              key: "method",
-              label: "Method",
-              width: "70px",
-              sortable: !0,
-              render: (e) => /* @__PURE__ */ t(C, { method: e })
-            },
-            {
-              key: "url",
-              label: "URL",
-              sortable: !0,
-              render: (e) => /* @__PURE__ */ t(
-                "span",
-                {
-                  style: {
-                    color: "var(--ss-text)",
-                    overflow: "hidden",
-                    textOverflow: "ellipsis",
-                    whiteSpace: "nowrap"
-                  },
-                  title: e,
-                  children: e
-                }
-              )
-            },
-            {
-              key: "statusCode",
-              label: "Status",
-              width: "60px",
-              sortable: !0,
-              render: (e, s) => {
-                const a = s.status_code || s.statusCode || s.statusCode;
-                return /* @__PURE__ */ t(x, { code: a });
-              }
-            },
-            {
-              key: "duration",
-              label: "Duration",
-              width: "80px",
-              sortable: !0,
-              render: (e, s) => {
-                const a = s.total_duration || s.totalDuration || s.duration || 0;
-                return /* @__PURE__ */ r(
-                  "span",
-                  {
-                    className: `ss-dash-duration ${y(a) === "very-slow" ? "ss-dash-very-slow" : y(a) === "slow" ? "ss-dash-slow" : ""}`,
-                    children: [
-                      a.toFixed(1),
-                      "ms"
-                    ]
-                  }
-                );
-              }
-            },
-            {
-              key: "spanCount",
-              label: "Spans",
-              width: "50px",
-              render: (e, s) => {
-                const a = s.span_count || s.spanCount || 0;
-                return /* @__PURE__ */ t("span", { style: { color: "var(--ss-muted)", textAlign: "center" }, children: a });
-              }
-            },
-            {
-              key: "warningCount",
-              label: "⚠",
-              width: "40px",
-              render: (e, s) => {
-                const a = s.warning_count || s.warningCount || 0;
-                return a > 0 ? /* @__PURE__ */ t(
-                  "span",
-                  {
-                    style: {
-                      color: "var(--ss-amber-fg)",
-                      textAlign: "center",
-                      display: "block"
-                    },
-                    children: a
-                  }
-                ) : /* @__PURE__ */ t(
-                  "span",
-                  {
-                    style: { color: "var(--ss-dim)", textAlign: "center", display: "block" },
-                    children: "-"
-                  }
-                );
-              }
-            },
-            {
-              key: "createdAt",
-              label: "Time",
-              width: "80px",
-              sortable: !0,
-              render: (e, s) => {
-                const a = s.createdAt || s.created_at || s.timestamp || "";
-                return /* @__PURE__ */ t("span", { className: "ss-dash-event-time", title: M(a), children: B(a) });
-              }
-            }
-          ],
-          data: F,
-          sort: d,
-          sortDir: h,
-          onSort: A,
-          onRowClick: _,
-          emptyMessage: "No requests recorded yet"
-        }
-      ) }),
-      o && /* @__PURE__ */ t(
-        U,
-        {
-          page: o.page,
-          lastPage: o.lastPage,
-          total: o.total,
-          onPageChange: u
-        }
-      )
-    ] })
-  ] });
-}
-export {
-  Y as RequestsSection,
-  Y as default
-};

package/dist/react/TimelineSection-F5ThmTdy.js

@@ -1,158 +0,0 @@
-import { jsx as a, jsxs as t, Fragment as T } from "react/jsx-runtime";
-import { useState as n, useEffect as B, useCallback as L } from "react";
-import { normalizeTraceFields as P, durationSeverity as f, timeAgo as A, formatTime as E } from "adonisjs-server-stats/core";
-import { u as M } from "./useApiClient-BVtNCmnL.js";
-import { a as $, M as g, b } from "./index-DDzo1bZk.js";
-import { D as j } from "./DataTable-YyShr5B-.js";
-import { F as z } from "./FilterBar-DQRXpWrb.js";
-import { P as I } from "./Pagination-BkmzUDY8.js";
-import { W as R } from "./WaterfallChart-Cj73WdfM.js";
-function Q({ options: s = {}, tracingEnabled: y = !0 }) {
-  const [w, v] = n(1), [i, k] = n(""), [r, o] = n(null), [c, h] = n(null), [x, d] = n(!1), { data: m, meta: l, isLoading: C, error: N } = $("traces", { ...s, page: w, search: i }), D = m || [], u = M(s.baseUrl || "", s.authToken);
-  B(() => {
-    if (!r) {
-      h(null);
-      return;
-    }
-    let e = !1;
-    d(!0);
-    const S = s.dashboardEndpoint || "/__stats/api";
-    return u().fetch(`${S}/traces/${r}`).then((F) => {
-      e || (h(F), d(!1));
-    }).catch(() => {
-      e || d(!1);
-    }), () => {
-      e = !0;
-    };
-  }, [r, u, s.dashboardEndpoint]);
-  const p = L(() => o(null), []);
-  if (!y)
-    return /* @__PURE__ */ a("div", { className: "ss-dash-empty", children: "Tracing is not enabled. Enable tracing in your server-stats config to use the timeline." });
-  if (r && c) {
-    const e = P(c);
-    return /* @__PURE__ */ t("div", { children: [
-      /* @__PURE__ */ t("div", { className: "ss-dash-tl-detail-header", children: [
-        /* @__PURE__ */ a("button", { type: "button", className: "ss-dash-btn", onClick: p, children: "← Back" }),
-        /* @__PURE__ */ a(g, { method: e.method }),
-        /* @__PURE__ */ a("span", { style: { color: "var(--ss-text)" }, children: e.url }),
-        /* @__PURE__ */ a(b, { code: e.statusCode }),
-        /* @__PURE__ */ t("span", { className: "ss-dash-tl-meta", children: [
-          e.totalDuration.toFixed(1),
-          "ms · ",
-          e.spanCount,
-          " spans"
-        ] })
-      ] }),
-      /* @__PURE__ */ a(
-        R,
-        {
-          spans: e.spans,
-          totalDuration: e.totalDuration,
-          warnings: e.warnings
-        }
-      )
-    ] });
-  }
-  return r && x ? /* @__PURE__ */ t("div", { children: [
-    /* @__PURE__ */ a("div", { className: "ss-dash-tl-detail-header", children: /* @__PURE__ */ a("button", { type: "button", className: "ss-dash-btn", onClick: p, children: "← Back" }) }),
-    /* @__PURE__ */ a("div", { className: "ss-dash-empty", children: "Loading trace detail..." })
-  ] }) : /* @__PURE__ */ t("div", { children: [
-    /* @__PURE__ */ a(
-      z,
-      {
-        search: i,
-        onSearchChange: k,
-        placeholder: "Filter traces...",
-        summary: `${l?.total ?? 0} traces`
-      }
-    ),
-    N && /* @__PURE__ */ a("div", { className: "ss-dash-empty", children: "Failed to load traces" }),
-    C && !m ? /* @__PURE__ */ a("div", { className: "ss-dash-empty", children: "Loading traces..." }) : /* @__PURE__ */ t(T, { children: [
-      /* @__PURE__ */ a("div", { className: "ss-dash-table-wrap", children: /* @__PURE__ */ a(
-        j,
-        {
-          columns: [
-            {
-              key: "id",
-              label: "#",
-              width: "40px",
-              render: (e) => /* @__PURE__ */ a("span", { style: { color: "var(--ss-dim)" }, children: e })
-            },
-            {
-              key: "method",
-              label: "Method",
-              width: "70px",
-              render: (e) => /* @__PURE__ */ a(g, { method: e })
-            },
-            {
-              key: "url",
-              label: "URL",
-              render: (e) => /* @__PURE__ */ a(
-                "span",
-                {
-                  style: {
-                    color: "var(--ss-text)",
-                    overflow: "hidden",
-                    textOverflow: "ellipsis",
-                    whiteSpace: "nowrap"
-                  },
-                  title: e,
-                  children: e
-                }
-              )
-            },
-            {
-              key: "statusCode",
-              label: "Status",
-              width: "60px",
-              render: (e) => /* @__PURE__ */ a(b, { code: e })
-            },
-            {
-              key: "totalDuration",
-              label: "Duration",
-              width: "80px",
-              render: (e) => /* @__PURE__ */ t(
-                "span",
-                {
-                  className: `ss-dash-duration ${f(e) === "very-slow" ? "ss-dash-very-slow" : f(e) === "slow" ? "ss-dash-slow" : ""}`,
-                  children: [
-                    e.toFixed(1),
-                    "ms"
-                  ]
-                }
-              )
-            },
-            {
-              key: "spanCount",
-              label: "Spans",
-              width: "50px",
-              render: (e) => /* @__PURE__ */ a("span", { style: { color: "var(--ss-muted)", textAlign: "center" }, children: e })
-            },
-            {
-              key: "createdAt",
-              label: "Time",
-              width: "80px",
-              render: (e) => /* @__PURE__ */ a("span", { className: "ss-dash-event-time", title: E(e), children: A(e) })
-            }
-          ],
-          data: D,
-          onRowClick: (e) => o(e.id),
-          emptyMessage: "No traces recorded"
-        }
-      ) }),
-      l && /* @__PURE__ */ a(
-        I,
-        {
-          page: l.page,
-          lastPage: l.lastPage,
-          total: l.total,
-          onPageChange: v
-        }
-      )
-    ] })
-  ] });
-}
-export {
-  Q as TimelineSection,
-  Q as default
-};

package/dist/react/TimelineTab-Dvpf-I5C.js

@@ -1,193 +0,0 @@
-import { jsx as e, jsxs as l } from "react/jsx-runtime";
-import { useState as r, useMemo as B, useEffect as I, useCallback as C } from "react";
-import { formatDuration as u, durationSeverity as D, timeAgo as O, formatTime as j } from "adonisjs-server-stats/core";
-import { u as F } from "./useApiClient-BVtNCmnL.js";
-import { u as U } from "./index-DDzo1bZk.js";
-import { u as _ } from "./useResizableTable-CNJmACdt.js";
-const L = {
-  request: "#1e3a5f",
-  middleware: "rgba(30, 58, 95, 0.7)",
-  db: "#6d28d9",
-  view: "#0e7490",
-  mail: "#059669",
-  event: "#b45309",
-  custom: "#525252"
-}, z = [
-  { label: "Request", color: "#1e3a5f" },
-  { label: "Middleware", color: "rgba(30, 58, 95, 0.7)" },
-  { label: "Database", color: "#6d28d9" },
-  { label: "View", color: "#0e7490" },
-  { label: "Mail", color: "#059669" },
-  { label: "Event", color: "#b45309" }
-];
-function P({ options: p }) {
-  const { baseUrl: E = "", debugEndpoint: f = "/admin/api/debug", authToken: $ } = p || {}, { data: h, isLoading: S, error: N } = U("timeline", p), [i, T] = r(""), [n, m] = r(null), [a, v] = r(null), [k, b] = r(!1), [w, g] = r(null), c = B(() => {
-    const s = h?.traces || [];
-    if (!i) return s;
-    const d = i.toLowerCase();
-    return s.filter(
-      (t) => t.url.toLowerCase().includes(d) || t.method.toLowerCase().includes(d) || String(t.statusCode).includes(d)
-    );
-  }, [h, i]), y = F(E, $);
-  I(() => {
-    if (n === null) {
-      v(null), g(null);
-      return;
-    }
-    let s = !1;
-    return b(!0), g(null), y().get(`${f}/traces/${n}`).then((t) => {
-      s || (v(t), b(!1));
-    }).catch((t) => {
-      s || (g(t instanceof Error ? t.message : "Failed to load trace"), b(!1));
-    }), () => {
-      s = !0;
-    };
-  }, [n, f, y]);
-  const M = C((s) => {
-    m((d) => d === s ? null : s);
-  }, []), x = C((s) => s >= 500 ? "ss-dbg-status-5xx" : s >= 400 ? "ss-dbg-status-4xx" : s >= 300 ? "ss-dbg-status-3xx" : "ss-dbg-status-2xx", []), R = _([c]);
-  if (S && !h)
-    return /* @__PURE__ */ e("div", { className: "ss-dbg-empty", children: "Loading traces..." });
-  if (N)
-    return /* @__PURE__ */ l("div", { className: "ss-dbg-empty", children: [
-      "Error: ",
-      N.message
-    ] });
-  if (n !== null) {
-    if (k)
-      return /* @__PURE__ */ e("div", { className: "ss-dbg-empty", children: "Loading trace detail..." });
-    if (w)
-      return /* @__PURE__ */ l("div", { children: [
-        /* @__PURE__ */ e("div", { className: "ss-dbg-tl-detail-header", children: /* @__PURE__ */ e(
-          "button",
-          {
-            type: "button",
-            className: "ss-dbg-btn-clear",
-            onClick: () => m(null),
-            children: "← Back"
-          }
-        ) }),
-        /* @__PURE__ */ l("div", { className: "ss-dbg-empty", children: [
-          "Error: ",
-          w
-        ] })
-      ] });
-    if (!a)
-      return /* @__PURE__ */ e("div", { className: "ss-dbg-empty", children: "Loading trace detail..." });
-    const s = a.spans || [], d = a.warnings || [];
-    return /* @__PURE__ */ l("div", { children: [
-      /* @__PURE__ */ l("div", { className: "ss-dbg-tl-detail-header", children: [
-        /* @__PURE__ */ e(
-          "button",
-          {
-            type: "button",
-            className: "ss-dbg-btn-clear",
-            onClick: () => m(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 ${x(a.statusCode)}`, children: a.statusCode }),
-        /* @__PURE__ */ l("span", { className: "ss-dbg-tl-meta", children: [
-          u(a.totalDuration),
-          " · ",
-          a.spanCount,
-          " spans"
-        ] })
-      ] }),
-      /* @__PURE__ */ e("div", { className: "ss-dbg-tl-legend", children: z.map((t) => /* @__PURE__ */ l("div", { className: "ss-dbg-tl-legend-item", children: [
-        /* @__PURE__ */ e("div", { className: "ss-dbg-tl-legend-dot", style: { background: t.color } }),
-        /* @__PURE__ */ e("span", { children: t.label })
-      ] }, t.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((t) => {
-        const o = a.totalDuration || 1, A = t.startOffset / o * 100, q = Math.max(t.duration / o * 100, 0.5);
-        return /* @__PURE__ */ l("div", { className: "ss-dbg-tl-row", children: [
-          /* @__PURE__ */ e("div", { className: "ss-dbg-tl-label", title: t.label, children: t.label }),
-          /* @__PURE__ */ e("div", { className: "ss-dbg-tl-track", children: /* @__PURE__ */ e(
-            "div",
-            {
-              className: `ss-dbg-tl-bar ss-dbg-tl-bar-${t.category}`,
-              style: {
-                left: `${A}%`,
-                width: `${q}%`,
-                background: L[t.category] || L.custom
-              },
-              title: `${t.label}: ${u(t.duration)}`
-            }
-          ) }),
-          /* @__PURE__ */ e("span", { className: "ss-dbg-tl-dur", children: u(t.duration) })
-        ] }, t.id);
-      }) }),
-      d.length > 0 && /* @__PURE__ */ l("div", { className: "ss-dbg-tl-warnings", children: [
-        /* @__PURE__ */ e("div", { className: "ss-dbg-tl-warnings-title", children: "Warnings" }),
-        d.map((t, o) => /* @__PURE__ */ e("div", { className: "ss-dbg-tl-warning", children: t }, o))
-      ] })
-    ] });
-  }
-  return /* @__PURE__ */ l("div", { children: [
-    /* @__PURE__ */ l("div", { className: "ss-dbg-search-bar", children: [
-      /* @__PURE__ */ e(
-        "input",
-        {
-          type: "text",
-          className: "ss-dbg-search",
-          placeholder: "Filter traces...",
-          value: i,
-          onChange: (s) => T(s.target.value)
-        }
-      ),
-      /* @__PURE__ */ l("span", { className: "ss-dbg-summary", children: [
-        c.length,
-        " traces"
-      ] })
-    ] }),
-    c.length === 0 ? /* @__PURE__ */ e("div", { className: "ss-dbg-empty", children: "No traces captured. Enable tracing in config." }) : /* @__PURE__ */ l("table", { ref: R, className: "ss-dbg-table", children: [
-      /* @__PURE__ */ l("colgroup", { children: [
-        /* @__PURE__ */ e("col", { style: { width: "50px" } }),
-        /* @__PURE__ */ e("col", { style: { width: "70px" } }),
-        /* @__PURE__ */ e("col", {}),
-        /* @__PURE__ */ e("col", { style: { width: "60px" } }),
-        /* @__PURE__ */ e("col", { style: { width: "80px" } }),
-        /* @__PURE__ */ e("col", { style: { width: "50px" } }),
-        /* @__PURE__ */ e("col", { style: { width: "80px" } })
-      ] }),
-      /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ l("tr", { children: [
-        /* @__PURE__ */ e("th", { children: "#" }),
-        /* @__PURE__ */ e("th", { children: "Method" }),
-        /* @__PURE__ */ e("th", { children: "URL" }),
-        /* @__PURE__ */ e("th", { children: "Status" }),
-        /* @__PURE__ */ e("th", { children: "Duration" }),
-        /* @__PURE__ */ e("th", { children: "Spans" }),
-        /* @__PURE__ */ e("th", { children: "Time" })
-      ] }) }),
-      /* @__PURE__ */ e("tbody", { children: c.map((s) => /* @__PURE__ */ l(
-        "tr",
-        {
-          className: "ss-dbg-email-row",
-          onClick: () => M(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", { title: s.url, children: s.url }),
-            /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e("span", { className: `ss-dbg-status ${x(s.statusCode)}`, children: s.statusCode }) }),
-            /* @__PURE__ */ e(
-              "td",
-              {
-                className: `ss-dbg-duration ${D(s.totalDuration) === "very-slow" ? "ss-dbg-very-slow" : D(s.totalDuration) === "slow" ? "ss-dbg-slow" : ""}`,
-                children: u(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: j(s.timestamp), children: O(s.timestamp) })
-          ]
-        },
-        s.id
-      )) })
-    ] })
-  ] });
-}
-export {
-  P as TimelineTab,
-  P as default
-};

package/dist/react/WaterfallChart-Cj73WdfM.js

@@ -1,100 +0,0 @@
-import { jsx as t, jsxs as a } from "react/jsx-runtime";
-import { useMemo as n } from "react";
-const h = {
-  request: "#1e3a5f",
-  middleware: "rgba(30, 58, 95, 0.7)",
-  db: "#6d28d9",
-  view: "#0e7490",
-  mail: "#059669",
-  event: "#b45309",
-  custom: "var(--ss-dim)"
-}, x = {
-  request: "Request",
-  middleware: "Middleware",
-  db: "DB",
-  mail: "Mail",
-  event: "Event",
-  view: "View",
-  custom: "Custom"
-};
-function C({
-  spans: b,
-  totalDuration: d,
-  className: g = "",
-  warnings: l
-}) {
-  const i = b || [], c = n(
-    () => [...i].sort((e, s) => e.startOffset - s.startOffset),
-    [i]
-  ), u = n(() => {
-    const e = {};
-    for (const s of c)
-      e[s.id] = s.parentId ? (e[s.parentId] || 0) + 1 : 0;
-    return e;
-  }, [c]);
-  return i.length === 0 ? /* @__PURE__ */ t("div", { className: "ss-dash-empty", children: "No spans recorded" }) : /* @__PURE__ */ a("div", { className: `ss-dash-tl-waterfall ${g}`, children: [
-    /* @__PURE__ */ t("div", { className: "ss-dash-tl-legend", children: Object.entries(x).map(([e, s]) => /* @__PURE__ */ a("div", { className: "ss-dash-tl-legend-item", children: [
-      /* @__PURE__ */ t(
-        "span",
-        {
-          className: "ss-dash-tl-legend-dot",
-          style: {
-            background: h[e] || h.custom
-          }
-        }
-      ),
-      /* @__PURE__ */ t("span", { children: s })
-    ] }, e)) }),
-    c.map((e) => {
-      const s = d > 0 ? e.startOffset / d * 100 : 0, f = d > 0 ? Math.max(e.duration / d * 100, 0.5) : 1, v = u[e.id] || 0, N = e.label.length > 50 ? e.label.slice(0, 50) + "..." : e.label, y = e.category === "db" ? "DB" : e.category, $ = e.category === "db" ? "purple" : e.category === "mail" ? "green" : e.category === "event" ? "amber" : e.category === "view" ? "blue" : "muted", o = e.metadata ? Object.entries(e.metadata).filter(([, r]) => r != null).map(([r, w]) => `${r}=${w}`).join(", ") : "", m = o ? `${e.label} (${e.duration.toFixed(2)}ms)
-${o}` : `${e.label} (${e.duration.toFixed(2)}ms)`;
-      return /* @__PURE__ */ a("div", { className: "ss-dash-tl-row", children: [
-        /* @__PURE__ */ a(
-          "div",
-          {
-            className: "ss-dash-tl-label",
-            title: m,
-            style: { paddingLeft: 8 + v * 16 + "px" },
-            children: [
-              /* @__PURE__ */ t(
-                "span",
-                {
-                  className: `ss-dash-badge ss-dash-badge-${$}`,
-                  style: { fontSize: "9px", marginRight: "4px" },
-                  children: y
-                }
-              ),
-              N
-            ]
-          }
-        ),
-        /* @__PURE__ */ t("div", { className: "ss-dash-tl-track", children: /* @__PURE__ */ t(
-          "div",
-          {
-            className: `ss-dash-tl-bar ss-dash-tl-bar-${e.category || "custom"}`,
-            style: {
-              left: `${s}%`,
-              width: `${f}%`
-            },
-            title: m
-          }
-        ) }),
-        /* @__PURE__ */ a("span", { className: "ss-dash-tl-dur", children: [
-          e.duration.toFixed(2),
-          "ms"
-        ] })
-      ] }, e.id);
-    }),
-    l && l.length > 0 && /* @__PURE__ */ a("div", { className: "ss-dash-tl-warnings", children: [
-      /* @__PURE__ */ a("div", { className: "ss-dash-tl-warnings-title", children: [
-        "Warnings (",
-        l.length,
-        ")"
-      ] }),
-      l.map((e, s) => /* @__PURE__ */ t("div", { className: "ss-dash-tl-warning", children: e }, s))
-    ] })
-  ] });
-}
-export {
-  C as W
-};

package/dist/react/react/components/Dashboard/sections/TimelineSection.d.ts

@@ -1,8 +0,0 @@
-import { DashboardHookOptions } from '../../../../core/types.js';
-interface TimelineSectionProps {
-    options?: DashboardHookOptions;
-    /** When false, show a "tracing disabled" message instead of fetching. Defaults to true. */
-    tracingEnabled?: boolean;
-}
-export declare function TimelineSection({ options, tracingEnabled }: TimelineSectionProps): import("react/jsx-runtime").JSX.Element;
-export default TimelineSection;