adonisjs-server-stats 1.9.0 → 1.10.0

package/dist/vue/RequestsSection-B-uSlM0f.js

@@ -1,243 +0,0 @@
-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-oLxS08vN.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/TimelineSection-CfvnA2Oo.js

@@ -1,186 +0,0 @@
-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-oLxS08vN.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
-};

package/dist/vue/TimelineTab-Db6lKKsD.js

@@ -1,250 +0,0 @@
-import { defineComponent as z, ref as h, computed as x, onBeforeUnmount as F, openBlock as s, createElementBlock as l, Fragment as i, createElementVNode as t, toDisplayString as n, normalizeClass as b, unref as u, renderList as _, normalizeStyle as B, createTextVNode as D, createCommentVNode as T, withDirectives as P, vModelText as G, withModifiers as H } from "vue";
-import { formatDuration as y, TAB_ICONS as A, formatTime as I, timeAgo as W, durationSeverity as Y } from "adonisjs-server-stats/core";
-import { u as j } from "./useApiClient-BQQ9CF-q.js";
-import { u as J } from "./useResizableTable-BoivAevK.js";
-const K = {
-  key: 0,
-  class: "ss-dbg-empty"
-}, Q = { class: "ss-dbg-empty" }, X = { class: "ss-dbg-tl-detail-header" }, Z = { class: "ss-dbg-tl-detail-url" }, ee = { class: "ss-dbg-tl-meta" }, te = { class: "ss-dbg-tl-legend" }, se = { id: "ss-dbg-tl-waterfall" }, le = {
-  key: 0,
-  class: "ss-dbg-empty"
-}, ae = ["title"], ne = { class: "ss-dbg-tl-track" }, oe = ["title"], de = { class: "ss-dbg-tl-dur" }, re = {
-  key: 0,
-  class: "ss-dbg-tl-warnings"
-}, ie = {
-  key: 3,
-  class: "ss-dbg-empty"
-}, ue = { class: "ss-dbg-search-bar" }, ce = { class: "ss-dbg-summary" }, be = {
-  key: 0,
-  class: "ss-dbg-empty"
-}, ge = ["onClick"], ve = {
-  class: "ss-dbg-c-dim",
-  style: { "white-space": "nowrap" }
-}, he = { class: "ss-dbg-c-text" }, me = ["href"], fe = ["viewBox", "innerHTML"], pe = {
-  class: "ss-dbg-c-muted",
-  style: { "text-align": "center" }
-}, _e = ["title"], xe = /* @__PURE__ */ z({
-  __name: "TimelineTab",
-  props: {
-    data: {},
-    dashboardPath: {},
-    baseUrl: {},
-    debugEndpoint: {},
-    authToken: {}
-  },
-  setup(k) {
-    const m = k, f = h(""), g = h(null), d = h(null), w = h(!1), c = h(null), S = j(m.baseUrl || "", m.authToken), p = x(() => {
-      const o = m.data;
-      if (!o) return [];
-      const a = Array.isArray(o) ? o : o.traces || [];
-      if (!f.value.trim()) return a;
-      const e = f.value.toLowerCase();
-      return a.filter(
-        (r) => r.url.toLowerCase().includes(e) || r.method.toLowerCase().includes(e) || String(r.statusCode).includes(e)
-      );
-    }), C = {
-      request: "#1e3a5f",
-      middleware: "rgba(30, 58, 95, 0.7)",
-      db: "#6d28d9",
-      view: "#0e7490",
-      mail: "#059669",
-      event: "#b45309",
-      custom: "#525252"
-    }, M = {
-      request: "Request",
-      middleware: "Middleware",
-      db: "Database",
-      view: "View",
-      mail: "Mail",
-      event: "Event",
-      custom: "Custom"
-    };
-    function R(o) {
-      g.value === o.id ? (g.value = null, d.value = null, c.value = null) : (g.value = o.id, N(o.id));
-    }
-    function L() {
-      g.value = null, d.value = null, c.value = null;
-    }
-    let v = null;
-    async function N(o) {
-      v && v.abort(), v = new AbortController(), w.value = !0, c.value = null, d.value = null;
-      const a = m.debugEndpoint || "/admin/api/debug";
-      try {
-        const r = await S().get(`${a}/traces/${o}`);
-        d.value = r;
-      } catch (e) {
-        if (e instanceof Error && e.name === "AbortError") return;
-        c.value = e instanceof Error ? e.message : "Failed to load trace";
-      } finally {
-        w.value = !1;
-      }
-    }
-    const $ = x(() => d.value?.spans || []), E = x(() => d.value?.warnings || []);
-    function O(o, a) {
-      const e = a || 1, r = e > 0 ? o.startOffset / e * 100 : 0, q = e > 0 ? Math.max(o.duration / e * 100, 0.5) : 0.5;
-      return {
-        left: `${r}%`,
-        width: `${q}%`,
-        background: C[o.category] || C.custom
-      };
-    }
-    const { tableRef: U } = J(() => p.value);
-    F(() => {
-      v && v.abort();
-    });
-    function V(o) {
-      const a = Y(o);
-      return a === "very-slow" ? "ss-dbg-very-slow" : a === "slow" ? "ss-dbg-slow" : "";
-    }
-    return (o, a) => (s(), l("div", null, [
-      g.value !== null ? (s(), l(i, { key: 0 }, [
-        w.value ? (s(), l("div", K, "Loading trace detail...")) : c.value ? (s(), l(i, { key: 1 }, [
-          t("div", { class: "ss-dbg-tl-detail-header" }, [
-            t("button", {
-              type: "button",
-              class: "ss-dbg-btn-clear",
-              onClick: L
-            }, "← Back")
-          ]),
-          t("div", Q, "Error: " + n(c.value), 1)
-        ], 64)) : d.value ? (s(), l(i, { key: 2 }, [
-          t("div", X, [
-            t("button", {
-              type: "button",
-              class: "ss-dbg-btn-clear",
-              onClick: L
-            }, "← Back"),
-            t("span", {
-              class: b(`ss-dbg-method ss-dbg-method-${d.value.method.toLowerCase()}`)
-            }, n(d.value.method), 3),
-            t("span", Z, n(d.value.url), 1),
-            t("span", {
-              class: b(`ss-dbg-status ss-dbg-status-${Math.floor(d.value.statusCode / 100)}xx`)
-            }, n(d.value.statusCode), 3),
-            t("span", ee, n(u(y)(d.value.totalDuration)) + " · " + n(d.value.spanCount) + " spans ", 1)
-          ]),
-          t("div", te, [
-            (s(), l(i, null, _(C, (e, r) => t("span", {
-              key: r,
-              class: "ss-dbg-tl-legend-item"
-            }, [
-              t("span", {
-                class: "ss-dbg-tl-legend-dot",
-                style: B({ background: e })
-              }, null, 4),
-              D(" " + n(M[r] || r), 1)
-            ])), 64))
-          ]),
-          t("div", se, [
-            $.value.length === 0 ? (s(), l("div", le, " No spans captured for this request ")) : T("", !0),
-            (s(!0), l(i, null, _($.value, (e) => (s(), l("div", {
-              key: e.id,
-              class: "ss-dbg-tl-row"
-            }, [
-              t("span", {
-                class: "ss-dbg-tl-label",
-                title: e.label
-              }, n(e.label), 9, ae),
-              t("span", ne, [
-                t("span", {
-                  class: b(`ss-dbg-tl-bar ss-dbg-tl-bar-${e.category}`),
-                  style: B(O(e, d.value.totalDuration)),
-                  title: `${e.label}: ${u(y)(e.duration)}`
-                }, null, 14, oe)
-              ]),
-              t("span", de, n(u(y)(e.duration)), 1)
-            ]))), 128))
-          ]),
-          E.value.length > 0 ? (s(), l("div", re, [
-            a[2] || (a[2] = t("div", { class: "ss-dbg-tl-warnings-title" }, "Warnings", -1)),
-            (s(!0), l(i, null, _(E.value, (e, r) => (s(), l("div", {
-              key: r,
-              class: "ss-dbg-tl-warning"
-            }, n(e), 1))), 128))
-          ])) : T("", !0)
-        ], 64)) : (s(), l("div", ie, "Loading trace detail..."))
-      ], 64)) : (s(), l(i, { key: 1 }, [
-        t("div", ue, [
-          P(t("input", {
-            "onUpdate:modelValue": a[0] || (a[0] = (e) => f.value = e),
-            class: "ss-dbg-search",
-            placeholder: "Filter traces...",
-            type: "text"
-          }, null, 512), [
-            [G, f.value]
-          ]),
-          t("span", ce, n(p.value.length) + " traces", 1)
-        ]),
-        p.value.length === 0 ? (s(), l("div", be, "No traces captured")) : (s(), l("table", {
-          key: 1,
-          ref_key: "tableRef",
-          ref: U,
-          class: "ss-dbg-table"
-        }, [
-          a[3] || (a[3] = t("thead", null, [
-            t("tr", null, [
-              t("th", null, "#"),
-              t("th", null, "Method"),
-              t("th", null, "URL"),
-              t("th", null, "Status"),
-              t("th", null, "Duration"),
-              t("th", null, "Spans"),
-              t("th", null, "Time")
-            ])
-          ], -1)),
-          t("tbody", null, [
-            (s(!0), l(i, null, _(p.value, (e) => (s(), l("tr", {
-              key: e.id,
-              class: "ss-dbg-email-row",
-              onClick: (r) => R(e)
-            }, [
-              t("td", ve, n(e.id), 1),
-              t("td", null, [
-                t("span", {
-                  class: b(`ss-dbg-method ss-dbg-method-${e.method.toLowerCase()}`)
-                }, n(e.method), 3)
-              ]),
-              t("td", he, [
-                D(n(e.url) + " ", 1),
-                k.dashboardPath ? (s(), l("a", {
-                  key: 0,
-                  href: `${k.dashboardPath}#timeline?id=${e.id}`,
-                  target: "_blank",
-                  class: "ss-dbg-deeplink",
-                  onClick: a[1] || (a[1] = H(() => {
-                  }, ["stop"]))
-                }, [
-                  (s(), l("svg", {
-                    viewBox: u(A)["open-external"].viewBox,
-                    width: "12",
-                    height: "12",
-                    fill: "none",
-                    stroke: "currentColor",
-                    "stroke-width": "2",
-                    innerHTML: u(A)["open-external"].elements.join("")
-                  }, null, 8, fe))
-                ], 8, me)) : T("", !0)
-              ]),
-              t("td", null, [
-                t("span", {
-                  class: b(`ss-dbg-status ss-dbg-status-${Math.floor(e.statusCode / 100)}xx`)
-                }, n(e.statusCode), 3)
-              ]),
-              t("td", {
-                class: b(["ss-dbg-duration", V(e.totalDuration)])
-              }, n(u(y)(e.totalDuration)), 3),
-              t("td", pe, n(e.spanCount), 1),
-              t("td", {
-                class: "ss-dbg-event-time",
-                title: u(I)(e.timestamp)
-              }, n(u(W)(e.timestamp)), 9, _e)
-            ], 8, ge))), 128))
-          ])
-        ], 512))
-      ], 64))
-    ]));
-  }
-});
-export {
-  xe as default
-};