adonisjs-server-stats 1.8.0 → 1.9.0

package/dist/src/styles/components.css

@@ -522,6 +522,87 @@
   word-break: break-word;
 }
 
+/* Expandable log row */
+.ss-log-entry-expandable,
+.ss-dash-log-entry-expandable,
+.ss-dbg-log-entry-expandable {
+  cursor: pointer;
+}
+.ss-log-entry-expandable:hover,
+.ss-dash-log-entry-expandable:hover,
+.ss-dbg-log-entry-expandable:hover {
+  background: var(--ss-surface-alt);
+}
+.ss-log-expand-icon,
+.ss-dash-log-expand-icon,
+.ss-dbg-log-expand-icon {
+  flex-shrink: 0;
+  font-size: 10px;
+  color: var(--ss-dim);
+  width: 14px;
+  text-align: center;
+  transition: transform 0.15s ease;
+  user-select: none;
+}
+.ss-log-expand-icon-open,
+.ss-dash-log-expand-icon-open,
+.ss-dbg-log-expand-icon-open {
+  transform: rotate(90deg);
+}
+.ss-log-detail,
+.ss-dash-log-detail,
+.ss-dbg-log-detail {
+  padding: 6px var(--ss-log-px, 12px) 10px var(--ss-log-px, 12px);
+  border-bottom: 1px solid var(--ss-log-border, var(--ss-input-bg));
+  background: var(--ss-surface-alt);
+  font-size: 11px;
+}
+.ss-log-detail .ss-dash-data-cell,
+.ss-log-detail .ss-dbg-data-cell,
+.ss-dash-log-detail .ss-dash-data-cell,
+.ss-dbg-log-detail .ss-dbg-data-cell {
+  width: 100%;
+  max-width: none;
+}
+.ss-log-detail .ss-dash-data-full,
+.ss-log-detail .ss-dbg-data-full,
+.ss-dash-log-detail .ss-dash-data-full,
+.ss-dbg-log-detail .ss-dbg-data-full {
+  position: relative;
+  margin: 0;
+  padding: 8px 12px;
+  border-radius: 4px;
+  background: var(--ss-bg);
+  border: 1px solid var(--ss-border-dim);
+  width: 100%;
+  box-sizing: border-box;
+  cursor: pointer;
+}
+.ss-log-detail .ss-dash-data-full pre,
+.ss-log-detail .ss-dbg-data-full pre,
+.ss-dash-log-detail .ss-dash-data-full pre,
+.ss-dbg-log-detail .ss-dbg-data-full pre {
+  margin: 0;
+  white-space: pre-wrap;
+  word-break: break-all;
+  font-size: 11px;
+  line-height: 1.5;
+  color: var(--ss-text-secondary);
+}
+.ss-log-detail .ss-dash-copy-btn,
+.ss-log-detail .ss-dbg-copy-btn,
+.ss-dash-log-detail .ss-dash-copy-btn,
+.ss-dbg-log-detail .ss-dbg-copy-btn {
+  position: absolute;
+  top: 4px;
+  right: 4px;
+  padding: 2px 8px;
+  font-size: 10px;
+  border: 1px solid var(--ss-border-dim);
+  border-radius: 3px;
+  background: var(--ss-surface-alt);
+}
+
 /* ── 4. Email preview ────────────────────────────────────────── */
 /* Dashboard uses 16px padding, debug uses 12px — override via
  * --ss-email-px on a wrapper. */

package/dist/vue/{CacheSection-DDvJ7bs2.js → CacheSection-Cx-hj09X.js}

@@ -1,9 +1,9 @@
 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-Bj6pm5g3.js";
