adonisjs-server-stats 1.13.0 → 1.14.0

package/dist/vue/{QueriesSection-CUpwhp7u.js → QueriesSection-CXBsFp-y.js}

@@ -1,6 +1,6 @@
 import { defineComponent as he, inject as z, ref as T, computed as p, openBlock as a, createElementBlock as l, createVNode as me, withCtx as ve, createElementVNode as s, normalizeClass as f, unref as c, Fragment as d, renderList as x, createTextVNode as v, toDisplayString as o, createCommentVNode as h, withKeys as G, withModifiers as F, normalizeStyle as H, createBlock as ye } from "vue";
 import { QueriesController as fe, getDashboardListColumns as _e, getDashboardGroupedColumns as xe, resolveField as b, normalizeDashboardQuery as ge, buildSqlCounts as be, computeDashboardQuerySummary as ke, formatTime as we, timeAgo as Ce, formatCellValue as $e, flattenPlanTree as De, getExplainColumns as Ee, hasNestedPlan as Se, durationClassName as Ne } from "adonisjs-server-stats/core";
-import { u as ze } from "./index-30jLw-_w.js";
+import { u as ze } from "./index-14x39RI_.js";
 import { u as Pe } from "./useResizableTable-BoivAevK.js";
 import { _ as Te } from "./FilterBar.vue_vue_type_script_setup_true_lang-ClJ37hhT.js";
 import { _ as Fe } from "./PaginationControls.vue_vue_type_script_setup_true_lang-CuN7g_8Z.js";

package/dist/vue/{RequestsSection-D8P2xpF2.js → RequestsSection-YTIaZGZd.js}

