adonisjs-server-stats 1.5.4 → 1.6.2

package/dist/vue/RequestsSection-LtImH4rD.js

@@ -0,0 +1,243 @@
+import { defineComponent as M, inject as _, ref as h, computed as U, openBlock as o, createElementBlock as l, Fragment as m, createElementVNode as s, normalizeClass as v, toDisplayString as n, createVNode as D, unref as a, createCommentVNode as u, createTextVNode as y, renderList as j, createBlock as K } from "vue";
+import { formatTime as G, timeAgo as H, normalizeTraceFields as I, durationSeverity as J } from "adonisjs-server-stats/core";
+import { u as O } from "./useApiClient-BQQ9CF-q.js";
+import { u as Q } from "./index-qCQpBftQ.js";
+import { u as W } from "./useResizableTable-BoivAevK.js";
+import { _ as X } from "./FilterBar.vue_vue_type_script_setup_true_lang-ClJ37hhT.js";
+import { _ as Y } from "./PaginationControls.vue_vue_type_script_setup_true_lang-CuN7g_8Z.js";
+import { _ as Z } from "./WaterfallChart.vue_vue_type_script_setup_true_lang-tZ13cNj1.js";
+const ss = { class: "ss-dash-tl-detail-header" }, ts = { style: { color: "var(--ss-text)" } }, es = { class: "ss-dash-tl-meta" }, as = { class: "ss-dash-tl-detail-header" }, os = {
+  key: 0,
+  class: "ss-dash-empty"
+}, ls = {
+  key: 1,
+  class: "ss-dash-empty"
+}, ns = { class: "ss-dash-table-wrap" }, ds = {
+  key: 0,
+  class: "ss-dash-sort-arrow"
+}, is = {
+  key: 0,
+  class: "ss-dash-sort-arrow"
+}, rs = {
+  key: 0,
+  class: "ss-dash-sort-arrow"
+}, us = {
+  key: 0,
+  class: "ss-dash-sort-arrow"
+}, cs = {
+  key: 0,
+  class: "ss-dash-sort-arrow"
+}, ps = ["onClick"], hs = { style: { color: "var(--ss-dim)" } }, ms = ["title"], vs = { style: { color: "var(--ss-muted)", "text-align": "center" } }, ys = {
+  key: 0,
+  style: { color: "var(--ss-amber-fg)", "text-align": "center", display: "block" }
+}, fs = {
+  key: 1,
+  style: { color: "var(--ss-dim)", "text-align": "center", display: "block" }
+}, ks = ["title"], _s = {
+  key: 1,
+  class: "ss-dash-empty"
+}, Rs = /* @__PURE__ */ M({
+  __name: "RequestsSection",
+  setup(gs) {
+    const S = _("ss-refresh-key", h(0)), C = _("ss-dashboard-endpoint", "/__stats/api"), b = _("ss-auth-token", void 0), x = _("ss-base-url", ""), { data: f, loading: R, error: T, pagination: c, sort: r, goToPage: L, setSearch: A, setSort: B } = Q(
+      () => "requests",
+      {
+        baseUrl: x,
+        dashboardEndpoint: C,
+        authToken: b,
+        refreshKey: S
+      }
+    ), $ = h(""), g = h(null), k = h(!1), d = h(null), w = U(() => {
+      if (!f.value) return [];
+      const i = f.value;
+      return i.data || i.requests || f.value || [];
+    }), F = O(x, b);
+    async function N(i) {
+      const t = i.id;
+      k.value = !0;
+      try {
+        const e = C || "/__stats/api", q = await F().fetch(`${e}/requests/${t}`);
+        d.value = I(q), g.value = i;
+      } catch {
+      } finally {
+        k.value = !1;
+      }
+    }
+    function P() {
+      g.value = null, d.value = null;
+    }
+    function V(i) {
+      $.value = i, A(i);
+    }
+    function p(i) {
+      B(i);
+    }
+    function z(i) {
+      const t = J(i);
+      return t === "very-slow" ? "ss-dash-very-slow" : t === "slow" ? "ss-dash-slow" : "";
+    }
+    const { tableRef: E } = W(() => w.value);
+    return (i, t) => (o(), l("div", null, [
+      d.value && g.value ? (o(), l(m, { key: 0 }, [
+        s("div", ss, [
+          s("button", {
+            type: "button",
+            class: "ss-dash-btn",
+            onClick: P
+          }, " ← Back to Requests "),
+          s("span", {
+            class: v(`ss-dash-method ss-dash-method-${(d.value.method || "").toLowerCase()}`)
+          }, n(d.value.method), 3),
+          s("span", ts, n(d.value.url), 1),
+          s("span", {
+            class: v(`ss-dash-status ss-dash-status-${Math.floor((d.value.statusCode || 200) / 100)}xx`)
+          }, n(d.value.statusCode), 3),
+          s("span", es, n(d.value.totalDuration.toFixed(1)) + "ms · " + n(d.value.spanCount) + " spans ", 1)
+        ]),
+        D(Z, {
+          spans: d.value.spans,
+          "total-duration": d.value.totalDuration,
+          warnings: d.value.warnings
+        }, null, 8, ["spans", "total-duration", "warnings"])
+      ], 64)) : k.value ? (o(), l(m, { key: 1 }, [
+        s("div", as, [
+          s("button", {
+            type: "button",
+            class: "ss-dash-btn",
+            onClick: t[0] || (t[0] = (e) => k.value = !1)
+          }, " ← Back to Requests ")
+        ]),
+        t[6] || (t[6] = s("div", { class: "ss-dash-empty" }, "Loading request detail...", -1))
+      ], 64)) : (o(), l(m, { key: 2 }, [
+        D(X, {
+          "model-value": $.value,
+          placeholder: "Filter requests...",
+          summary: `${a(c).total ?? 0} requests`,
+          "onUpdate:modelValue": V
+        }, null, 8, ["model-value", "summary"]),
+        a(T) ? (o(), l("div", os, "Failed to load requests")) : u("", !0),
+        a(R) && !a(f) ? (o(), l("div", ls, "Loading requests...")) : (o(), l(m, { key: 2 }, [
+          s("div", ns, [
+            w.value.length > 0 ? (o(), l("table", {
+              key: 0,
+              ref_key: "tableRef",
+              ref: E,
+              class: "ss-dash-table"
+            }, [
+              t[15] || (t[15] = s("colgroup", null, [
+                s("col", { style: { width: "40px" } }),
+                s("col", { style: { width: "70px" } }),
+                s("col"),
+                s("col", { style: { width: "60px" } }),
+                s("col", { style: { width: "80px" } }),
+                s("col", { style: { width: "50px" } }),
+                s("col", { style: { width: "40px" } }),
+                s("col", { style: { width: "80px" } })
+              ], -1)),
+              s("thead", null, [
+                s("tr", null, [
+                  t[12] || (t[12] = s("th", null, "#", -1)),
+                  s("th", {
+                    class: "ss-dash-sortable",
+                    onClick: t[1] || (t[1] = (e) => p("method"))
+                  }, [
+                    t[7] || (t[7] = y(" Method ", -1)),
+                    a(r).column === "method" ? (o(), l("span", ds, n(a(r).direction === "asc" ? " ▲" : " ▼"), 1)) : u("", !0)
+                  ]),
+                  s("th", {
+                    class: "ss-dash-sortable",
+                    onClick: t[2] || (t[2] = (e) => p("url"))
+                  }, [
+                    t[8] || (t[8] = y(" URL ", -1)),
+                    a(r).column === "url" ? (o(), l("span", is, n(a(r).direction === "asc" ? " ▲" : " ▼"), 1)) : u("", !0)
+                  ]),
+                  s("th", {
+                    class: "ss-dash-sortable",
+                    onClick: t[3] || (t[3] = (e) => p("statusCode"))
+                  }, [
+                    t[9] || (t[9] = y(" Status ", -1)),
+                    a(r).column === "statusCode" ? (o(), l("span", rs, n(a(r).direction === "asc" ? " ▲" : " ▼"), 1)) : u("", !0)
+                  ]),
+                  s("th", {
+                    class: "ss-dash-sortable",
+                    onClick: t[4] || (t[4] = (e) => p("duration"))
+                  }, [
+                    t[10] || (t[10] = y(" Duration ", -1)),
+                    a(r).column === "duration" ? (o(), l("span", us, n(a(r).direction === "asc" ? " ▲" : " ▼"), 1)) : u("", !0)
+                  ]),
+                  t[13] || (t[13] = s("th", null, "Spans", -1)),
+                  t[14] || (t[14] = s("th", null, "⚠", -1)),
+                  s("th", {
+                    class: "ss-dash-sortable",
+                    onClick: t[5] || (t[5] = (e) => p("createdAt"))
+                  }, [
+                    t[11] || (t[11] = y(" Time ", -1)),
+                    a(r).column === "createdAt" ? (o(), l("span", cs, n(a(r).direction === "asc" ? " ▲" : " ▼"), 1)) : u("", !0)
+                  ])
+                ])
+              ]),
+              s("tbody", null, [
+                (o(!0), l(m, null, j(w.value, (e) => (o(), l("tr", {
+                  key: e.id,
+                  class: "ss-dash-clickable",
+                  onClick: (q) => N(e)
+                }, [
+                  s("td", null, [
+                    s("span", hs, n(e.id), 1)
+                  ]),
+                  s("td", null, [
+                    s("span", {
+                      class: v(`ss-dash-method ss-dash-method-${(e.method || "").toLowerCase()}`)
+                    }, n(e.method), 3)
+                  ]),
+                  s("td", null, [
+                    s("span", {
+                      style: { color: "var(--ss-text)", overflow: "hidden", "text-overflow": "ellipsis", "white-space": "nowrap" },
+                      title: e.url
+                    }, n(e.url), 9, ms)
+                  ]),
+                  s("td", null, [
+                    s("span", {
+                      class: v(`ss-dash-status ss-dash-status-${Math.floor((e.status_code || e.statusCode || 200) / 100)}xx`)
+                    }, n(e.status_code || e.statusCode), 3)
+                  ]),
+                  s("td", null, [
+                    s("span", {
+                      class: v(`ss-dash-duration ${z(e.total_duration || e.totalDuration || e.duration || 0)}`)
+                    }, n((e.total_duration || e.totalDuration || e.duration || 0).toFixed(1)) + "ms ", 3)
+                  ]),
+                  s("td", null, [
+                    s("span", vs, n(e.span_count || e.spanCount || 0), 1)
+                  ]),
+                  s("td", null, [
+                    (e.warning_count || e.warningCount || 0) > 0 ? (o(), l("span", ys, n(e.warning_count || e.warningCount || 0), 1)) : (o(), l("span", fs, "-"))
+                  ]),
+                  s("td", null, [
+                    s("span", {
+                      class: "ss-dash-event-time",
+                      title: a(G)(
+                        e.createdAt || e.created_at || e.timestamp || ""
+                      )
+                    }, n(a(H)(
+                      e.createdAt || e.created_at || e.timestamp || ""
+                    )), 9, ks)
+                  ])
+                ], 8, ps))), 128))
+              ])
+            ], 512)) : (o(), l("div", _s, "No requests recorded yet"))
+          ]),
+          a(c).totalPages > 1 ? (o(), K(Y, {
+            key: 0,
+            page: a(c).page,
+            "last-page": a(c).totalPages,
+            total: a(c).total,
+            onPageChange: a(L)
+          }, null, 8, ["page", "last-page", "total", "onPageChange"])) : u("", !0)
+        ], 64))
+      ], 64))
+    ]));
+  }
+});
+export {
+  Rs as default
+};