+import { u as H } from "./index-oLxS08vN.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";
-import { _ as J } from "./JsonViewer.vue_vue_type_script_setup_true_lang-Vsqar1zx.js";
+import { _ as J } from "./JsonViewer.vue_vue_type_script_setup_true_lang-Bid05zpm.js";
 import { _ as O } from "./FilterBar.vue_vue_type_script_setup_true_lang-ClJ37hhT.js";
 const P = {
   key: 0,

package/dist/vue/{ConfigSection-GTCrvsPr.js → ConfigSection-CMXyryf6.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-Bj6pm5g3.js";
+import { u as ue } from "./index-oLxS08vN.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/{EmailsSection-Ct5vsLCc.js → EmailsSection-DgKl9xGT.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-Bj6pm5g3.js";
+import { u as L } from "./index-oLxS08vN.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-CRVhtagq.js → EventsSection-BNMCAim1.js}

@@ -1,10 +1,10 @@
 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-Bj6pm5g3.js";
+import { u as $ } from "./index-oLxS08vN.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";
-import { _ as F } from "./JsonViewer.vue_vue_type_script_setup_true_lang-Vsqar1zx.js";
+import { _ as F } from "./JsonViewer.vue_vue_type_script_setup_true_lang-Bid05zpm.js";
 const L = {
   key: 0,
   class: "ss-dash-empty"

package/dist/vue/{EventsTab-DQ4Nd6AK.js → EventsTab-BBM7olXF.js}

@@ -1,7 +1,7 @@
 import { defineComponent as _, ref as f, computed as v, openBlock as n, createElementBlock as r, createElementVNode as e, withDirectives as g, vModelText as y, toDisplayString as o, Fragment as k, renderList as w, createTextVNode as x, unref as d, createCommentVNode as T, createVNode as C } from "vue";
 import { TAB_ICONS as h, formatTime as A, timeAgo as B } from "adonisjs-server-stats/core";
 import { u as L } from "./useResizableTable-BoivAevK.js";
-import { _ as N } from "./JsonViewer.vue_vue_type_script_setup_true_lang-Vsqar1zx.js";
+import { _ as N } from "./JsonViewer.vue_vue_type_script_setup_true_lang-Bid05zpm.js";
 const V = { class: "ss-dbg-search-bar" }, E = { class: "ss-dbg-summary" }, $ = {
   key: 0,
   class: "ss-dbg-empty"

package/dist/vue/{JobsSection-B_wH2Co7.js → JobsSection-CCMgMlxd.js}

@@ -1,8 +1,8 @@
 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-Bj6pm5g3.js";
+import { u as Y } from "./index-oLxS08vN.js";
 import { u as Z } from "./useResizableTable-BoivAevK.js";
-import { _ as I } from "./JsonViewer.vue_vue_type_script_setup_true_lang-Vsqar1zx.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";
 import { _ as ss } from "./PaginationControls.vue_vue_type_script_setup_true_lang-CuN7g_8Z.js";
 const ts = {

package/dist/vue/{JobsTab-BCvhOARO.js → JobsTab-WFnxPdN7.js}

@@ -1,7 +1,7 @@
 import { defineComponent as T, ref as j, computed as c, openBlock as l, createElementBlock as o, createElementVNode as s, toDisplayString as a, Fragment as _, renderList as g, unref as i, normalizeClass as m, createVNode as D, createCommentVNode as R } from "vue";
 import { JOB_STATUS_FILTERS as S, getJobStatusCssClass as x, formatDuration as A, formatTime as J, timeAgo as N } from "adonisjs-server-stats/core";
 import { u as F } from "./useResizableTable-BoivAevK.js";
-import { _ as $ } from "./JsonViewer.vue_vue_type_script_setup_true_lang-Vsqar1zx.js";
+import { _ as $ } from "./JsonViewer.vue_vue_type_script_setup_true_lang-Bid05zpm.js";
 const B = { class: "ss-dbg-job-stats-area" }, E = { class: "ss-dbg-job-stats" }, V = { class: "ss-dbg-job-stat" }, w = { class: "ss-dbg-job-stat-value" }, z = { class: "ss-dbg-job-stat" }, I = { class: "ss-dbg-job-stat-value" }, L = { class: "ss-dbg-job-stat" }, q = { class: "ss-dbg-job-stat-value" }, O = { class: "ss-dbg-job-stat" }, P = { class: "ss-dbg-job-stat-value" }, U = { class: "ss-dbg-job-stat" }, W = { class: "ss-dbg-job-stat-value ss-dbg-c-red" }, G = { class: "ss-dbg-log-filters" }, H = ["onClick"], K = {
   key: 0,
   class: "ss-dbg-empty"

package/dist/vue/{JsonViewer.vue_vue_type_script_setup_true_lang-Vsqar1zx.js → JsonViewer.vue_vue_type_script_setup_true_lang-Bid05zpm.js}

@@ -1,14 +1,15 @@
-import { defineComponent as y, ref as x, computed as c, openBlock as r, createElementBlock as o, normalizeClass as l, createElementVNode as s, toDisplayString as v, withModifiers as g, createCommentVNode as k } from "vue";
+import { defineComponent as x, ref as k, computed as i, openBlock as t, createElementBlock as n, normalizeClass as l, toDisplayString as c, createCommentVNode as v, createElementVNode as d, withModifiers as g } from "vue";
 import { compactPreview as p } from "adonisjs-server-stats/core";
-const P = /* @__PURE__ */ y({
+const P = /* @__PURE__ */ x({
   __name: "JsonViewer",
   props: {
     value: {},
     maxLen: {},
-    classPrefix: { default: "ss-dash" }
+    classPrefix: { default: "ss-dash" },
+    defaultExpanded: { type: Boolean, default: !1 }
   },
-  setup(a) {
-    const e = a, t = x(!1), f = c(() => {
+  setup(r) {
+    const e = r, a = k(e.defaultExpanded), f = i(() => {
       if (e.value === null || e.value === void 0) return "-";
       if (typeof e.value == "string")
         try {
@@ -17,7 +18,7 @@ const P = /* @__PURE__ */ y({
           return e.value.length > 100 ? e.value.slice(0, 100) + "..." : e.value;
         }
       return p(e.value, e.maxLen || 100);
-    }), i = c(() => {
+    }), u = i(() => {
       if (e.value === null || e.value === void 0) return "";
       if (typeof e.value == "string")
         try {
@@ -27,38 +28,39 @@ const P = /* @__PURE__ */ y({
         }
       return JSON.stringify(e.value, null, 2);
     });
-    function n() {
-      t.value = !t.value;
+    function o() {
+      a.value = !a.value;
     }
-    function d() {
-      navigator.clipboard?.writeText(i.value);
+    function m() {
+      navigator.clipboard?.writeText(u.value);
     }
-    return (C, u) => a.value === null || a.value === void 0 ? (r(), o("span", {
+    return (C, s) => r.value === null || r.value === void 0 ? (t(), n("span", {
       key: 0,
       class: l(`ss-dim ${e.classPrefix}-c-dim`)
-    }, "-", 2)) : (r(), o("div", {
+    }, "-", 2)) : (t(), n("div", {
       key: 1,
       class: l(`${e.classPrefix}-data-cell`)
     }, [
-      s("span", {
+      a.value ? v("", !0) : (t(), n("span", {
+        key: 0,
         class: l(`${e.classPrefix}-data-preview`),
         role: "button",
         tabindex: 0,
-        onClick: n,
-        onKeydown: u[0] || (u[0] = (m) => m.key === "Enter" && n())
-      }, v(f.value), 35),
-      t.value ? (r(), o("div", {
-        key: 0,
+        onClick: o,
+        onKeydown: s[0] || (s[0] = (y) => y.key === "Enter" && o())
+      }, c(f.value), 35)),
+      a.value ? (t(), n("div", {
+        key: 1,
         class: l(`${e.classPrefix}-data-full`),
-        onClick: n
+        onClick: o
       }, [
-        s("button", {
+        d("button", {
           class: l(`${e.classPrefix}-copy-btn`),
           title: "Copy to clipboard",
-          onClick: g(d, ["stop"])
+          onClick: g(m, ["stop"])
         }, " Copy ", 2),
-        s("pre", null, v(i.value), 1)
-      ], 2)) : k("", !0)
+        d("pre", null, c(u.value), 1)
+      ], 2)) : v("", !0)
     ], 2));
   }
 });

package/dist/vue/LogsSection-CvOnTxUu.js

@@ -0,0 +1,252 @@
+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-oLxS08vN.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 = {
+  key: 0,
+  class: "ss-dash-filter-chips"
+}, Ie = {
+  key: 0,
+  class: "ss-dash-filter-chip"
+}, xe = {
+  key: 1,
+  class: "ss-dash-filter-chip"
+}, Ve = ["onClick"], we = {
+  key: 1,
+  class: "ss-dash-empty"
+}, Ee = {
+  key: 2,
+  class: "ss-dash-empty"
+}, Ke = {
+  key: 3,
+  class: "ss-dash-empty"
+}, Ne = {
+  key: 4,
+  class: "ss-dash-log-entries"
+}, De = ["onClick"], Pe = ["title"], Te = ["title", "onClick", "onKeydown"], Re = {
+  key: 1,
+  class: "ss-dash-log-reqid-empty"
+}, Ae = {
+  key: 3,
+  style: { width: "14px" }
+}, Be = { class: "ss-dash-log-msg" }, Oe = {
+  key: 0,
+  class: "ss-dash-log-detail"
+}, Je = /* @__PURE__ */ ie({
+  __name: "LogsSection",
+  setup(Ue) {
+    const j = C("ss-refresh-key", u(0)), M = C("ss-dashboard-endpoint", "/__stats/api"), z = C("ss-auth-token", void 0), G = C("ss-base-url", ""), {
+      data: y,
+      loading: H,
+      error: J,
+      pagination: v,
+      filter: Q,
+      goToPage: X,
+      setSearch: Y,
+      setFilter: p,
+      refresh: Z
+    } = me(() => "logs", {
+      baseUrl: G,
+      dashboardEndpoint: M,
+      authToken: z,
+      refreshKey: j
+    }), E = u(""), d = u("all"), r = u(""), h = u(""), k = u(null), f = u([]), L = u("level"), S = u("equals"), b = u(""), K = B(() => {
+      if (!y.value) return [];
+      const t = y.value;
+      return t.data || t.logs || y.value || [];
+    }), ee = B(
+      () => d.value !== "all" || r.value !== "" || f.value.length > 0
+    );
+    function te(t, l) {
+      l && (k.value = k.value === t ? null : t);
+    }
+    function se(t) {
+      E.value = t, Y(t);
+    }
+    function le(t) {
+      d.value = t, t === "all" ? p("level", "") : p("level", t);
+    }
+    function N(t) {
+      r.value = t, h.value = t, p("request_id", t);
+    }
+    function ae() {
+      const t = h.value.trim();
+      r.value = t, p("request_id", t);
+    }
+    function D() {
+      r.value = "", h.value = "", p("request_id", "");
+    }
+    function oe() {
+      d.value = "all", p("level", "");
+    }
+    function P() {
+      const t = Q;
+      for (const l of Object.keys(t))
+        (l.startsWith("filter_field_") || l.startsWith("filter_op_") || l.startsWith("filter_value_")) && delete t[l];
+      f.value.forEach((l, e) => {
+        t[`filter_field_${e}`] = l.field, t[`filter_op_${e}`] = l.operator, t[`filter_value_${e}`] = l.value;
+      }), v.page = 1, Z();
+    }
+    function T() {
+      const t = b.value.trim();
+      t && (f.value.push({
+        field: L.value,
+        operator: S.value,
+        value: t
+      }), b.value = "", P());
+    }
+    function ne(t) {
+      f.value.splice(t, 1), P();
+    }
+    function R(t) {
+      return t.target.value;
+    }
+    function A(t) {
+      return t.target.value;
+    }
+    return (t, l) => (a(), o("div", null, [
+      O(ge, {
+        "model-value": E.value,
+        placeholder: "Search logs...",
+        summary: `${s(v).total ?? 0} logs`,
+        "onUpdate:modelValue": se
+      }, {
+        default: ue(() => [
+          n("div", ke, [
+            (a(!0), o(q, null, x(s(ce), (e) => (a(), o("button", {
+              key: e,
+              type: "button",
+              class: $(`ss-dash-log-filter ${d.value === e ? "ss-dash-active" : ""}`),
+              onClick: (c) => le(e)
+            }, i(e), 11, be))), 128)),
+            n("input", {
+              type: "text",
+              class: "ss-dash-filter-input ss-dash-reqid-input",
+              placeholder: "Filter by request ID...",
+              value: h.value,
+              onInput: l[0] || (l[0] = (e) => h.value = R(e)),
+              onKeydown: V(ae, ["enter"])
+            }, null, 40, Ce),
+            h.value || r.value ? (a(), o("button", {
+              key: 0,
+              type: "button",
+              class: "ss-dash-btn ss-dash-reqid-clear",
+              onClick: D
+            }, " Clear ")) : _("", !0)
+          ])
+        ]),
+        _: 1
+      }, 8, ["model-value", "summary"]),
+      n("div", qe, [
+        n("select", {
+          class: "ss-dash-filter-select",
+          value: L.value,
+          onChange: l[1] || (l[1] = (e) => L.value = A(e))
+        }, [...l[4] || (l[4] = [
+          re('<option value="level">level</option><option value="message">message</option><option value="request_id">request_id</option><option value="userId">userId</option><option value="email">email</option><option value="path">path</option>', 6)
+        ])], 40, $e),
+        n("select", {
+          class: "ss-dash-filter-select",
+          value: S.value,
+          onChange: l[2] || (l[2] = (e) => S.value = A(e))
+        }, [...l[5] || (l[5] = [
+          n("option", { value: "equals" }, "equals", -1),
+          n("option", { value: "contains" }, "contains", -1),
+          n("option", { value: "starts_with" }, "starts with", -1)
+        ])], 40, Fe),
+        n("input", {
+          class: "ss-dash-filter-input",
+          placeholder: "Value...",
+          value: b.value,
+          onInput: l[3] || (l[3] = (e) => b.value = R(e)),
+          onKeydown: V(T, ["enter"])
+        }, null, 40, Le),
+        n("button", {
+          type: "button",
+          class: "ss-dash-btn",
+          onClick: T
+        }, "Add")
+      ]),
+      ee.value ? (a(), o("div", Se, [
+        d.value !== "all" ? (a(), o("span", Ie, [
+          w(" level: " + i(d.value) + " ", 1),
+          n("button", {
+            type: "button",
+            class: "ss-dash-filter-chip-remove",
+            onClick: oe
+          }, " × ")
+        ])) : _("", !0),
+        r.value ? (a(), o("span", xe, [
+          w(" requestId: " + i(r.value.slice(0, 8)) + "... ", 1),
+          n("button", {
+            type: "button",
+            class: "ss-dash-filter-chip-remove",
+            onClick: D
+          }, " × ")
+        ])) : _("", !0),
+        (a(!0), o(q, null, x(f.value, (e, c) => (a(), o("span", {
+          key: c,
+          class: "ss-dash-filter-chip"
+        }, [
+          w(i(e.field) + " " + i(e.operator) + ' "' + i(e.value) + '" ', 1),
+          n("button", {
+            type: "button",
+            class: "ss-dash-filter-chip-remove",
+            onClick: (I) => ne(c)
+          }, " × ", 8, Ve)
+        ]))), 128))
+      ])) : _("", !0),
+      s(J) ? (a(), o("div", we, "Failed to load logs")) : s(H) && !s(y) ? (a(), o("div", Ee, "Loading logs...")) : K.value.length === 0 ? (a(), o("div", Ke, " No log entries" + i(r.value ? ` matching request ${r.value}` : d.value !== "all" ? ` for ${d.value}` : ""), 1)) : (a(), o("div", Ne, [
+        (a(!0), o(q, null, x(K.value, (e, c) => (a(), o(q, {
+          key: String(e.id || c)
+        }, [
+          n("div", {
+            class: $(["ss-dash-log-entry", { "ss-dash-log-entry-expandable": !!s(m)(e) }]),
+            onClick: (I) => te(c, !!s(m)(e))
+          }, [
+            n("span", {
+              class: $(`ss-dash-log-level ${s(ve)(s(W)(e), "ss-dash-log-level")}`)
+            }, i(s(W)(e).toUpperCase()), 3),
+            n("span", {
+              class: "ss-dash-log-time",
+              title: s(F)(e) ? s(pe)(s(F)(e)) : ""
+            }, i(s(F)(e) ? s(he)(s(F)(e)) : "-"), 9, Pe),
+            s(g)(e) ? (a(), o("span", {
+              key: 0,
+              class: "ss-dash-log-reqid",
+              title: s(g)(e),
+              role: "button",
+              tabindex: "0",
+              onClick: U((I) => N(s(g)(e)), ["stop"]),
+              onKeydown: V(U((I) => N(s(g)(e)), ["stop"]), ["enter"])
+            }, i(s(g)(e).slice(0, 8)), 41, Te)) : (a(), o("span", Re, "--")),
+            s(m)(e) ? (a(), o("span", {
+              key: 2,
+              class: $(["ss-dash-log-expand-icon", { "ss-dash-log-expand-icon-open": k.value === c }])
+            }, "▶", 2)) : (a(), o("span", Ae)),
+            n("span", Be, i(s(_e)(e)), 1)
+          ], 10, De),
+          k.value === c && s(m)(e) ? (a(), o("div", Oe, [
+            O(fe, {
+              value: s(m)(e),
+              "class-prefix": "ss-dash",
+              "default-expanded": ""
+            }, null, 8, ["value"])
+          ])) : _("", !0)
+        ], 64))), 128))
+      ])),
+      s(v).totalPages > 1 ? (a(), de(ye, {
+        key: 5,
+        page: s(v).page,
+        "last-page": s(v).totalPages,
+        total: s(v).total,
+        onPageChange: s(X)
+      }, null, 8, ["page", "last-page", "total", "onPageChange"])) : _("", !0)
+    ]));
+  }
+});
+export {
+  Je as default
+};

package/dist/vue/LogsTab-Bg3o0Mm6.js

@@ -0,0 +1,147 @@
+import { defineComponent as D, ref as b, computed as q, openBlock as o, createElementBlock as l, createElementVNode as a, Fragment as k, renderList as B, unref as s, normalizeClass as y, toDisplayString as d, createCommentVNode as x, withDirectives as $, vModelText as I, withKeys as F, withModifiers as L, createVNode as R } from "vue";
+import { filterLogsByLevel as K, resolveLogRequestId as u, resolveLogMessage as T, LOG_LEVELS as P, getStructuredData as v, getLogLevelCssClass as U, resolveLogLevel as A, resolveLogTimestamp as h, formatTime as H, timeAgo as O, TAB_ICONS as V } from "adonisjs-server-stats/core";
+import { _ as j } from "./JsonViewer.vue_vue_type_script_setup_true_lang-Bid05zpm.js";
+const z = { class: "ss-dbg-log-filters" }, G = ["onClick"], J = {
+  class: "ss-dbg-summary",
+  style: { "margin-left": "auto" }
+}, Q = { class: "ss-dbg-search-bar" }, W = { class: "ss-dbg-summary" }, X = {
+  key: 0,
+  class: "ss-dbg-empty"
+}, Y = ["onClick"], Z = ["title"], ee = ["title", "onClick", "onKeydown"], se = {
+  key: 1,
+  class: "ss-dbg-log-reqid-empty"
+}, te = {
+  key: 3,
+  style: { width: "14px" }
+}, ne = { class: "ss-dbg-log-msg" }, oe = ["href"], le = ["viewBox", "innerHTML"], ae = {
+  key: 0,
+  class: "ss-dbg-log-detail"
+}, ue = /* @__PURE__ */ D({
+  __name: "LogsTab",
+  props: {
+    data: {},
+    dashboardPath: {}
+  },
+  emits: ["filterByRequestId"],
+  setup(f, { emit: E }) {
+    const C = f, M = E, _ = b("all"), g = b(""), i = b(""), p = b(null), m = q(() => {
+      const n = C.data;
+      let t = n ? (Array.isArray(n) ? n : n.logs || n.entries) || [] : [];
+      if (t = K(t, _.value), i.value.trim()) {
+        const e = i.value.trim().toLowerCase();
+        t = t.filter((r) => {
+          const c = u(r);
+          return c && c.toLowerCase().includes(e);
+        });
+      }
+      if (g.value.trim()) {
+        const e = g.value.trim().toLowerCase();
+        t = t.filter((r) => T(r).toLowerCase().includes(e));
+      }
+      return t;
+    }), N = q(() => {
+      const n = C.data, t = n ? (Array.isArray(n) ? n : n.logs || n.entries) || [] : [];
+      return `${m.value.length} of ${t.length} entries`;
+    });
+    function S(n, t) {
+      t && (p.value = p.value === n ? null : n);
+    }
+    function w(n) {
+      i.value = n, M("filterByRequestId", n);
+    }
+    return (n, t) => (o(), l("div", null, [
+      a("div", z, [
+        (o(!0), l(k, null, B(s(P), (e) => (o(), l("button", {
+          key: e,
+          type: "button",
+          class: y(["ss-dbg-log-filter", { "ss-dbg-active": _.value === e }]),
+          onClick: (r) => _.value = e
+        }, d(e), 11, G))), 128)),
+        i.value ? (o(), l("button", {
+          key: 0,
+          type: "button",
+          class: "ss-dbg-log-filter ss-dbg-active",
+          onClick: t[0] || (t[0] = (e) => i.value = "")
+        }, " req: " + d(i.value.slice(0, 8)) + " x ", 1)) : x("", !0),
+        a("span", J, d(m.value.length) + " entries", 1)
+      ]),
+      a("div", Q, [
+        $(a("input", {
+          "onUpdate:modelValue": t[1] || (t[1] = (e) => g.value = e),
+          class: "ss-dbg-search",
+          placeholder: "Filter log messages...",
+          type: "text"
+        }, null, 512), [
+          [I, g.value]
+        ]),
+        $(a("input", {
+          "onUpdate:modelValue": t[2] || (t[2] = (e) => i.value = e),
+          class: "ss-dbg-search ss-dbg-reqid-input",
+          placeholder: "Filter by request ID...",
+          type: "text"
+        }, null, 512), [
+          [I, i.value]
+        ]),
+        a("span", W, d(N.value), 1)
+      ]),
+      m.value.length === 0 ? (o(), l("div", X, "No log entries")) : (o(!0), l(k, { key: 1 }, B(m.value, (e, r) => (o(), l(k, {
+        key: String(e.id || r)
+      }, [
+        a("div", {
+          class: y(["ss-dbg-log-entry", { "ss-dbg-log-entry-expandable": !!s(v)(e) }]),
+          onClick: (c) => S(r, !!s(v)(e))
+        }, [
+          a("span", {
+            class: y(["ss-dbg-log-level", s(U)(s(A)(e))])
+          }, d(s(A)(e).toUpperCase()), 3),
+          a("span", {
+            class: "ss-dbg-log-time",
+            title: s(h)(e) ? s(H)(s(h)(e)) : ""
+          }, d(s(h)(e) ? s(O)(s(h)(e)) : "-"), 9, Z),
+          s(u)(e) ? (o(), l("span", {
+            key: 0,
+            class: "ss-dbg-log-reqid",
+            role: "button",
+            tabindex: "0",
+            title: s(u)(e),
+            onClick: L((c) => w(s(u)(e)), ["stop"]),
+            onKeydown: F(L((c) => w(s(u)(e)), ["stop"]), ["enter"])
+          }, d(s(u)(e).slice(0, 8)), 41, ee)) : (o(), l("span", se, "-")),
+          s(v)(e) ? (o(), l("span", {
+            key: 2,
+            class: y(["ss-dbg-log-expand-icon", { "ss-dbg-log-expand-icon-open": p.value === r }])
+          }, "▶", 2)) : (o(), l("span", te)),
+          a("span", ne, d(s(T)(e)), 1),
+          f.dashboardPath && s(u)(e) ? (o(), l("a", {
+            key: 4,
+            href: `${f.dashboardPath}#logs?requestId=${s(u)(e)}`,
+            target: "_blank",
+            class: "ss-dbg-deeplink",
+            onClick: t[3] || (t[3] = L(() => {
+            }, ["stop"]))
+          }, [
+            (o(), l("svg", {
+              viewBox: s(V)["open-external"].viewBox,
+              width: "12",
+              height: "12",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "2",
+              innerHTML: s(V)["open-external"].elements.join("")
+            }, null, 8, le))
+          ], 8, oe)) : x("", !0)
+        ], 10, Y),
+        p.value === r && s(v)(e) ? (o(), l("div", ae, [
+          R(j, {
+            value: s(v)(e),
+            "class-prefix": "ss-dbg",
+            "default-expanded": ""
+          }, null, 8, ["value"])
+        ])) : x("", !0)
+      ], 64))), 128))
+    ]));
+  }
+});
+export {
+  ue as default
+};

package/dist/vue/{OverviewSection-BqSwuMKH.js → OverviewSection-CHgaKtUR.js}

@@ -1,6 +1,6 @@
 import { defineComponent as ws, openBlock as o, createElementBlock as n, Fragment as _, renderList as k, createElementVNode as s, normalizeClass as b, toDisplayString as r, inject as P, ref as D, watch as ms, computed as d, onUnmounted as Ws, unref as x, createVNode as F, createCommentVNode as v, normalizeStyle as ts, createTextVNode as gs } from "vue";
 import { formatDuration as N, formatTime as Os, timeAgo as Hs, durationSeverity as Ks } from "adonisjs-server-stats/core";
-import { u as xs, _ as U } from "./index-Bj6pm5g3.js";
+import { u as xs, _ as U } from "./index-oLxS08vN.js";
 const Gs = { class: "ss-dash-btn-group" }, Xs = ["onClick"], Ys = /* @__PURE__ */ ws({
   __name: "TimeRangeSelector",
   props: {