@@ -1,18 +1,18 @@
-import { defineComponent as I, computed as x, openBlock as l, createElementBlock as o, normalizeClass as v, createElementVNode as t, Fragment as f, renderList as B, normalizeStyle as U, toDisplayString as d, createTextVNode as k, createCommentVNode as p, inject as S, ref as m, watch as et, nextTick as at, onUnmounted as lt, createVNode as j, createBlock as G, unref as r } from "vue";
-import { initSplitPane as nt, formatTime as ot, timeAgo as it, normalizeTraceFields as dt, durationClassName as rt } from "adonisjs-server-stats/core";
-import { u as ut } from "./useApiClient-BQQ9CF-q.js";
-import { u as ct } from "./index-30jLw-_w.js";
-import { u as ht } from "./useResizableTable-BoivAevK.js";
-import { _ as mt } from "./FilterBar.vue_vue_type_script_setup_true_lang-ClJ37hhT.js";
-import { _ as pt } from "./PaginationControls.vue_vue_type_script_setup_true_lang-CuN7g_8Z.js";
-import { _ as vt } from "./RelatedLogs.vue_vue_type_script_setup_true_lang-Py1iu9GU.js";
-const ft = {
+import { defineComponent as Y, computed as q, openBlock as l, createElementBlock as o, normalizeClass as v, createElementVNode as t, Fragment as f, renderList as A, normalizeStyle as W, toDisplayString as i, createTextVNode as b, createCommentVNode as p, inject as T, ref as m, watch as at, nextTick as lt, onUnmounted as nt, createVNode as G, createBlock as I, unref as d } from "vue";
+import { initSplitPane as ot, formatTime as rt, timeAgo as it, normalizeTraceFields as dt, durationClassName as ut } from "adonisjs-server-stats/core";
+import { u as ct } from "./useApiClient-BQQ9CF-q.js";
+import { u as ht } from "./index-14x39RI_.js";
+import { u as mt } from "./useResizableTable-BoivAevK.js";
+import { _ as pt } from "./FilterBar.vue_vue_type_script_setup_true_lang-ClJ37hhT.js";
+import { _ as vt } from "./PaginationControls.vue_vue_type_script_setup_true_lang-CuN7g_8Z.js";
+import { _ as ft } from "./RelatedLogs.vue_vue_type_script_setup_true_lang-Py1iu9GU.js";
+const gt = {
   key: 0,
   class: "ss-dash-empty"
-}, gt = { class: "ss-dash-tl-legend" }, yt = ["title"], _t = { class: "ss-dash-tl-track" }, kt = ["title"], wt = { class: "ss-dash-tl-dur" }, bt = {
+}, yt = { class: "ss-dash-tl-legend" }, _t = ["title"], kt = { class: "ss-dash-tl-track" }, bt = ["title"], wt = { class: "ss-dash-tl-dur" }, Ct = {
   key: 0,
   class: "ss-dash-tl-warnings"
-}, Ct = { class: "ss-dash-tl-warnings-title" }, H = /* @__PURE__ */ I({
+}, $t = { class: "ss-dash-tl-warnings-title" }, K = /* @__PURE__ */ Y({
   __name: "WaterfallChart",
   props: {
     spans: {},
@@ -21,7 +21,7 @@ const ft = {
     warnings: {}
   },
   setup(g) {
-    const w = g, b = {
+    const w = g, C = {
       request: "#1e3a5f",
       middleware: "rgba(30, 58, 95, 0.7)",
       db: "#6d28d9",
@@ -29,7 +29,7 @@ const ft = {
       mail: "#059669",
       event: "#b45309",
       custom: "var(--ss-dim)"
-    }, R = {
+    }, D = {
       request: "Request",
       middleware: "Middleware",
       db: "DB",
@@ -37,15 +37,15 @@ const ft = {
       event: "Event",
       view: "View",
       custom: "Custom"
-    }, C = x(() => w.spans || []), y = x(
-      () => [...C.value].sort((a, u) => a.startOffset - u.startOffset)
-    ), T = x(() => {
+    }, $ = q(() => w.spans || []), y = q(
+      () => [...$.value].sort((a, u) => a.startOffset - u.startOffset)
+    ), E = q(() => {
       const a = {};
       for (const u of y.value)
         a[u.id] = u.parentId ? (a[u.parentId] || 0) + 1 : 0;
       return a;
     });
-    function A(a) {
+    function F(a) {
       const u = w.totalDuration || 1;
       return `${a.startOffset / u * 100}%`;
     }
@@ -56,82 +56,82 @@ const ft = {
     function h(a) {
       return a.length > 50 ? a.slice(0, 50) + "..." : a;
     }
-    function F(a) {
+    function N(a) {
       return a === "db" ? "DB" : a;
     }
-    function N(a) {
+    function O(a) {
       return a === "db" ? "purple" : a === "mail" ? "green" : a === "event" ? "amber" : a === "view" ? "blue" : "muted";
     }
-    function q(a) {
-      const u = a.metadata ? Object.entries(a.metadata).filter(([, i]) => i != null).map(([i, n]) => `${i}=${n}`).join(", ") : "";
+    function L(a) {
+      const u = a.metadata ? Object.entries(a.metadata).filter(([, r]) => r != null).map(([r, n]) => `${r}=${n}`).join(", ") : "";
       return u ? `${a.label} (${a.duration.toFixed(2)}ms)
 ${u}` : `${a.label} (${a.duration.toFixed(2)}ms)`;
     }
-    return (a, u) => C.value.length === 0 ? (l(), o("div", ft, "No spans recorded")) : (l(), o("div", {
+    return (a, u) => $.value.length === 0 ? (l(), o("div", gt, "No spans recorded")) : (l(), o("div", {
       key: 1,
       class: v(`ss-dash-tl-waterfall ${g.className || ""}`)
     }, [
-      t("div", gt, [
-        (l(), o(f, null, B(R, (i, n) => t("div", {
+      t("div", yt, [
+        (l(), o(f, null, A(D, (r, n) => t("div", {
           key: n,
           class: "ss-dash-tl-legend-item"
         }, [
           t("span", {
             class: "ss-dash-tl-legend-dot",
-            style: U({ background: b[n] || b.custom })
+            style: W({ background: C[n] || C.custom })
           }, null, 4),
-          t("span", null, d(i), 1)
+          t("span", null, i(r), 1)
         ])), 64))
       ]),
-      (l(!0), o(f, null, B(y.value, (i) => (l(), o("div", {
-        key: i.id,
+      (l(!0), o(f, null, A(y.value, (r) => (l(), o("div", {
+        key: r.id,
         class: "ss-dash-tl-row"
       }, [
         t("div", {
           class: "ss-dash-tl-label",
-          title: q(i),
-          style: U({ paddingLeft: 8 + (T.value[i.id] || 0) * 16 + "px" })
+          title: L(r),
+          style: W({ paddingLeft: 8 + (E.value[r.id] || 0) * 16 + "px" })
         }, [
           t("span", {
-            class: v(`ss-dash-badge ss-dash-badge-${N(i.category)}`),
+            class: v(`ss-dash-badge ss-dash-badge-${O(r.category)}`),
             style: { "font-size": "9px", "margin-right": "4px" }
-          }, d(F(i.category)), 3),
-          k(" " + d(h(i.label)), 1)
-        ], 12, yt),
-        t("div", _t, [
+          }, i(N(r.category)), 3),
+          b(" " + i(h(r.label)), 1)
+        ], 12, _t),
+        t("div", kt, [
           t("div", {
-            class: v(`ss-dash-tl-bar ss-dash-tl-bar-${i.category || "custom"}`),
-            style: U({
-              left: A(i),
-              width: _(i)
+            class: v(`ss-dash-tl-bar ss-dash-tl-bar-${r.category || "custom"}`),
+            style: W({
+              left: F(r),
+              width: _(r)
             }),
-            title: q(i)
-          }, null, 14, kt)
+            title: L(r)
+          }, null, 14, bt)
         ]),
-        t("span", wt, d(i.duration.toFixed(2)) + "ms", 1)
+        t("span", wt, i(r.duration.toFixed(2)) + "ms", 1)
       ]))), 128)),
-      g.warnings && g.warnings.length > 0 ? (l(), o("div", bt, [
-        t("div", Ct, "Warnings (" + d(g.warnings.length) + ")", 1),
-        (l(!0), o(f, null, B(g.warnings, (i, n) => (l(), o("div", {
+      g.warnings && g.warnings.length > 0 ? (l(), o("div", Ct, [
+        t("div", $t, "Warnings (" + i(g.warnings.length) + ")", 1),
+        (l(!0), o(f, null, A(g.warnings, (r, n) => (l(), o("div", {
           key: n,
           class: "ss-dash-tl-warning"
-        }, d(i), 1))), 128))
+        }, i(r), 1))), 128))
       ])) : p("", !0)
     ], 2));
   }
-}), $t = { class: "ss-dash-tl-detail-header" }, xt = { style: { color: "var(--ss-text)" } }, Rt = { class: "ss-dash-tl-meta" }, qt = { class: "ss-dash-tl-detail-header" }, Dt = {
+}), xt = { class: "ss-dash-tl-detail-header" }, Rt = { style: { color: "var(--ss-text)" } }, qt = { class: "ss-dash-tl-meta" }, Dt = { class: "ss-dash-tl-detail-header" }, Lt = {
   key: 0,
   class: "ss-dash-empty"
-}, Lt = {
+}, St = {
   key: 1,
   class: "ss-dash-empty"
-}, St = { class: "ss-dash-table-wrap" }, Bt = {
+}, Bt = { class: "ss-dash-table-wrap" }, Tt = {
   key: 0,
   class: "ss-dash-sort-arrow"
-}, Tt = {
+}, At = {
   key: 0,
   class: "ss-dash-sort-arrow"
-}, At = {
+}, Et = {
   key: 0,
   class: "ss-dash-sort-arrow"
 }, Ft = {
@@ -140,96 +140,102 @@ ${u}` : `${a.label} (${a.duration.toFixed(2)}ms)`;
 }, Nt = {
   key: 0,
   class: "ss-dash-sort-arrow"
-}, Ot = ["onClick"], Pt = { style: { color: "var(--ss-dim)" } }, Et = ["title"], Mt = { style: { color: "var(--ss-muted)", "text-align": "center" } }, Vt = {
+}, Ot = ["onClick"], Pt = { style: { color: "var(--ss-dim)" } }, Mt = ["title"], Vt = { style: { color: "var(--ss-muted)", "text-align": "center" } }, zt = {
   key: 0,
   style: { color: "var(--ss-amber-fg)", "text-align": "center", display: "block" }
-}, zt = {
+}, Ut = {
   key: 1,
   style: { color: "var(--ss-dim)", "text-align": "center", display: "block" }
-}, Ut = ["title"], jt = {
+}, jt = ["title"], Wt = {
   key: 1,
   class: "ss-dash-empty"
-}, Xt = /* @__PURE__ */ I({
+}, ts = /* @__PURE__ */ Y({
   __name: "RequestsSection",
   setup(g) {
-    const w = S("ss-refresh-key", m(0)), b = S("ss-dashboard-endpoint", "/__stats/api"), R = S("ss-auth-token", void 0), C = S("ss-base-url", ""), { data: y, loading: T, error: A, pagination: _, sort: h, goToPage: F, setSearch: N, setSort: q } = ct(
+    const w = T("ss-refresh-key", m(0)), C = T("ss-dashboard-endpoint", "/__stats/api"), D = T("ss-auth-token", void 0), $ = T("ss-base-url", ""), { data: y, loading: E, error: F, pagination: _, sort: h, goToPage: N, setSearch: O, setSort: L } = ht(
       () => "requests",
       {
-        baseUrl: C,
-        dashboardEndpoint: b,
-        authToken: R,
+        baseUrl: $,
+        dashboardEndpoint: C,
+        authToken: D,
         refreshKey: w
       }
-    ), a = m(""), u = m(null), i = m(!1), n = m(null), O = x(() => {
+    ), a = m(""), u = m(null), r = m(!1), n = m(null), P = q(() => {
       if (!y.value) return [];
       const c = y.value;
       return c.data || c.requests || y.value || [];
-    }), K = ut(C, R);
-    async function Y(c) {
+    }), J = ct($, D);
+    let k = null;
+    async function Q(c) {
       const e = c.id;
-      i.value = !0;
+      k && k.abort(), k = new AbortController();
+      const s = k;
+      r.value = !0;
       try {
-        const s = b || "/__stats/api", L = await K().fetch(`${s}/requests/${e}`), W = L.trace, st = W ? { ...L, ...W, logs: L.logs } : L;
-        n.value = dt(st), u.value = c;
-      } catch {
+        const R = C || "/__stats/api", B = await J().fetch(`${R}/requests/${e}`, {
+          signal: s.signal
+        }), H = B.trace, et = H ? { ...B, ...H, logs: B.logs } : B;
+        n.value = dt(et), u.value = c;
+      } catch (R) {
+        if (R instanceof Error && R.name === "AbortError") return;
       } finally {
-        i.value = !1;
+        k === s && (r.value = !1);
       }
     }
-    function J() {
+    function X() {
       u.value = null, n.value = null;
     }
-    function Q(c) {
-      a.value = c, N(c);
+    function Z(c) {
+      a.value = c, O(c);
     }
-    function $(c) {
-      q(c);
+    function x(c) {
+      L(c);
     }
-    function X(c) {
-      return rt(c, "ss-dash");
+    function tt(c) {
+      return ut(c, "ss-dash");
     }
-    const { tableRef: Z } = ht(() => O.value), P = m(null), E = m(null), M = m(null), V = m(null);
-    let D = null;
-    const z = x(() => n.value ? n.value.logs || [] : []);
-    return et([() => u.value, () => n.value], async () => {
-      D?.(), D = null, n.value && z.value.length > 0 && (await at(), P.value && E.value && M.value && V.value && (D = nt({
-        container: P.value,
-        handle: E.value,
-        topPane: M.value,
-        bottomPane: V.value,
+    const { tableRef: st } = mt(() => P.value), M = m(null), V = m(null), z = m(null), U = m(null);
+    let S = null;
+    const j = q(() => n.value ? n.value.logs || [] : []);
+    return at([() => u.value, () => n.value], async () => {
+      S?.(), S = null, n.value && j.value.length > 0 && (await lt(), M.value && V.value && z.value && U.value && (S = ot({
+        container: M.value,
+        handle: V.value,
+        topPane: z.value,
+        bottomPane: U.value,
         storageKey: "ss-requests-split"
       })));
-    }), lt(() => {
-      D?.();
+    }), nt(() => {
+      k && k.abort(), S?.();
     }), (c, e) => (l(), o("div", null, [
       n.value && u.value ? (l(), o(f, { key: 0 }, [
-        t("div", $t, [
+        t("div", xt, [
           t("button", {
             type: "button",
             class: "ss-dash-btn",
-            onClick: J
+            onClick: X
           }, " ← Back to Requests "),
           t("span", {
             class: v(`ss-dash-method ss-dash-method-${(n.value.method || "").toLowerCase()}`)
-          }, d(n.value.method), 3),
-          t("span", xt, d(n.value.url), 1),
+          }, i(n.value.method), 3),
+          t("span", Rt, i(n.value.url), 1),
           t("span", {
             class: v(`ss-dash-status ss-dash-status-${Math.floor((n.value.statusCode || 200) / 100)}xx`)
-          }, d(n.value.statusCode), 3),
-          t("span", Rt, d(n.value.totalDuration.toFixed(1)) + "ms · " + d(n.value.spanCount) + " spans ", 1)
+          }, i(n.value.statusCode), 3),
+          t("span", qt, i(n.value.totalDuration.toFixed(1)) + "ms · " + i(n.value.spanCount) + " spans ", 1)
         ]),
-        z.value.length > 0 ? (l(), o("div", {
+        j.value.length > 0 ? (l(), o("div", {
           key: 0,
           ref_key: "splitContainerRef",
-          ref: P,
+          ref: M,
           class: "ss-dash-split-container"
         }, [
           t("div", {
             ref_key: "splitTopRef",
-            ref: M,
+            ref: z,
             class: "ss-dash-split-top"
           }, [
-            j(H, {
+            G(K, {
               spans: n.value.spans,
               "total-duration": n.value.totalDuration,
               warnings: n.value.warnings
@@ -237,45 +243,45 @@ ${u}` : `${a.label} (${a.duration.toFixed(2)}ms)`;
           ], 512),
           t("div", {
             ref_key: "splitHandleRef",
-            ref: E,
+            ref: V,
             class: "ss-dash-split-handle"
           }, null, 512),
           t("div", {
             ref_key: "splitBottomRef",
-            ref: V,
+            ref: U,
             class: "ss-dash-split-bottom"
           }, [
-            j(vt, { logs: z.value }, null, 8, ["logs"])
+            G(ft, { logs: j.value }, null, 8, ["logs"])
           ], 512)
-        ], 512)) : (l(), G(H, {
+        ], 512)) : (l(), I(K, {
           key: 1,
           spans: n.value.spans,
           "total-duration": n.value.totalDuration,
           warnings: n.value.warnings
         }, null, 8, ["spans", "total-duration", "warnings"]))
-      ], 64)) : i.value ? (l(), o(f, { key: 1 }, [
-        t("div", qt, [
+      ], 64)) : r.value ? (l(), o(f, { key: 1 }, [
+        t("div", Dt, [
           t("button", {
             type: "button",
             class: "ss-dash-btn",
-            onClick: e[0] || (e[0] = (s) => i.value = !1)
+            onClick: e[0] || (e[0] = (s) => r.value = !1)
           }, " ← Back to Requests ")
         ]),
         e[6] || (e[6] = t("div", { class: "ss-dash-empty" }, "Loading request detail...", -1))
       ], 64)) : (l(), o(f, { key: 2 }, [
-        j(mt, {
+        G(pt, {
           "model-value": a.value,
           placeholder: "Filter requests...",
-          summary: `${r(_).total ?? 0} requests`,
-          "onUpdate:modelValue": Q
+          summary: `${d(_).total ?? 0} requests`,
+          "onUpdate:modelValue": Z
         }, null, 8, ["model-value", "summary"]),
-        r(A) ? (l(), o("div", Dt, "Failed to load requests")) : p("", !0),
-        r(T) && !r(y) ? (l(), o("div", Lt, "Loading requests...")) : (l(), o(f, { key: 2 }, [
-          t("div", St, [
-            O.value.length > 0 ? (l(), o("table", {
+        d(F) ? (l(), o("div", Lt, "Failed to load requests")) : p("", !0),
+        d(E) && !d(y) ? (l(), o("div", St, "Loading requests...")) : (l(), o(f, { key: 2 }, [
+          t("div", Bt, [
+            P.value.length > 0 ? (l(), o("table", {
               key: 0,
               ref_key: "tableRef",
-              ref: Z,
+              ref: st,
               class: "ss-dash-table"
             }, [
               e[15] || (e[15] = t("colgroup", null, [
@@ -293,99 +299,99 @@ ${u}` : `${a.label} (${a.duration.toFixed(2)}ms)`;
                   e[12] || (e[12] = t("th", null, "#", -1)),
                   t("th", {
                     class: "ss-dash-sortable",
-                    onClick: e[1] || (e[1] = (s) => $("method"))
+                    onClick: e[1] || (e[1] = (s) => x("method"))
                   }, [
-                    e[7] || (e[7] = k(" Method ", -1)),
-                    r(h).column === "method" ? (l(), o("span", Bt, d(r(h).direction === "asc" ? " ▲" : " ▼"), 1)) : p("", !0)
+                    e[7] || (e[7] = b(" Method ", -1)),
+                    d(h).column === "method" ? (l(), o("span", Tt, i(d(h).direction === "asc" ? " ▲" : " ▼"), 1)) : p("", !0)
                   ]),
                   t("th", {
                     class: "ss-dash-sortable",
-                    onClick: e[2] || (e[2] = (s) => $("url"))
+                    onClick: e[2] || (e[2] = (s) => x("url"))
                   }, [
-                    e[8] || (e[8] = k(" URL ", -1)),
-                    r(h).column === "url" ? (l(), o("span", Tt, d(r(h).direction === "asc" ? " ▲" : " ▼"), 1)) : p("", !0)
+                    e[8] || (e[8] = b(" URL ", -1)),
+                    d(h).column === "url" ? (l(), o("span", At, i(d(h).direction === "asc" ? " ▲" : " ▼"), 1)) : p("", !0)
                   ]),
                   t("th", {
                     class: "ss-dash-sortable",
-                    onClick: e[3] || (e[3] = (s) => $("statusCode"))
+                    onClick: e[3] || (e[3] = (s) => x("statusCode"))
                   }, [
-                    e[9] || (e[9] = k(" Status ", -1)),
-                    r(h).column === "statusCode" ? (l(), o("span", At, d(r(h).direction === "asc" ? " ▲" : " ▼"), 1)) : p("", !0)
+                    e[9] || (e[9] = b(" Status ", -1)),
+                    d(h).column === "statusCode" ? (l(), o("span", Et, i(d(h).direction === "asc" ? " ▲" : " ▼"), 1)) : p("", !0)
                   ]),
                   t("th", {
                     class: "ss-dash-sortable",
-                    onClick: e[4] || (e[4] = (s) => $("duration"))
+                    onClick: e[4] || (e[4] = (s) => x("duration"))
                   }, [
-                    e[10] || (e[10] = k(" Duration ", -1)),
-                    r(h).column === "duration" ? (l(), o("span", Ft, d(r(h).direction === "asc" ? " ▲" : " ▼"), 1)) : p("", !0)
+                    e[10] || (e[10] = b(" Duration ", -1)),
+                    d(h).column === "duration" ? (l(), o("span", Ft, i(d(h).direction === "asc" ? " ▲" : " ▼"), 1)) : p("", !0)
                   ]),
                   e[13] || (e[13] = t("th", null, "Spans", -1)),
                   e[14] || (e[14] = t("th", null, "⚠", -1)),
                   t("th", {
                     class: "ss-dash-sortable",
-                    onClick: e[5] || (e[5] = (s) => $("createdAt"))
+                    onClick: e[5] || (e[5] = (s) => x("createdAt"))
                   }, [
-                    e[11] || (e[11] = k(" Time ", -1)),
-                    r(h).column === "createdAt" ? (l(), o("span", Nt, d(r(h).direction === "asc" ? " ▲" : " ▼"), 1)) : p("", !0)
+                    e[11] || (e[11] = b(" Time ", -1)),
+                    d(h).column === "createdAt" ? (l(), o("span", Nt, i(d(h).direction === "asc" ? " ▲" : " ▼"), 1)) : p("", !0)
                   ])
                 ])
               ]),
               t("tbody", null, [
-                (l(!0), o(f, null, B(O.value, (s) => (l(), o("tr", {
+                (l(!0), o(f, null, A(P.value, (s) => (l(), o("tr", {
                   key: s.id,
                   class: "ss-dash-clickable",
-                  onClick: (tt) => Y(s)
+                  onClick: (R) => Q(s)
                 }, [
                   t("td", null, [
-                    t("span", Pt, d(s.id), 1)
+                    t("span", Pt, i(s.id), 1)
                   ]),
                   t("td", null, [
                     t("span", {
                       class: v(`ss-dash-method ss-dash-method-${(s.method || "").toLowerCase()}`)
-                    }, d(s.method), 3)
+                    }, i(s.method), 3)
                   ]),
                   t("td", null, [
                     t("span", {
                       style: { color: "var(--ss-text)", overflow: "hidden", "text-overflow": "ellipsis", "white-space": "nowrap" },
                       title: s.url
-                    }, d(s.url), 9, Et)
+                    }, i(s.url), 9, Mt)
                   ]),
                   t("td", null, [
                     t("span", {
                       class: v(`ss-dash-status ss-dash-status-${Math.floor((s.status_code || s.statusCode || 200) / 100)}xx`)
-                    }, d(s.status_code || s.statusCode), 3)
+                    }, i(s.status_code || s.statusCode), 3)
                   ]),
                   t("td", null, [
                     t("span", {
-                      class: v(`ss-dash-duration ${X(s.total_duration || s.totalDuration || s.duration || 0)}`)
-                    }, d((s.total_duration || s.totalDuration || s.duration || 0).toFixed(1)) + "ms ", 3)
+                      class: v(`ss-dash-duration ${tt(s.total_duration || s.totalDuration || s.duration || 0)}`)
+                    }, i((s.total_duration || s.totalDuration || s.duration || 0).toFixed(1)) + "ms ", 3)
                   ]),
                   t("td", null, [
-                    t("span", Mt, d(s.span_count || s.spanCount || 0), 1)
+                    t("span", Vt, i(s.span_count || s.spanCount || 0), 1)
                   ]),
                   t("td", null, [
-                    (s.warning_count || s.warningCount || 0) > 0 ? (l(), o("span", Vt, d(s.warning_count || s.warningCount || 0), 1)) : (l(), o("span", zt, "-"))
+                    (s.warning_count || s.warningCount || 0) > 0 ? (l(), o("span", zt, i(s.warning_count || s.warningCount || 0), 1)) : (l(), o("span", Ut, "-"))
                   ]),
                   t("td", null, [
                     t("span", {
                       class: "ss-dash-event-time",
-                      title: r(ot)(
+                      title: d(rt)(
                         s.createdAt || s.created_at || s.timestamp || ""
                       )
-                    }, d(r(it)(
+                    }, i(d(it)(
                       s.createdAt || s.created_at || s.timestamp || ""
-                    )), 9, Ut)
+                    )), 9, jt)
                   ])
                 ], 8, Ot))), 128))
               ])
-            ], 512)) : (l(), o("div", jt, "No requests recorded yet"))
+            ], 512)) : (l(), o("div", Wt, "No requests recorded yet"))
           ]),
-          r(_).totalPages > 1 ? (l(), G(pt, {
+          d(_).totalPages > 1 ? (l(), I(vt, {
             key: 0,
-            page: r(_).page,
-            "last-page": r(_).totalPages,
-            total: r(_).total,
-            onPageChange: r(F)
+            page: d(_).page,
+            "last-page": d(_).totalPages,
+            total: d(_).total,
+            onPageChange: d(N)
           }, null, 8, ["page", "last-page", "total", "onPageChange"])) : p("", !0)
         ], 64))
       ], 64))
@@ -393,5 +399,5 @@ ${u}` : `${a.label} (${a.duration.toFixed(2)}ms)`;
   }
 });
 export {
-  Xt as default
+  ts as default
 };

package/dist/vue/{RoutesSection-0qB81hTT.js → RoutesSection-CDKMey49.js}

@@ -1,5 +1,5 @@
 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-30jLw-_w.js";
+import { u as z } from "./index-14x39RI_.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 = {

package/dist/vue/composables/useApiClient.d.ts

@@ -3,6 +3,13 @@ import { ApiClient } from '../../core/api-client.js';
  * Vue composable that lazily creates and memoizes an {@link ApiClient} instance.
  *
  * Returns a getter function that creates the client on first call
- * and reuses it on subsequent calls.
+ * and reuses it on subsequent calls (memoized within the returned closure).
+ *
+ * IMPORTANT: call this inside a component's `setup()` / `<script setup>` scope
+ * (or an `onMounted` callback), never at module-evaluation time. The memoized
+ * client captures the `baseUrl`/`authToken` passed in; invoking it once at
+ * module scope would make the same client — and its stale config/credentials —
+ * shared across every component instance and hot-reload. Called per-setup, each
+ * instance gets its own client reflecting its own injected configuration.
  */
 export declare function useApiClient(baseUrl?: string, authToken?: string): () => ApiClient;