package/dist/vue/RoutesSection-CrxOxmzx.js

@@ -0,0 +1,106 @@
+import { defineComponent as g, inject as d, ref as c, computed as A, openBlock as l, createElementBlock as o, createVNode as N, unref as u, createElementVNode as e, Fragment as R, renderList as S, normalizeClass as j, toDisplayString as a } from "vue";
+import { u as z } from "./index-qCQpBftQ.js";
+import { u as C } from "./useResizableTable-BoivAevK.js";
+import { _ as D } from "./FilterBar.vue_vue_type_script_setup_true_lang-ClJ37hhT.js";
+const E = {
+  key: 0,
+  class: "ss-dash-empty"
+}, F = {
+  key: 1,
+  class: "ss-dash-empty"
+}, L = {
+  key: 2,
+  class: "ss-dash-table-wrap"
+}, V = ["title"], $ = ["title"], B = ["title"], M = ["title"], T = {
+  key: 1,
+  class: "ss-dash-empty"
+}, G = /* @__PURE__ */ g({
+  __name: "RoutesSection",
+  setup(U) {
+    const p = d("ss-refresh-key", c(0)), m = d("ss-dashboard-endpoint", "/__stats/api"), f = d("ss-auth-token", void 0), v = d("ss-base-url", ""), { data: i, loading: y, error: w, setSearch: _ } = z(() => "routes", {
+      baseUrl: v,
+      dashboardEndpoint: m,
+      authToken: f,
+      refreshKey: p
+    }), h = c(""), r = A(() => {
+      if (!i.value) return [];
+      const s = i.value;
+      return Array.isArray(s) ? s : Array.isArray(s.routes) ? s.routes : Array.isArray(s.data) ? s.data : [];
+    });
+    function b(s) {
+      h.value = s, _(s);
+    }
+    const { tableRef: k } = C(() => r.value);
+    return (s, n) => (l(), o("div", null, [
+      N(D, {
+        "model-value": h.value,
+        placeholder: "Filter routes...",
+        summary: `${r.value.length} routes`,
+        "onUpdate:modelValue": b
+      }, null, 8, ["model-value", "summary"]),
+      u(w) ? (l(), o("div", E, "Failed to load routes")) : u(y) && !u(i) ? (l(), o("div", F, "Loading routes...")) : (l(), o("div", L, [
+        r.value.length > 0 ? (l(), o("table", {
+          key: 0,
+          ref_key: "tableRef",
+          ref: k,
+          class: "ss-dash-table"
+        }, [
+          n[0] || (n[0] = e("colgroup", null, [
+            e("col", { style: { width: "70px" } }),
+            e("col"),
+            e("col", { style: { width: "120px" } }),
+            e("col"),
+            e("col")
+          ], -1)),
+          n[1] || (n[1] = e("thead", null, [
+            e("tr", null, [
+              e("th", null, "Method"),
+              e("th", null, "Pattern"),
+              e("th", null, "Name"),
+              e("th", null, "Handler"),
+              e("th", null, "Middleware")
+            ])
+          ], -1)),
+          e("tbody", null, [
+            (l(!0), o(R, null, S(r.value, (t, x) => (l(), o("tr", {
+              key: t.pattern || x
+            }, [
+              e("td", null, [
+                e("span", {
+                  class: j(`ss-dash-method ss-dash-method-${(t.method || "").toLowerCase()}`)
+                }, a(t.method), 3)
+              ]),
+              e("td", null, [
+                e("span", {
+                  style: { color: "var(--ss-text)", overflow: "hidden", "text-overflow": "ellipsis", "white-space": "nowrap" },
+                  title: t.pattern
+                }, a(t.pattern), 9, V)
+              ]),
+              e("td", null, [
+                e("span", {
+                  style: { color: "var(--ss-muted)", overflow: "hidden", "text-overflow": "ellipsis", "white-space": "nowrap" },
+                  title: t.name || "-"
+                }, a(t.name || "-"), 9, $)
+              ]),
+              e("td", null, [
+                e("span", {
+                  style: { color: "var(--ss-sql-color)", overflow: "hidden", "text-overflow": "ellipsis", "white-space": "nowrap" },
+                  title: t.handler
+                }, a(t.handler), 9, B)
+              ]),
+              e("td", null, [
+                e("span", {
+                  style: { color: "var(--ss-dim)", "font-size": "10px", overflow: "hidden", "text-overflow": "ellipsis", "white-space": "nowrap" },
+                  title: t.middleware?.length ? t.middleware.join(", ") : "-"
+                }, a(t.middleware?.length ? t.middleware.join(", ") : "-"), 9, M)
+              ])
+            ]))), 128))
+          ])
+        ], 512)) : (l(), o("div", T, "No routes available"))
+      ]))
+    ]));
+  }
+});
+export {
+  G as default
+};

