npm - adonisjs-server-stats - Versions diffs - 1.5.4 → 1.6.2 - Mend

adonisjs-server-stats 1.5.4 → 1.6.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (527) hide show

package/dist/src/edge/views/dashboard.edge CHANGED Viewed

@@ -7,376 +7,19 @@
   <style>{{{ css }}}</style>
 </head>
 <body>
-  <div id="ss-dash" data-path="{{ dashboardPath }}" data-tracing="{{ showTracing ? '1' : '0' }}">
-    {{-- ── Header ──────────────────────────────────────────────── --}}
-    <div class="ss-dash-header">
-      <div class="ss-dash-header-left">
-        <span class="ss-dash-logo">Server Stats</span>
-        <span class="ss-dash-logo-sub">Dashboard</span>
-      </div>
-      <div class="ss-dash-header-center">
-        <span class="ss-dash-live-dot" id="ss-dash-live-dot"></span>
-        <span class="ss-dash-live-label" id="ss-dash-live-label">Polling</span>
-      </div>
-      <div class="ss-dash-header-right">
-        <button type="button" class="ss-dash-theme-btn" id="ss-dash-theme-btn" title="Toggle theme">&#x263D;</button>
-        <a href="/" class="ss-dash-back-link" title="Back to app">&larr; App</a>
-      </div>
-    </div>
-    {{-- ── Body: Sidebar + Main ────────────────────────────────── --}}
-    <div class="ss-dash-body">
-      {{-- ── Sidebar ─────────────────────────────────────────────── --}}
-      <div class="ss-dash-sidebar" id="ss-dash-sidebar">
-        <nav class="ss-dash-nav">
-          {{-- Overview --}}
-          <button type="button" class="ss-dash-nav-item ss-dash-active" data-ss-section="overview">
-            <span class="ss-dash-nav-icon"><svg viewBox="0 0 24 24"><rect x="3" y="3" width="7" height="7" rx="1"/><rect x="14" y="3" width="7" height="7" rx="1"/><rect x="3" y="14" width="7" height="7" rx="1"/><rect x="14" y="14" width="7" height="7" rx="1"/></svg></span>
-            <span class="ss-dash-nav-label">Overview</span>
-          </button>
-          {{-- Requests --}}
-          <button type="button" class="ss-dash-nav-item" data-ss-section="requests">
-            <span class="ss-dash-nav-icon"><svg viewBox="0 0 24 24"><path d="M12 2L2 7l10 5 10-5-10-5z"/><path d="M2 17l10 5 10-5"/><path d="M2 12l10 5 10-5"/></svg></span>
-            <span class="ss-dash-nav-label">Requests</span>
-            <span class="ss-dash-nav-badge" id="ss-dash-badge-requests"></span>
-          </button>
-          {{-- Queries --}}
-          <button type="button" class="ss-dash-nav-item" data-ss-section="queries">
-            <span class="ss-dash-nav-icon"><svg viewBox="0 0 24 24"><ellipse cx="12" cy="5" rx="9" ry="3"/><path d="M21 12c0 1.66-4 3-9 3s-9-1.34-9-3"/><path d="M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5"/></svg></span>
-            <span class="ss-dash-nav-label">Queries</span>
-            <span class="ss-dash-nav-badge" id="ss-dash-badge-queries"></span>
-          </button>
-          {{-- Events --}}
-          <button type="button" class="ss-dash-nav-item" data-ss-section="events">
-            <span class="ss-dash-nav-icon"><svg viewBox="0 0 24 24"><path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z"/></svg></span>
-            <span class="ss-dash-nav-label">Events</span>
-          </button>
-          {{-- Routes --}}
-          <button type="button" class="ss-dash-nav-item" data-ss-section="routes">
-            <span class="ss-dash-nav-icon"><svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><path d="M2 12h20"/><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/></svg></span>
-            <span class="ss-dash-nav-label">Routes</span>
-          </button>
-          {{-- Logs --}}
-          <button type="button" class="ss-dash-nav-item" data-ss-section="logs">
-            <span class="ss-dash-nav-icon"><svg viewBox="0 0 24 24"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><path d="M14 2v6h6"/><path d="M16 13H8"/><path d="M16 17H8"/><path d="M10 9H8"/></svg></span>
-            <span class="ss-dash-nav-label">Logs</span>
-            <span class="ss-dash-nav-badge ss-dash-badge-red" id="ss-dash-badge-logs"></span>
-          </button>
-          {{-- Emails --}}
-          <button type="button" class="ss-dash-nav-item" data-ss-section="emails">
-            <span class="ss-dash-nav-icon"><svg viewBox="0 0 24 24"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><path d="M22 6l-10 7L2 6"/></svg></span>
-            <span class="ss-dash-nav-label">Emails</span>
-          </button>
-          {{-- Timeline (if tracing) --}}
-          @if(showTracing)
-            <button type="button" class="ss-dash-nav-item" data-ss-section="timeline">
-              <span class="ss-dash-nav-icon"><svg viewBox="0 0 24 24"><line x1="12" y1="20" x2="12" y2="10"/><line x1="18" y1="20" x2="18" y2="4"/><line x1="6" y1="20" x2="6" y2="16"/></svg></span>
-              <span class="ss-dash-nav-label">Timeline</span>
-            </button>
-          @end
-          {{-- Cache --}}
-          <button type="button" class="ss-dash-nav-item" data-ss-section="cache">
-            <span class="ss-dash-nav-icon"><svg viewBox="0 0 24 24"><path d="M22 12H2"/><path d="M5.45 5.11L2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z"/><line x1="6" y1="16" x2="6.01" y2="16"/><line x1="10" y1="16" x2="10.01" y2="16"/></svg></span>
-            <span class="ss-dash-nav-label">Cache</span>
-          </button>
-          {{-- Jobs --}}
-          <button type="button" class="ss-dash-nav-item" data-ss-section="jobs">
-            <span class="ss-dash-nav-icon"><svg viewBox="0 0 24 24"><rect x="2" y="7" width="20" height="14" rx="2" ry="2"/><path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"/></svg></span>
-            <span class="ss-dash-nav-label">Jobs</span>
-          </button>
-          {{-- Config --}}
-          <button type="button" class="ss-dash-nav-item" data-ss-section="config">
-            <span class="ss-dash-nav-icon"><svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"/></svg></span>
-            <span class="ss-dash-nav-label">Config</span>
-          </button>
-          {{-- Separator before custom panes --}}
-          @if(customPanes && customPanes.length)
-            <div class="ss-dash-nav-sep"></div>
-            @each(pane in customPanes)
-              <button type="button" class="ss-dash-nav-item" data-ss-section="{{ pane.id }}">
-                <span class="ss-dash-nav-icon"><svg viewBox="0 0 24 24"><rect x="3" y="3" width="18" height="18" rx="2"/><path d="M9 3v18"/></svg></span>
-                <span class="ss-dash-nav-label">{{ pane.label }}</span>
-              </button>
-            @end
-          @end
-        </nav>
-        {{-- Collapse toggle --}}
-        <button type="button" class="ss-dash-sidebar-toggle" id="ss-dash-sidebar-toggle" title="Toggle sidebar">
-          <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M15 18l-6-6 6-6"/></svg>
-        </button>
-      </div>
-      {{-- ── Main content ──────────────────────────────────────── --}}
-      <div class="ss-dash-main">
-        {{-- ═══ Overview ═══ --}}
-        <div id="ss-dash-pane-overview" class="ss-dash-pane ss-dash-active">
-          <div id="ss-dash-overview-content">
-            <div class="ss-dash-empty">Loading overview...</div>
-          </div>
-        </div>
-        {{-- ═══ Requests ═══ --}}
-        <div id="ss-dash-pane-requests" class="ss-dash-pane">
-          <div class="ss-dash-pane-inner">
-            <div id="ss-dash-requests-list" class="ss-dash-list-view">
-              <div class="ss-dash-search-bar">
-                <span id="ss-dash-requests-summary" class="ss-dash-summary"></span>
-              </div>
-              <div class="ss-dash-table-wrap" id="ss-dash-requests-body">
-                <div class="ss-dash-empty">Loading requests...</div>
-              </div>
-              <div class="ss-dash-pagination" id="ss-dash-pagination-requests"></div>
-            </div>
-            <div id="ss-dash-requests-detail" class="ss-dash-detail-view">
-              <div class="ss-dash-tl-detail-header">
-                <button type="button" class="ss-dash-btn" id="ss-dash-requests-back">&larr; Back</button>
-                <span id="ss-dash-requests-detail-title" class="ss-dash-summary"></span>
-              </div>
-              <div id="ss-dash-requests-waterfall" class="ss-dash-tl-waterfall"></div>
-            </div>
-          </div>
-        </div>
-        {{-- ═══ Queries ═══ --}}
-        <div id="ss-dash-pane-queries" class="ss-dash-pane">
-          <div class="ss-dash-pane-inner">
-            <div class="ss-dash-search-bar">
-              <span id="ss-dash-queries-summary" class="ss-dash-summary"></span>
-              <button type="button" class="ss-dash-btn" id="ss-dash-queries-group-btn">Grouped</button>
-            </div>
-            <div class="ss-dash-table-wrap" id="ss-dash-queries-body">
-              <div class="ss-dash-empty">Loading queries...</div>
-            </div>
-            <div class="ss-dash-pagination" id="ss-dash-pagination-queries"></div>
-          </div>
-        </div>
-        {{-- ═══ Events ═══ --}}
-        <div id="ss-dash-pane-events" class="ss-dash-pane">
-          <div class="ss-dash-pane-inner">
-            <div class="ss-dash-search-bar">
-              <span id="ss-dash-events-summary" class="ss-dash-summary"></span>
-            </div>
-            <div class="ss-dash-table-wrap" id="ss-dash-events-body">
-              <div class="ss-dash-empty">Loading events...</div>
-            </div>
-            <div class="ss-dash-pagination" id="ss-dash-pagination-events"></div>
-          </div>
-        </div>
-        {{-- ═══ Routes ═══ --}}
-        <div id="ss-dash-pane-routes" class="ss-dash-pane">
-          <div class="ss-dash-pane-inner">
-            <div class="ss-dash-search-bar">
-              <span id="ss-dash-routes-summary" class="ss-dash-summary"></span>
-            </div>
-            <div class="ss-dash-table-wrap" id="ss-dash-routes-body">
-              <div class="ss-dash-empty">Loading routes...</div>
-            </div>
-          </div>
-        </div>
-        {{-- ═══ Logs ═══ --}}
-        <div id="ss-dash-pane-logs" class="ss-dash-pane">
-          <div class="ss-dash-pane-inner">
-            {{-- Level filters --}}
-            <div class="ss-dash-log-filters">
-              <button type="button" class="ss-dash-log-filter ss-dash-active" data-ss-log-level="all">All</button>
-              <button type="button" class="ss-dash-log-filter" data-ss-log-level="error">Error</button>
-              <button type="button" class="ss-dash-log-filter" data-ss-log-level="warn">Warn</button>
-              <button type="button" class="ss-dash-log-filter" data-ss-log-level="info">Info</button>
-              <button type="button" class="ss-dash-log-filter" data-ss-log-level="debug">Debug</button>
-              <input type="text" class="ss-dash-search ss-dash-reqid-input" id="ss-dash-log-reqid-input" placeholder="Filter by request ID..." />
-              <button type="button" class="ss-dash-btn ss-dash-reqid-clear" id="ss-dash-log-reqid-clear" style="display:none">Clear</button>
-            </div>
-            {{-- Structured search --}}
-            <div class="ss-dash-structured-search">
-              <select class="ss-dash-filter-select" id="ss-dash-log-filter-field">
-                <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>
-              </select>
-              <select class="ss-dash-filter-select" id="ss-dash-log-filter-op">
-                <option value="equals">equals</option>
-                <option value="contains">contains</option>
-                <option value="starts_with">starts with</option>
-              </select>
-              <input type="text" class="ss-dash-filter-input" id="ss-dash-log-filter-value" placeholder="Value..." />
-              <button type="button" class="ss-dash-btn" id="ss-dash-log-add-filter">Add Filter</button>
-              <div class="ss-dash-filter-chips" id="ss-dash-log-filter-chips"></div>
-              <div class="ss-dash-saved-filters">
-                <select class="ss-dash-saved-select" id="ss-dash-log-saved-select">
-                  <option value="">Saved Filters...</option>
-                </select>
-                <button type="button" class="ss-dash-btn" id="ss-dash-log-save-filter">Save</button>
-                <button type="button" class="ss-dash-btn" id="ss-dash-log-delete-filter">Delete</button>
-              </div>
-            </div>
-            {{-- Log entries --}}
-            <div class="ss-dash-log-entries" id="ss-dash-logs-body">
-              <div class="ss-dash-empty">Loading logs...</div>
-            </div>
-            <div class="ss-dash-pagination" id="ss-dash-pagination-logs"></div>
-          </div>
-        </div>
-        {{-- ═══ Emails ═══ --}}
-        <div id="ss-dash-pane-emails" class="ss-dash-pane">
-          <div class="ss-dash-pane-inner" style="position:relative">
-            <div class="ss-dash-search-bar">
-              <span id="ss-dash-emails-summary" class="ss-dash-summary"></span>
-            </div>
-            <div class="ss-dash-table-wrap" id="ss-dash-emails-body">
-              <div class="ss-dash-empty">Loading emails...</div>
-            </div>
-            <div class="ss-dash-pagination" id="ss-dash-pagination-emails"></div>
-            {{-- Email preview overlay --}}
-            <div id="ss-dash-email-preview" class="ss-dash-email-preview" style="display:none">
-              <div class="ss-dash-email-preview-header">
-                <div id="ss-dash-email-preview-meta" class="ss-dash-email-preview-meta"></div>
-                <button type="button" class="ss-dash-btn" id="ss-dash-email-preview-close">Close</button>
-              </div>
-              <iframe id="ss-dash-email-iframe" class="ss-dash-email-iframe" sandbox="allow-same-origin" src="about:blank"></iframe>
-            </div>
-          </div>
-        </div>
-        {{-- ═══ Timeline ═══ --}}
-        @if(showTracing)
-          <div id="ss-dash-pane-timeline" class="ss-dash-pane">
-            <div class="ss-dash-pane-inner">
-              <div id="ss-dash-timeline-list" class="ss-dash-list-view">
-                <div class="ss-dash-search-bar">
-                  <span id="ss-dash-timeline-summary" class="ss-dash-summary"></span>
-                </div>
-                <div class="ss-dash-table-wrap" id="ss-dash-timeline-body">
-                  <div class="ss-dash-empty">Loading traces...</div>
-                </div>
-                <div class="ss-dash-pagination" id="ss-dash-pagination-timeline"></div>
-              </div>
-              <div id="ss-dash-timeline-detail" class="ss-dash-detail-view">
-                <div class="ss-dash-tl-detail-header">
-                  <button type="button" class="ss-dash-btn" id="ss-dash-timeline-back">&larr; Back</button>
-                  <span id="ss-dash-timeline-detail-title" class="ss-dash-summary"></span>
-                </div>
-                <div id="ss-dash-timeline-waterfall" class="ss-dash-tl-waterfall"></div>
-              </div>
-            </div>
-          </div>
-        @end
-        {{-- ═══ Cache ═══ --}}
-        <div id="ss-dash-pane-cache" class="ss-dash-pane">
-          <div class="ss-dash-pane-inner">
-            <div id="ss-dash-cache-stats-area"></div>
-            <div class="ss-dash-table-wrap" id="ss-dash-cache-body">
-              <div class="ss-dash-empty">Loading cache...</div>
-            </div>
-            <div id="ss-dash-cache-detail"></div>
-          </div>
-        </div>
-        {{-- ═══ Jobs ═══ --}}
-        <div id="ss-dash-pane-jobs" class="ss-dash-pane">
-          <div class="ss-dash-pane-inner">
-            <div id="ss-dash-jobs-stats-area"></div>
-            <div class="ss-dash-search-bar">
-              <div class="ss-dash-btn-group">
-                <button type="button" class="ss-dash-btn ss-dash-active" data-ss-job-status="">All</button>
-                <button type="button" class="ss-dash-btn" data-ss-job-status="active">Active</button>
-                <button type="button" class="ss-dash-btn" data-ss-job-status="waiting">Waiting</button>
-                <button type="button" class="ss-dash-btn" data-ss-job-status="completed">Completed</button>
-                <button type="button" class="ss-dash-btn" data-ss-job-status="failed">Failed</button>
-              </div>
-            </div>
-            <div class="ss-dash-table-wrap" id="ss-dash-jobs-body">
-              <div class="ss-dash-empty">Loading jobs...</div>
-            </div>
-            <div class="ss-dash-pagination" id="ss-dash-pagination-jobs"></div>
-          </div>
-        </div>
-        {{-- ═══ Config ═══ --}}
-        <div id="ss-dash-pane-config" class="ss-dash-pane">
-          <div class="ss-dash-pane-inner">
-            <div class="ss-dash-search-bar">
-              <div class="ss-dash-btn-group">
-                <button class="ss-dash-btn ss-dash-active" data-config-tab="config">App Config</button>
-                <button class="ss-dash-btn" data-config-tab="env">Env Vars</button>
-              </div>
-              <input type="text" class="ss-dash-search" id="ss-dash-config-search" placeholder="Search keys and values..." />
-              <button type="button" class="ss-dash-btn" id="ss-dash-config-expand-all">Expand All</button>
-              <button type="button" class="ss-dash-btn" id="ss-dash-config-collapse-all">Collapse All</button>
-              <button type="button" class="ss-dash-btn" id="ss-dash-config-copy">Copy JSON</button>
-            </div>
-            <div id="ss-dash-config-body">
-              <div class="ss-dash-empty">Loading config...</div>
-            </div>
-          </div>
-        </div>
-        {{-- ═══ Custom Panes ═══ --}}
-        @each(pane in customPanes)
-          <div id="ss-dash-pane-{{ pane.id }}" class="ss-dash-pane">
-            <div class="ss-dash-pane-inner">
-              @if(pane.search || pane.clearable)
-                <div class="ss-dash-search-bar">
-                  @if(pane.search)
-                    <input type="text" class="ss-dash-search" id="ss-dash-search-{{ pane.id }}" placeholder="{{ pane.search.placeholder || 'Filter...' }}" />
-                  @end
-                  <span id="ss-dash-{{ pane.id }}-summary" class="ss-dash-summary"></span>
-                  @if(pane.clearable)
-                    <button type="button" class="ss-dash-btn" id="ss-dash-{{ pane.id }}-clear">Clear</button>
-                  @end
-                </div>
-              @end
-              <div class="ss-dash-table-wrap" id="ss-dash-{{ pane.id }}-body">
-                <div class="ss-dash-empty">Loading {{ pane.label }}...</div>
-              </div>
-            </div>
-          </div>
-        @end
-      </div>
-    </div>
-  </div>
-  {{-- ── Config JSON ────────────────────────────────────────────── --}}
+  <div id="ss-dash"></div>
   <script type="application/json" id="ss-dash-config">{{{ JSON.stringify(dashConfig) }}}</script>
