adonisjs-server-stats 1.6.14 → 1.9.0

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

@@ -15,6 +15,9 @@ export default class ServerStatsProvider {
     private debugController;
     private apiController;
     private dashboardDepsAvailable;
+    private emailBridgeRedis;
+    private emailBridgeChannel;
+    private logStreamService;
     private pinoHookActive;
     private edgePluginActive;
     private prometheusActive;
@@ -58,6 +61,31 @@ export default class ServerStatsProvider {
      * This method creates the controller so those routes become functional.
      */
     private setupDashboard;
+    /**
+     * Lightweight email bridge publisher for non-web environments
+     * (queue workers, scheduler). Listens to local AdonisJS mail events
+     * and publishes them to Redis so the web server can ingest them.
+     */
+    private setupEmailBridgePublisher;
+    /**
+     * Set up live log streaming via Transmit (web environment only).
+     * Merged from the former standalone LogStreamProvider.
+     */
+    private setupLogStream;
+    /**
+     * Set up a Redis pub/sub bridge for cross-process email capture.
+     *
+     * Mail events (`mail:sending`, `mail:sent`, etc.) are process-local.
+     * When emails are sent from a Bull queue worker, the web server's
+     * {@link EmailCollector} never sees them. This bridge solves that:
+     *
+     * 1. **Every process** publishes mail events to a Redis channel.
+     * 2. **Every process** subscribes and ingests events from *other*
+     *    processes (identified by a unique process tag).
+     *
+     * Requires `@adonisjs/redis`. Silently skipped if not installed.
+     */
+    private setupEmailBridge;
     /** Return diagnostics state for the Internals endpoint. */
     getDiagnostics(): {
         timers: {
@@ -97,6 +125,9 @@ export default class ServerStatsProvider {
             edgePlugin: {
                 active: boolean;
             };
+            emailBridge: {
+                active: boolean;
+            };
             cacheInspector: {
                 available: boolean;
             };

package/dist/src/provider/server_stats_provider.js

@@ -6,6 +6,7 @@ import { LogStreamService } from '../log_stream/log_stream_service.js';
 import { setShouldShow, setTraceCollector, setDashboardPath, setExcludedPrefixes, setOnRequestComplete, } from '../middleware/request_tracking_middleware.js';
 import { registerAllRoutes } from '../routes/register_routes.js';
 import { log, dim, bold, setVerbose } from '../utils/logger.js';
+import { extractAddresses } from '../utils/mail_helpers.js';
 export default class ServerStatsProvider {
     app;
     intervalId = null;
@@ -23,6 +24,11 @@ export default class ServerStatsProvider {
     apiController = null;
     // Dashboard dependency check (set in boot, read in ready)
     dashboardDepsAvailable = true;
+    // Redis email bridge (cross-process email capture)
+    emailBridgeRedis = null;
+    emailBridgeChannel = 'adonisjs-server-stats:emails';
+    // Log stream (merged from LogStreamProvider)
+    logStreamService = null;
     // Diagnostics tracking
     pinoHookActive = false;
     edgePluginActive = false;
@@ -35,6 +41,11 @@ export default class ServerStatsProvider {
         this.app = app;
     }
     async boot() {
+        // In non-web environments (queue workers, scheduler, REPL), skip all
+        // route registration, Edge plugin, and heavy initialization. The
+        // email bridge publisher is set up in ready() instead.
+        if (this.app.getEnvironment() !== 'web')
+            return;
         try {
             await this.initializeBoot();
         }
@@ -279,10 +290,15 @@ export default class ServerStatsProvider {
             return;
         if (this.app.inTest && config.skipInTest !== false)
             return;
-        // Defer the entire initialization to setImmediate so ready() returns
-        // immediately. AdonisJS waits for all provider ready() hooks before
-        // processing HTTP requests — blocking here would hang the server.
-        // Routes use lazy controller getters that return 503 until init completes.
+        // ── Non-web environments: only start the email bridge publisher ──
+        if (this.app.getEnvironment() !== 'web') {
+            await this.setupEmailBridgePublisher();
+            return;
+        }
+        // ── Web environment: full initialization ──
+        // Defer to setImmediate so ready() returns immediately. AdonisJS waits
+        // for all provider ready() hooks before processing HTTP requests —
+        // blocking here would hang the server.
         setImmediate(() => {
             this.initializeServerStats(config).catch((err) => {
                 log.warn(`failed to initialize: ${err?.message ?? err}\n` +
@@ -362,6 +378,8 @@ export default class ServerStatsProvider {
         }
         // ── Stats collection interval + transmit (lightweight, set up inline) ──
         this.setupStatsInterval(config);
+        // ── Live log streaming via Transmit ──
+        this.setupLogStream().catch(() => { });
         log.info('ready');
     }
     /**
@@ -447,6 +465,9 @@ export default class ServerStatsProvider {
             // Router not available
         }
         await this.debugStore.start(emitter, router);
+        // Set up Redis pub/sub bridge for cross-process email capture
+        // (e.g., emails sent from Bull queue workers)
+        await this.setupEmailBridge(emitter);
         // Create the debug controller (makes the debug routes functional)
         const serverConfig = this.app.config.get('server_stats');
         const DebugControllerClass = (await import('../controller/debug_controller.js')).default;
@@ -673,6 +694,211 @@ export default class ServerStatsProvider {
             }, 30_000);
         }
     }
+    /**
+     * Lightweight email bridge publisher for non-web environments
+     * (queue workers, scheduler). Listens to local AdonisJS mail events
+     * and publishes them to Redis so the web server can ingest them.
+     */
+    async setupEmailBridgePublisher() {
+        let emitter;
+        try {
+            emitter = (await this.app.container.make('emitter'));
+        }
+        catch {
+            return;
+        }
+        const { appImport } = await import('../utils/app_import.js');
+        let redis;
+        try {
+            const mod = await appImport('@adonisjs/redis/services/main');
+            redis = mod.default;
+        }
+        catch {
+            return; // @adonisjs/redis not installed
+        }
+        const tag = `${process.pid}-${Date.now()}`;
+        const ch = this.emailBridgeChannel;
+        const statusMap = [
+            ['mail:sending', 'sending'],
+            ['mail:sent', 'sent'],
+            ['mail:queueing', 'queueing'],
+            ['mail:queued', 'queued'],
+            ['queued:mail:error', 'failed'],
+        ];
+        const MAX_HTML = 50_000; // 50 KB cap per email body, same as EmailCollector
+        const capSize = (v) => {
+            if (!v || typeof v !== 'string')
+                return null;
+            return v.length <= MAX_HTML ? v : v.slice(0, MAX_HTML) + '\n<!-- truncated -->';
+        };
+        for (const [event, status] of statusMap) {
+            emitter.on(event, (data) => {
+                try {
+                    const d = data;
+                    const msg = (d?.message || d);
+                    const payload = JSON.stringify({
+                        _t: tag,
+                        from: extractAddresses(msg?.from) || 'unknown',
+                        to: extractAddresses(msg?.to) || 'unknown',
+                        cc: extractAddresses(msg?.cc) || null,
+                        bcc: extractAddresses(msg?.bcc) || null,
+                        subject: msg?.subject || '(no subject)',
+                        html: capSize(msg?.html),
+                        text: capSize(msg?.text),
+                        mailer: d?.mailerName || d?.mailer || 'unknown',
+                        status,
+                        messageId: d?.response?.messageId ||
+                            d?.messageId ||
+                            null,
+                        attachmentCount: Array.isArray(msg?.attachments) ? msg.attachments.length : 0,
+                        timestamp: Date.now(),
+                    });
+                    redis.publish(ch, payload).catch(() => { });
+                }
+                catch {
+                    // Silently ignore serialization errors
+                }
+            });
+        }
+        log.info('email bridge publisher active (queue worker → Redis)');
+    }
+    /**
+     * Set up live log streaming via Transmit (web environment only).
+     * Merged from the former standalone LogStreamProvider.
+     */
+    async setupLogStream() {
+        let transmit;
+        try {
+            transmit = (await this.app.container.make('transmit'));
+        }
+        catch {
+            return; // @adonisjs/transmit not available
+        }
+        const channelName = this.app.config.get('server_stats.logChannelName', 'admin/logs');
+        const broadcast = (entry) => {
+            try {
+                transmit.broadcast(channelName, entry);
+            }
+            catch {
+                // Silently ignore broadcast errors
+            }
+        };
+        // If logCollector() is already hooked into Pino (zero-config),
+        // piggyback on its stream instead of creating a file poller.
+        const existing = getLogStreamService();
+        if (existing) {
+            const internal = existing;
+            const origOnEntry = internal.onEntry;
+            internal.onEntry = (entry) => {
+                origOnEntry?.(entry);
+                broadcast(entry);
+            };
+            return;
+        }
+        // Fallback: poll the log file directly
+        const logPath = this.app.makePath('logs', 'adonisjs.log');
+        this.logStreamService = new LogStreamService(logPath, broadcast);
+        await this.logStreamService.start();
+    }
+    /**
+     * Set up a Redis pub/sub bridge for cross-process email capture.
+     *
+     * Mail events (`mail:sending`, `mail:sent`, etc.) are process-local.
+     * When emails are sent from a Bull queue worker, the web server's
+     * {@link EmailCollector} never sees them. This bridge solves that:
+     *
+     * 1. **Every process** publishes mail events to a Redis channel.
+     * 2. **Every process** subscribes and ingests events from *other*
+     *    processes (identified by a unique process tag).
+     *
+     * Requires `@adonisjs/redis`. Silently skipped if not installed.
+     */
+    async setupEmailBridge(emitter) {
+        if (!emitter)
+            return;
+        const { appImport } = await import('../utils/app_import.js');
+        let redis;
+        try {
+            const mod = await appImport('@adonisjs/redis/services/main');
+            redis = mod.default;
+        }
+        catch {
+            return; // @adonisjs/redis not installed — skip
+        }
+        const CHANNEL = this.emailBridgeChannel;
+        const processTag = `${process.pid}-${Date.now()}`;
+        const em = emitter;
+        // ── Publish local mail events to Redis ──────────────────────
+        const statusMap = [
+            ['mail:sending', 'sending'],
+            ['mail:sent', 'sent'],
+            ['mail:queueing', 'queueing'],
+            ['mail:queued', 'queued'],
+            ['queued:mail:error', 'failed'],
+        ];
+        const MAX_HTML = 50_000;
+        const capSize = (v) => {
+            if (!v || typeof v !== 'string')
+                return null;
+            return v.length <= MAX_HTML ? v : v.slice(0, MAX_HTML) + '\n<!-- truncated -->';
+        };
+        for (const [event, status] of statusMap) {
+            em.on(event, (data) => {
+                try {
+                    const d = data;
+                    const msg = d?.message || d;
+                    const payload = JSON.stringify({
+                        _t: processTag,
+                        from: extractAddresses(msg?.from) || 'unknown',
+                        to: extractAddresses(msg?.to) || 'unknown',
+                        cc: extractAddresses(msg?.cc) || null,
+                        bcc: extractAddresses(msg?.bcc) || null,
+                        subject: msg?.subject || '(no subject)',
+                        html: capSize(msg?.html),
+                        text: capSize(msg?.text),
+                        mailer: d?.mailerName || d?.mailer || 'unknown',
+                        status,
+                        messageId: d?.response?.messageId || d?.messageId || null,
+                        attachmentCount: Array.isArray(msg?.attachments) ? msg.attachments.length : 0,
+                        timestamp: Date.now(),
+                    });
+                    redis.publish(CHANNEL, payload).catch(() => { });
+                }
+                catch {
+                    // Silently ignore serialization errors
+                }
+            });
+        }
+        // ── Subscribe to receive emails from other processes ─────────
+        try {
+            await redis.subscribe(CHANNEL, (message) => {
+                try {
+                    const parsed = JSON.parse(message);
+                    if (parsed._t === processTag)
+                        return; // Skip own messages
+                    const { _t: _, ...fields } = parsed;
+                    const record = {
+                        ...fields,
+                        html: fields.html || null,
+                        text: fields.text || null,
+                    };
+                    // Ingest into in-memory ring buffer (debug panel)
+                    this.debugStore?.emails.ingest(record);
+                    // Also persist to SQLite dashboard (the sending process has
+                    // no DashboardStore, so we must record it here)
+                    this.dashboardStore?.recordEmail({ id: 0, ...record });
+                }
+                catch {
+                    // Ignore malformed messages
+                }
+            });
+            this.emailBridgeRedis = redis;
+            log.info('email bridge active (cross-process capture via Redis)');
+        }
+        catch {
+            // Subscribe failed — bridge unavailable, local capture still works
+        }
+    }
     /** Return diagnostics state for the Internals endpoint. */
     getDiagnostics() {
         const config = this.resolvedConfig;
@@ -711,6 +937,7 @@ export default class ServerStatsProvider {
                     mode: this.pinoHookActive ? 'stream' : toolbarConfig?.enabled ? 'none' : 'none',
                 },
                 edgePlugin: { active: this.edgePluginActive },
+                emailBridge: { active: this.emailBridgeRedis !== null },
                 cacheInspector: {
                     available: this.resolvedCollectors.some((c) => c.name === 'redis'),
                 },
@@ -773,7 +1000,19 @@ export default class ServerStatsProvider {
                 log.warn('could not save debug data on shutdown — ' + err?.message);
             }
         }
-        // Clean up dashboard resources
+        // Unsubscribe Redis email bridge
+        if (this.emailBridgeRedis) {
+            try {
+                ;
+                this.emailBridgeRedis.unsubscribe(this.emailBridgeChannel);
+            }
+            catch {
+                // Ignore cleanup errors
+            }
+            this.emailBridgeRedis = null;
+        }
+        // Clean up log stream and dashboard resources
+        this.logStreamService?.stop();
         this.dashboardLogStream?.stop();
         setOnRequestComplete(null);
         setDashboardPath(null);

package/dist/src/routes/register_routes.js

@@ -125,14 +125,14 @@ export function registerAllRoutes(options) {
                 .as('server-stats.debug.logs');
             router
                 .get('/emails', bindApi(async (api, ctx) => {
-                const result = await api.getEmails({ source: 'memory' });
+                const result = await api.getEmails({});
                 return ctx.response.json({ emails: result.data, total: result.meta.total });
             }))
                 .as('server-stats.debug.emails');
             router
                 .get('/emails/:id/preview', bindApi(async (api, ctx) => {
                 const id = Number(ctx.params.id);
-                const html = await api.getEmailPreview(id, 'memory');
+                const html = await api.getEmailPreview(id);
                 if (!html) {
                     return ctx.response.notFound({ error: 'Email not found' });
                 }

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. */
@@ -602,6 +683,9 @@
   background: var(--ss-amber-bg);
   color: var(--ss-amber-fg);
 }
+.ss-email-status-queueing,
+.ss-dash-email-status-queueing,
+.ss-dbg-email-status-queueing,
 .ss-email-status-queued,
 .ss-dash-email-status-queued,
 .ss-dbg-email-status-queued {

package/dist/vue/{CacheSection-C788Yfai.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-qCQpBftQ.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-CRzYxqW2.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-qCQpBftQ.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-C8JFMtW7.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-qCQpBftQ.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/EmailsTab-CNyEODVB.js

@@ -0,0 +1,177 @@
+import { defineComponent as A, ref as v, computed as f, openBlock as o, createElementBlock as i, createElementVNode as t, createTextVNode as b, toDisplayString as a, createCommentVNode as p, normalizeClass as y, Fragment as _, withDirectives as E, vModelText as j, renderList as q, unref as w } from "vue";
+import { formatTime as N, timeAgo as S } from "adonisjs-server-stats/core";
+import { u as $ } from "./useResizableTable-BoivAevK.js";
+const F = { style: { position: "relative", height: "100%" } }, P = {
+  key: 0,
+  class: "ss-dbg-email-preview"
+}, V = { class: "ss-dbg-email-preview-header" }, z = { class: "ss-dbg-email-preview-meta" }, B = { key: 0 }, M = {
+  key: 0,
+  class: "ss-dbg-empty"
+}, R = ["srcdoc"], D = {
+  key: 2,
+  class: "ss-dbg-empty"
+}, H = { class: "ss-dbg-search-bar" }, U = { class: "ss-dbg-summary" }, G = {
+  key: 0,
+  class: "ss-dbg-empty"
+}, I = ["onClick"], J = {
+  class: "ss-dbg-c-dim",
+  style: { "white-space": "nowrap" }
+}, K = ["title"], O = ["title"], Q = { class: "ss-dbg-c-sql" }, W = { class: "ss-dbg-c-muted" }, X = {
+  class: "ss-dbg-c-dim",
+  style: { "text-align": "center" }
+}, Y = ["title"], et = /* @__PURE__ */ A({
+  __name: "EmailsTab",
+  props: {
+    data: {},
+    dashboardPath: {},
+    debugEndpoint: {},
+    authToken: {}
+  },
+  setup(k) {
+    const d = k, c = v(""), n = v(null), r = v(null), m = v(!1), g = f(() => {
+      const l = d.data, e = l ? (Array.isArray(l) ? l : l.emails) || [] : [];
+      if (!c.value.trim()) return e;
+      const s = c.value.toLowerCase();
+      return e.filter(
+        (u) => u.subject.toLowerCase().includes(s) || u.from.toLowerCase().includes(s) || u.to.toLowerCase().includes(s) || u.mailer && u.mailer.toLowerCase().includes(s)
+      );
+    }), C = f(() => {
+      const l = d.data;
+      return `${(l ? (Array.isArray(l) ? l : l.emails) || [] : []).length} emails`;
+    });
+    function h(l) {
+      return {
+        sent: "ss-dbg-email-status-sent",
+        sending: "ss-dbg-email-status-sending",
+        queueing: "ss-dbg-email-status-queued",
+        queued: "ss-dbg-email-status-queued",
+        failed: "ss-dbg-email-status-failed"
+      }[l] || "";
+    }
+    async function T(l) {
+      if (n.value = l, r.value = l.html || null, !r.value && l.id) {
+        m.value = !0;
+        try {
+          const e = d.debugEndpoint || "/admin/api/debug", s = {};
+          d.authToken && (s.Authorization = `Bearer ${d.authToken}`);
+          const u = await fetch(`${e}/emails/${l.id}/preview`, {
+            headers: s,
+            credentials: d.authToken ? "omit" : "include"
+          });
+          u.ok && (r.value = await u.text());
+        } catch {
+        } finally {
+          m.value = !1;
+        }
+      }
+    }
+    function L() {
+      n.value = null, r.value = null, m.value = !1;
+    }
+    const { tableRef: x } = $(() => g.value);
+    return (l, e) => (o(), i("div", F, [
+      n.value ? (o(), i("div", P, [
+        t("div", V, [
+          t("div", z, [
+            t("div", null, [
+              e[1] || (e[1] = t("strong", null, "From:", -1)),
+              b(" " + a(n.value.from), 1)
+            ]),
+            t("div", null, [
+              e[2] || (e[2] = t("strong", null, "To:", -1)),
+              b(" " + a(n.value.to), 1)
+            ]),
+            n.value.cc ? (o(), i("div", B, [
+              e[3] || (e[3] = t("strong", null, "CC:", -1)),
+              b(" " + a(n.value.cc), 1)
+            ])) : p("", !0),
+            t("div", null, [
+              e[4] || (e[4] = t("strong", null, "Subject:", -1)),
+              b(" " + a(n.value.subject), 1)
+            ]),
+            t("div", null, [
+              e[5] || (e[5] = t("strong", null, "Status:", -1)),
+              t("span", {
+                class: y(["ss-dbg-email-status", h(n.value.status)])
+              }, a(n.value.status), 3)
+            ])
+          ]),
+          t("button", {
+            type: "button",
+            class: "ss-dbg-btn-clear",
+            onClick: L
+          }, "×")
+        ]),
+        m.value ? (o(), i("div", M, "Loading preview...")) : r.value ? (o(), i("iframe", {
+          key: 1,
+          class: "ss-dbg-email-iframe",
+          srcdoc: r.value
+        }, null, 8, R)) : (o(), i("div", D, "No HTML content"))
+      ])) : p("", !0),
+      n.value ? p("", !0) : (o(), i(_, { key: 1 }, [
+        t("div", H, [
+          E(t("input", {
+            "onUpdate:modelValue": e[0] || (e[0] = (s) => c.value = s),
+            class: "ss-dbg-search",
+            placeholder: "Filter emails...",
+            type: "text"
+          }, null, 512), [
+            [j, c.value]
+          ]),
+          t("span", U, a(C.value), 1)
+        ]),
+        g.value.length === 0 ? (o(), i("div", G, "No emails captured")) : (o(), i("table", {
+          key: 1,
+          ref_key: "tableRef",
+          ref: x,
+          class: "ss-dbg-table"
+        }, [
+          e[6] || (e[6] = t("thead", null, [
+            t("tr", null, [
+              t("th", null, "#"),
+              t("th", null, "From"),
+              t("th", null, "To"),
+              t("th", null, "Subject"),
+              t("th", null, "Status"),
+              t("th", null, "Mailer"),
+              t("th", { title: "Attachments" }, "📎"),
+              t("th", null, "Time")
+            ])
+          ], -1)),
+          t("tbody", null, [
+            (o(!0), i(_, null, q(g.value, (s) => (o(), i("tr", {
+              key: s.id,
+              class: "ss-dbg-email-row",
+              onClick: (u) => T(s)
+            }, [
+              t("td", J, a(s.id), 1),
+              t("td", {
+                class: "ss-dbg-c-secondary",
+                title: s.from
+              }, a(s.from), 9, K),
+              t("td", {
+                class: "ss-dbg-c-secondary",
+                title: s.to
+              }, a(s.to), 9, O),
+              t("td", Q, a(s.subject), 1),
+              t("td", null, [
+                t("span", {
+                  class: y(["ss-dbg-email-status", h(s.status)])
+                }, a(s.status), 3)
+              ]),
+              t("td", W, a(s.mailer), 1),
+              t("td", X, a(s.attachmentCount > 0 ? s.attachmentCount : "-"), 1),
+              t("td", {
+                class: "ss-dbg-event-time",
+                title: w(N)(s.timestamp)
+              }, a(w(S)(s.timestamp)), 9, Y)
+            ], 8, I))), 128))
+          ])
+        ], 512))
+      ], 64))
+    ]));
+  }
+});
+export {
+  et as default
+};