adonisjs-server-stats 1.10.3 → 1.11.1

package/dist/src/styles/components.css

@@ -1307,3 +1307,70 @@ tr:hover .ss-dbg-copy-row-btn,
   font-weight: 400;
   color: var(--ss-dim);
 }
+
+/* ── Cache stats bar ─────────────────────────────────────────── */
+/* Shared between Dashboard CacheSection and DebugPanel CacheTab.
+ * Gap/padding differ slightly — override via --ss-cache-stats-gap
+ * and --ss-cache-stats-px / --ss-cache-stats-py. */
+.ss-cache-stats,
+.ss-dash-cache-stats,
+.ss-dbg-cache-stats {
+  display: flex;
+  gap: var(--ss-cache-stats-gap, 16px);
+  padding: var(--ss-cache-stats-py, 8px) var(--ss-cache-stats-px, 12px);
+  border-bottom: 1px solid var(--ss-border-dim);
+  background: var(--ss-surface-alt);
+  font-size: 11px;
+  flex-shrink: 0;
+}
+.ss-cache-stat,
+.ss-dash-cache-stat,
+.ss-dbg-cache-stat {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+}
+.ss-cache-stat-label,
+.ss-dash-cache-stat-label,
+.ss-dbg-cache-stat-label {
+  color: var(--ss-muted);
+}
+.ss-cache-stat-value,
+.ss-dash-cache-stat-value,
+.ss-dbg-cache-stat-value {
+  color: var(--ss-text);
+  font-weight: 600;
+}
+
+/* ── Job stats bar ──────────────────────────────────────────── */
+/* Shared between Dashboard JobsSection and DebugPanel JobsTab.
+ * Gap/padding differ slightly — override via --ss-job-stats-gap
+ * and --ss-job-stats-px / --ss-job-stats-py. */
+.ss-job-stats,
+.ss-dash-job-stats,
+.ss-dbg-job-stats {
+  display: flex;
+  gap: var(--ss-job-stats-gap, 16px);
+  padding: var(--ss-job-stats-py, 8px) var(--ss-job-stats-px, 12px);
+  background: var(--ss-surface-alt);
+  font-size: 11px;
+  flex-shrink: 0;
+}
+.ss-job-stat,
+.ss-dash-job-stat,
+.ss-dbg-job-stat {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+}
+.ss-job-stat-label,
+.ss-dash-job-stat-label,
+.ss-dbg-job-stat-label {
+  color: var(--ss-muted);
+}
+.ss-job-stat-value,
+.ss-dash-job-stat-value,
+.ss-dbg-job-stat-value {
+  color: var(--ss-text);
+  font-weight: 600;
+}

package/dist/src/styles/dashboard.css

@@ -1168,28 +1168,18 @@ body {
 }
 
 /* ── Cache ─────────────────────────────────────────────────────── */
+/* Base cache stats bar → components.css; dashboard overrides: */
 .ss-dash-cache-stats {
-  display: flex;
-  gap: 12px;
-  padding: 12px 16px;
-  border-bottom: 1px solid var(--ss-border-dim);
-  flex-shrink: 0;
-}
-
-.ss-dash-cache-stat {
-  font-size: 11px;
+  --ss-cache-stats-gap: 12px;
+  --ss-cache-stats-py: 12px;
+  --ss-cache-stats-px: 16px;
+  background: none;
 }
 .ss-dash-cache-stat-label {
   font-size: 10px;
-  color: var(--ss-muted);
   text-transform: uppercase;
   margin-right: 4px;
 }
-.ss-dash-cache-stat-value {
-  font-weight: 600;
-  /* tabular-nums → utilities.css */
-  color: var(--ss-text);
-}
 
 .ss-dash-cache-detail {
   padding: 12px 16px;

package/dist/src/styles/debug-panel.css

@@ -524,28 +524,7 @@
   color: var(--ss-red-fg);
 }
 