-  {{-- ── Transmit client (enables real-time updates if installed) ── --}}
   @if(transmitClient)
     <script>
       try {
         {{{ transmitClient }}}
-        console.log('[server-stats] Transmit client initialized, window.Transmit =', typeof window.Transmit);
       } catch(e) {
         console.warn('[server-stats] Transmit client failed to load:', e.message || e);
       }
     </script>
   @end
-  {{-- ── Dashboard JS ───────────────────────────────────────────── --}}
   <script>{{{ js }}}</script>
 </body>
 </html>

package/dist/src/edge/views/debug-panel.edge CHANGED Viewed

@@ -1,154 +1,2 @@
-<div id="ss-dbg-panel" class="ss-dbg-panel" data-logs-endpoint="{{ logsEndpoint }}" data-tracing="{{ showTracing ? '1' : '0' }}" data-debug-endpoint="{{ debugEndpoint }}"@if(dashboardPath) data-dashboard-path="{{ dashboardPath }}"@end>
-  <div class="ss-dbg-tabs">
-    <div class="ss-dbg-tabs-scroll">
-      @if(showTracing)
-        <button type="button" class="ss-dbg-tab ss-dbg-active" data-ss-dbg-tab="timeline"><svg class="ss-dbg-tab-icon" viewBox="0 0 24 24"><line x1="12" y1="20" x2="12" y2="10"/><line x1="18" y1="20" x2="18" y2="4"/><line x1="6" y1="20" x2="6" y2="16"/></svg>Timeline</button>
-        <button type="button" class="ss-dbg-tab" data-ss-dbg-tab="queries"><svg class="ss-dbg-tab-icon" viewBox="0 0 24 24"><ellipse cx="12" cy="5" rx="9" ry="3"/><path d="M21 12c0 1.66-4 3-9 3s-9-1.34-9-3"/><path d="M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5"/></svg>Queries</button>
-      @else
-        <button type="button" class="ss-dbg-tab ss-dbg-active" data-ss-dbg-tab="queries"><svg class="ss-dbg-tab-icon" viewBox="0 0 24 24"><ellipse cx="12" cy="5" rx="9" ry="3"/><path d="M21 12c0 1.66-4 3-9 3s-9-1.34-9-3"/><path d="M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5"/></svg>Queries</button>
-      @end
-      <button type="button" class="ss-dbg-tab" data-ss-dbg-tab="events"><svg class="ss-dbg-tab-icon" viewBox="0 0 24 24"><path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z"/></svg>Events</button>
-      <button type="button" class="ss-dbg-tab" data-ss-dbg-tab="routes"><svg class="ss-dbg-tab-icon" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><path d="M2 12h20"/><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/></svg>Routes</button>
-      <button type="button" class="ss-dbg-tab" data-ss-dbg-tab="logs"><svg class="ss-dbg-tab-icon" viewBox="0 0 24 24"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><path d="M14 2v6h6"/><path d="M16 13H8"/><path d="M16 17H8"/><path d="M10 9H8"/></svg>Logs</button>
-      <button type="button" class="ss-dbg-tab" data-ss-dbg-tab="emails"><svg class="ss-dbg-tab-icon" viewBox="0 0 24 24"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><path d="M22 6l-10 7L2 6"/></svg>Emails</button>
-      @if(dashboardPath)
-        <button type="button" class="ss-dbg-tab" data-ss-dbg-tab="cache"><svg class="ss-dbg-tab-icon" viewBox="0 0 24 24"><path d="M22 12H2"/><path d="M5.45 5.11L2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z"/><line x1="6" y1="16" x2="6.01" y2="16"/><line x1="10" y1="16" x2="10.01" y2="16"/></svg>Cache</button>
-        <button type="button" class="ss-dbg-tab" data-ss-dbg-tab="jobs"><svg class="ss-dbg-tab-icon" viewBox="0 0 24 24"><rect x="2" y="7" width="20" height="14" rx="2" ry="2"/><path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"/></svg>Jobs</button>
-        <button type="button" class="ss-dbg-tab" data-ss-dbg-tab="config"><svg class="ss-dbg-tab-icon" viewBox="0 0 24 24"><circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"/></svg>Config</button>
-      @end
-      @each(pane in customPanes)
-        <button type="button" class="ss-dbg-tab" data-ss-dbg-tab="{{ pane.id }}"><svg class="ss-dbg-tab-icon" viewBox="0 0 24 24"><rect x="3" y="3" width="18" height="18" rx="2"/><path d="M9 3v18"/></svg>{{ pane.label }}</button>
-      @end
-    </div>
-    <div class="ss-dbg-tabs-right">
-      <span id="ss-dbg-conn-mode" class="ss-dbg-conn-mode ss-dbg-conn-polling" title="Polling">polling</span>
-      <span id="ss-dbg-query-badge" class="ss-dbg-summary"></span>
-      <button type="button" class="ss-dbg-theme-toggle" id="ss-dbg-theme-btn" title="Toggle theme">&#9728;</button>
-      @if(dashboardPath)
-        <span id="ss-dbg-mini-stats" class="ss-dbg-mini-stats"></span>
-        <a href="{{ dashboardPath }}" target="_blank" class="ss-dbg-dashboard-link" id="ss-dbg-dashboard-link" title="Open full dashboard">
-          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/><polyline points="15 3 21 3 21 9"/><line x1="10" y1="14" x2="21" y2="3"/></svg>
-        </a>
-      @end
-      <button type="button" class="ss-dbg-close" id="ss-dbg-close" title="Close debug panel">&times;</button>
-    </div>
-  </div>
-  <div class="ss-dbg-content">
-    @if(showTracing)
-      <div id="ss-dbg-pane-timeline" class="ss-dbg-pane ss-dbg-active">
-        <div id="ss-dbg-timeline-list">
-          <div class="ss-dbg-search-bar">
-            <input type="text" class="ss-dbg-search" id="ss-dbg-search-timeline" placeholder="Filter by URL or method..." />
-            <span id="ss-dbg-timeline-summary" class="ss-dbg-summary"></span>
-          </div>
-          <div id="ss-dbg-timeline-body"><div class="ss-dbg-empty">Loading traces...</div></div>
-        </div>
-        <div id="ss-dbg-timeline-detail" style="display:none">
-          <div class="ss-dbg-tl-detail-header">
-            <button type="button" class="ss-dbg-btn-clear" id="ss-dbg-tl-back">&larr; Back</button>
-            <span id="ss-dbg-tl-detail-title" class="ss-dbg-summary"></span>
-          </div>
-          <div id="ss-dbg-tl-waterfall"></div>
-        </div>
-      </div>
-    @end
-    <div id="ss-dbg-pane-queries" class="ss-dbg-pane{{ showTracing ? '' : ' ss-dbg-active' }}">
-      <div class="ss-dbg-search-bar">
-        <input type="text" class="ss-dbg-search" id="ss-dbg-search-queries" placeholder="Filter queries by SQL, model, or method..." />
-        <span id="ss-dbg-queries-summary" class="ss-dbg-summary"></span>
-        <button type="button" class="ss-dbg-btn-clear" id="ss-dbg-queries-clear">Clear</button>
-      </div>
-      <div id="ss-dbg-queries-body"><div class="ss-dbg-empty">Loading queries...</div></div>
-    </div>
-    <div id="ss-dbg-pane-events" class="ss-dbg-pane">
-      <div class="ss-dbg-search-bar">
-        <input type="text" class="ss-dbg-search" id="ss-dbg-search-events" placeholder="Filter events by name..." />
-        <span id="ss-dbg-events-summary" class="ss-dbg-summary"></span>
-        <button type="button" class="ss-dbg-btn-clear" id="ss-dbg-events-clear">Clear</button>
-      </div>
-      <div id="ss-dbg-events-body"><div class="ss-dbg-empty">Loading events...</div></div>
-    </div>
-    <div id="ss-dbg-pane-routes" class="ss-dbg-pane">
-      <div class="ss-dbg-search-bar">
-        <input type="text" class="ss-dbg-search" id="ss-dbg-search-routes" placeholder="Filter routes by path, name, or handler..." />
-        <span id="ss-dbg-routes-summary" class="ss-dbg-summary"></span>
-      </div>
-      <div id="ss-dbg-routes-body"><div class="ss-dbg-empty">Loading routes...</div></div>
-    </div>
-    <div id="ss-dbg-pane-logs" class="ss-dbg-pane">
-      <div class="ss-dbg-log-filters">
-        <button type="button" class="ss-dbg-log-filter ss-dbg-active" data-ss-dbg-level="all">All</button>
-        <button type="button" class="ss-dbg-log-filter" data-ss-dbg-level="error">Error</button>
-        <button type="button" class="ss-dbg-log-filter" data-ss-dbg-level="warn">Warn</button>
-        <button type="button" class="ss-dbg-log-filter" data-ss-dbg-level="info">Info</button>
-        <button type="button" class="ss-dbg-log-filter" data-ss-dbg-level="debug">Debug</button>
-        <input type="text" class="ss-dbg-search ss-dbg-reqid-input" id="ss-dbg-log-reqid" placeholder="Filter by request ID..." />
-        <button type="button" class="ss-dbg-btn-clear ss-dbg-reqid-clear" id="ss-dbg-log-reqid-clear" style="display:none">Clear</button>
-      </div>
-      <div id="ss-dbg-logs-body"><div class="ss-dbg-empty">Loading logs...</div></div>
-    </div>
-    <div id="ss-dbg-pane-emails" class="ss-dbg-pane" style="position:relative">
-      <div class="ss-dbg-search-bar">
-        <input type="text" class="ss-dbg-search" id="ss-dbg-search-emails" placeholder="Filter emails by from, to, subject, or mailer..." />
-        <span id="ss-dbg-emails-summary" class="ss-dbg-summary"></span>
-        <button type="button" class="ss-dbg-btn-clear" id="ss-dbg-emails-clear">Clear</button>
-      </div>
-      <div id="ss-dbg-emails-body"><div class="ss-dbg-empty">Loading emails...</div></div>
-      <div id="ss-dbg-email-preview" class="ss-dbg-email-preview" style="display:none">
-        <div class="ss-dbg-email-preview-header">
-          <div id="ss-dbg-email-preview-meta" class="ss-dbg-email-preview-meta"></div>
-          <button type="button" class="ss-dbg-btn-clear" id="ss-dbg-email-preview-close">Close</button>
-        </div>
-        <iframe id="ss-dbg-email-iframe" class="ss-dbg-email-iframe" sandbox="allow-same-origin" src="about:blank"></iframe>
-      </div>
-    </div>
-    @if(dashboardPath)
-      <div id="ss-dbg-pane-cache" class="ss-dbg-pane">
-        <div id="ss-dbg-cache-stats-area" class="ss-dbg-cache-stats"></div>
-        <div class="ss-dbg-search-bar">
-          <input type="text" class="ss-dbg-search" id="ss-dbg-search-cache" placeholder="Filter cache keys..." />
-          <span id="ss-dbg-cache-summary" class="ss-dbg-summary"></span>
-        </div>
-        <div id="ss-dbg-cache-body"><div class="ss-dbg-empty">Loading cache...</div></div>
-      </div>
-      <div id="ss-dbg-pane-jobs" class="ss-dbg-pane">
-        <div id="ss-dbg-jobs-stats-area" class="ss-dbg-job-stats-area"></div>
-        <div class="ss-dbg-search-bar">
-          <button type="button" class="ss-dbg-job-filter ss-dbg-active" data-ss-dbg-job-status="all">All</button>
-          <button type="button" class="ss-dbg-job-filter" data-ss-dbg-job-status="completed">Completed</button>
-          <button type="button" class="ss-dbg-job-filter" data-ss-dbg-job-status="failed">Failed</button>
-          <button type="button" class="ss-dbg-job-filter" data-ss-dbg-job-status="active">Active</button>
-          <button type="button" class="ss-dbg-job-filter" data-ss-dbg-job-status="waiting">Waiting</button>
-          <span id="ss-dbg-jobs-summary" class="ss-dbg-summary"></span>
-        </div>
-        <div id="ss-dbg-jobs-body"><div class="ss-dbg-empty">Loading jobs...</div></div>
-      </div>
-      <div id="ss-dbg-pane-config" class="ss-dbg-pane">
-        <div class="ss-dbg-search-bar">
-          <button type="button" class="ss-dbg-config-tab ss-dbg-active" data-ss-dbg-config-tab="config">App Config</button>
-          <button type="button" class="ss-dbg-config-tab" data-ss-dbg-config-tab="env">Env Vars</button>
-          <input type="text" class="ss-dbg-search" id="ss-dbg-search-config" placeholder="Search config keys..." />
-          <span id="ss-dbg-config-summary" class="ss-dbg-summary"></span>
-        </div>
-        <div id="ss-dbg-config-body"><div class="ss-dbg-empty">Loading config...</div></div>
-      </div>
-    @end
-    @each(pane in customPanes)
-      <div id="ss-dbg-pane-{{ pane.id }}" class="ss-dbg-pane">
-        @if(pane.search || pane.clearable)
-          <div class="ss-dbg-search-bar">
-            @if(pane.search)
-              <input type="text" class="ss-dbg-search" id="ss-dbg-search-{{ pane.id }}" placeholder="{{ pane.search.placeholder || 'Filter...' }}" />
-            @end
-            <span id="ss-dbg-{{ pane.id }}-summary" class="ss-dbg-summary"></span>
-            @if(pane.clearable)
-              <button type="button" class="ss-dbg-btn-clear" id="ss-dbg-{{ pane.id }}-clear">Clear</button>
-            @end
-          </div>
-        @end
-        <div id="ss-dbg-{{ pane.id }}-body"><div class="ss-dbg-empty">Loading {{ pane.label }}...</div></div>
-      </div>
-    @end
-  </div>
-</div>
-<script type="application/json" id="ss-dbg-custom-panes-config">{{{ JSON.stringify(customPanes) }}}</script>
+<div id="ss-dbg-panel"></div>
+<script type="application/json" id="ss-dbg-config">{{{ JSON.stringify(debugConfig) }}}</script>

