adonisjs-server-stats 1.11.6 → 1.12.0

package/dist/src/styles/dashboard.css

@@ -4,28 +4,36 @@
  */
 
 /* ── Reset & base ──────────────────────────────────────────────── */
-#ss-dash,
-#ss-dash *,
-#ss-dash *::before,
-#ss-dash *::after {
+/* :where() keeps specificity at (0,0,0) so class selectors can override */
+:where(#ss-dash),
+:where(#ss-dash) *,
+:where(#ss-dash) *::before,
+:where(#ss-dash) *::after {
   box-sizing: border-box;
 }
 
-#ss-dash *,
-#ss-dash *::before,
-#ss-dash *::after {
+:where(#ss-dash) *,
+:where(#ss-dash) *::before,
+:where(#ss-dash) *::after {
   margin: 0;
   padding: 0;
 }
 
-#ss-dash button,
-#ss-dash input,
-#ss-dash select,
-#ss-dash textarea,
-#ss-dash pre {
+:where(#ss-dash) button,
+:where(#ss-dash) input,
+:where(#ss-dash) select,
+:where(#ss-dash) textarea,
+:where(#ss-dash) pre {
   font-family: inherit;
 }
 
+/* ── Host page reset (only when dashboard is present) ──────────── */
+html:has(#ss-dash),
+html:has(#ss-dash) body {
+  margin: 0;
+  padding: 0;
+}
+
 /* ── Page layout ───────────────────────────────────────────────── */
 #ss-dash {
   display: flex;
@@ -358,48 +366,12 @@
 }
 
 /* ── Tables ────────────────────────────────────────────────────── */
+/* Table base / table-wrap / sortable / clickable → components.css */
+/* Dashboard overrides: wider cell padding */
 .ss-dash-table-wrap {
   --ss-table-cell-px: 12px;
   --ss-table-cell-py: 7px;
   --ss-table-td-py: 6px;
-  flex: 1;
-  overflow-x: auto;
-  overflow-y: visible;
-  margin: 0 -2px;
-  padding: 0 2px;
-  scrollbar-width: thin;
-  scrollbar-color: var(--ss-border) transparent;
-}
-/* Table base → components.css */
-/* Column resize → components.css */
-.ss-dash-table th {
-  z-index: 2;
-}
-.ss-dash-table td {
-  max-width: 0;
-}
-.ss-dash-table tr.ss-dash-explain-row:hover td {
-  background: var(--ss-surface-alt);
-}
-.ss-dash-table tr.ss-dash-clickable {
-  cursor: pointer;
-}
-.ss-dash-table tr.ss-dash-clickable:hover td {
-  background: var(--ss-hover-accent);
-}
-
-.ss-dash-sortable {
-  cursor: pointer;
-  user-select: none;
-}
-.ss-dash-sortable:hover {
-  color: var(--ss-accent);
-}
-
-.ss-dash-sort-arrow {
-  font-size: 10px;
-  color: var(--ss-accent);
-  margin-left: 2px;
 }
 
 .ss-dash-data-cell {
@@ -407,27 +379,7 @@
   max-width: 300px;
 }
 
-/* ── Method badges ─────────────────────────────────────────────── */
-/* Base + GET/POST/PUT/PATCH/DELETE → components.css */
-/* Dashboard-only SQL method variants */
-.ss-dash-method-select {
-  background: var(--ss-green-bg);
-  color: var(--ss-green-fg);
-}
-.ss-dash-method-insert {
-  background: var(--ss-blue-bg);
-  color: var(--ss-blue-fg);
-}
-.ss-dash-method-update {
-  background: var(--ss-amber-bg);
-  color: var(--ss-amber-fg);
-}
-.ss-dash-method-head,
-.ss-dash-method-options,
-.ss-dash-method-raw {
-  background: var(--ss-surface);
-  color: var(--ss-dim);
-}
+/* ── Method badges → components.css ────────────────────────────── */
 
 /* Status badges → components.css */
 /* Badge generic → components.css */
@@ -439,26 +391,7 @@
 
 /* Duration → components.css */
 
-/* ── SQL ───────────────────────────────────────────────────────── */
-.ss-dash-sql {
-  font-size: 11px;
-  color: var(--ss-sql-color);
-  word-break: break-all;
-  cursor: pointer;
-  max-width: 600px;
-  /* truncation → utilities.css */
-  display: inline-block;
-}
-.ss-dash-sql.ss-dash-expanded {
-  white-space: pre-wrap;
-  max-width: none;
-}
-
-.ss-dash-dup {
-  color: var(--ss-purple-fg);
-  font-size: 10px;
-  font-weight: 600;
-}
+/* ── SQL / Dup → components.css ────────────────────────────────── */
 
 /* ── Current route highlight ───────────────────────────────────── */
 .ss-dash-current-route td {
@@ -512,11 +445,7 @@
   font-size: 10px;
   position: relative;
 }
-.ss-dash-event-time {
-  color: var(--ss-dim);
-  font-size: 10px;
-  /* tabular-nums → utilities.css */
-}
+/* .ss-dash-event-time → components.css */
 
 /* ── Logs ──────────────────────────────────────────────────────── */
 /* Log entry / level / time / reqid / msg → components.css */
@@ -726,95 +655,7 @@
   flex-shrink: 0;
 }
 
-/* ── EXPLAIN panel ─────────────────────────────────────────────── */
-.ss-dash-explain-row td {
-  white-space: normal;
-  overflow: visible;
-  max-width: none;
-}
-.ss-dash-explain {
-  padding: 12px 16px;
-  background: var(--ss-surface-alt);
-  border-top: 1px solid var(--ss-border-dim);
-  font-size: 11px;
-  overflow: hidden;
-  word-break: break-word;
-}
-.ss-dash-explain-btn {
-  padding: 2px 8px;
-  font-size: 9px;
-  color: var(--ss-purple-fg);
-  background: var(--ss-purple-bg);
-  border: none;
-  border-radius: 3px;
-  cursor: pointer;
-  text-transform: uppercase;
-  letter-spacing: 0.04em;
-  font-weight: 600;
-}
-.ss-dash-explain-btn:hover {
-  opacity: 0.8;
-}
-.ss-dash-explain-btn-active {
-  background: var(--ss-purple-fg);
-  color: #fff;
-}
-.ss-dash-explain-result {
-  margin-top: 6px;
-  font-size: 11px;
-  color: var(--ss-text-secondary);
-}
-.ss-dash-explain-error {
-  color: var(--ss-red-fg);
-  padding: 8px;
-  background: var(--ss-red-bg);
-  border-radius: 4px;
-}
-.ss-dash-explain-node {
-  padding: 4px 0;
-  border-left: 2px solid var(--ss-border-dim);
-  padding-left: 10px;
-  margin-top: 2px;
-}
-.ss-dash-explain-node:first-child {
-  border-left: 2px solid var(--ss-purple-fg);
-}
-.ss-dash-explain-node-header {
-  font-weight: 600;
-  color: var(--ss-text-primary);
-  font-size: 11px;
-}
-.ss-dash-explain-node-type {
-  color: var(--ss-purple-fg);
-  font-weight: 700;
-}
-.ss-dash-explain-metrics {
-  font-size: 10px;
-  color: var(--ss-dim);
-  margin-top: 1px;
-  font-family: var(--ss-font-mono);
-  word-break: break-all;
-  overflow-wrap: break-word;
-}
-.ss-dash-explain-result table {
-  width: 100%;
-  border-collapse: collapse;
-  margin-top: 4px;
-}
-.ss-dash-explain-result th {
-  padding: 3px 8px;
-  text-align: left;
-  font-weight: 600;
-  color: var(--ss-muted);
-  border-bottom: 1px solid var(--ss-border);
-  font-size: 9px;
-  text-transform: uppercase;
-}
-.ss-dash-explain-result td {
-  padding: 3px 8px;
-  border-bottom: 1px solid var(--ss-border-faint);
-  color: var(--ss-text-secondary);
-}
+/* ── EXPLAIN panel → components.css ────────────────────────────── */
 
 /* ── Overview cards ────────────────────────────────────────────── */
 .ss-dash-overview {

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

@@ -272,24 +272,7 @@
 
 /* Table base / column resize → components.css */
 
-/* Query-specific styles */
-.ss-dbg-sql {
-  font-size: 11px;
-  color: var(--ss-sql-color);
-  word-break: break-all;
-  cursor: pointer;
-  max-width: 500px;
-  /* truncation → utilities.css */
-}
-.ss-dbg-sql.ss-dbg-expanded {
-  white-space: pre-wrap;
-  max-width: none;
-}
-/* Duration → components.css */
-.ss-dbg-dup {
-  color: var(--ss-purple-fg);
-  font-size: 10px;
-}
+/* Query-specific styles → components.css (sql, dup, explain, etc.) */
 
 /* Method badges → components.css */
 
@@ -309,12 +292,7 @@
   position: relative;
   /* truncation → utilities.css */
 }
-.ss-dbg-event-time {
-  color: var(--ss-dim);
-  font-size: 10px;
-  /* tabular-nums → utilities.css */
-  white-space: nowrap;
-}
+/* .ss-dbg-event-time → components.css */
 .ss-dbg-data-preview {
   cursor: pointer;
   color: var(--ss-text-secondary);

package/dist/vue/{CacheSection-DT2Mwf_s.js → CacheSection-Bx41lpfK.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-CM3yNVUR.js";
+import { u as H } from "./index-CptF6Qbp.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-BwKwS9lh.js → ConfigSection-fkfUdCmx.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-CM3yNVUR.js";
+import { u as ue } from "./index-CptF6Qbp.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-B65g0FVS.js → EmailsSection-CbcDKF9Q.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-CM3yNVUR.js";
+import { u as L } from "./index-CptF6Qbp.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-CxqtVF-o.js → EventsSection-CWbTYOBi.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-CM3yNVUR.js";
+import { u as $ } from "./index-CptF6Qbp.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";