adonisjs-server-stats 1.11.6 → 1.11.7

package/dist/src/provider/diagnostics.d.ts

@@ -23,6 +23,8 @@ export interface DiagnosticsInput {
     hasQueueCollector?: boolean;
     resolvedCollectors?: CollectorRef[];
     config: DiagnosticsConfig | null;
+    /** Lucid connections that have debug: true (empty = no query events emitted). */
+    lucidDebugConnections?: string[];
 }
 interface DiagnosticsConfig {
     intervalMs: number;
@@ -130,5 +132,6 @@ export declare function buildDiagnostics(input: DiagnosticsInput): {
         slowQueryThresholdMs: number;
         enabled: boolean;
     };
+    lucidDebugConnections: string[];
 };
 export {};

package/dist/src/provider/diagnostics.js

@@ -123,5 +123,6 @@ export function buildDiagnostics(input) {
         integrations: buildIntegrationsDiagnostics(input),
         config: buildConfigDiagnostics(input.config),
         devToolbar: buildDevToolbarDiagnostics(input.config),
+        lucidDebugConnections: input.lucidDebugConnections ?? [],
     };
 }

package/dist/src/provider/server_stats_provider.d.ts

@@ -31,6 +31,7 @@ export default class ServerStatsProvider {
     transmitChannels: string[];
     private resolvedConfig;
     private resolvedCollectors;
+    private lucidDebugConnections;
     /** Resolves when initStats completes (or rejects). Null if not yet scheduled. */
     private initPromise;
     constructor(app: ApplicationService);
@@ -49,6 +50,11 @@ export default class ServerStatsProvider {
     private setupDevToolbar;
     private setupLogBroadcast;
     private resolve;
+    /**
+     * Check Lucid database connections for `debug: true` and warn if missing.
+     * Without it, Lucid won't emit `db:query` events and no queries will be captured.
+     */
+    private checkLucidDebugFlag;
     getDiagnostics(): {
         timers: {
             collectionInterval: {
@@ -124,6 +130,7 @@ export default class ServerStatsProvider {
             slowQueryThresholdMs: number;
             enabled: boolean;
         };
+        lucidDebugConnections: string[];
     };
     shutdown(): Promise<void>;
 }

package/dist/src/provider/server_stats_provider.js

@@ -33,6 +33,7 @@ export default class ServerStatsProvider {
     transmitChannels = [];
     resolvedConfig = null;
     resolvedCollectors = [];
+    lucidDebugConnections = [];
     /** Resolves when initStats completes (or rejects). Null if not yet scheduled. */
     initPromise = null;
     constructor(app) {
@@ -126,6 +127,7 @@ export default class ServerStatsProvider {
         const SC = (await import('../controller/server_stats_controller.js')).default;
         this.statsController = new SC(this.engine);
         if (config.devToolbar?.enabled && !this.app.inProduction) {
+            this.checkLucidDebugFlag();
             await this.setupDevToolbar(config);
         }
         const iv = await setupStatsIntervalHelper(this.engine, config, container);
@@ -193,6 +195,39 @@ export default class ServerStatsProvider {
             return null;
         }
     }
+    /**
+     * Check Lucid database connections for `debug: true` and warn if missing.
+     * Without it, Lucid won't emit `db:query` events and no queries will be captured.
+     */
+    checkLucidDebugFlag() {
+        const dbConfig = this.app.config.get('database');
+        if (!dbConfig?.connections)
+            return;
+        const enabled = [];
+        const disabled = [];
+        for (const [name, conn] of Object.entries(dbConfig.connections)) {
+            if (conn?.debug)
+                enabled.push(name);
+            else
+                disabled.push(name);
+        }
+        this.lucidDebugConnections = enabled;
+        if (enabled.length === 0 && disabled.length > 0) {
+            log.block('query capture is disabled — no Lucid connections have debug: true', [
+                '',
+                dim('Lucid only emits db:query events when debug is enabled on a connection.'),
+                dim('Add this to your database connection in config/database.ts:'),
+                '',
+                `  ${disabled[0]}: {`,
+                `    client: '...',`,
+                `    debug: true,      ${dim('// ← enables query capture')}`,
+                `    connection: { ... },`,
+                `  }`,
+                '',
+                dim(`Connections without debug: ${disabled.join(', ')}`),
+            ]);
+        }
+    }
     getDiagnostics() {
         return buildDiagnostics({
             intervalId: this.intervalId,
@@ -209,6 +244,7 @@ export default class ServerStatsProvider {
             hasCacheCollector: this.resolvedCollectors.some((c) => c.name === 'redis'),
             hasQueueCollector: this.resolvedCollectors.some((c) => c.name === 'queue'),
             config: this.resolvedConfig,
+            lucidDebugConnections: this.lucidDebugConnections,
         });
     }
     async shutdown() {

package/dist/src/styles/components.css

@@ -94,13 +94,29 @@
 .ss-dash-empty,
 .ss-dbg-empty {
   display: flex;
+  flex-direction: column;
   align-items: center;
   justify-content: center;
+  gap: 6px;
   height: 100%;
   min-height: 120px;
   color: var(--ss-dim);
   font-size: 12px;
 }
+.ss-empty-hint {
+  font-size: 11px;
+  color: var(--ss-dim);
+  opacity: 0.7;
+  max-width: 420px;
+  text-align: center;
+  line-height: 1.5;
+}
+.ss-empty-hint code {
+  background: var(--ss-surface, rgba(255,255,255,0.06));
+  padding: 1px 5px;
+  border-radius: 3px;
+  font-size: 10px;
+}
 
 /* ── Info cards ───────────────────────────────────────────────── */
 .ss-info-cards,

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;

package/dist/vue/{CacheSection-DT2Mwf_s.js → CacheSection-BAotiuQq.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-CYaqRGIT.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-JZjK5E5F.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-CYaqRGIT.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-BLwyQO7B.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-CYaqRGIT.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-BUEwO-0A.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-CYaqRGIT.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";