-/* Cache tab */
-.ss-dbg-cache-stats {
-  display: flex;
-  gap: 16px;
-  padding: 8px 12px;
-  border-bottom: 1px solid var(--ss-border-dim);
-  background: var(--ss-surface-alt);
-  font-size: 11px;
-}
-.ss-dbg-cache-stat {
-  display: inline-flex;
-  align-items: center;
-  gap: 4px;
-}
-.ss-dbg-cache-stat-label {
-  color: var(--ss-muted);
-}
-.ss-dbg-cache-stat-value {
-  color: var(--ss-text);
-  font-weight: 600;
-  /* tabular-nums → utilities.css */
-}
+/* Cache tab — base stats bar → components.css */
 
 /* Cache detail overlay */
 .ss-dbg-cache-detail {

package/dist/src/styles/utilities.css

@@ -60,6 +60,7 @@
 .ss-dash-event-time,
 .ss-dash-card-value,
 .ss-dash-secondary-list-value,
+.ss-cache-stat-value,
 .ss-dash-cache-stat-value,
 .ss-dash-job-stat-value,
 .ss-dash-widget-stat-value,
@@ -70,6 +71,7 @@
 .ss-dbg-event-time,
 .ss-dbg-mini-stat-value,
 .ss-dbg-cache-stat-value,
-.ss-dbg-job-stat-value {
+.ss-dbg-job-stat-value,
+.ss-job-stat-value {
   font-variant-numeric: tabular-nums;
 }

package/dist/vue/{CacheSection-ITqvpfH5.js → CacheSection-DT2Mwf_s.js}

@@ -1,5 +1,5 @@
 import { defineComponent as E, inject as v, ref as h, computed as C, openBlock as a, createElementBlock as l, createElementVNode as e, toDisplayString as c, createCommentVNode as g, createVNode as F, unref as y, Fragment as N, renderList as A, withModifiers as B, createBlock as U } from "vue";
-import { u as H } from "./index-C8MxnS7Q.js";
+import { u as H } from "./index-CM3yNVUR.js";
 import { u as M } from "./useResizableTable-BoivAevK.js";
 import { DashboardApi as j, formatCacheSize as q, formatTtl as I } from "adonisjs-server-stats/core";
 import { u as G } from "./useApiClient-BQQ9CF-q.js";

package/dist/vue/{ConfigSection-DTn3GslE.js → ConfigSection-BwKwS9lh.js}

@@ -1,5 +1,5 @@
 import { defineComponent as re, inject as m, ref as w, computed as x, openBlock as i, createElementBlock as r, createElementVNode as n, normalizeClass as a, createCommentVNode as b, Fragment as _, toDisplayString as u, unref as c, renderList as A, withModifiers as I, normalizeStyle as R } from "vue";
-import { u as ue } from "./index-C8MxnS7Q.js";
+import { u as ue } from "./index-CM3yNVUR.js";
 import { isRedactedValue as d, flattenConfig as z, TAB_ICONS as g, countLeaves as ce, collectTopLevelObjectKeys as pe, copyWithFeedback as de, formatFlatValue as ve } from "adonisjs-server-stats/core";
 const fe = { style: { position: "relative", flex: 1 } }, he = ["value"], ge = ["title", "onClick"], ye = ["viewBox", "innerHTML"], be = ["viewBox", "innerHTML"], $e = ["onClick"], we = { key: 0 }, xe = ["title", "onClick"], ke = ["viewBox", "innerHTML"], Ce = ["viewBox", "innerHTML"], _e = ["onClick"], Se = { key: 0 }, Be = { style: { padding: "4px 16px", fontSize: "10px", color: "var(--ss-muted)" } }, Le = ["onClick"], He = ["title"], Te = ["title"], je = ["title", "onClick"], Me = ["viewBox", "innerHTML"], me = ["viewBox", "innerHTML"], Ae = ["onClick"], Ie = ["title", "onClick"], Ee = ["viewBox", "innerHTML"], Ve = ["viewBox", "innerHTML"], Oe = {
   key: 1,

package/dist/vue/CustomPaneTab-Hr1IBHfz.js

@@ -0,0 +1,172 @@
+import { defineComponent as $, ref as h, computed as F, onMounted as K, openBlock as n, createElementBlock as r, withDirectives as R, createElementVNode as f, vModelText as U, toDisplayString as l, createCommentVNode as v, Fragment as b, renderList as k, normalizeClass as y, createTextVNode as z } from "vue";
+import { compactPreview as B, formatDuration as E, timeAgo as S, formatTime as O, durationClassName as P } from "adonisjs-server-stats/core";
+import { u as j } from "./useApiClient-BQQ9CF-q.js";
+import { u as J } from "./useResizableTable-BoivAevK.js";
+const q = {
+  key: 0,
+  class: "ss-dbg-search-bar"
+}, G = ["placeholder"], H = { class: "ss-dbg-summary" }, I = {
+  key: 1,
+  class: "ss-dbg-empty"
+}, Q = {
+  key: 2,
+  class: "ss-dbg-empty"
+}, W = ["onClick"], X = {
+  key: 0,
+  class: "ss-dbg-c-dim"
+}, Y = ["title"], se = /* @__PURE__ */ $({
+  __name: "CustomPaneTab",
+  props: {
+    pane: {},
+    baseUrl: {},
+    authToken: {}
+  },
+  setup(d) {
+    const o = d, u = h([]), p = h(!1), c = h(""), _ = j(o.baseUrl || "", o.authToken);
+    let C = !1;
+    async function N() {
+      if (!(o.pane.fetchOnce && C)) {
+        p.value = !0;
+        try {
+          const e = await _().fetch(o.pane.endpoint), a = (o.pane.dataKey || o.pane.id).split(".");
+          let i = e;
+          for (const t of a)
+            i = i?.[t];
+          u.value = Array.isArray(i) ? i : [], C = !0;
+        } catch {
+          u.value = [];
+        } finally {
+          p.value = !1;
+        }
+      }
+    }
+    const g = F(() => {
+      if (!c.value.trim()) return u.value;
+      const e = c.value.toLowerCase(), s = o.pane.columns.filter((a) => a.searchable).map((a) => a.key);
+      return s.length === 0 ? u.value : u.value.filter(
+        (a) => s.some((i) => {
+          const t = a[i];
+          return t == null ? !1 : String(t).toLowerCase().includes(e);
+        })
+      );
+    });
+    function m(e, s) {
+      if (e == null) return "-";
+      switch (s.format || "text") {
+        case "time":
+          return typeof e == "number" ? S(e) : String(e);
+        case "timeAgo":
+          return S(e);
+        case "duration":
+          return E(typeof e == "number" ? e : parseFloat(String(e)));
+        case "method":
+          return String(e);
+        case "json": {
+          let i = e;
+          if (typeof e == "string")
+            try {
+              i = JSON.parse(e);
+            } catch {
+            }
+          return B(i, 80);
+        }
+        case "badge":
+          return String(e);
+        default:
+          return String(e);
+      }
+    }
+    function T(e, s) {
+      if (s.format === "time" || s.format === "timeAgo")
+        return O(e);
+    }
+    function x(e) {
+      return e == null;
+    }
+    function A(e) {
+      const s = typeof e == "number" ? e : parseFloat(String(e));
+      if (isNaN(s)) return "ss-dbg-duration";
+      const a = P(s, "ss-dbg");
+      return a ? `ss-dbg-duration ${a}` : "ss-dbg-duration";
+    }
+    function L(e, s) {
+      if (s.format === "badge" && s.badgeColorMap) {
+        const a = String(e).toLowerCase();
+        return s.badgeColorMap[a] || "muted";
+      }
+      return "";
+    }
+    function D(e) {
+      return `ss-dbg-method ss-dbg-method-${String(e).toLowerCase()}`;
+    }
+    function M() {
+      u.value = [];
+    }
+    const { tableRef: V } = J(() => g.value);
+    return K(() => {
+      N();
+    }), (e, s) => (n(), r("div", null, [
+      d.pane.search ? (n(), r("div", q, [
+        R(f("input", {
+          "onUpdate:modelValue": s[0] || (s[0] = (a) => c.value = a),
+          class: "ss-dbg-search",
+          placeholder: d.pane.search.placeholder,
+          type: "text"
+        }, null, 8, G), [
+          [U, c.value]
+        ]),
+        f("span", H, l(g.value.length) + " items", 1),
+        d.pane.clearable ? (n(), r("button", {
+          key: 0,
+          class: "ss-dbg-btn-clear",
+          onClick: M
+        }, "Clear")) : v("", !0)
+      ])) : v("", !0),
+      p.value ? (n(), r("div", I, "Loading...")) : g.value.length === 0 ? (n(), r("div", Q, "No data")) : (n(), r("table", {
+        key: 3,
+        ref_key: "tableRef",
+        ref: V,
+        class: "ss-dbg-table"
+      }, [
+        f("thead", null, [
+          f("tr", null, [
+            (n(!0), r(b, null, k(d.pane.columns, (a) => (n(), r("th", {
+              key: a.key
+            }, l(a.label), 1))), 128))
+          ])
+        ]),
+        f("tbody", null, [
+          (n(!0), r(b, null, k(g.value, (a, i) => (n(), r("tr", {
+            key: String(a.id ?? i)
+          }, [
+            (n(!0), r(b, null, k(d.pane.columns, (t) => (n(), r("td", {
+              key: t.key,
+              class: y({ "ss-dbg-filterable": t.filterable }),
+              onClick: (Z) => t.filterable ? c.value = String(a[t.key]) : void 0
+            }, [
+              x(a[t.key]) ? (n(), r("span", X, "-")) : t.format === "time" || t.format === "timeAgo" ? (n(), r("span", {
+                key: 1,
+                class: "ss-dbg-event-time",
+                title: T(a[t.key], t)
+              }, l(m(a[t.key], t)), 9, Y)) : t.format === "duration" ? (n(), r("span", {
+                key: 2,
+                class: y(A(a[t.key]))
+              }, l(m(a[t.key], t)), 3)) : t.format === "method" ? (n(), r("span", {
+                key: 3,
+                class: y(D(a[t.key]))
+              }, l(m(a[t.key], t)), 3)) : t.format === "badge" ? (n(), r("span", {
+                key: 4,
+                class: y(`ss-dbg-badge ss-dbg-badge-${L(a[t.key], t)}`)
+              }, l(m(a[t.key], t)), 3)) : (n(), r(b, { key: 5 }, [
+                z(l(m(a[t.key], t)), 1)
+              ], 64))
+            ], 10, W))), 128))
+          ]))), 128))
+        ])
+      ], 512))
+    ]));
+  }
+});
+export {
+  se as default
+};

package/dist/vue/{EmailsSection-DtLJ4XoS.js → EmailsSection-B65g0FVS.js}

@@ -1,6 +1,6 @@
 import { defineComponent as V, inject as h, ref as f, computed as A, openBlock as o, createElementBlock as i, createElementVNode as e, Fragment as c, createTextVNode as u, toDisplayString as n, createCommentVNode as y, normalizeClass as _, createVNode as F, unref as r, renderList as B, createBlock as D } from "vue";
 import { formatTime as R, timeAgo as z } from "adonisjs-server-stats/core";
-import { u as L } from "./index-C8MxnS7Q.js";
+import { u as L } from "./index-CM3yNVUR.js";
 import { u as M } from "./useResizableTable-BoivAevK.js";
 import { _ as U } 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";

package/dist/vue/{EventsSection-BOYYz0Ty.js → EventsSection-CxqtVF-o.js}

@@ -1,6 +1,6 @@
 import { defineComponent as E, inject as i, ref as p, computed as P, openBlock as s, createElementBlock as l, createVNode as v, unref as a, Fragment as h, createElementVNode as e, renderList as T, toDisplayString as c, createBlock as C, createCommentVNode as D } from "vue";
 import { formatTime as S, timeAgo as V } from "adonisjs-server-stats/core";
-import { u as $ } from "./index-C8MxnS7Q.js";
+import { u as $ } from "./index-CM3yNVUR.js";
 import { u as A } from "./useResizableTable-BoivAevK.js";
 import { _ as B } from "./FilterBar.vue_vue_type_script_setup_true_lang-ClJ37hhT.js";
 import { _ as R } from "./PaginationControls.vue_vue_type_script_setup_true_lang-CuN7g_8Z.js";

package/dist/vue/{JobsSection-BazTxcJL.js → JobsSection-rMIyMb-g.js}

@@ -1,6 +1,6 @@
 import { defineComponent as L, inject as h, ref as p, computed as g, openBlock as o, createElementBlock as d, createElementVNode as s, toDisplayString as n, createCommentVNode as v, createVNode as k, unref as a, withCtx as z, Fragment as _, renderList as x, normalizeClass as w, withModifiers as K, createBlock as M } from "vue";
 import { extractJobs as O, extractJobStats as Q, JOB_STATUS_FILTERS as W, getJobStatusBadgeColor as q, formatDuration as G, formatTime as H, timeAgo as X } from "adonisjs-server-stats/core";
-import { u as Y } from "./index-C8MxnS7Q.js";
+import { u as Y } from "./index-CM3yNVUR.js";
 import { u as Z } from "./useResizableTable-BoivAevK.js";
 import { _ as I } from "./JsonViewer.vue_vue_type_script_setup_true_lang-Bid05zpm.js";
 import { _ as j } from "./FilterBar.vue_vue_type_script_setup_true_lang-ClJ37hhT.js";

package/dist/vue/{LogsSection-D55PjTKX.js → LogsSection-DmmZVJ7D.js}

@@ -1,7 +1,7 @@
 import { defineComponent as ie, inject as C, ref as u, computed as B, openBlock as a, createElementBlock as o, createVNode as O, unref as s, withCtx as ue, createElementVNode as n, Fragment as q, renderList as x, normalizeClass as $, toDisplayString as i, withKeys as V, createCommentVNode as _, createStaticVNode as re, createTextVNode as w, withModifiers as U, createBlock as de } from "vue";
 import { LOG_LEVELS as ce, getStructuredData as m, getLogLevelCssClass as ve, resolveLogLevel as W, resolveLogTimestamp as F, formatTime as pe, timeAgo as he, resolveLogRequestId as g, resolveLogMessage as _e } from "adonisjs-server-stats/core";
 import { _ as fe } from "./JsonViewer.vue_vue_type_script_setup_true_lang-Bid05zpm.js";
-import { u as me } from "./index-C8MxnS7Q.js";
+import { u as me } from "./index-CM3yNVUR.js";
 import { _ as ge } from "./FilterBar.vue_vue_type_script_setup_true_lang-ClJ37hhT.js";
 import { _ as ye } from "./PaginationControls.vue_vue_type_script_setup_true_lang-CuN7g_8Z.js";
 const ke = { class: "ss-dash-log-filters" }, be = ["onClick"], Ce = ["value"], qe = { class: "ss-dash-structured-search" }, $e = ["value"], Fe = ["value"], Le = ["value"], Se = {