package/dist/vue/RoutesTab-Dz0MkZuF.js

@@ -0,0 +1,80 @@
+import { defineComponent as f, ref as _, computed as i, openBlock as a, createElementBlock as o, createElementVNode as e, withDirectives as y, vModelText as v, toDisplayString as n, Fragment as w, renderList as C, normalizeClass as m } from "vue";
+import { u as L } from "./useResizableTable-BoivAevK.js";
+const k = { class: "ss-dbg-search-bar" }, x = { class: "ss-dbg-summary" }, R = {
+  key: 0,
+  class: "ss-dbg-empty"
+}, A = { class: "ss-dbg-c-text" }, U = { class: "ss-dbg-c-muted" }, z = { class: "ss-dbg-c-sql" }, M = {
+  class: "ss-dbg-c-dim",
+  style: { "font-size": "10px" }
+}, B = /* @__PURE__ */ f({
+  __name: "RoutesTab",
+  props: {
+    data: {},
+    currentUrl: {}
+  },
+  setup(h) {
+    const d = h, u = _(""), c = i(() => {
+      const s = d.data, r = s ? (Array.isArray(s) ? s : s.routes) || [] : [];
+      if (!u.value.trim()) return r;
+      const t = u.value.toLowerCase();
+      return r.filter(
+        (l) => l.pattern.toLowerCase().includes(t) || l.handler.toLowerCase().includes(t) || l.method.toLowerCase().includes(t) || l.name && l.name.toLowerCase().includes(t)
+      );
+    }), p = i(() => {
+      const s = d.data;
+      return `${(s ? (Array.isArray(s) ? s : s.routes) || [] : []).length} routes`;
+    });
+    function b(s) {
+      return d.currentUrl ? d.currentUrl.includes(s.pattern.replace(/:[^/]+/g, "")) : !1;
+    }
+    const { tableRef: g } = L(() => c.value);
+    return (s, r) => (a(), o("div", null, [
+      e("div", k, [
+        y(e("input", {
+          "onUpdate:modelValue": r[0] || (r[0] = (t) => u.value = t),
+          class: "ss-dbg-search",
+          placeholder: "Filter routes...",
+          type: "text"
+        }, null, 512), [
+          [v, u.value]
+        ]),
+        e("span", x, n(p.value), 1)
+      ]),
+      c.value.length === 0 ? (a(), o("div", R, "No routes found")) : (a(), o("table", {
+        key: 1,
+        ref_key: "tableRef",
+        ref: g,
+        class: "ss-dbg-table"
+      }, [
+        r[1] || (r[1] = e("thead", null, [
+          e("tr", null, [
+            e("th", null, "Method"),
+            e("th", null, "Pattern"),
+            e("th", null, "Name"),
+            e("th", null, "Handler"),
+            e("th", null, "Middleware")
+          ])
+        ], -1)),
+        e("tbody", null, [
+          (a(!0), o(w, null, C(c.value, (t, l) => (a(), o("tr", {
+            key: l,
+            class: m({ "ss-dbg-current-route": b(t) })
+          }, [
+            e("td", null, [
+              e("span", {
+                class: m(`ss-dbg-method ss-dbg-method-${t.method.toLowerCase()}`)
+              }, n(t.method), 3)
+            ]),
+            e("td", A, n(t.pattern), 1),
+            e("td", U, n(t.name || "-"), 1),
+            e("td", z, n(t.handler), 1),
+            e("td", M, n(t.middleware.length > 0 ? t.middleware.join(", ") : "-"), 1)
+          ], 2))), 128))
+        ])
+      ], 512))
+    ]));
+  }
+});
+export {
+  B as default
+};