package/dist/src/edge/views/stats-bar.edge CHANGED Viewed

@@ -2,55 +2,22 @@
 {{{ css }}}
 </style>
-<div id="ss-bar" class="ss-bar" data-endpoint="{{ endpoint }}" data-interval="{{ intervalMs }}">
-  <div class="ss-bar-left">
-    @if(showDebug)
-      <button type="button" id="ss-dbg-wrench" class="ss-dbg-btn" title="Open debug panel">🔍 Open debug panel</button>
-    @end
-    <div id="ss-dot" class="ss-dot"></div>
-  </div>
-  <div id="ss-bar-scroll" class="ss-bar-scroll">
-    @each((group, gi) in groups)
-      <div class="ss-group">
-        @each(badge in group)
-          <div id="ss-b-{{ badge.id }}" class="ss-badge{{ badge.href ? ' ss-badge-link' : '' }}">
-            <span class="ss-label">{{ badge.label }}</span>
-            <span class="ss-value ss-green">...</span>
-          </div>
-        @end
-      </div>
-      @if(gi < groups.length - 1)
-        <div class="ss-group-sep"></div>
-      @end
-    @end
-  </div>
-</div>
-<button type="button" id="ss-toggle" class="ss-toggle ss-visible">
-  <span id="ss-toggle-summary" class="ss-toggle-summary" style="display:none">
-    <span data-ts="cpu" class="ss-value ss-green">...</span>
-    <span data-ts="mem" class="ss-value ss-green">...</span>
-    <span data-ts="redis" class="ss-value ss-green">...</span>
-  </span>
-  <span class="ss-toggle-label" style="color:#737373">hide stats</span>
-  <span class="ss-toggle-arrow">▼</span>
-</button>
-<script type="module">
-{{{ js }}}
-</script>
+<div id="ss-bar"></div>
+<script type="application/json" id="ss-bar-config">{{{ JSON.stringify(barConfig) }}}</script>
 @if(showDebug)
   <style>{{{ debugCss }}}</style>
-  @include('ss::debug-panel')
-  @if(transmitClient)
-    <script>
-      try {
-        if (typeof window.Transmit === 'undefined') {
-          {{{ transmitClient }}}
-        }
-      } catch(e) { /* Transmit client failed to load */ }
-    </script>
-  @end
-  <script type="module">{{{ debugJs }}}</script>
+  <script type="text/plain" data-ss-deferred="debug-panel">{{{ debugDeferredJs }}}</script>
 @end
+@if(transmitClient)
+  <script>
+    try {
+      if (typeof window.Transmit === 'undefined') {
+        {{{ transmitClient }}}
+      }
+    } catch(e) { /* Transmit client failed to load */ }
+  </script>
+@end
+<script>{{{ js }}}</script>