package/dist/vue/TimelineSection-DLxMW2J_.js

@@ -0,0 +1,186 @@
+import { defineComponent as M, inject as v, ref as i, computed as U, openBlock as l, createElementBlock as o, Fragment as c, createElementVNode as s, normalizeClass as h, toDisplayString as n, unref as a, createVNode as C, createCommentVNode as x, renderList as z, createBlock as j } from "vue";
+import { parseTraceSpans as $, parseTraceWarnings as I, formatTime as K, timeAgo as W, durationSeverity as q } from "adonisjs-server-stats/core";
+import { u as G } from "./useApiClient-BQQ9CF-q.js";
+import { u as H } from "./index-qCQpBftQ.js";
+import { u as J } from "./useResizableTable-BoivAevK.js";
+import { _ as O } from "./FilterBar.vue_vue_type_script_setup_true_lang-ClJ37hhT.js";
+import { _ as Q } from "./PaginationControls.vue_vue_type_script_setup_true_lang-CuN7g_8Z.js";
+import { _ as X } from "./WaterfallChart.vue_vue_type_script_setup_true_lang-tZ13cNj1.js";
+const Y = {
+  key: 0,
+  class: "ss-dash-empty"
+}, Z = { class: "ss-dash-tl-detail-header" }, ss = { style: { color: "var(--ss-text)" } }, ts = { class: "ss-dash-tl-meta" }, es = {
+  key: 0,
+  class: "ss-dash-empty"
+}, as = {
+  key: 1,
+  class: "ss-dash-empty"
+}, ls = { class: "ss-dash-table-wrap" }, os = ["onClick"], ns = { style: { color: "var(--ss-dim)" } }, rs = ["title"], ds = { style: { color: "var(--ss-muted)", "text-align": "center" } }, us = ["title"], is = {
+  key: 1,
+  class: "ss-dash-empty"
+}, ks = /* @__PURE__ */ M({
+  __name: "TimelineSection",
+  props: {
+    tracingEnabled: { type: Boolean, default: !0 }
+  },
+  setup(D) {
+    const T = D, S = v("ss-refresh-key", i(0)), f = v("ss-dashboard-endpoint", "/__stats/api"), g = v("ss-auth-token", void 0), k = v("ss-base-url", ""), { data: p, loading: B, error: L, pagination: u, goToPage: E, setSearch: F } = H(() => "traces", {
+      baseUrl: k,
+      dashboardEndpoint: f,
+      authToken: g,
+      refreshKey: S
+    }), b = i(""), m = i(null), e = i(null), _ = i(!1), y = U(() => {
+      if (!p.value) return [];
+      const r = p.value;
+      return r.data || r.traces || p.value || [];
+    }), P = G(k, g);
+    async function A(r) {
+      m.value = r, _.value = !0, e.value = null;
+      try {
+        const d = f || "/__stats/api", t = await P().fetch(`${d}/traces/${r}`);
+        e.value = t;
+      } catch {
+      } finally {
+        _.value = !1;
+      }
+    }
+    function w() {
+      m.value = null, e.value = null;
+    }
+    function N(r) {
+      b.value = r, F(r);
+    }
+    function R(r) {
+      const d = q(r);
+      return d === "very-slow" ? "ss-dash-very-slow" : d === "slow" ? "ss-dash-slow" : "";
+    }
+    const { tableRef: V } = J(() => y.value);
+    return (r, d) => (l(), o("div", null, [
+      T.tracingEnabled ? m.value && e.value ? (l(), o(c, { key: 1 }, [
+        s("div", Z, [
+          s("button", {
+            type: "button",
+            class: "ss-dash-btn",
+            onClick: w
+          }, "← Back"),
+          s("span", {
+            class: h(`ss-dash-method ss-dash-method-${(e.value.method || "").toLowerCase()}`)
+          }, n(e.value.method), 3),
+          s("span", ss, n(e.value.url), 1),
+          s("span", {
+            class: h(`ss-dash-status ss-dash-status-${Math.floor((e.value.status_code || e.value.statusCode || 0) / 100)}xx`)
+          }, n(e.value.status_code || e.value.statusCode || 0), 3),
+          s("span", ts, n((e.value.total_duration || e.value.totalDuration || 0).toFixed(1)) + "ms · " + n(e.value.spanCount ?? a($)(e.value.spans).length) + " spans ", 1)
+        ]),
+        C(X, {
+          spans: a($)(e.value.spans),
+          "total-duration": e.value.total_duration || e.value.totalDuration || 0,
+          warnings: a(I)(e.value.warnings)
+        }, null, 8, ["spans", "total-duration", "warnings"])
+      ], 64)) : m.value && _.value ? (l(), o(c, { key: 2 }, [
+        s("div", { class: "ss-dash-tl-detail-header" }, [
+          s("button", {
+            type: "button",
+            class: "ss-dash-btn",
+            onClick: w
+          }, "← Back")
+        ]),
+        d[0] || (d[0] = s("div", { class: "ss-dash-empty" }, "Loading trace detail...", -1))
+      ], 64)) : (l(), o(c, { key: 3 }, [
+        C(O, {
+          "model-value": b.value,
+          placeholder: "Filter traces...",
+          summary: `${a(u).total ?? 0} traces`,
+          "onUpdate:modelValue": N
+        }, null, 8, ["model-value", "summary"]),
+        a(L) ? (l(), o("div", es, "Failed to load traces")) : x("", !0),
+        a(B) && !a(p) ? (l(), o("div", as, "Loading traces...")) : (l(), o(c, { key: 2 }, [
+          s("div", ls, [
+            y.value.length > 0 ? (l(), o("table", {
+              key: 0,
+              ref_key: "tableRef",
+              ref: V,
+              class: "ss-dash-table"
+            }, [
+              d[1] || (d[1] = s("colgroup", null, [
+                s("col", { style: { width: "40px" } }),
+                s("col", { style: { width: "70px" } }),
+                s("col"),
+                s("col", { style: { width: "60px" } }),
+                s("col", { style: { width: "80px" } }),
+                s("col", { style: { width: "50px" } }),
+                s("col", { style: { width: "80px" } })
+              ], -1)),
+              d[2] || (d[2] = s("thead", null, [
+                s("tr", null, [
+                  s("th", null, "#"),
+                  s("th", null, "Method"),
+                  s("th", null, "URL"),
+                  s("th", null, "Status"),
+                  s("th", null, "Duration"),
+                  s("th", null, "Spans"),
+                  s("th", null, "Time")
+                ])
+              ], -1)),
+              s("tbody", null, [
+                (l(!0), o(c, null, z(y.value, (t) => (l(), o("tr", {
+                  key: t.id,
+                  class: "ss-dash-clickable",
+                  onClick: (cs) => A(t.id)
+                }, [
+                  s("td", null, [
+                    s("span", ns, n(t.id), 1)
+                  ]),
+                  s("td", null, [
+                    s("span", {
+                      class: h(`ss-dash-method ss-dash-method-${(t.method || "").toLowerCase()}`)
+                    }, n(t.method), 3)
+                  ]),
+                  s("td", null, [
+                    s("span", {
+                      style: { color: "var(--ss-text)", overflow: "hidden", "text-overflow": "ellipsis", "white-space": "nowrap" },
+                      title: t.url
+                    }, n(t.url), 9, rs)
+                  ]),
+                  s("td", null, [
+                    s("span", {
+                      class: h(`ss-dash-status ss-dash-status-${Math.floor((t.statusCode || t.status_code || 0) / 100)}xx`)
+                    }, n(t.statusCode || t.status_code || 0), 3)
+                  ]),
+                  s("td", null, [
+                    s("span", {
+                      class: h(`ss-dash-duration ${R(t.totalDuration || t.total_duration || 0)}`)
+                    }, n((t.totalDuration || t.total_duration || 0).toFixed(1)) + "ms ", 3)
+                  ]),
+                  s("td", null, [
+                    s("span", ds, n(t.spanCount || t.span_count || 0), 1)
+                  ]),
+                  s("td", null, [
+                    s("span", {
+                      class: "ss-dash-event-time",
+                      title: a(K)(
+                        t.createdAt || t.created_at || t.timestamp
+                      )
+                    }, n(a(W)(
+                      t.createdAt || t.created_at || t.timestamp
+                    )), 9, us)
+                  ])
+                ], 8, os))), 128))
+              ])
+            ], 512)) : (l(), o("div", is, "No traces recorded"))
+          ]),
+          a(u).totalPages > 1 ? (l(), j(Q, {
+            key: 0,
+            page: a(u).page,
+            "last-page": a(u).totalPages,
+            total: a(u).total,
+            onPageChange: a(E)
+          }, null, 8, ["page", "last-page", "total", "onPageChange"])) : x("", !0)
+        ], 64))
+      ], 64)) : (l(), o("div", Y, " Tracing is not enabled. Enable tracing in your server-stats config to use the timeline. "))
+    ]));
+  }
+});
+export {
+  ks as default
+};