adonisjs-server-stats 1.5.4 → 1.6.2

package/dist/src/edge/client/dashboard.js

@@ -1,3619 +1,2 @@
-/**
- * Client-side SPA for the server-stats full-page dashboard.
- *
- * Config is read from:
- *   - data-path on #ss-dash — dashboard base path (e.g. "/__stats")
- *   - data-tracing on #ss-dash — "1" if tracing enabled
- *   - <script id="ss-dash-config"> — JSON config object
- *
- * Hash-based routing: #overview, #requests, #queries, etc.
- * Deep link support: #queries?id=42, #logs?requestId=abc123
- */
-;(function () {
-  var root = document.getElementById('ss-dash')
-  if (!root) return
-
-  var BASE = (root.dataset.path || '/__stats').replace(/\/+$/, '')
-  var API = BASE + '/api'
-  var tracingEnabled = root.dataset.tracing === '1'
-
-  // Config from JSON script tag
-  var dashConfig = {}
-  try {
-    var cfgEl = document.getElementById('ss-dash-config')
-    if (cfgEl) dashConfig = JSON.parse(cfgEl.textContent || '{}')
-  } catch (e) {
-    /* ignore */
-  }
-
-  var customPanes = dashConfig.customPanes || []
-
-  // ── Helpers ───────────────────────────────────────────────────
-  var esc = function (s) {
-    if (typeof s !== 'string') s = '' + s
-    return s
-      .replace(/&/g, '&amp;')
-      .replace(/</g, '&lt;')
-      .replace(/>/g, '&gt;')
-      .replace(/"/g, '&quot;')
-  }
-
-  var timeAgo = function (ts) {
-    if (!ts) return '-'
-    var d = typeof ts === 'string' ? new Date(ts).getTime() : ts
-    var diff = Math.floor((Date.now() - d) / 1000)
-    if (diff < 0) return 'just now'
-    if (diff < 60) return diff + 's ago'
-    if (diff < 3600) return Math.floor(diff / 60) + 'm ago'
-    if (diff < 86400) return Math.floor(diff / 3600) + 'h ago'
-    return Math.floor(diff / 86400) + 'd ago'
-  }
-
-  var formatTime = function (ts) {
-    var d = typeof ts === 'string' ? new Date(ts) : new Date(ts)
-    if (isNaN(d.getTime())) return '-'
-    return (
-      d.toLocaleTimeString('en-US', {
-        hour12: false,
-        hour: '2-digit',
-        minute: '2-digit',
-        second: '2-digit',
-      }) +
-      '.' +
-      String(d.getMilliseconds()).padStart(3, '0')
-    )
-  }
-
-  var methodClass = function (m) {
-    return 'ss-dash-method ss-dash-method-' + (typeof m === 'string' ? m.toLowerCase() : '')
-  }
-
-  var durationClass = function (ms) {
-    if (ms > 500) return 'ss-dash-very-slow'
-    if (ms > 100) return 'ss-dash-slow'
-    return ''
-  }
-
-  var statusClass = function (code) {
-    if (code >= 500) return 'ss-dash-status-5xx'
-    if (code >= 400) return 'ss-dash-status-4xx'
-    if (code >= 300) return 'ss-dash-status-3xx'
-    return 'ss-dash-status-2xx'
-  }
-
-  var compactPreview = function (val, maxLen) {
-    if (val === null) return 'null'
-    if (typeof val === 'string')
-      return '"' + (val.length > 40 ? val.slice(0, 40) + '...' : val) + '"'
-    if (typeof val === 'number' || typeof val === 'boolean') return String(val)
-    if (Array.isArray(val)) {
-      if (val.length === 0) return '[]'
-      var items = val.slice(0, 3).map(function (v) {
-        return compactPreview(v, 30)
-      })
-      var s = '[' + items.join(', ') + (val.length > 3 ? ', ...' + val.length + ' items' : '') + ']'
-      return s.length > maxLen ? '[' + val.length + ' items]' : s
-    }
-    if (typeof val === 'object') {
-      var keys = Object.keys(val)
-      if (keys.length === 0) return '{}'
-      var pairs = []
-      for (var i = 0; i < Math.min(keys.length, 4); i++) {
-        pairs.push(keys[i] + ': ' + compactPreview(val[keys[i]], 30))
-      }
-      var s2 =
-        '{ ' + pairs.join(', ') + (keys.length > 4 ? ', ...+' + (keys.length - 4) : '') + ' }'
-      return s2.length > maxLen
-        ? '{ ' + keys.slice(0, 6).join(', ') + (keys.length > 6 ? ', ...' : '') + ' }'
-        : s2
-    }
-    return String(val)
-  }
-
-  var eventPreview = function (data) {
-    if (!data) return '-'
-    try {
-      var parsed = typeof data === 'string' ? JSON.parse(data) : data
-      return compactPreview(parsed, 100)
-    } catch (e) {
-      return data.length > 100 ? data.slice(0, 100) + '...' : data
-    }
-  }
-
-  var shortReqId = function (id) {
-    return id ? id.slice(0, 8) : ''
-  }
-
-  var TRUNC = 'overflow:hidden;text-overflow:ellipsis;white-space:nowrap'
-
-  var getTimestamp = function (obj) {
-    return obj.createdAt || obj.created_at || obj.timestamp || 0
-  }
-  var getStatus = function (obj) {
-    return obj.status_code || obj.statusCode
-  }
-  var renderStatusBadge = function (code) {
-    return '<span class="ss-dash-status ' + statusClass(code) + '">' + code + '</span>'
-  }
-
-  var formatCell = function (value, col) {
-    if (value === null || value === undefined) return '<span style="color:var(--ss-dim)">-</span>'
-    var fmt = col.format || 'text'
-    switch (fmt) {
-      case 'time':
-        return typeof value === 'number' ? formatTime(value) : esc(value)
-      case 'timeAgo':
-        return (
-          '<span class="ss-dash-event-time">' +
-          (typeof value === 'number' ? timeAgo(value) : esc(value)) +
-          '</span>'
-        )
-      case 'duration': {
-        var ms = typeof value === 'number' ? value : parseFloat(value)
-        if (isNaN(ms)) return esc(value)
-        return (
-          '<span class="ss-dash-duration ' + durationClass(ms) + '">' + ms.toFixed(2) + 'ms</span>'
-        )
-      }
-      case 'method':
-        return '<span class="' + methodClass(value) + '">' + esc(value) + '</span>'
-      case 'json': {
-        if (typeof value === 'string') {
-          try {
-            value = JSON.parse(value)
-          } catch (e) {
-            /* use as-is */
-          }
-        }
-        var preview = typeof value === 'object' ? compactPreview(value, 100) : String(value)
-        return (
-          '<span class="ss-dash-data-preview" style="cursor:default">' + esc(preview) + '</span>'
-        )
-      }
-      case 'badge': {
-        var sv = String(value).toLowerCase()
-        var colorMap = col.badgeColorMap || {}
-        var color = colorMap[sv] || 'muted'
-        return (
-          '<span class="ss-dash-badge ss-dash-badge-' + esc(color) + '">' + esc(value) + '</span>'
-        )
-      }
-      default:
-        return esc(value)
-    }
-  }
-
-  // ── State ─────────────────────────────────────────────────────
-  var activeSection = 'overview'
-  var sidebarCollapsed = localStorage.getItem('ss-dash-sidebar') === 'collapsed'
-  var refreshTimer = null
-  var transmitSub = null
-  var isLive = false
-
-  // Per-section pagination state
-  var pageState = {}
-  var PER_PAGE = 50
-
-  var getPage = function (section) {
-    if (!pageState[section]) pageState[section] = { page: 1, total: 0 }
-    return pageState[section]
-  }
-
-  // ── Fetch helper ──────────────────────────────────────────────
-  var fetchJSON = function (url) {
-    return fetch(url, { credentials: 'same-origin' }).then(function (r) {
-      if (!r.ok) throw new Error(r.status)
-      return r.json()
-    })
-  }
-
-  var fetchSection = function (section, urlSuffix, renderFn) {
-    fetchJSON(API + urlSuffix)
-      .then(renderFn)
-      .catch(function () {
-        setInner(
-          'ss-dash-' + section + '-body',
-          '<div class="ss-dash-empty">Failed to load ' + section + '</div>'
-        )
-      })
-  }
-
-  // ── Theme ─────────────────────────────────────────────────────
-  var themeOverride = localStorage.getItem('ss-dash-theme')
-  var themeBtn = document.getElementById('ss-dash-theme-btn')
-
-  var applyTheme = function () {
-    if (themeOverride) {
-      root.setAttribute('data-theme', themeOverride)
-    } else {
-      root.removeAttribute('data-theme')
-    }
-    if (themeBtn) {
-      var isDark =
-        themeOverride === 'dark' ||
-        (!themeOverride && window.matchMedia('(prefers-color-scheme: dark)').matches)
-      themeBtn.textContent = isDark ? '\u2600' : '\u263D'
-      themeBtn.title = isDark ? 'Switch to light theme' : 'Switch to dark theme'
-    }
-  }
-
-  if (themeBtn) {
-    themeBtn.addEventListener('click', function () {
-      var isDark =
-        themeOverride === 'dark' ||
-        (!themeOverride && window.matchMedia('(prefers-color-scheme: dark)').matches)
-      themeOverride = isDark ? 'light' : 'dark'
-      localStorage.setItem('ss-dash-theme', themeOverride)
-      applyTheme()
-    })
-  }
-  applyTheme()
-
-  // ── Sidebar ───────────────────────────────────────────────────
-  var sidebar = document.getElementById('ss-dash-sidebar')
-  var sidebarToggle = document.getElementById('ss-dash-sidebar-toggle')
-  var navItems = root.querySelectorAll('[data-ss-section]')
-
-  var applySidebar = function () {
-    if (sidebar) sidebar.classList.toggle('ss-dash-collapsed', sidebarCollapsed)
-    if (sidebarToggle)
-      sidebarToggle.innerHTML = sidebarCollapsed
-        ? '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M9 18l6-6-6-6"/></svg>'
-        : '<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>'
-  }
-
-  if (sidebarToggle) {
-    sidebarToggle.addEventListener('click', function () {
-      sidebarCollapsed = !sidebarCollapsed
-      localStorage.setItem('ss-dash-sidebar', sidebarCollapsed ? 'collapsed' : 'expanded')
-      applySidebar()
-    })
-  }
-  applySidebar()
-
-  // ── Section switching ─────────────────────────────────────────
-  var switchSection = function (name) {
-    if (name === activeSection) return
-
-    navItems.forEach(function (item) {
-      item.classList.toggle('ss-dash-active', item.getAttribute('data-ss-section') === name)
-    })
-    root.querySelectorAll('.ss-dash-pane').forEach(function (p) {
-      p.classList.toggle('ss-dash-active', p.id === 'ss-dash-pane-' + name)
-    })
-
-    activeSection = name
-    location.hash = name
-    loadSection(name)
-    startRefresh()
-  }
-
-  navItems.forEach(function (item) {
-    item.addEventListener('click', function () {
-      switchSection(item.getAttribute('data-ss-section'))
-    })
-  })
-
-  // ── Data loading ──────────────────────────────────────────────
-  var sectionLoaded = {}
-
-  var loadSection = function (name) {
-    switch (name) {
-      case 'overview':
-        fetchOverview()
-        break
-      case 'requests':
-        fetchRequests()
-        break
-      case 'queries':
-        fetchQueries()
-        break
-      case 'events':
-        fetchEvents()
-        break
-      case 'routes':
-        if (!sectionLoaded.routes) fetchRoutes()
-        break
-      case 'logs':
-        fetchLogs()
-        break
-      case 'emails':
-        fetchEmails()
-        break
-      case 'timeline':
-        fetchTraces()
-        break
-      case 'cache':
-        fetchCache()
-        break
-      case 'jobs':
-        fetchJobs()
-        break
-      case 'config':
-        if (!sectionLoaded.config) fetchConfig()
-        break
-      default: {
-        var cp = customPanes.find(function (p) {
-          return p.id === name
-        })
-        if (cp) fetchCustomPane(cp)
-      }
-    }
-  }
-
-  // ── Overview ──────────────────────────────────────────────────
-  var overviewRange = '1h'
-
-  var fetchOverview = function () {
-    Promise.all([
-      fetchJSON(API + '/overview?range=' + overviewRange),
-      fetchJSON(API + '/overview/chart?range=' + overviewRange),
-    ])
-      .then(function (results) {
-        renderOverview(results[0], results[1])
-      })
-      .catch(function () {
-        var el = document.getElementById('ss-dash-overview-content')
-        if (el) el.innerHTML = '<div class="ss-dash-empty">Failed to load overview</div>'
-      })
-  }
-
-  // Cache overview data so live updates (which only contain core metrics) don't wipe widgets
-  var lastChartData = []
-  var lastSparklines = {}
-  var lastSlowest = []
-  var lastQueryStats = {}
-  var lastRecentErrors = []
-  var lastTopEvents = []
-  var lastEmailActivity = {}
-  var lastLogLevelBreakdown = {}
-  var lastCacheStats = null
-  var lastJobQueueStatus = null
-  var lastStatusDistribution = {}
-  var lastSlowQueries = []
-
-  var renderOverview = function (data, chartData) {
-    var el = document.getElementById('ss-dash-overview-content')
-    if (!el) return
-
-    // Preserve data from previous full fetch when live partial data arrives
-    if (data.sparklines) lastSparklines = data.sparklines
-    var sparklines = data.sparklines || lastSparklines
-    if (chartData && chartData.buckets && chartData.buckets.length > 0)
-      lastChartData = chartData.buckets
-    var chart = (chartData && chartData.buckets) || lastChartData
-
-    if (data.slowestEndpoints) lastSlowest = data.slowestEndpoints
-    if (data.queryStats && data.queryStats.total !== undefined) lastQueryStats = data.queryStats
-    if (data.recentErrors) lastRecentErrors = data.recentErrors
-    if (data.topEvents && data.topEvents.length > 0) lastTopEvents = data.topEvents
-    if (data.emailActivity && (data.emailActivity.sent || data.emailActivity.queued || data.emailActivity.failed)) lastEmailActivity = data.emailActivity
-    if (data.logLevelBreakdown && (data.logLevelBreakdown.error || data.logLevelBreakdown.warn || data.logLevelBreakdown.info || data.logLevelBreakdown.debug)) lastLogLevelBreakdown = data.logLevelBreakdown
-    if (data.cacheStats) lastCacheStats = data.cacheStats
-    if (data.jobQueueStatus) lastJobQueueStatus = data.jobQueueStatus
-    if (data.statusDistribution) lastStatusDistribution = data.statusDistribution
-    if (data.slowestQueries) lastSlowQueries = data.slowestQueries
-
-    var slowest = data.slowestEndpoints || lastSlowest
-    var queryStats = data.queryStats || lastQueryStats
-    var recentErrors = data.recentErrors || lastRecentErrors
-    var topEvents = data.topEvents || lastTopEvents
-    var emailActivity = data.emailActivity || lastEmailActivity
-    var logLevelBreakdown = data.logLevelBreakdown || lastLogLevelBreakdown
-    var cacheStats = data.cacheStats || lastCacheStats
-    var jobQueueStatus = data.jobQueueStatus || lastJobQueueStatus
-    var statusDistribution = data.statusDistribution || lastStatusDistribution
-    var slowQueries = data.slowestQueries || lastSlowQueries
-
-    var avgVal = data.avgResponseTime || 0
-    var p95Val = data.p95ResponseTime || 0
-    var rpmVal = data.requestsPerMinute || 0
-    var errVal = data.errorRate || 0
-    var hasData = (data.totalRequests || 0) > 0
-
-    var avgClass = avgVal > 500 ? 'ss-dash-red' : avgVal > 200 ? 'ss-dash-amber' : 'ss-dash-accent'
-    var p95Class = p95Val > 500 ? 'ss-dash-red' : p95Val > 200 ? 'ss-dash-amber' : 'ss-dash-accent'
-    var errClass = errVal > 5 ? 'ss-dash-red' : errVal > 1 ? 'ss-dash-amber' : 'ss-dash-accent'
-
-    var fmtMs = function (v) {
-      return hasData ? v.toFixed(1) + 'ms' : '-'
-    }
-    var fmtNum = function (v) {
-      return hasData ? String(Math.round(v * 10) / 10) : '-'
-    }
-    var fmtPct = function (v) {
-      return hasData ? v.toFixed(1) + '%' : '-'
-    }
-
-    var html = '<div class="ss-dash-overview">'
-
-    // Top cards
-    html += '<div class="ss-dash-cards">'
-    html += renderCard(
-      'Avg Response Time',
-      fmtMs(avgVal),
-      hasData ? avgClass : 'ss-dash-dim',
-      sparklines.avgResponseTime
-    )
-    html += renderCard(
-      'P95 Response Time',
-      fmtMs(p95Val),
-      hasData ? p95Class : 'ss-dash-dim',
-      sparklines.p95ResponseTime
-    )
-    html += renderCard(
-      'Requests / min',
-      fmtNum(rpmVal),
-      hasData ? 'ss-dash-accent' : 'ss-dash-dim',
-      sparklines.requestsPerMinute
-    )
-    html += renderCard(
-      'Error Rate',
-      fmtPct(errVal),
-      hasData ? errClass : 'ss-dash-dim',
-      sparklines.errorRate
-    )
-    html += '</div>'
-
-    // Chart
-    html += '<div class="ss-dash-chart-container">'
-    html += '<div class="ss-dash-chart-header">'
-    html += '<span class="ss-dash-chart-title">Request Volume</span>'
-    html += '<div class="ss-dash-btn-group">'
-    ;['5m', '15m', '30m', '1h', '6h', '24h', '7d'].forEach(function (r) {
-      html +=
-        '<button class="ss-dash-btn' +
-        (r === overviewRange ? ' ss-dash-active' : '') +
-        '" data-range="' +
-        r +
-        '">' +
-        r +
-        '</button>'
-    })
-    html += '</div></div>'
-    html += '<div class="ss-dash-chart" id="ss-dash-chart-area"></div>'
-    html += '</div>'
-
-    // Secondary cards
-    html += '<div class="ss-dash-secondary-cards">'
-
-    // Slowest endpoints
-    html += '<div class="ss-dash-secondary-card">'
-    html +=
-      '<div class="ss-dash-secondary-card-title"><a href="#requests" class="ss-dash-widget-link">Slowest Endpoints</a></div>'
-    if (slowest.length > 0) {
-      html += '<ul class="ss-dash-secondary-list">'
-      slowest.forEach(function (ep) {
-        var epUrl = ep.url || ep.pattern || '-'
-        html +=
-          '<li><a href="#requests?url=' +
-          encodeURIComponent(epUrl) +
-          '" class="ss-dash-widget-row-link"><span title="' +
-          esc(epUrl) +
-          '">' +
-          esc(epUrl) +
-          '</span><span class="ss-dash-secondary-list-value ss-dash-duration ' +
-          durationClass(ep.avgDuration || 0) +
-          '">' +
-          (ep.avgDuration || 0).toFixed(1) +
-          'ms</span></a></li>'
-      })
-      html += '</ul>'
-    } else {
-      html += '<div class="ss-dash-empty" style="min-height:60px">No data yet</div>'
-    }
-    html += '</div>'
-
-    // Query stats
-    html += '<div class="ss-dash-secondary-card">'
-    html +=
-      '<div class="ss-dash-secondary-card-title"><a href="#queries" class="ss-dash-widget-link">Query Stats</a></div>'
-    html += '<ul class="ss-dash-secondary-list">'
-    html +=
-      '<li><span>Total Queries</span><span class="ss-dash-secondary-list-value">' +
-      (queryStats.total || 0) +
-      '</span></li>'
-    html +=
-      '<li><span>Avg Duration</span><span class="ss-dash-secondary-list-value">' +
-      (queryStats.avgDuration || 0).toFixed(1) +
-      'ms</span></li>'
-    html +=
-      '<li><span>Queries / Request</span><span class="ss-dash-secondary-list-value">' +
-      (queryStats.perRequest || 0).toFixed(1) +
-      '</span></li>'
-    html += '</ul>'
-    html += '</div>'
-
-    // Recent errors
-    html += '<div class="ss-dash-secondary-card">'
-    html +=
-      '<div class="ss-dash-secondary-card-title"><a href="#logs?level=error" class="ss-dash-widget-link">Recent Errors</a></div>'
-    if (recentErrors.length > 0) {
-      html += '<ul class="ss-dash-secondary-list">'
-      recentErrors.forEach(function (err) {
-        html +=
-          '<li><a href="#logs?id=' +
-          encodeURIComponent(err.id || '') +
-          '" class="ss-dash-widget-row-link"><span style="color:var(--ss-red-fg)" title="' +
-          esc(err.message || '') +
-          '">' +
-          esc(err.message || '') +
-          '</span><span class="ss-dash-secondary-list-value">' +
-          timeAgo(getTimestamp(err)) +
-          '</span></a></li>'
-      })
-      html += '</ul>'
-    } else {
-      html += '<div class="ss-dash-empty" style="min-height:60px">No recent errors</div>'
-    }
-    html += '</div>'
-
-    // Top Events
-    html += '<div class="ss-dash-secondary-card">'
-    html +=
-      '<div class="ss-dash-secondary-card-title"><a href="#events" class="ss-dash-widget-link">Top Events</a></div>'
-    if (topEvents.length > 0) {
-      html += '<ul class="ss-dash-secondary-list">'
-      topEvents.slice(0, 5).forEach(function (ev) {
-        html +=
-          '<li><a href="#events?event_name=' +
-          encodeURIComponent(ev.name || ev.eventName || ev.event_name || ev.event || '') +
-          '" class="ss-dash-widget-row-link"><span title="' +
-          esc(ev.name || ev.eventName || ev.event_name || ev.event || '') +
-          '">' +
-          esc(ev.name || ev.eventName || ev.event_name || ev.event || '') +
-          '</span><span class="ss-dash-secondary-list-value">' +
-          (ev.count || 0) +
-          '</span></a></li>'
-      })
-      html += '</ul>'
-    } else {
-      html += '<div class="ss-dash-empty" style="min-height:60px">No events yet</div>'
-    }
-    html += '</div>'
-
-    // Email Activity
-    html += '<div class="ss-dash-secondary-card">'
-    html +=
-      '<div class="ss-dash-secondary-card-title"><a href="#emails" class="ss-dash-widget-link">Email Activity</a></div>'
-    html += '<ul class="ss-dash-secondary-list">'
-    html +=
-      '<li><a href="#emails?status=sent" class="ss-dash-widget-row-link"><span>Sent</span><span class="ss-dash-secondary-list-value">' +
-      (emailActivity.sent || 0) +
-      '</span></a></li>'
-    html +=
-      '<li><a href="#emails?status=queued" class="ss-dash-widget-row-link"><span>Queued</span><span class="ss-dash-secondary-list-value">' +
-      (emailActivity.queued || 0) +
-      '</span></a></li>'
-    html +=
-      '<li><a href="#emails?status=failed" class="ss-dash-widget-row-link"><span>Failed</span><span class="ss-dash-secondary-list-value">' +
-      (emailActivity.failed || 0) +
-      '</span></a></li>'
-    html += '</ul>'
-    html += '</div>'
-
-    // Log Level Breakdown
-    html += '<div class="ss-dash-secondary-card">'
-    html +=
-      '<div class="ss-dash-secondary-card-title"><a href="#logs" class="ss-dash-widget-link">Log Levels</a></div>'
-    html += '<ul class="ss-dash-secondary-list">'
-    html +=
-      '<li><a href="#logs?level=error" class="ss-dash-widget-row-link"><span style="color:var(--ss-red-fg)">Error</span><span class="ss-dash-secondary-list-value">' +
-      (logLevelBreakdown.error || 0) +
-      '</span></a></li>'
-    html +=
-      '<li><a href="#logs?level=warn" class="ss-dash-widget-row-link"><span style="color:var(--ss-amber-fg)">Warn</span><span class="ss-dash-secondary-list-value">' +
-      (logLevelBreakdown.warn || 0) +
-      '</span></a></li>'
-    html +=
-      '<li><a href="#logs?level=info" class="ss-dash-widget-row-link"><span style="color:var(--ss-green-fg)">Info</span><span class="ss-dash-secondary-list-value">' +
-      (logLevelBreakdown.info || 0) +
-      '</span></a></li>'
-    html +=
-      '<li><a href="#logs?level=debug" class="ss-dash-widget-row-link"><span style="color:var(--ss-muted)">Debug</span><span class="ss-dash-secondary-list-value">' +
-      (logLevelBreakdown.debug || 0) +
-      '</span></a></li>'
-    html += '</ul>'
-    html += '</div>'
-
-    // Cache Stats
-    html += '<div class="ss-dash-secondary-card">'
-    html +=
-      '<div class="ss-dash-secondary-card-title"><a href="#cache" class="ss-dash-widget-link">Cache</a></div>'
-    if (cacheStats) {
-      html +=
-        '<div class="ss-dash-widget-stat"><span class="ss-dash-widget-stat-label">Connected</span><span class="ss-dash-widget-stat-value" style="color:var(--ss-green-fg)">\u2713</span></div>'
-      html +=
-        '<div class="ss-dash-widget-stat"><span class="ss-dash-widget-stat-label">Total Keys</span><span class="ss-dash-widget-stat-value">' +
-        (cacheStats.totalKeys || 0) +
-        '</span></div>'
-      html +=
-        '<div class="ss-dash-widget-stat"><span class="ss-dash-widget-stat-label">Hit Rate</span><span class="ss-dash-widget-stat-value">' +
-        (cacheStats.hitRate || 0).toFixed(1) +
-        '%</span></div>'
-      html +=
-        '<div class="ss-dash-widget-stat"><span class="ss-dash-widget-stat-label">Memory</span><span class="ss-dash-widget-stat-value">' +
-        esc(cacheStats.memory || '-') +
-        '</span></div>'
-    } else {
-      html += '<div class="ss-dash-empty" style="min-height:60px">Not available</div>'
-    }
-    html += '</div>'
-
-    // Job Queue
-    html += '<div class="ss-dash-secondary-card">'
-    html +=
-      '<div class="ss-dash-secondary-card-title"><a href="#jobs" class="ss-dash-widget-link">Job Queue</a></div>'
-    if (jobQueueStatus) {
-      html += '<ul class="ss-dash-secondary-list">'
-      html +=
-        '<li><a href="#jobs?status=active" class="ss-dash-widget-row-link"><span>Active</span><span class="ss-dash-secondary-list-value">' +
-        (jobQueueStatus.active || 0) +
-        '</span></a></li>'
-      html +=
-        '<li><a href="#jobs?status=waiting" class="ss-dash-widget-row-link"><span>Waiting</span><span class="ss-dash-secondary-list-value">' +
-        (jobQueueStatus.waiting || 0) +
-        '</span></a></li>'
-      html +=
-        '<li><a href="#jobs?status=failed" class="ss-dash-widget-row-link"><span>Failed</span><span class="ss-dash-secondary-list-value">' +
-        (jobQueueStatus.failed || 0) +
-        '</span></a></li>'
-      html +=
-        '<li><a href="#jobs?status=completed" class="ss-dash-widget-row-link"><span>Completed</span><span class="ss-dash-secondary-list-value">' +
-        (jobQueueStatus.completed || 0) +
-        '</span></a></li>'
-      html += '</ul>'
-    } else {
-      html += '<div class="ss-dash-empty" style="min-height:60px">Not available</div>'
-    }
-    html += '</div>'
-
-    // Response Status
-    html += '<div class="ss-dash-secondary-card">'
-    html +=
-      '<div class="ss-dash-secondary-card-title"><a href="#requests" class="ss-dash-widget-link">Response Status</a></div>'
-    html += '<ul class="ss-dash-secondary-list">'
-    html +=
-      '<li><a href="#requests?status=2xx" class="ss-dash-widget-row-link"><span style="color:var(--ss-green-fg)">2xx</span><span class="ss-dash-secondary-list-value">' +
-      (statusDistribution['2xx'] || 0) +
-      '</span></a></li>'
-    html +=
-      '<li><a href="#requests?status=3xx" class="ss-dash-widget-row-link"><span style="color:var(--ss-blue-fg)">3xx</span><span class="ss-dash-secondary-list-value">' +
-      (statusDistribution['3xx'] || 0) +
-      '</span></a></li>'
-    html +=
-      '<li><a href="#requests?status=4xx" class="ss-dash-widget-row-link"><span style="color:var(--ss-amber-fg)">4xx</span><span class="ss-dash-secondary-list-value">' +
-      (statusDistribution['4xx'] || 0) +
-      '</span></a></li>'
-    html +=
-      '<li><a href="#requests?status=5xx" class="ss-dash-widget-row-link"><span style="color:var(--ss-red-fg)">5xx</span><span class="ss-dash-secondary-list-value">' +
-      (statusDistribution['5xx'] || 0) +
-      '</span></a></li>'
-    html += '</ul>'
-    html += '</div>'
-
-    // Slowest Queries
-    html += '<div class="ss-dash-secondary-card">'
-    html +=
-      '<div class="ss-dash-secondary-card-title"><a href="#queries" class="ss-dash-widget-link">Slowest Queries</a></div>'
-    if (slowQueries.length > 0) {
-      html += '<ul class="ss-dash-secondary-list">'
-      slowQueries.slice(0, 5).forEach(function (q) {
-        var sql = q.sqlNormalized || q.normalizedSql || q.sql_normalized || q.sql || '-'
-        html +=
-          '<li><a href="#queries" class="ss-dash-widget-row-link"><span title="' +
-          esc(sql) +
-          '">' +
-          esc(sql) +
-          '</span><span class="ss-dash-secondary-list-value ss-dash-duration ' +
-          durationClass(q.avgDuration || 0) +
-          '">' +
-          (q.avgDuration || 0).toFixed(1) +
-          'ms</span></a></li>'
-      })
-      html += '</ul>'
-    } else {
-      html += '<div class="ss-dash-empty" style="min-height:60px">No queries yet</div>'
-    }
-    html += '</div>'
-
-    html += '</div></div>'
-    el.innerHTML = html
-
-    // Bind range buttons
-    el.querySelectorAll('[data-range]').forEach(function (btn) {
-      btn.addEventListener('click', function () {
-        overviewRange = btn.getAttribute('data-range')
-        fetchOverview()
-      })
-    })
-
-    // Render SVG chart
-    if (chart.length > 0) renderBarChart(chart)
-  }
-
-  var renderCard = function (title, value, colorClass, sparkline) {
-    var html = '<div class="ss-dash-card">'
-    html += '<div class="ss-dash-card-title">' + esc(title) + '</div>'
-    html += '<div class="ss-dash-card-value ' + colorClass + '">' + esc(value) + '</div>'
-    if (sparkline && sparkline.length > 1) {
-      html += '<div class="ss-dash-sparkline">' + renderSparklineSVG(sparkline) + '</div>'
-    }
-    html += '</div>'
-    return html
-  }
-
-  var renderSparklineSVG = function (points) {
-    var w = 200,
-      h = 30
-    var max = Math.max.apply(null, points) || 1
-    var step = w / (points.length - 1)
-
-    var coords = points.map(function (v, i) {
-      return (i * step).toFixed(1) + ',' + (h - ((v / max) * h * 0.9 + h * 0.05)).toFixed(1)
-    })
-    var pathD = 'M' + coords.join(' L')
-    var areaD = pathD + ' L' + w + ',' + h + ' L0,' + h + ' Z'
-
-    return (
-      '<svg viewBox="0 0 ' +
-      w +
-      ' ' +
-      h +
-      '" preserveAspectRatio="none">' +
-      '<path class="ss-dash-sparkline-area" d="' +
-      areaD +
-      '"/>' +
-      '<path class="ss-dash-sparkline-line" d="' +
-      pathD +
-      '"/>' +
-      '</svg>'
-    )
-  }
-
-  var renderBarChart = function (data) {
-    var container = document.getElementById('ss-dash-chart-area')
-    if (!container) return
-
-    if (!data || data.length === 0) {
-      container.innerHTML =
-        '<div class="ss-dash-empty" style="height:100%;display:flex;align-items:center;justify-content:center">No chart data for this range</div>'
-      return
-    }
-
-    var w = container.clientWidth || 600
-    var h = container.clientHeight || 200
-    var pad = { top: 12, right: 12, bottom: 28, left: 38 }
-    var cw = w - pad.left - pad.right
-    var ch = h - pad.top - pad.bottom
-
-    var maxCount = 0
-    data.forEach(function (d) {
-      var total = (d.requestCount || 0) + (d.request_count || 0)
-      if (total > maxCount) maxCount = total
-    })
-    // Add 10% headroom so bars don't touch the top
-    var yMax = maxCount > 0 ? Math.ceil(maxCount * 1.1) : 1
-
-    // Choose nice Y-axis tick values
-    var yTicks = niceYTicks(yMax, 4)
-    var yTop = yTicks[yTicks.length - 1] || yMax
-
-    var toY = function (val) {
-      return pad.top + ch - (val / yTop) * ch
-    }
-    var toX = function (i) {
-      return pad.left + (i / (data.length - 1 || 1)) * cw
-    }
-
-    // Build point arrays for the area chart
-    var totalPoints = []
-    var errorPoints = []
-    data.forEach(function (d, i) {
-      var total = (d.requestCount || 0) + (d.request_count || 0)
-      var errors = (d.errorCount || 0) + (d.error_count || 0)
-      totalPoints.push({ x: toX(i), y: toY(total), val: total })
-      errorPoints.push({ x: toX(i), y: toY(errors), val: errors })
-    })
-
-    // Smooth curve helper (monotone cubic spline)
-    var smoothPath = function (points) {
-      if (points.length < 2) return ''
-      if (points.length === 2)
-        return (
-          'M' +
-          points[0].x.toFixed(1) +
-          ',' +
-          points[0].y.toFixed(1) +
-          'L' +
-          points[1].x.toFixed(1) +
-          ',' +
-          points[1].y.toFixed(1)
-        )
-
-      var d = 'M' + points[0].x.toFixed(1) + ',' + points[0].y.toFixed(1)
-      for (var pi = 1; pi < points.length; pi++) {
-        var p0 = points[pi - 1]
-        var p1 = points[pi]
-        var cpx = (p0.x + p1.x) / 2
-        d +=
-          ' C' +
-          cpx.toFixed(1) +
-          ',' +
-          p0.y.toFixed(1) +
-          ' ' +
-          cpx.toFixed(1) +
-          ',' +
-          p1.y.toFixed(1) +
-          ' ' +
-          p1.x.toFixed(1) +
-          ',' +
-          p1.y.toFixed(1)
-      }
-      return d
-    }
-
-    var baseline = pad.top + ch
-
-    var svg = '<svg viewBox="0 0 ' + w + ' ' + h + '" class="ss-dash-chart-svg">'
-
-    // Defs: gradients
-    svg += '<defs>'
-    svg += '<linearGradient id="ss-cg-total" x1="0" y1="0" x2="0" y2="1">'
-    svg += '<stop offset="0%" stop-color="var(--ss-accent)" stop-opacity="0.3"/>'
-    svg += '<stop offset="100%" stop-color="var(--ss-accent)" stop-opacity="0.02"/>'
-    svg += '</linearGradient>'
-    svg += '<linearGradient id="ss-cg-error" x1="0" y1="0" x2="0" y2="1">'
-    svg += '<stop offset="0%" stop-color="var(--ss-red-fg)" stop-opacity="0.35"/>'
-    svg += '<stop offset="100%" stop-color="var(--ss-red-fg)" stop-opacity="0.02"/>'
-    svg += '</linearGradient>'
-    svg += '</defs>'
-
-    // Horizontal grid lines
-    yTicks.forEach(function (val) {
-      var yy = toY(val)
-      svg +=
-        '<line x1="' +
-        pad.left +
-        '" y1="' +
-        yy.toFixed(1) +
-        '" x2="' +
-        (w - pad.right) +
-        '" y2="' +
-        yy.toFixed(1) +
-        '" stroke="var(--ss-border-faint)" stroke-width="0.5" stroke-dasharray="3,3"/>'
-      svg +=
-        '<text x="' +
-        (pad.left - 6) +
-        '" y="' +
-        yy.toFixed(1) +
-        '" text-anchor="end" fill="var(--ss-dim)" font-size="9" dominant-baseline="middle">' +
-        val +
-        '</text>'
-    })
-
-    // Total requests: filled area + line
-    var totalPath = smoothPath(totalPoints)
-    if (totalPath) {
-      var last = totalPoints[totalPoints.length - 1]
-      var first = totalPoints[0]
-      svg +=
-        '<path d="' +
-        totalPath +
-        ' L' +
-        last.x.toFixed(1) +
-        ',' +
-        baseline +
-        ' L' +
-        first.x.toFixed(1) +
-        ',' +
-        baseline +
-        ' Z" fill="url(#ss-cg-total)"/>'
-      svg +=
-        '<path d="' +
-        totalPath +
-        '" fill="none" stroke="var(--ss-accent)" stroke-width="1.5" stroke-linejoin="round" stroke-linecap="round"/>'
-    }
-
-    // Error requests: filled area + line (if any errors)
-    var hasErrors = errorPoints.some(function (p) {
-      return p.val > 0
-    })
-    if (hasErrors) {
-      var errorPath = smoothPath(errorPoints)
-      if (errorPath) {
-        var eLast = errorPoints[errorPoints.length - 1]
-        var eFirst = errorPoints[0]
-        svg +=
-          '<path d="' +
-          errorPath +
-          ' L' +
-          eLast.x.toFixed(1) +
-          ',' +
-          baseline +
-          ' L' +
-          eFirst.x.toFixed(1) +
-          ',' +
-          baseline +
-          ' Z" fill="url(#ss-cg-error)"/>'
-        svg +=
-          '<path d="' +
-          errorPath +
-          '" fill="none" stroke="var(--ss-red-fg)" stroke-width="1.5" stroke-linejoin="round" stroke-linecap="round" stroke-dasharray="4,2"/>'
-      }
-    }
-
-    // Interactive dots and hover zones
-    data.forEach(function (d, i) {
-      var total = (d.requestCount || 0) + (d.request_count || 0)
-      var errors = (d.errorCount || 0) + (d.error_count || 0)
-      var success = total - errors
-      var cx = totalPoints[i].x
-      var cy = totalPoints[i].y
-
-      // Invisible wide hover target
-      var sliceW = cw / (data.length || 1)
-      svg +=
-        '<rect x="' +
-        (cx - sliceW / 2).toFixed(1) +
-        '" y="' +
-        pad.top +
-        '" width="' +
-        sliceW.toFixed(1) +
-        '" height="' +
-        ch +
-        '" fill="transparent" class="ss-dash-chart-hover-zone" data-idx="' +
-        i +
-        '"/>'
-
-      // Visible dot (only for non-zero)
-      if (total > 0) {
-        svg +=
-          '<circle cx="' +
-          cx.toFixed(1) +
-          '" cy="' +
-          cy.toFixed(1) +
-          '" r="2.5" fill="var(--ss-accent)" stroke="var(--ss-surface)" stroke-width="1" class="ss-dash-chart-dot" data-idx="' +
-          i +
-          '"/>'
-      }
-      if (errors > 0) {
-        var ey = errorPoints[i].y
-        svg +=
-          '<circle cx="' +
-          cx.toFixed(1) +
-          '" cy="' +
-          ey.toFixed(1) +
-          '" r="2" fill="var(--ss-red-fg)" stroke="var(--ss-surface)" stroke-width="1" class="ss-dash-chart-dot ss-dash-chart-dot-err" data-idx="' +
-          i +
-          '"/>'
-      }
-    })
-
-    // X axis labels
-    var maxLabels = Math.min(10, data.length)
-    var labelInterval = Math.max(1, Math.ceil(data.length / maxLabels))
-    data.forEach(function (d, i) {
-      if (i % labelInterval === 0 || i === data.length - 1) {
-        var x = toX(i)
-        var label = ''
-        if (d.bucket) {
-          var bd = new Date(d.bucket)
-          label = bd.toLocaleTimeString('en-US', {
-            hour12: false,
-            hour: '2-digit',
-            minute: '2-digit',
-          })
-        }
-        svg +=
-          '<text x="' +
-          x.toFixed(1) +
-          '" y="' +
-          (h - 6) +
-          '" text-anchor="middle" fill="var(--ss-dim)" font-size="9">' +
-          esc(label) +
-          '</text>'
-      }
-    })
-
-    svg += '</svg>'
-
-    // Tooltip element
-    svg += '<div class="ss-dash-chart-tooltip" id="ss-dash-chart-tip" style="display:none"></div>'
-
-    container.innerHTML = svg
-
-    // Hover interactivity
-    var tip = document.getElementById('ss-dash-chart-tip')
-    var svgEl = container.querySelector('svg')
-    if (svgEl && tip) {
-      var dots = container.querySelectorAll('.ss-dash-chart-dot')
-      var zones = container.querySelectorAll('.ss-dash-chart-hover-zone')
-
-      var showTip = function (idx, x) {
-        var d = data[idx]
-        if (!d) return
-        var total = (d.requestCount || 0) + (d.request_count || 0)
-        var errors = (d.errorCount || 0) + (d.error_count || 0)
-        var success = total - errors
-        var time = ''
-        if (d.bucket) {
-          var bd = new Date(d.bucket)
-          time = bd.toLocaleTimeString('en-US', {
-            hour12: false,
-            hour: '2-digit',
-            minute: '2-digit',
-          })
-        }
-        tip.innerHTML =
-          '<div style="font-weight:600;margin-bottom:2px;color:var(--ss-text)">' +
-          esc(time) +
-          '</div>' +
-          '<div style="color:var(--ss-accent)">' +
-          total +
-          ' requests</div>' +
-          (errors > 0 ? '<div style="color:var(--ss-red-fg)">' + errors + ' errors</div>' : '')
-        tip.style.display = 'block'
-
-        // Position tooltip
-        var tipW = tip.offsetWidth || 100
-        var left = x - tipW / 2
-        if (left < 0) left = 4
-        if (left + tipW > w) left = w - tipW - 4
-        tip.style.left = left + 'px'
-        tip.style.top = pad.top - 4 + 'px'
-
-        // Highlight dots for this index
-        dots.forEach(function (dot) {
-          var isActive = dot.getAttribute('data-idx') === String(idx)
-          dot.setAttribute(
-            'r',
-            isActive
-              ? dot.classList.contains('ss-dash-chart-dot-err')
-                ? '3.5'
-                : '4'
-              : dot.classList.contains('ss-dash-chart-dot-err')
-                ? '2'
-                : '2.5'
-          )
-          dot.style.opacity = isActive ? '1' : '0.5'
-        })
-      }
-
-      var hideTip = function () {
-        tip.style.display = 'none'
-        dots.forEach(function (dot) {
-          dot.setAttribute('r', dot.classList.contains('ss-dash-chart-dot-err') ? '2' : '2.5')
-          dot.style.opacity = '1'
-        })
-      }
-
-      zones.forEach(function (zone) {
-        zone.addEventListener('mouseenter', function () {
-          var idx = parseInt(zone.getAttribute('data-idx'), 10)
-          var rect = container.getBoundingClientRect()
-          var px = totalPoints[idx] ? totalPoints[idx].x : 0
-          showTip(idx, px)
-        })
-        zone.addEventListener('mouseleave', hideTip)
-      })
-    }
-
-    // Legend
-    var legend = document.getElementById('ss-dash-chart-legend')
-    if (!legend) {
-      legend = document.createElement('div')
-      legend.id = 'ss-dash-chart-legend'
-      legend.className = 'ss-dash-chart-legend'
-      container.parentNode.insertBefore(legend, container.nextSibling)
-    }
-    legend.innerHTML =
-      '<span class="ss-dash-chart-legend-item"><span class="ss-dash-legend-dot" style="background:var(--ss-accent)"></span>Requests</span>' +
-      (hasErrors
-        ? '<span class="ss-dash-chart-legend-item"><span class="ss-dash-legend-dot" style="background:var(--ss-red-fg)"></span>Errors</span>'
-        : '')
-  }
-
-  // Compute nice Y-axis tick values
-  var niceYTicks = function (max, count) {
-    if (max <= 0) return [0]
-    var raw = max / count
-    var mag = Math.pow(10, Math.floor(Math.log10(raw)))
-    var nice = raw / mag
-    var step
-    if (nice <= 1) step = mag
-    else if (nice <= 2) step = 2 * mag
-    else if (nice <= 5) step = 5 * mag
-    else step = 10 * mag
-
-    var ticks = []
-    for (var v = step; v <= max + step * 0.5; v += step) {
-      ticks.push(Math.round(v))
-    }
-    return ticks
-  }
-
-  // ── Requests ──────────────────────────────────────────────────
-  var requestUrlFilter = ''
-  var requestStatusFilter = ''
-
-  var fetchRequests = function () {
-    var ps = getPage('requests')
-    var suffix = '/requests?page=' + ps.page + '&limit=' + PER_PAGE
-    if (requestUrlFilter) suffix += '&url=' + encodeURIComponent(requestUrlFilter)
-    if (requestStatusFilter) suffix += '&status=' + encodeURIComponent(requestStatusFilter)
-    requestUrlFilter = ''
-    requestStatusFilter = ''
-    fetchSection('requests', suffix, renderRequests)
-  }
-
-  var renderRequests = function (data) {
-    var items = data.data || data.requests || []
-    var ps = getPage('requests')
-    ps.total = data.meta ? data.meta.total : data.total || items.length
-
-    setInner('ss-dash-requests-summary', ps.total + ' requests')
-
-    if (items.length === 0) {
-      setInner('ss-dash-requests-body', '<div class="ss-dash-empty">No requests recorded yet</div>')
-      renderPagination('requests', ps)
-      return
-    }
-
-    var html =
-      '<table class="ss-dash-table" style="table-layout:fixed"><thead><tr>' +
-      '<th style="width:50px">#</th>' +
-      '<th style="width:60px">Method</th>' +
-      '<th>URL</th>' +
-      '<th style="width:55px">Status</th>' +
-      '<th style="width:80px">Duration</th>' +
-      '<th style="width:50px">Spans</th>' +
-      '<th style="width:30px" title="Warnings">&#x26A0;</th>' +
-      '<th style="width:60px">Time</th>' +
-      '</tr></thead><tbody>'
-
-    items.forEach(function (r) {
-      html +=
-        '<tr class="ss-dash-clickable" data-request-id="' +
-        r.id +
-        '">' +
-        '<td style="color:var(--ss-dim);' +
-        TRUNC +
-        '">' +
-        r.id +
-        '</td>' +
-        '<td><span class="' +
-        methodClass(r.method) +
-        '">' +
-        esc(r.method) +
-        '</span></td>' +
-        '<td style="color:var(--ss-text);' +
-        TRUNC +
-        '" title="' +
-        esc(r.url) +
-        '">' +
-        esc(r.url) +
-        '</td>' +
-        '<td>' +
-        renderStatusBadge(getStatus(r)) +
-        '</td>' +
-        '<td class="ss-dash-duration ' +
-        durationClass(r.duration) +
-        '">' +
-        (r.duration || 0).toFixed(1) +
-        'ms</td>' +
-        '<td style="color:var(--ss-muted);text-align:center">' +
-        (r.span_count || r.spanCount || 0) +
-        '</td>' +
-        '<td style="text-align:center">' +
-        ((r.warning_count || r.warningCount || 0) > 0
-          ? '<span style="color:var(--ss-amber-fg)">' +
-            (r.warning_count || r.warningCount) +
-            '</span>'
-          : '<span style="color:var(--ss-dim)">-</span>') +
-        '</td>' +
-        '<td class="ss-dash-event-time" style="white-space:nowrap">' +
-        timeAgo(getTimestamp(r)) +
-        '</td>' +
-        '</tr>'
-    })
-    html += '</tbody></table>'
-
-    setInner('ss-dash-requests-body', html)
-    updateBadge('requests', ps.total)
-    renderPagination('requests', ps)
-
-    // Click to expand trace
-    var body = document.getElementById('ss-dash-requests-body')
-    if (body) {
-      body.querySelectorAll('[data-request-id]').forEach(function (row) {
-        row.addEventListener('click', function () {
-          var id = row.getAttribute('data-request-id')
-          fetchJSON(API + '/requests/' + id)
-            .then(function (trace) {
-              showRequestDetail(trace)
-            })
-            .catch(function () {
-              /* ignore */
-            })
-        })
-      })
-    }
-  }
-
-  var showRequestDetail = function (trace) {
-    var listEl = document.getElementById('ss-dash-requests-list')
-    var detailEl = document.getElementById('ss-dash-requests-detail')
-    var titleEl = document.getElementById('ss-dash-requests-detail-title')
-    var waterfallEl = document.getElementById('ss-dash-requests-waterfall')
-    if (!listEl || !detailEl) return
-
-    listEl.style.display = 'none'
-    detailEl.style.display = 'flex'
-    detailEl.classList.add('ss-dash-active')
-
-    if (titleEl) {
-      titleEl.innerHTML =
-        '<span class="' +
-        methodClass(trace.method) +
-        '">' +
-        esc(trace.method) +
-        '</span> ' +
-        esc(trace.url) +
-        ' ' +
-        renderStatusBadge(getStatus(trace)) +
-        '<span class="ss-dash-tl-meta">' +
-        (trace.total_duration || trace.totalDuration || trace.duration || 0).toFixed(1) +
-        'ms</span>'
-    }
-
-    if (waterfallEl) renderWaterfall(waterfallEl, trace)
-  }
-
-  // Back button for requests detail
-  var reqBackBtn = document.getElementById('ss-dash-requests-back')
-  if (reqBackBtn) {
-    reqBackBtn.addEventListener('click', function () {
-      var listEl = document.getElementById('ss-dash-requests-list')
-      var detailEl = document.getElementById('ss-dash-requests-detail')
-      if (listEl) listEl.style.display = ''
-      if (detailEl) {
-        detailEl.style.display = 'none'
-        detailEl.classList.remove('ss-dash-active')
-      }
-    })
-  }
-
-  // ── Queries ───────────────────────────────────────────────────
-  var queryGrouped = false
-
-  var fetchQueries = function () {
-    if (queryGrouped) {
-      fetchJSON(API + '/queries/grouped')
-        .then(function (data) {
-          renderQueriesGrouped(data)
-        })
-        .catch(function () {
-          setInner(
-            'ss-dash-queries-body',
-            '<div class="ss-dash-empty">Failed to load queries</div>'
-          )
-        })
-    } else {
-      var ps = getPage('queries')
-      fetchJSON(API + '/queries?page=' + ps.page + '&limit=' + PER_PAGE)
-        .then(function (data) {
-          renderQueries(data)
-        })
-        .catch(function () {
-          setInner(
-            'ss-dash-queries-body',
-            '<div class="ss-dash-empty">Failed to load queries</div>'
-          )
-        })
-    }
-  }
-
-  var renderQueries = function (data) {
-    var items = data.data || data.queries || []
-    var summary = data.summary || data.meta || {}
-    var ps = getPage('queries')
-    ps.total = summary.total || (data.meta ? data.meta.total : items.length)
-
-    setInner(
-      'ss-dash-queries-summary',
-      (ps.total || items.length) +
-        ' queries' +
-        (summary.slow > 0 ? ', ' + summary.slow + ' slow' : '') +
-        (summary.duplicates > 0 ? ', ' + summary.duplicates + ' dup' : '') +
-        ', avg ' +
-        (summary.avgDuration || 0).toFixed(1) +
-        'ms'
-    )
-
-    updateBadge('queries', ps.total)
-
-    if (items.length === 0) {
-      setInner('ss-dash-queries-body', '<div class="ss-dash-empty">No queries recorded yet</div>')
-      renderPagination('queries', ps)
-      return
-    }
-
-    var html =
-      '<table class="ss-dash-table" style="table-layout:fixed"><thead><tr>' +
-      '<th style="width:50px">#</th>' +
-      '<th>SQL</th>' +
-      '<th style="width:75px">Duration</th>' +
-      '<th style="width:60px">Method</th>' +
-      '<th style="width:100px">Model</th>' +
-      '<th style="width:80px">Connection</th>' +
-      '<th style="width:50px">Time</th>' +
-      '<th style="width:70px">EXPLAIN</th>' +
-      '</tr></thead><tbody>'
-
-    items.forEach(function (q) {
-      var dur = q.duration || 0
-      var sqlMethod = q.method || q.sql_method || ''
-      var modelName = q.model || '-'
-      html +=
-        '<tr>' +
-        '<td style="color:var(--ss-dim)">' +
-        q.id +
-        '</td>' +
-        '<td><span class="ss-dash-sql" title="Click to expand" onclick="this.classList.toggle(\'ss-dash-expanded\')">' +
-        esc(q.sql || q.sql_text || '') +
-        '</span></td>' +
-        '<td class="ss-dash-duration ' +
-        durationClass(dur) +
-        '">' +
-        dur.toFixed(2) +
-        'ms</td>' +
-        '<td><span class="' +
-        methodClass(sqlMethod) +
-        '">' +
-        esc(sqlMethod) +
-        '</span></td>' +
-        '<td style="color:var(--ss-muted);' +
-        TRUNC +
-        '" title="' +
-        esc(modelName) +
-        '">' +
-        esc(modelName) +
-        '</td>' +
-        '<td style="color:var(--ss-dim);' +
-        TRUNC +
-        '">' +
-        esc(q.connection || '-') +
-        '</td>' +
-        '<td class="ss-dash-event-time" style="white-space:nowrap">' +
-        timeAgo(getTimestamp(q)) +
-        '</td>' +
-        '<td>' +
-        ((sqlMethod || '').toLowerCase() === 'select'
-          ? '<button class="ss-dash-explain-btn" data-query-id="' + q.id + '">EXPLAIN</button>'
-          : '') +
-        '</td>' +
-        '</tr>'
-    })
-
-    html += '</tbody></table>'
-    setInner('ss-dash-queries-body', html)
-    renderPagination('queries', ps)
-    bindExplainButtons()
-  }
-
-  var renderQueriesGrouped = function (data) {
-    var groups = data.groups || data.data || []
-
-    setInner('ss-dash-queries-summary', groups.length + ' query patterns')
-    updateBadge('queries', groups.length)
-
-    if (groups.length === 0) {
-      setInner('ss-dash-queries-body', '<div class="ss-dash-empty">No queries recorded yet</div>')
-      return
-    }
-
-    var html =
-      '<table class="ss-dash-table" style="table-layout:fixed"><thead><tr>' +
-      '<th>Pattern</th>' +
-      '<th style="width:55px">Count</th>' +
-      '<th style="width:70px">Avg</th>' +
-      '<th style="width:70px">Min</th>' +
-      '<th style="width:70px">Max</th>' +
-      '<th style="width:70px">Total</th>' +
-      '<th style="width:55px">% Time</th>' +
-      '</tr></thead><tbody>'
-
-    groups.forEach(function (g) {
-      var isDup = (g.count || 0) >= 3
-      html +=
-        '<tr>' +
-        '<td style="' +
-        TRUNC +
-        '"><span class="ss-dash-sql" onclick="this.classList.toggle(\'ss-dash-expanded\')">' +
-        esc(g.pattern || g.sql_normalized || '') +
-        '</span>' +
-        (isDup ? ' <span class="ss-dash-dup">DUP</span>' : '') +
-        '</td>' +
-        '<td style="color:var(--ss-muted);text-align:center">' +
-        (g.count || 0) +
-        '</td>' +
-        '<td class="ss-dash-duration ' +
-        durationClass(g.avg_duration || 0) +
-        '">' +
-        (g.avg_duration || 0).toFixed(2) +
-        'ms</td>' +
-        '<td class="ss-dash-duration">' +
-        (g.min_duration || 0).toFixed(2) +
-        'ms</td>' +
-        '<td class="ss-dash-duration ' +
-        durationClass(g.max_duration || 0) +
-        '">' +
-        (g.max_duration || 0).toFixed(2) +
-        'ms</td>' +
-        '<td class="ss-dash-duration">' +
-        (g.total_duration || 0).toFixed(1) +
-        'ms</td>' +
-        '<td style="color:var(--ss-muted);text-align:center">' +
-        (g.pct_time || 0).toFixed(1) +
-        '%</td>' +
-        '</tr>'
-    })
-
-    html += '</tbody></table>'
-    setInner('ss-dash-queries-body', html)
-  }
-
-  // ── EXPLAIN: render a PostgreSQL JSON plan as a tree ──────────
-  var renderPlanNode = function (node, depth) {
-    if (!node) return ''
-    depth = depth || 0
-    var indent = depth * 20
-    var html = '<div class="ss-dash-explain-node" style="margin-left:' + indent + 'px">'
-    var nodeType = node['Node Type'] || 'Unknown'
-    var relation = node['Relation Name']
-      ? ' on <strong>' + esc(node['Relation Name']) + '</strong>'
-      : ''
-    var alias =
-      node['Alias'] && node['Alias'] !== node['Relation Name']
-        ? ' (' + esc(node['Alias']) + ')'
-        : ''
-    var idx = node['Index Name'] ? ' using <em>' + esc(node['Index Name']) + '</em>' : ''
-
-    html +=
-      '<div class="ss-dash-explain-node-header">' +
-      '<span class="ss-dash-explain-node-type">' +
-      esc(nodeType) +
-      '</span>' +
-      relation +
-      alias +
-      idx +
-      '</div>'
-
-    // Key metrics row
-    var metrics = []
-    if (node['Startup Cost'] != null)
-      metrics.push('cost=' + node['Startup Cost'] + '..' + node['Total Cost'])
-    if (node['Plan Rows'] != null) metrics.push('rows=' + node['Plan Rows'])
-    if (node['Plan Width'] != null) metrics.push('width=' + node['Plan Width'])
-    if (node['Filter']) metrics.push('filter: ' + esc(node['Filter']))
-    if (node['Index Cond']) metrics.push('cond: ' + esc(node['Index Cond']))
-    if (node['Hash Cond']) metrics.push('hash: ' + esc(node['Hash Cond']))
-    if (node['Join Type']) metrics.push('join: ' + esc(node['Join Type']))
-    if (node['Sort Key'])
-      metrics.push(
-        'sort: ' +
-          esc(Array.isArray(node['Sort Key']) ? node['Sort Key'].join(', ') : node['Sort Key'])
-      )
-
-    if (metrics.length > 0) {
-      html += '<div class="ss-dash-explain-metrics">' + metrics.join(' &middot; ') + '</div>'
-    }
-
-    // Recurse into child plans
-    var plans = node['Plans'] || []
-    for (var i = 0; i < plans.length; i++) {
-      html += renderPlanNode(plans[i], depth + 1)
-    }
-
-    html += '</div>'
-    return html
-  }
-
-  var renderExplainPlan = function (plan) {
-    if (!plan || !Array.isArray(plan) || plan.length === 0) {
-      return '<div class="ss-dash-explain-result">No plan data returned</div>'
-    }
-
-    // JSON format: array of objects with a "Plan" key
-    var topPlan = plan[0]
-    if (topPlan && topPlan['Plan']) {
-      return '<div class="ss-dash-explain-result">' + renderPlanNode(topPlan['Plan'], 0) + '</div>'
-    }
-
-    // Fallback: plain rows table (for non-JSON EXPLAIN output)
-    if (typeof topPlan === 'object') {
-      var cols = Object.keys(topPlan)
-      var tbl = '<table><thead><tr>'
-      cols.forEach(function (c) {
-        tbl += '<th>' + esc(c) + '</th>'
-      })
-      tbl += '</tr></thead><tbody>'
-      plan.forEach(function (r) {
-        tbl += '<tr>'
-        cols.forEach(function (c) {
-          tbl += '<td>' + esc(r[c] != null ? String(r[c]) : '-') + '</td>'
-        })
-        tbl += '</tr>'
-      })
-      tbl += '</tbody></table>'
-      return '<div class="ss-dash-explain-result">' + tbl + '</div>'
-    }
-
-    return '<div class="ss-dash-explain-result">No plan data returned</div>'
-  }
-
-  // EXPLAIN buttons
-  var bindExplainButtons = function () {
-    var body = document.getElementById('ss-dash-queries-body')
-    if (!body) return
-    body.querySelectorAll('.ss-dash-explain-btn').forEach(function (btn) {
-      btn.addEventListener('click', function (e) {
-        e.stopPropagation()
-        var id = btn.getAttribute('data-query-id')
-        var row = btn.closest('tr')
-        if (!row) return
-
-        // Toggle: if already shown, remove it
-        var existing = row.nextElementSibling
-        if (existing && existing.classList.contains('ss-dash-explain-row')) {
-          existing.remove()
-          btn.classList.remove('ss-dash-explain-btn-active')
-          return
-        }
-
-        btn.textContent = '...'
-        btn.disabled = true
-        fetchJSON(API + '/queries/' + id + '/explain')
-          .then(function (data) {
-            // Remove any existing explain row
-            var prev = row.nextElementSibling
-            if (prev && prev.classList.contains('ss-dash-explain-row')) prev.remove()
-
-            var tr = document.createElement('tr')
-            tr.className = 'ss-dash-explain-row'
-            var td = document.createElement('td')
-            td.colSpan = 8
-            td.className = 'ss-dash-explain'
-
-            if (data.error) {
-              td.innerHTML =
-                '<div class="ss-dash-explain-result ss-dash-explain-error">' +
-                '<strong>Error:</strong> ' +
-                esc(data.error) +
-                (data.message ? '<br>' + esc(data.message) : '') +
-                '</div>'
-            } else {
-              td.innerHTML = renderExplainPlan(data.plan || data.rows || [])
-            }
-
-            tr.appendChild(td)
-            row.parentNode.insertBefore(tr, row.nextSibling)
-            btn.textContent = 'EXPLAIN'
-            btn.disabled = false
-            btn.classList.add('ss-dash-explain-btn-active')
-          })
-          .catch(function (err) {
-            btn.textContent = 'EXPLAIN'
-            btn.disabled = false
-          })
-      })
-    })
-  }
-
-  // Grouped toggle
-  var queryGroupBtn = document.getElementById('ss-dash-queries-group-btn')
-  if (queryGroupBtn) {
-    queryGroupBtn.addEventListener('click', function () {
-      queryGrouped = !queryGrouped
-      queryGroupBtn.classList.toggle('ss-dash-active', queryGrouped)
-      queryGroupBtn.textContent = queryGrouped ? 'List View' : 'Grouped'
-      fetchQueries()
-    })
-  }
-
-  // ── Events ────────────────────────────────────────────────────
-  var eventNameFilter = ''
-
-  var fetchEvents = function () {
-    var ps = getPage('events')
-    var url = API + '/events?page=' + ps.page + '&limit=' + PER_PAGE
-    if (eventNameFilter) url += '&event_name=' + encodeURIComponent(eventNameFilter)
-    eventNameFilter = ''
-    fetchJSON(url)
-      .then(function (data) {
-        renderEvents(data)
-      })
-      .catch(function () {
-        setInner('ss-dash-events-body', '<div class="ss-dash-empty">Failed to load events</div>')
-      })
-  }
-
-  var renderEvents = function (data) {
-    var items = data.data || data.events || []
-    var ps = getPage('events')
-    ps.total = data.meta ? data.meta.total : data.total || items.length
-
-    setInner('ss-dash-events-summary', ps.total + ' events')
-
-    if (items.length === 0) {
-      setInner('ss-dash-events-body', '<div class="ss-dash-empty">No events recorded yet</div>')
-      renderPagination('events', ps)
-      return
-    }
-
-    var html =
-      '<table class="ss-dash-table" style="table-layout:fixed"><thead><tr>' +
-      '<th style="width:50px">#</th>' +
-      '<th style="width:200px">Event</th>' +
-      '<th>Data</th>' +
-      '<th style="width:80px">Time</th>' +
-      '</tr></thead><tbody>'
-
-    items.forEach(function (ev, idx) {
-      var hasData = ev.data && ev.data !== '-'
-      var preview = hasData ? eventPreview(ev.data) : '-'
-      var evName = ev.event_name || ev.eventName || ev.event || ''
-      html +=
-        '<tr>' +
-        '<td style="color:var(--ss-dim)">' +
-        ev.id +
-        '</td>' +
-        '<td class="ss-dash-event-name" style="' +
-        TRUNC +
-        '" title="' +
-        esc(evName) +
-        '">' +
-        esc(evName) +
-        '</td>' +
-        '<td class="ss-dash-event-data" style="' +
-        TRUNC +
-        '">' +
-        (hasData
-          ? '<span class="ss-dash-data-preview" data-ev-idx="' +
-            idx +
-            '">' +
-            esc(preview) +
-            '</span>' +
-            '<pre class="ss-dash-data-full" id="ss-dash-evdata-' +
-            idx +
-            '" style="display:none">' +
-            esc(typeof ev.data === 'string' ? ev.data : JSON.stringify(ev.data, null, 2)) +
-            '</pre>'
-          : '<span style="color:var(--ss-dim)">-</span>') +
-        '</td>' +
-        '<td class="ss-dash-event-time">' +
-        timeAgo(getTimestamp(ev)) +
-        '</td>' +
-        '</tr>'
-    })
-
-    html += '</tbody></table>'
-    setInner('ss-dash-events-body', html)
-    renderPagination('events', ps)
-    bindDataExpand('ss-dash-events-body')
-  }
-
-  // ── Routes ────────────────────────────────────────────────────
-  var fetchRoutes = function () {
-    fetchJSON(API + '/routes')
-      .then(function (data) {
-        sectionLoaded.routes = true
-        renderRoutes(data)
-      })
-      .catch(function () {
-        setInner('ss-dash-routes-body', '<div class="ss-dash-empty">Failed to load routes</div>')
-      })
-  }
-
-  var renderRoutes = function (data) {
-    var items = data.routes || data.data || []
-    setInner('ss-dash-routes-summary', items.length + ' routes')
-
-    if (items.length === 0) {
-      setInner('ss-dash-routes-body', '<div class="ss-dash-empty">No routes available</div>')
-      return
-    }
-
-    var html =
-      '<table class="ss-dash-table" style="table-layout:fixed"><thead><tr>' +
-      '<th style="width:70px">Method</th>' +
-      '<th style="width:25%">Pattern</th>' +
-      '<th style="width:18%">Name</th>' +
-      '<th style="width:32%">Handler</th>' +
-      '<th style="width:120px">Middleware</th>' +
-      '</tr></thead><tbody>'
-
-    items.forEach(function (r) {
-      html +=
-        '<tr>' +
-        '<td><span class="' +
-        methodClass(r.method) +
-        '">' +
-        esc(r.method) +
-        '</span></td>' +
-        '<td style="color:var(--ss-text);' +
-        TRUNC +
-        '" title="' +
-        esc(r.pattern) +
-        '">' +
-        esc(r.pattern) +
-        '</td>' +
-        '<td style="color:var(--ss-muted);' +
-        TRUNC +
-        '" title="' +
-        esc(r.name || '-') +
-        '">' +
-        esc(r.name || '-') +
-        '</td>' +
-        '<td style="color:var(--ss-sql-color);' +
-        TRUNC +
-        '" title="' +
-        esc(r.handler) +
-        '">' +
-        esc(r.handler) +
-        '</td>' +
-        '<td style="color:var(--ss-dim);font-size:10px;' +
-        TRUNC +
-        '" title="' +
-        (r.middleware && r.middleware.length ? esc(r.middleware.join(', ')) : '-') +
-        '">' +
-        (r.middleware && r.middleware.length ? esc(r.middleware.join(', ')) : '-') +
-        '</td>' +
-        '</tr>'
-    })
-
-    html += '</tbody></table>'
-    setInner('ss-dash-routes-body', html)
-  }
-
-  // ── Logs ──────────────────────────────────────────────────────
-  var logLevelFilter = 'all'
-  var logReqIdFilter = ''
-  var logDeepLevelFilter = ''
-  var logStructuredFilters = []
-  var logSavedFilters = []
-
-  var fetchLogs = function () {
-    var ps = getPage('logs')
-    var params = 'page=' + ps.page + '&limit=' + PER_PAGE
-    if (logDeepLevelFilter) {
-      logLevelFilter = logDeepLevelFilter
-      logDeepLevelFilter = ''
-    }
-    if (logLevelFilter !== 'all') params += '&level=' + logLevelFilter
-    if (logReqIdFilter) params += '&request_id=' + encodeURIComponent(logReqIdFilter)
-    logStructuredFilters.forEach(function (f) {
-      params +=
-        '&filter_field=' +
-        encodeURIComponent(f.field) +
-        '&filter_op=' +
-        encodeURIComponent(f.op) +
-        '&filter_value=' +
-        encodeURIComponent(f.value)
-    })
-
-    fetchJSON(API + '/logs?' + params)
-      .then(function (data) {
-        renderLogs(data)
-      })
-      .catch(function () {
-        setInner('ss-dash-logs-body', '<div class="ss-dash-empty">Failed to load logs</div>')
-      })
-  }
-
-  var renderLogs = function (data) {
-    var items = data.data || data.logs || data.entries || []
-    var ps = getPage('logs')
-    ps.total = data.meta ? data.meta.total : data.total || items.length
-
-    if (items.length === 0) {
-      var hint = ''
-      if (logReqIdFilter) hint = ' matching request ' + logReqIdFilter
-      else if (logLevelFilter !== 'all') hint = ' for ' + logLevelFilter
-      setInner('ss-dash-logs-body', '<div class="ss-dash-empty">No log entries' + hint + '</div>')
-      renderPagination('logs', ps)
-      return
-    }
-
-    var html = ''
-    items.forEach(function (e) {
-      var level = (e.level || e.levelName || e.level_name || 'info').toLowerCase()
-      var msg = e.message || e.msg || ''
-      var ts = e.createdAt || e.created_at || e.time || e.timestamp || 0
-      var reqId = e.request_id || e['x-request-id'] || ''
-
-      html +=
-        '<div class="ss-dash-log-entry">' +
-        '<span class="ss-dash-log-level ss-dash-log-level-' +
-        esc(level) +
-        '">' +
-        esc(level.toUpperCase()) +
-        '</span>' +
-        '<span class="ss-dash-log-time">' +
-        (ts ? formatTime(ts) : '-') +
-        '</span>' +
-        (reqId
-          ? '<span class="ss-dash-log-reqid" data-reqid="' +
-            esc(reqId) +
-            '" title="' +
-            esc(reqId) +
-            '">' +
-            esc(shortReqId(reqId)) +
-            '</span>'
-          : '') +
-        '<span class="ss-dash-log-msg">' +
-        esc(msg) +
-        '</span>' +
-        '</div>'
-    })
-
-    setInner('ss-dash-logs-body', html)
-    updateBadge('logs', ps.total)
-    renderPagination('logs', ps)
-
-    // Click request ID to filter
-    var logBody = document.getElementById('ss-dash-logs-body')
-    if (logBody) {
-      logBody.querySelectorAll('.ss-dash-log-reqid').forEach(function (el) {
-        el.addEventListener('click', function () {
-          logReqIdFilter = el.getAttribute('data-reqid') || ''
-          var input = document.getElementById('ss-dash-log-reqid-input')
-          if (input) input.value = logReqIdFilter
-          var clearBtn = document.getElementById('ss-dash-log-reqid-clear')
-          if (clearBtn) clearBtn.style.display = logReqIdFilter ? '' : 'none'
-          getPage('logs').page = 1
-          fetchLogs()
-        })
-      })
-    }
-  }
-
-  // Log level filters
-  root.querySelectorAll('[data-ss-log-level]').forEach(function (btn) {
-    btn.addEventListener('click', function () {
-      root.querySelectorAll('[data-ss-log-level]').forEach(function (b) {
-        b.classList.remove('ss-dash-active')
-      })
-      btn.classList.add('ss-dash-active')
-      logLevelFilter = btn.getAttribute('data-ss-log-level')
-      getPage('logs').page = 1
-      fetchLogs()
-    })
-  })
-
-  // Log request ID filter
-  var logReqIdInput = document.getElementById('ss-dash-log-reqid-input')
-  var logReqIdClear = document.getElementById('ss-dash-log-reqid-clear')
-  if (logReqIdInput) {
-    logReqIdInput.addEventListener('input', function () {
-      logReqIdFilter = logReqIdInput.value.trim()
-      if (logReqIdClear) logReqIdClear.style.display = logReqIdFilter ? '' : 'none'
-      getPage('logs').page = 1
-      fetchLogs()
-    })
-  }
-  if (logReqIdClear) {
-    logReqIdClear.addEventListener('click', function () {
-      logReqIdFilter = ''
-      if (logReqIdInput) logReqIdInput.value = ''
-      logReqIdClear.style.display = 'none'
-      getPage('logs').page = 1
-      fetchLogs()
-    })
-  }
-
-  // Structured search: add filter
-  var logAddFilterBtn = document.getElementById('ss-dash-log-add-filter')
-  if (logAddFilterBtn) {
-    logAddFilterBtn.addEventListener('click', function () {
-      var fieldEl = document.getElementById('ss-dash-log-filter-field')
-      var opEl = document.getElementById('ss-dash-log-filter-op')
-      var valEl = document.getElementById('ss-dash-log-filter-value')
-      if (!fieldEl || !opEl || !valEl) return
-      var field = fieldEl.value
-      var op = opEl.value
-      var val = valEl.value.trim()
-      if (!field || !val) return
-      logStructuredFilters.push({ field: field, op: op, value: val })
-      valEl.value = ''
-      renderFilterChips()
-      getPage('logs').page = 1
-      fetchLogs()
-    })
-  }
-
-  var renderFilterChips = function () {
-    var container = document.getElementById('ss-dash-log-filter-chips')
-    if (!container) return
-    var html = ''
-    logStructuredFilters.forEach(function (f, i) {
-      html +=
-        '<span class="ss-dash-filter-chip">' +
-        esc(f.field) +
-        ' ' +
-        esc(f.op) +
-        ' ' +
-        esc(f.value) +
-        ' <button class="ss-dash-filter-chip-remove" data-chip-idx="' +
-        i +
-        '">&times;</button>' +
-        '</span>'
-    })
-    container.innerHTML = html
-    container.querySelectorAll('.ss-dash-filter-chip-remove').forEach(function (btn) {
-      btn.addEventListener('click', function () {
-        var idx = parseInt(btn.getAttribute('data-chip-idx'), 10)
-        logStructuredFilters.splice(idx, 1)
-        renderFilterChips()
-        getPage('logs').page = 1
-        fetchLogs()
-      })
-    })
-  }
-
-  // Saved filters
-  var fetchSavedFilters = function () {
-    fetchJSON(API + '/filters?section=logs')
-      .then(function (data) {
-        logSavedFilters = data.filters || data.data || []
-        renderSavedFilters()
-      })
-      .catch(function () {
-        /* ignore */
-      })
-  }
-
-  var renderSavedFilters = function () {
-    var sel = document.getElementById('ss-dash-log-saved-select')
-    if (!sel) return
-    var html = '<option value="">Saved Filters...</option>'
-    logSavedFilters.forEach(function (f) {
-      html += '<option value="' + f.id + '">' + esc(f.name) + '</option>'
-    })
-    sel.innerHTML = html
-  }
-
-  var savedFilterSelect = document.getElementById('ss-dash-log-saved-select')
-  if (savedFilterSelect) {
-    savedFilterSelect.addEventListener('change', function () {
-      var id = savedFilterSelect.value
-      if (!id) return
-      var filter = logSavedFilters.find(function (f) {
-        return String(f.id) === id
-      })
-      if (filter && filter.filter_config) {
-        try {
-          var cfg =
-            typeof filter.filter_config === 'string'
-              ? JSON.parse(filter.filter_config)
-              : filter.filter_config
-          if (cfg.level) logLevelFilter = cfg.level
-          if (cfg.filters) logStructuredFilters = cfg.filters
-          renderFilterChips()
-          getPage('logs').page = 1
-          fetchLogs()
-        } catch (e) {
-          /* ignore */
-        }
-      }
-      savedFilterSelect.value = ''
-    })
-  }
-
-  var saveFilterBtn = document.getElementById('ss-dash-log-save-filter')
-  if (saveFilterBtn) {
-    saveFilterBtn.addEventListener('click', function () {
-      var name = prompt('Filter preset name:')
-      if (!name) return
-      var config = {
-        level: logLevelFilter,
-        requestId: logReqIdFilter,
-        filters: logStructuredFilters,
-      }
-      fetch(API + '/filters', {
-        method: 'POST',
-        credentials: 'same-origin',
-        headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({ name: name, section: 'logs', filter_config: config }),
-      })
-        .then(function () {
-          fetchSavedFilters()
-        })
-        .catch(function () {
-          /* ignore */
-        })
-    })
-  }
-
-  var deleteFilterBtn = document.getElementById('ss-dash-log-delete-filter')
-  if (deleteFilterBtn) {
-    deleteFilterBtn.addEventListener('click', function () {
-      var sel = document.getElementById('ss-dash-log-saved-select')
-      if (!sel || !sel.value) return
-      fetch(API + '/filters/' + sel.value, { method: 'DELETE', credentials: 'same-origin' })
-        .then(function () {
-          fetchSavedFilters()
-        })
-        .catch(function () {
-          /* ignore */
-        })
-    })
-  }
-
-  fetchSavedFilters()
-
-  // ── Emails ────────────────────────────────────────────────────
-  var emailStatusFilter = ''
-
-  var fetchEmails = function () {
-    var ps = getPage('emails')
-    var url = API + '/emails?page=' + ps.page + '&limit=' + PER_PAGE
-    if (emailStatusFilter) url += '&status=' + encodeURIComponent(emailStatusFilter)
-    emailStatusFilter = ''
-    fetchJSON(url)
-      .then(function (data) {
-        renderEmails(data)
-      })
-      .catch(function () {
-        setInner('ss-dash-emails-body', '<div class="ss-dash-empty">Failed to load emails</div>')
-      })
-  }
-
-  var renderEmails = function (data) {
-    var items = data.data || data.emails || []
-    var ps = getPage('emails')
-    ps.total = data.meta ? data.meta.total : data.total || items.length
-
-    setInner('ss-dash-emails-summary', ps.total + ' emails')
-
-    if (items.length === 0) {
-      setInner('ss-dash-emails-body', '<div class="ss-dash-empty">No emails captured yet</div>')
-      renderPagination('emails', ps)
-      return
-    }
-
-    var html =
-      '<table class="ss-dash-table" style="table-layout:fixed"><thead><tr>' +
-      '<th style="width:40px">#</th>' +
-      '<th style="width:160px">From</th>' +
-      '<th style="width:160px">To</th>' +
-      '<th>Subject</th>' +
-      '<th style="width:70px">Status</th>' +
-      '<th style="width:70px">Mailer</th>' +
-      '<th style="width:30px" title="Attachments">ATT</th>' +
-      '<th style="width:60px">Time</th>' +
-      '</tr></thead><tbody>'
-
-    items.forEach(function (e) {
-      var fromAddr = e.from_addr || e.from || ''
-      var toAddr = e.to_addr || e.to || ''
-      html +=
-        '<tr class="ss-dash-email-row" data-email-id="' +
-        e.id +
-        '">' +
-        '<td style="color:var(--ss-dim)">' +
-        e.id +
-        '</td>' +
-        '<td style="color:var(--ss-text-secondary);' +
-        TRUNC +
-        '" title="' +
-        esc(fromAddr) +
-        '">' +
-        esc(fromAddr) +
-        '</td>' +
-        '<td style="color:var(--ss-text-secondary);' +
-        TRUNC +
-        '" title="' +
-        esc(toAddr) +
-        '">' +
-        esc(toAddr) +
-        '</td>' +
-        '<td style="color:var(--ss-sql-color);' +
-        TRUNC +
-        '" title="' +
-        esc(e.subject || '') +
-        '">' +
-        esc(e.subject || '') +
-        '</td>' +
-        '<td><span class="ss-dash-badge ss-dash-email-status-' +
-        esc(e.status || '') +
-        '">' +
-        esc(e.status || '') +
-        '</span></td>' +
-        '<td style="color:var(--ss-muted);' +
-        TRUNC +
-        '">' +
-        esc(e.mailer || '') +
-        '</td>' +
-        '<td style="color:var(--ss-dim);text-align:center">' +
-        ((e.attachment_count || e.attachmentCount || 0) > 0
-          ? e.attachment_count || e.attachmentCount
-          : '-') +
-        '</td>' +
-        '<td class="ss-dash-event-time" style="white-space:nowrap">' +
-        timeAgo(getTimestamp(e)) +
-        '</td>' +
-        '</tr>'
-    })
-
-    html += '</tbody></table>'
-    setInner('ss-dash-emails-body', html)
-    renderPagination('emails', ps)
-
-    var body = document.getElementById('ss-dash-emails-body')
-    if (body) {
-      body.querySelectorAll('.ss-dash-email-row').forEach(function (row) {
-        row.addEventListener('click', function () {
-          var id = row.getAttribute('data-email-id')
-          showEmailPreview(id, items)
-        })
-      })
-    }
-  }
-
-  var showEmailPreview = function (id, emails) {
-    var previewEl = document.getElementById('ss-dash-email-preview')
-    var metaEl = document.getElementById('ss-dash-email-preview-meta')
-    var iframeEl = document.getElementById('ss-dash-email-iframe')
-    if (!previewEl || !iframeEl) return
-
-    var email = emails.find(function (e) {
-      return String(e.id) === String(id)
-    })
-    if (metaEl && email) {
-      metaEl.innerHTML =
-        '<strong>Subject:</strong> ' +
-        esc(email.subject || '') +
-        '&nbsp;&nbsp;|&nbsp;&nbsp;<strong>From:</strong> ' +
-        esc(email.from_addr || email.from || '') +
-        '&nbsp;&nbsp;|&nbsp;&nbsp;<strong>To:</strong> ' +
-        esc(email.to_addr || email.to || '') +
-        (email.cc ? '&nbsp;&nbsp;|&nbsp;&nbsp;<strong>CC:</strong> ' + esc(email.cc) : '') +
-        '&nbsp;&nbsp;|&nbsp;&nbsp;<strong>Status:</strong> <span class="ss-dash-badge ss-dash-email-status-' +
-        esc(email.status || '') +
-        '">' +
-        esc(email.status || '') +
-        '</span>' +
-        '&nbsp;&nbsp;|&nbsp;&nbsp;<strong>Mailer:</strong> ' +
-        esc(email.mailer || '')
-    }
-
-    iframeEl.src = API + '/emails/' + id + '/preview'
-    previewEl.style.display = 'flex'
-  }
-
-  var emailPreviewClose = document.getElementById('ss-dash-email-preview-close')
-  if (emailPreviewClose) {
-    emailPreviewClose.addEventListener('click', function () {
-      var previewEl = document.getElementById('ss-dash-email-preview')
-      var iframeEl = document.getElementById('ss-dash-email-iframe')
-      if (previewEl) previewEl.style.display = 'none'
-      if (iframeEl) iframeEl.src = 'about:blank'
-    })
-  }
-
-  // ── Timeline / Traces ─────────────────────────────────────────
-  var fetchTraces = function () {
-    if (!tracingEnabled) {
-      setInner(
-        'ss-dash-timeline-body',
-        '<div class="ss-dash-empty">Tracing is not enabled. Set tracing: true in config.</div>'
-      )
-      return
-    }
-    var ps = getPage('timeline')
-    fetchJSON(API + '/traces?page=' + ps.page + '&limit=' + PER_PAGE)
-      .then(function (data) {
-        renderTraces(data)
-      })
-      .catch(function () {
-        setInner('ss-dash-timeline-body', '<div class="ss-dash-empty">Failed to load traces</div>')
-      })
-  }
-
-  var renderTraces = function (data) {
-    var items = data.data || data.traces || []
-    var ps = getPage('timeline')
-    ps.total = data.meta ? data.meta.total : data.total || items.length
-
-    setInner('ss-dash-timeline-summary', ps.total + ' requests')
-
-    if (items.length === 0) {
-      setInner('ss-dash-timeline-body', '<div class="ss-dash-empty">No requests traced yet</div>')
-      renderPagination('timeline', ps)
-      return
-    }
-
-    var html =
-      '<table class="ss-dash-table" style="table-layout:fixed"><thead><tr>' +
-      '<th style="width:50px">#</th>' +
-      '<th style="width:60px">Method</th>' +
-      '<th>URL</th>' +
-      '<th style="width:55px">Status</th>' +
-      '<th style="width:80px">Duration</th>' +
-      '<th style="width:50px">Spans</th>' +
-      '<th style="width:60px">Time</th>' +
-      '</tr></thead><tbody>'
-
-    items.forEach(function (t) {
-      html +=
-        '<tr class="ss-dash-clickable" data-trace-id="' +
-        t.id +
-        '">' +
-        '<td style="color:var(--ss-dim)">' +
-        t.id +
-        '</td>' +
-        '<td><span class="' +
-        methodClass(t.method) +
-        '">' +
-        esc(t.method) +
-        '</span></td>' +
-        '<td style="' +
-        TRUNC +
-        ';color:var(--ss-text)" title="' +
-        esc(t.url) +
-        '">' +
-        esc(t.url) +
-        '</td>' +
-        '<td>' +
-        renderStatusBadge(getStatus(t)) +
-        '</td>' +
-        '<td class="ss-dash-duration ' +
-        durationClass(t.total_duration || t.totalDuration) +
-        '">' +
-        (t.total_duration || t.totalDuration || 0).toFixed(1) +
-        'ms</td>' +
-        '<td style="color:var(--ss-muted);text-align:center">' +
-        (t.span_count || t.spanCount || 0) +
-        '</td>' +
-        '<td class="ss-dash-event-time" style="white-space:nowrap">' +
-        timeAgo(getTimestamp(t)) +
-        '</td>' +
-        '</tr>'
-    })
-
-    html += '</tbody></table>'
-    setInner('ss-dash-timeline-body', html)
-    renderPagination('timeline', ps)
-
-    var body = document.getElementById('ss-dash-timeline-body')
-    if (body) {
-      body.querySelectorAll('[data-trace-id]').forEach(function (row) {
-        row.addEventListener('click', function () {
-          var id = row.getAttribute('data-trace-id')
-          fetchJSON(API + '/traces/' + id)
-            .then(function (trace) {
-              showTraceDetail(trace)
-            })
-            .catch(function () {
-              /* ignore */
-            })
-        })
-      })
-    }
-  }
-
-  var showTraceDetail = function (trace) {
-    var listEl = document.getElementById('ss-dash-timeline-list')
-    var detailEl = document.getElementById('ss-dash-timeline-detail')
-    var titleEl = document.getElementById('ss-dash-timeline-detail-title')
-    var waterfallEl = document.getElementById('ss-dash-timeline-waterfall')
-    if (!listEl || !detailEl) return
-
-    listEl.style.display = 'none'
-    detailEl.style.display = 'flex'
-    detailEl.classList.add('ss-dash-active')
-
-    if (titleEl) {
-      titleEl.innerHTML =
-        '<span class="' +
-        methodClass(trace.method) +
-        '">' +
-        esc(trace.method) +
-        '</span> ' +
-        esc(trace.url) +
-        ' ' +
-        renderStatusBadge(getStatus(trace)) +
-        '<span class="ss-dash-tl-meta">' +
-        (trace.total_duration || trace.totalDuration || 0).toFixed(1) +
-        'ms &middot; ' +
-        (trace.span_count || trace.spanCount || 0) +
-        ' spans</span>'
-    }
-
-    if (waterfallEl) renderWaterfall(waterfallEl, trace)
-  }
-
-  var timelineBackBtn = document.getElementById('ss-dash-timeline-back')
-  if (timelineBackBtn) {
-    timelineBackBtn.addEventListener('click', function () {
-      var listEl = document.getElementById('ss-dash-timeline-list')
-      var detailEl = document.getElementById('ss-dash-timeline-detail')
-      if (listEl) listEl.style.display = ''
-      if (detailEl) {
-        detailEl.style.display = 'none'
-        detailEl.classList.remove('ss-dash-active')
-      }
-    })
-  }
-
-  // ── Waterfall renderer (shared) ───────────────────────────────
-  var renderWaterfall = function (container, trace) {
-    var spans = trace.spans || []
-    if (typeof spans === 'string') {
-      try {
-        spans = JSON.parse(spans)
-      } catch (e) {
-        spans = []
-      }
-    }
-    var total = trace.total_duration || trace.totalDuration || trace.duration || 1
-
-    var html =
-      '<div class="ss-dash-tl-legend">' +
-      '<div class="ss-dash-tl-legend-item"><span class="ss-dash-tl-legend-dot" style="background:#6d28d9"></span>DB</div>' +
-      '<div class="ss-dash-tl-legend-item"><span class="ss-dash-tl-legend-dot" style="background:#1e3a5f"></span>Request</div>' +
-      '<div class="ss-dash-tl-legend-item"><span class="ss-dash-tl-legend-dot" style="background:#059669"></span>Mail</div>' +
-      '<div class="ss-dash-tl-legend-item"><span class="ss-dash-tl-legend-dot" style="background:#b45309"></span>Event</div>' +
-      '<div class="ss-dash-tl-legend-item"><span class="ss-dash-tl-legend-dot" style="background:#0e7490"></span>View</div>' +
-      '<div class="ss-dash-tl-legend-item"><span class="ss-dash-tl-legend-dot" style="background:var(--ss-dim)"></span>Custom</div>' +
-      '</div>'
-
-    if (spans.length === 0) {
-      html += '<div class="ss-dash-empty">No spans captured for this request</div>'
-    } else {
-      var depthMap = {}
-      for (var i = 0; i < spans.length; i++) {
-        var s = spans[i]
-        depthMap[s.id] = s.parentId ? (depthMap[s.parentId] || 0) + 1 : 0
-      }
-      var sorted = spans.slice().sort(function (a, b) {
-        return a.startOffset - b.startOffset
-      })
-
-      for (var j = 0; j < sorted.length; j++) {
-        var sp = sorted[j]
-        var depth = depthMap[sp.id] || 0
-        var leftPct = ((sp.startOffset / total) * 100).toFixed(2)
-        var widthPct = Math.max((sp.duration / total) * 100, 0.5).toFixed(2)
-        var indent = depth * 16
-        var catLabel = sp.category === 'db' ? 'DB' : sp.category
-        var metaStr = sp.metadata
-          ? Object.entries(sp.metadata)
-              .filter(function (e) {
-                return e[1] != null
-              })
-              .map(function (e) {
-                return e[0] + '=' + e[1]
-              })
-              .join(', ')
-          : ''
-        var tooltip =
-          sp.label + ' (' + sp.duration.toFixed(2) + 'ms)' + (metaStr ? '\n' + metaStr : '')
-
-        var badgeCat =
-          sp.category === 'db'
-            ? 'purple'
-            : sp.category === 'mail'
-              ? 'green'
-              : sp.category === 'event'
-                ? 'amber'
-                : sp.category === 'view'
-                  ? 'blue'
-                  : 'muted'
-
-        html +=
-          '<div class="ss-dash-tl-row">' +
-          '<div class="ss-dash-tl-label" style="padding-left:' +
-          (8 + indent) +
-          'px" title="' +
-          esc(tooltip) +
-          '">' +
-          '<span class="ss-dash-badge ss-dash-badge-' +
-          badgeCat +
-          '" style="font-size:9px;margin-right:4px">' +
-          esc(catLabel) +
-          '</span>' +
-          esc(sp.label.length > 50 ? sp.label.slice(0, 50) + '...' : sp.label) +
-          '</div>' +
-          '<div class="ss-dash-tl-track">' +
-          '<div class="ss-dash-tl-bar ss-dash-tl-bar-' +
-          esc(sp.category) +
-          '" style="left:' +
-          leftPct +
-          '%;width:' +
-          widthPct +
-          '%" title="' +
-          esc(tooltip) +
-          '"></div>' +
-          '</div>' +
-          '<span class="ss-dash-tl-dur">' +
-          sp.duration.toFixed(2) +
-          'ms</span>' +
-          '</div>'
-      }
-    }
-
-    // Warnings
-    var warnings = trace.warnings || []
-    if (typeof warnings === 'string') {
-      try {
-        warnings = JSON.parse(warnings)
-      } catch (e) {
-        warnings = []
-      }
-    }
-    if (warnings.length > 0) {
-      html +=
-        '<div class="ss-dash-tl-warnings">' +
-        '<div class="ss-dash-tl-warnings-title">Warnings (' +
-        warnings.length +
-        ')</div>'
-      warnings.forEach(function (w) {
-        html += '<div class="ss-dash-tl-warning">' + esc(w) + '</div>'
-      })
-      html += '</div>'
-    }
-
-    container.innerHTML = html
-  }
-
-  // ── Cache ─────────────────────────────────────────────────────
-  var fetchCache = function () {
-    fetchJSON(API + '/cache')
-      .then(function (data) {
-        renderCache(data)
-      })
-      .catch(function () {
-        setInner('ss-dash-cache-body', '<div class="ss-dash-empty">Cache not available</div>')
-      })
-  }
-
-  var renderCache = function (data) {
-    var stats = data.stats || {}
-    var keys = data.keys || data.data || []
-
-    var statsHtml =
-      '<div class="ss-dash-cache-stats">' +
-      '<div class="ss-dash-cache-stat"><span class="ss-dash-cache-stat-label">Hit Rate:</span><span class="ss-dash-cache-stat-value">' +
-      (stats.hitRate || 0).toFixed(1) +
-      '%</span></div>' +
-      '<div class="ss-dash-cache-stat"><span class="ss-dash-cache-stat-label">Hits:</span><span class="ss-dash-cache-stat-value">' +
-      (stats.hits || 0) +
-      '</span></div>' +
-      '<div class="ss-dash-cache-stat"><span class="ss-dash-cache-stat-label">Misses:</span><span class="ss-dash-cache-stat-value">' +
-      (stats.misses || 0) +
-      '</span></div>' +
-      '<div class="ss-dash-cache-stat"><span class="ss-dash-cache-stat-label">Keys:</span><span class="ss-dash-cache-stat-value">' +
-      (stats.keyCount || keys.length || 0) +
-      '</span></div>' +
-      '</div>'
-
-    setInner('ss-dash-cache-stats-area', statsHtml)
-
-    if (keys.length === 0) {
-      setInner('ss-dash-cache-body', '<div class="ss-dash-empty">No cache keys found</div>')
-      return
-    }
-
-    var html =
-      '<table class="ss-dash-table" style="table-layout:fixed"><thead><tr>' +
-      '<th>Key</th>' +
-      '<th style="width:80px">Type</th>' +
-      '<th style="width:80px">TTL</th>' +
-      '<th style="width:80px">Size</th>' +
-      '</tr></thead><tbody>'
-
-    keys.forEach(function (k) {
-      html +=
-        '<tr class="ss-dash-clickable" data-cache-key="' +
-        esc(k.key || '') +
-        '">' +
-        '<td style="color:var(--ss-sql-color);' +
-        TRUNC +
-        '" title="' +
-        esc(k.key || '') +
-        '">' +
-        esc(k.key || '') +
-        '</td>' +
-        '<td style="color:var(--ss-muted)">' +
-        esc(k.type || '-') +
-        '</td>' +
-        '<td style="color:var(--ss-muted)">' +
-        (k.ttl != null ? k.ttl + 's' : '-') +
-        '</td>' +
-        '<td style="color:var(--ss-dim)">' +
-        (k.size != null ? k.size + 'B' : '-') +
-        '</td>' +
-        '</tr>'
-    })
-
-    html += '</tbody></table>'
-    setInner('ss-dash-cache-body', html)
-
-    var body = document.getElementById('ss-dash-cache-body')
-    if (body) {
-      body.querySelectorAll('[data-cache-key]').forEach(function (row) {
-        row.addEventListener('click', function () {
-          var key = row.getAttribute('data-cache-key')
-          fetchJSON(API + '/cache/' + encodeURIComponent(key))
-            .then(function (data) {
-              setInner(
-                'ss-dash-cache-detail',
-                '<div class="ss-dash-cache-detail"><strong>Key:</strong> ' +
-                  esc(key) +
-                  '<pre class="ss-dash-data-full" style="display:block">' +
-                  esc(JSON.stringify(data.value || data, null, 2)) +
-                  '</pre></div>'
-              )
-            })
-            .catch(function () {
-              /* ignore */
-            })
-        })
-      })
-    }
-  }
-
-  // ── Jobs ──────────────────────────────────────────────────────
-  var jobStatusFilter = ''
-
-  var fetchJobs = function () {
-    var ps = getPage('jobs')
-    var params = 'page=' + ps.page + '&limit=' + PER_PAGE
-    if (jobStatusFilter) params += '&status=' + jobStatusFilter
-
-    fetchJSON(API + '/jobs?' + params)
-      .then(function (data) {
-        renderJobs(data)
-      })
-      .catch(function () {
-        setInner('ss-dash-jobs-body', '<div class="ss-dash-empty">Jobs/Queue not available</div>')
-      })
-  }
-
-  var renderJobs = function (data) {
-    var items = data.data || data.jobs || []
-    var stats = data.stats || {}
-    var ps = getPage('jobs')
-    ps.total = data.meta ? data.meta.total : data.total || items.length
-
-    var statsHtml =
-      '<div class="ss-dash-job-stats">' +
-      '<div class="ss-dash-job-stat"><span class="ss-dash-job-stat-label">Active:</span><span class="ss-dash-job-stat-value">' +
-      (stats.active || 0) +
-      '</span></div>' +
-      '<div class="ss-dash-job-stat"><span class="ss-dash-job-stat-label">Waiting:</span><span class="ss-dash-job-stat-value">' +
-      (stats.waiting || 0) +
-      '</span></div>' +
-      '<div class="ss-dash-job-stat"><span class="ss-dash-job-stat-label">Delayed:</span><span class="ss-dash-job-stat-value">' +
-      (stats.delayed || 0) +
-      '</span></div>' +
-      '<div class="ss-dash-job-stat"><span class="ss-dash-job-stat-label">Completed:</span><span class="ss-dash-job-stat-value">' +
-      (stats.completed || 0) +
-      '</span></div>' +
-      '<div class="ss-dash-job-stat"><span class="ss-dash-job-stat-label">Failed:</span><span class="ss-dash-job-stat-value" style="color:var(--ss-red-fg)">' +
-      (stats.failed || 0) +
-      '</span></div>' +
-      '</div>'
-    setInner('ss-dash-jobs-stats-area', statsHtml)
-
-    if (items.length === 0) {
-      setInner('ss-dash-jobs-body', '<div class="ss-dash-empty">No jobs found</div>')
-      renderPagination('jobs', ps)
-      return
-    }
-
-    var html =
-      '<table class="ss-dash-table" style="table-layout:fixed"><thead><tr>' +
-      '<th style="width:50px">ID</th>' +
-      '<th style="width:160px">Name</th>' +
-      '<th style="width:80px">Status</th>' +
-      '<th>Payload</th>' +
-      '<th style="width:55px">Tries</th>' +
-      '<th style="width:75px">Duration</th>' +
-      '<th style="width:60px">Time</th>' +
-      '<th style="width:50px"></th>' +
-      '</tr></thead><tbody>'
-
-    items.forEach(function (j) {
-      var statusBadge =
-        j.status === 'failed'
-          ? 'red'
-          : j.status === 'completed'
-            ? 'green'
-            : j.status === 'active'
-              ? 'blue'
-              : 'amber'
-      html +=
-        '<tr class="ss-dash-clickable" data-job-id="' +
-        j.id +
-        '">' +
-        '<td style="color:var(--ss-dim)">' +
-        j.id +
-        '</td>' +
-        '<td style="color:var(--ss-sql-color);' +
-        TRUNC +
-        '" title="' +
-        esc(j.name || '') +
-        '">' +
-        esc(j.name || '') +
-        '</td>' +
-        '<td><span class="ss-dash-badge ss-dash-badge-' +
-        statusBadge +
-        '">' +
-        esc(j.status || '') +
-        '</span></td>' +
-        '<td style="color:var(--ss-muted);font-size:10px;' +
-        TRUNC +
-        '">' +
-        esc(j.payload ? compactPreview(j.payload, 60) : '-') +
-        '</td>' +
-        '<td style="color:var(--ss-muted);text-align:center">' +
-        (j.attempts || j.attemptsMade || 0) +
-        '</td>' +
-        '<td class="ss-dash-duration">' +
-        (j.duration != null ? j.duration.toFixed(0) + 'ms' : '-') +
-        '</td>' +
-        '<td class="ss-dash-event-time" style="white-space:nowrap">' +
-        timeAgo(j.timestamp || j.processedOn || j.created_at) +
-        '</td>' +
-        '<td>' +
-        (j.status === 'failed'
-          ? '<button class="ss-dash-retry-btn" data-retry-id="' + j.id + '">Retry</button>'
-          : '') +
-        '</td>' +
-        '</tr>'
-    })
-
-    html += '</tbody></table>'
-    setInner('ss-dash-jobs-body', html)
-    renderPagination('jobs', ps)
-
-    // Retry buttons
-    var body = document.getElementById('ss-dash-jobs-body')
-    if (body) {
-      body.querySelectorAll('.ss-dash-retry-btn').forEach(function (btn) {
-        btn.addEventListener('click', function (e) {
-          e.stopPropagation()
-          var id = btn.getAttribute('data-retry-id')
-          btn.textContent = '...'
-          btn.disabled = true
-          fetch(API + '/jobs/' + id + '/retry', { method: 'POST', credentials: 'same-origin' })
-            .then(function () {
-              btn.textContent = 'OK'
-              setTimeout(fetchJobs, 1000)
-            })
-            .catch(function () {
-              btn.textContent = 'Retry'
-              btn.disabled = false
-            })
-        })
-      })
-    }
-  }
-
-  // Job status filter buttons
-  root.querySelectorAll('[data-ss-job-status]').forEach(function (btn) {
-    btn.addEventListener('click', function () {
-      root.querySelectorAll('[data-ss-job-status]').forEach(function (b) {
-        b.classList.remove('ss-dash-active')
-      })
-      btn.classList.add('ss-dash-active')
-      jobStatusFilter = btn.getAttribute('data-ss-job-status')
-      getPage('jobs').page = 1
-      fetchJobs()
-    })
-  })
-
-  // ── Config ────────────────────────────────────────────────────
-  // ── Config: state ─────────────────────────────────────────────
-  var configRawData = null
-  var configActiveTab = 'config'
-  var configSearchTerm = ''
-
-  /** Check if a value is a redacted marker object. */
-  var isRedactedObj = function (val) {
-    return val && typeof val === 'object' && val.__redacted === true
-  }
-
-  /** Render a redacted value with reveal/copy buttons. */
-  var renderRedacted = function (val, prefix) {
-    var cls = prefix + '-config-redacted'
-    var realVal = esc(val.value || '')
-    return (
-      '<span class="' +
-      cls +
-      ' ' +
-      prefix +
-      '-redacted-wrap" data-redacted-value="' +
-      realVal +
-      '">' +
-      '<span class="' +
-      prefix +
-      '-redacted-display">' +
-      esc(val.display) +
-      '</span>' +
-      '<span class="' +
-      prefix +
-      '-redacted-real" style="display:none">' +
-      realVal +
-      '</span>' +
-      '<button type="button" class="' +
-      prefix +
-      '-redacted-reveal" title="Reveal value">' +
-      '<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/><circle cx="12" cy="12" r="3"/></svg>' +
-      '</button>' +
-      '<button type="button" class="' +
-      prefix +
-      '-redacted-copy" title="Copy value">' +
-      '<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/></svg>' +
-      '</button>' +
-      '</span>'
-    )
-  }
-
-  /** Bind reveal/copy click handlers inside a container. */
-  var bindRedactedButtons = function (container, prefix) {
-    container.querySelectorAll('.' + prefix + '-redacted-reveal').forEach(function (btn) {
-      btn.addEventListener('click', function (e) {
-        e.stopPropagation()
-        var wrap = btn.closest('.' + prefix + '-redacted-wrap')
-        if (!wrap) return
-        var display = wrap.querySelector('.' + prefix + '-redacted-display')
-        var real = wrap.querySelector('.' + prefix + '-redacted-real')
-        if (!display || !real) return
-        var isHidden = real.style.display === 'none'
-        display.style.display = isHidden ? 'none' : ''
-        real.style.display = isHidden ? '' : 'none'
-        // Toggle icon between eye and eye-off
-        btn.innerHTML = isHidden
-          ? '<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24"/><line x1="1" y1="1" x2="23" y2="23"/></svg>'
-          : '<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/><circle cx="12" cy="12" r="3"/></svg>'
-        btn.title = isHidden ? 'Hide value' : 'Reveal value'
-      })
-    })
-
-    container.querySelectorAll('.' + prefix + '-redacted-copy').forEach(function (btn) {
-      btn.addEventListener('click', function (e) {
-        e.stopPropagation()
-        var wrap = btn.closest('.' + prefix + '-redacted-wrap')
-        if (!wrap) return
-        var val = wrap.getAttribute('data-redacted-value')
-        if (!val) return
-        navigator.clipboard.writeText(val).then(function () {
-          btn.innerHTML = '\u2713'
-          btn.classList.add(prefix + '-copy-row-ok')
-          setTimeout(function () {
-            btn.innerHTML =
-              '<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/></svg>'
-            btn.classList.remove(prefix + '-copy-row-ok')
-          }, 1200)
-        })
-      })
-    })
-  }
-
-  var fetchConfig = function () {
-    fetchJSON(API + '/config')
-      .then(function (data) {
-        sectionLoaded.config = true
-        configRawData = data
-        renderConfig()
-      })
-      .catch(function () {
-        setInner('ss-dash-config-body', '<div class="ss-dash-empty">Config not available</div>')
-      })
-  }
-
-  var renderConfig = function () {
-    var body = document.getElementById('ss-dash-config-body')
-    if (!body || !configRawData) return
-
-    var source =
-      configActiveTab === 'env' ? configRawData.env || {} : configRawData.config || configRawData
-
-    // Flatten to dot-notation paths for search
-    var flat = flattenConfig(source, '')
-    var filtered = flat
-    var term = configSearchTerm.toLowerCase()
-    if (term) {
-      filtered = flat.filter(function (item) {
-        var valStr = isRedactedObj(item.value) ? item.value.display : String(item.value)
-        return (
-          item.path.toLowerCase().indexOf(term) !== -1 || valStr.toLowerCase().indexOf(term) !== -1
-        )
-      })
-    }
-
-    var html = ''
-
-    if (configActiveTab === 'env') {
-      // Env vars: simple table
-      html +=
-        '<div class="ss-dash-config-table-wrap"><table class="ss-dash-table ss-dash-config-env-table"><thead><tr>' +
-        '<th>Variable</th><th>Value</th><th style="width:36px"></th>' +
-        '</tr></thead><tbody>'
-      filtered.forEach(function (item) {
-        var redacted = isRedactedObj(item.value)
-        var displayVal = redacted ? item.value.display : String(item.value)
-        var copyVal = esc(item.path + '=' + displayVal)
-        html +=
-          '<tr>' +
-          '<td class="ss-dash-env-key"><span class="ss-dash-config-key">' +
-          highlightMatch(esc(item.path), term) +
-          '</span></td>' +
-          '<td class="ss-dash-env-val">' +
-          (redacted
-            ? renderRedacted(item.value, 'ss-dash')
-            : '<span class="ss-dash-config-val">' +
-              highlightMatch(esc(displayVal), term) +
-              '</span>') +
-          '</td>' +
-          '<td>' +
-          (redacted
-            ? ''
-            : '<button class="ss-dash-copy-row-btn" data-copy-val="' +
-              copyVal +
-              '" title="Copy">\u2398</button>') +
-          '</td>' +
-          '</tr>'
-      })
-      html += '</tbody></table></div>'
-    } else {
-      // App config: grouped by top-level section
-      if (term) {
-        // Search mode: flat list of matching paths
-        html +=
-          '<div class="ss-dash-config-table-wrap"><table class="ss-dash-table"><thead><tr>' +
-          '<th>Path</th><th>Value</th><th style="width:36px"></th>' +
-          '</tr></thead><tbody>'
-        filtered.forEach(function (item) {
-          var redacted = isRedactedObj(item.value)
-          var displayVal = redacted ? item.value.display : String(item.value)
-          var copyVal = esc(item.path + ': ' + displayVal)
-          html +=
-            '<tr>' +
-            '<td><span class="ss-dash-config-key" style="white-space:nowrap">' +
-            highlightMatch(esc(item.path), term) +
-            '</span></td>' +
-            '<td>' +
-            (redacted
-              ? renderRedacted(item.value, 'ss-dash')
-              : '<span class="ss-dash-config-val" style="word-break:break-all">' +
-                highlightMatch(esc(displayVal), term) +
-                '</span>') +
-            '</td>' +
-            '<td>' +
-            (redacted
-              ? ''
-              : '<button class="ss-dash-copy-row-btn" data-copy-val="' +
-                copyVal +
-                '" title="Copy">\u2398</button>') +
-            '</td>' +
-            '</tr>'
-        })
-        html += '</tbody></table></div>'
-        html +=
-          '<div style="padding:4px 16px;font-size:10px;color:var(--ss-muted)">' +
-          filtered.length +
-          ' of ' +
-          flat.length +
-          ' entries</div>'
-      } else {
-        // Browse mode: collapsible sections by top-level key
-        var topKeys = Object.keys(source)
-        html += '<div class="ss-dash-config-sections">'
-        topKeys.forEach(function (sectionKey) {
-          var sectionVal = source[sectionKey]
-          var childCount = countLeaves(sectionVal)
-          var isObj =
-            typeof sectionVal === 'object' && sectionVal !== null && !sectionVal.__redacted
-
-          html += '<div class="ss-dash-config-section">'
-          if (isObj) {
-            html +=
-              '<div class="ss-dash-config-section-header" data-config-section="' +
-              esc(sectionKey) +
-              '">' +
-              '<span class="ss-dash-config-toggle">\u25B6</span>' +
-              '<span class="ss-dash-config-key">' +
-              esc(sectionKey) +
-              '</span>' +
-              '<span class="ss-dash-config-count">' +
-              childCount +
-              ' entries</span>' +
-              '</div>'
-            html += '<div class="ss-dash-config-section-body" style="display:none">'
-            html += renderConfigTable(sectionVal, sectionKey)
-            html += '</div>'
-          } else {
-            html +=
-              '<div class="ss-dash-config-section-header ss-dash-config-leaf">' +
-              '<span class="ss-dash-config-key">' +
-              esc(sectionKey) +
-              '</span>' +
-              '<span class="ss-dash-config-val" style="margin-left:8px">' +
-              esc(String(sectionVal)) +
-              '</span>' +
-              '</div>'
-          }
-          html += '</div>'
-        })
-        html += '</div>'
-      }
-    }
-
-    body.innerHTML = html
-
-    // Bind section toggles
-    body.querySelectorAll('[data-config-section]').forEach(function (header) {
-      header.addEventListener('click', function () {
-        var sectionBody = header.nextElementSibling
-        if (!sectionBody) return
-        var isHidden = sectionBody.style.display === 'none'
-        sectionBody.style.display = isHidden ? '' : 'none'
-        var toggle = header.querySelector('.ss-dash-config-toggle')
-        if (toggle) toggle.textContent = isHidden ? '\u25BC' : '\u25B6'
-      })
-    })
-
-    // Bind row copy buttons
-    body.querySelectorAll('.ss-dash-copy-row-btn').forEach(function (btn) {
-      btn.addEventListener('click', function (e) {
-        e.stopPropagation()
-        var val = btn.getAttribute('data-copy-val')
-        if (!val) return
-        navigator.clipboard.writeText(val).then(function () {
-          btn.textContent = '\u2713'
-          btn.classList.add('ss-dash-copy-row-ok')
-          setTimeout(function () {
-            btn.textContent = '\u2398'
-            btn.classList.remove('ss-dash-copy-row-ok')
-          }, 1200)
-        })
-      })
-    })
-
-    // Bind redacted reveal/copy buttons
-    bindRedactedButtons(body, 'ss-dash')
-  }
-
-  /** Render a nested object as a flat key-value table. */
-  var renderConfigTable = function (obj, prefix) {
-    var flat = flattenConfig(obj, prefix)
-    var html =
-      '<table class="ss-dash-table ss-dash-config-inner-table"><thead><tr>' +
-      '<th style="width:35%">Key</th><th>Value</th><th style="width:36px"></th>' +
-      '</tr></thead><tbody>'
-    flat.forEach(function (item) {
-      // Show relative path (strip the section prefix)
-      var relPath =
-        item.path.indexOf(prefix + '.') === 0 ? item.path.slice(prefix.length + 1) : item.path
-      var redacted = isRedactedObj(item.value)
-      var displayVal = redacted ? item.value.display : String(item.value)
-      var copyVal = esc(item.path + ': ' + displayVal)
-      var valStr = redacted
-        ? item.value.display
-        : typeof item.value === 'object' && item.value !== null
-          ? JSON.stringify(item.value)
-          : String(item.value)
-      html +=
-        '<tr>' +
-        '<td title="' +
-        esc(relPath) +
-        '"><span class="ss-dash-config-key">' +
-        esc(relPath) +
-        '</span></td>' +
-        '<td title="' +
-        esc(valStr) +
-        '">' +
-        (redacted
-          ? renderRedacted(item.value, 'ss-dash')
-          : '<span class="ss-dash-config-val">' + formatConfigValue(item.value) + '</span>') +
-        '</td>' +
-        '<td>' +
-        (redacted
-          ? ''
-          : '<button class="ss-dash-copy-row-btn" data-copy-val="' +
-            copyVal +
-            '" title="Copy">\u2398</button>') +
-        '</td>' +
-        '</tr>'
-    })
-    html += '</tbody></table>'
-    return html
-  }
-
-  /** Flatten a nested object into [{path, value}] dot-notation entries. */
-  var flattenConfig = function (obj, prefix) {
-    var results = []
-    if (typeof obj !== 'object' || obj === null) {
-      results.push({ path: prefix, value: obj })
-      return results
-    }
-    var keys = Object.keys(obj)
-    keys.forEach(function (key) {
-      var fullPath = prefix ? prefix + '.' + key : key
-      var val = obj[key]
-      if (typeof val === 'object' && val !== null && !Array.isArray(val) && !val.__redacted) {
-        results = results.concat(flattenConfig(val, fullPath))
-      } else {
-        results.push({ path: fullPath, value: val })
-      }
-    })
-    return results
-  }
-
-  /** Count leaf values in a nested object. */
-  var countLeaves = function (obj) {
-    if (typeof obj !== 'object' || obj === null || obj.__redacted) return 1
-    var count = 0
-    Object.keys(obj).forEach(function (k) {
-      count += countLeaves(obj[k])
-    })
-    return count
-  }
-
-  /** Format a config value with type-aware coloring. */
-  var formatConfigValue = function (val) {
-    if (val === null || val === undefined) return '<span style="color:var(--ss-dim)">null</span>'
-    if (val === true) return '<span style="color:var(--ss-green-fg)">true</span>'
-    if (val === false) return '<span style="color:var(--ss-red-fg)">false</span>'
-    if (typeof val === 'number') return '<span style="color:var(--ss-amber-fg)">' + val + '</span>'
-    if (Array.isArray(val)) {
-      var items = val.map(function (item) {
-        if (item === null || item === undefined) return 'null'
-        if (typeof item === 'object') {
-          try {
-            return JSON.stringify(item)
-          } catch (e) {
-            return String(item)
-          }
-        }
-        return String(item)
-      })
-      return '<span style="color:var(--ss-purple-fg)">[' + esc(items.join(', ')) + ']</span>'
-    }
-    if (typeof val === 'object') {
-      try {
-        return '<span style="color:var(--ss-dim)">' + esc(JSON.stringify(val, null, 2)) + '</span>'
-      } catch (e) {
-        /* fall through */
-      }
-    }
-    return esc(String(val))
-  }
-
-  /** Highlight matching substring in text. */
-  var highlightMatch = function (text, term) {
-    if (!term) return text
-    var idx = text.toLowerCase().indexOf(term.toLowerCase())
-    if (idx === -1) return text
-    return (
-      text.slice(0, idx) +
-      '<mark class="ss-dash-config-match">' +
-      text.slice(idx, idx + term.length) +
-      '</mark>' +
-      text.slice(idx + term.length)
-    )
-  }
-
-  // ── Config: tab switching ───────────────────────────────────────
-  document.querySelectorAll('[data-config-tab]').forEach(function (btn) {
-    btn.addEventListener('click', function () {
-      configActiveTab = btn.getAttribute('data-config-tab')
-      document.querySelectorAll('[data-config-tab]').forEach(function (b) {
-        b.classList.remove('ss-dash-active')
-      })
-      btn.classList.add('ss-dash-active')
-      renderConfig()
-    })
-  })
-
-  // ── Config: search ──────────────────────────────────────────────
-  var configSearchEl = document.getElementById('ss-dash-config-search')
-  if (configSearchEl) {
-    var configSearchTimer = null
-    configSearchEl.addEventListener('input', function () {
-      clearTimeout(configSearchTimer)
-      configSearchTimer = setTimeout(function () {
-        configSearchTerm = configSearchEl.value.trim()
-        renderConfig()
-      }, 200)
-    })
-  }
-
-  // ── Config: expand/collapse all ─────────────────────────────────
-  var expandAllBtn = document.getElementById('ss-dash-config-expand-all')
-  var collapseAllBtn = document.getElementById('ss-dash-config-collapse-all')
-  if (expandAllBtn) {
-    expandAllBtn.addEventListener('click', function () {
-      var body = document.getElementById('ss-dash-config-body')
-      if (!body) return
-      body.querySelectorAll('.ss-dash-config-section-body').forEach(function (el) {
-        el.style.display = ''
-      })
-      body.querySelectorAll('.ss-dash-config-toggle').forEach(function (el) {
-        el.textContent = '\u25BC'
-      })
-    })
-  }
-  if (collapseAllBtn) {
-    collapseAllBtn.addEventListener('click', function () {
-      var body = document.getElementById('ss-dash-config-body')
-      if (!body) return
-      body.querySelectorAll('.ss-dash-config-section-body').forEach(function (el) {
-        el.style.display = 'none'
-      })
-      body.querySelectorAll('.ss-dash-config-toggle').forEach(function (el) {
-        el.textContent = '\u25B6'
-      })
-    })
-  }
-
-  // ── Config: copy button ─────────────────────────────────────────
-  var configCopyBtn = document.getElementById('ss-dash-config-copy')
-  if (configCopyBtn) {
-    configCopyBtn.addEventListener('click', function () {
-      if (!configRawData) return
-      var source =
-        configActiveTab === 'env' ? configRawData.env || {} : configRawData.config || configRawData
-      navigator.clipboard.writeText(JSON.stringify(source, null, 2)).then(function () {
-        configCopyBtn.textContent = 'Copied!'
-        setTimeout(function () {
-          configCopyBtn.textContent = 'Copy JSON'
-        }, 1500)
-      })
-    })
-  }
-
-  // ── Custom Panes ──────────────────────────────────────────────
-  var customPaneState = {}
-  customPanes.forEach(function (cp) {
-    customPaneState[cp.id] = { data: [], fetched: false, filter: '' }
-  })
-
-  var getNestedValue = function (obj, path) {
-    var parts = path.split('.')
-    var cur = obj
-    for (var i = 0; i < parts.length; i++) {
-      if (cur == null) return undefined
-      cur = cur[parts[i]]
-    }
-    return cur
-  }
-
-  var fetchCustomPane = function (pane) {
-    fetchJSON(pane.endpoint)
-      .then(function (data) {
-        var key = pane.dataKey || pane.id
-        var rows = getNestedValue(data, key) || (Array.isArray(data) ? data : [])
-        customPaneState[pane.id].data = rows
-        customPaneState[pane.id].fetched = true
-        renderCustomPane(pane)
-      })
-      .catch(function () {
-        setInner(
-          'ss-dash-' + pane.id + '-body',
-          '<div class="ss-dash-empty">Failed to load ' + esc(pane.label) + '</div>'
-        )
-      })
-  }
-
-  var renderCustomPane = function (pane) {
-    var state = customPaneState[pane.id]
-    if (!state) return
-    var bodyEl = document.getElementById('ss-dash-' + pane.id + '-body')
-    var summaryEl = document.getElementById('ss-dash-' + pane.id + '-summary')
-    if (!bodyEl) return
-
-    var filter = state.filter.toLowerCase()
-    var rows = state.data
-
-    if (summaryEl) summaryEl.textContent = rows.length + ' ' + pane.label.toLowerCase()
-
-    if (filter) {
-      var searchCols = pane.columns.filter(function (c) {
-        return c.searchable
-      })
-      if (searchCols.length > 0) {
-        rows = rows.filter(function (row) {
-          return searchCols.some(function (c) {
-            var v = row[c.key]
-            return v != null && String(v).toLowerCase().indexOf(filter) !== -1
-          })
-        })
-      }
-    }
-
-    if (rows.length === 0) {
-      bodyEl.innerHTML =
-        '<div class="ss-dash-empty">' +
-        (filter
-          ? 'No matching ' + esc(pane.label.toLowerCase())
-          : 'No ' + esc(pane.label.toLowerCase()) + ' recorded yet') +
-        '</div>'
-      return
-    }
-
-    var html = '<table class="ss-dash-table"><thead><tr>'
-    pane.columns.forEach(function (col) {
-      html +=
-        '<th' +
-        (col.width ? ' style="width:' + col.width + '"' : '') +
-        '>' +
-        esc(col.label) +
-        '</th>'
-    })
-    html += '</tr></thead><tbody>'
-
-    rows.forEach(function (row) {
-      html += '<tr>'
-      pane.columns.forEach(function (col) {
-        var val = row[col.key]
-        html += '<td>' + formatCell(val, col) + '</td>'
-      })
-      html += '</tr>'
-    })
-
-    html += '</tbody></table>'
-    bodyEl.innerHTML = html
-  }
-
-  // Bind search/clear for custom panes
-  customPanes.forEach(function (cp) {
-    var searchInput = document.getElementById('ss-dash-search-' + cp.id)
-    var clearBtn = document.getElementById('ss-dash-' + cp.id + '-clear')
-    if (searchInput) {
-      searchInput.addEventListener('input', function () {
-        customPaneState[cp.id].filter = searchInput.value
-        renderCustomPane(cp)
-      })
-    }
-    if (clearBtn) {
-      clearBtn.addEventListener('click', function () {
-        customPaneState[cp.id].data = []
-        customPaneState[cp.id].fetched = false
-        if (searchInput) searchInput.value = ''
-        customPaneState[cp.id].filter = ''
-        renderCustomPane(cp)
-      })
-    }
-  })
-
-  // ── Pagination ────────────────────────────────────────────────
-  var renderPagination = function (section, ps) {
-    var el = document.getElementById('ss-dash-pagination-' + section)
-    if (!el) return
-
-    var totalPages = Math.ceil(ps.total / PER_PAGE) || 1
-    if (totalPages <= 1) {
-      el.innerHTML = ''
-      return
-    }
-
-    var html =
-      '<button class="ss-dash-page-btn" data-page="prev" ' +
-      (ps.page <= 1 ? 'disabled' : '') +
-      '>&laquo; Prev</button>'
-    html += '<span class="ss-dash-page-info">Page ' + ps.page + ' of ' + totalPages + '</span>'
-    html +=
-      '<button class="ss-dash-page-btn" data-page="next" ' +
-      (ps.page >= totalPages ? 'disabled' : '') +
-      '>Next &raquo;</button>'
-
-    el.innerHTML = html
-    el.querySelectorAll('.ss-dash-page-btn').forEach(function (btn) {
-      btn.addEventListener('click', function () {
-        var dir = btn.getAttribute('data-page')
-        if (dir === 'prev' && ps.page > 1) ps.page--
-        else if (dir === 'next' && ps.page < totalPages) ps.page++
-        loadSection(section)
-      })
-    })
-  }
-
-  // ── Badge updates ─────────────────────────────────────────────
-  var updateBadge = function (section, count) {
-    var badge = root.querySelector('[data-ss-section="' + section + '"] .ss-dash-nav-badge')
-    if (badge && count != null) badge.textContent = count
-  }
-
-  // ── DOM helpers ───────────────────────────────────────────────
-  var setInner = function (id, html) {
-    var el = document.getElementById(id)
-    if (el) el.innerHTML = html
-  }
-
-  var bindDataExpand = function (containerId) {
-    var container = document.getElementById(containerId)
-    if (!container) return
-    container.querySelectorAll('.ss-dash-data-preview').forEach(function (el) {
-      el.addEventListener('click', function () {
-        var idx = el.getAttribute('data-ev-idx')
-        var pre = document.getElementById('ss-dash-evdata-' + idx)
-        if (pre) {
-          var open = pre.style.display !== 'none'
-          pre.style.display = open ? 'none' : 'block'
-          el.style.display = open ? '' : 'none'
-        }
-      })
-    })
-    container.querySelectorAll('.ss-dash-data-full').forEach(function (el) {
-      el.addEventListener('click', function () {
-        el.style.display = 'none'
-        var idx = el.id.replace('ss-dash-evdata-', '')
-        var preview = container.querySelector('[data-ev-idx="' + idx + '"]')
-        if (preview) preview.style.display = ''
-      })
-    })
-  }
-
-  // ── Auto-refresh ──────────────────────────────────────────────
-  var startRefresh = function () {
-    stopRefresh()
-    if (isLive) return // Transmit handles live updates
-    refreshTimer = setInterval(
-      function () {
-        loadSection(activeSection)
-      },
-      activeSection === 'overview' ? 5000 : 3000
-    )
-  }
-
-  var stopRefresh = function () {
-    if (refreshTimer) {
-      clearInterval(refreshTimer)
-      refreshTimer = null
-    }
-  }
-
-  // ── Transmit real-time ────────────────────────────────────────
-  var ssLog = function (msg, data) {
-    var prefix = '%c[server-stats]%c '
-    if (data !== undefined) {
-      console.log(prefix + msg, 'color:#34d399;font-weight:bold', 'color:inherit', data)
-    } else {
-      console.log(prefix + msg, 'color:#34d399;font-weight:bold', 'color:inherit')
-    }
-  }
-  var ssWarn = function (msg, data) {
-    var prefix = '[server-stats] '
-    if (data !== undefined) {
-      console.warn(prefix + msg, data)
-    } else {
-      console.warn(prefix + msg)
-    }
-  }
-
-  var setConnectionStatus = function (status) {
-    var dot = document.getElementById('ss-dash-live-dot')
-    var label = document.getElementById('ss-dash-live-label')
-    if (status === 'live') {
-      isLive = true
-      if (dot) dot.classList.add('ss-dash-connected')
-      if (label) {
-        label.textContent = 'Live'
-        label.classList.add('ss-dash-connected')
-      }
-      stopRefresh()
-    } else {
-      isLive = false
-      if (dot) dot.classList.remove('ss-dash-connected')
-      if (label) {
-        label.textContent = 'Polling'
-        label.classList.remove('ss-dash-connected')
-      }
-      startRefresh()
-    }
-  }
-
-  var initTransmit = function () {
-    ssLog('Initializing real-time connection...')
-
-    if (typeof Transmit === 'undefined' && typeof window.Transmit === 'undefined') {
-      ssWarn(
-        'Transmit client not found. The @adonisjs/transmit-client package may not be installed. Falling back to polling.'
-      )
-      startRefresh()
-      return
-    }
-
-    ssLog('Transmit client found, creating subscription...')
-
-    try {
-      var TransmitClass = typeof Transmit !== 'undefined' ? Transmit : window.Transmit
-      ssLog('TransmitClass type: ' + typeof TransmitClass)
-
-      // onSubscription and onReconnectFailed are constructor options, NOT subscription methods
-      var transmit = new TransmitClass({
-        baseUrl: window.location.origin,
-        onSubscription: function (channel) {
-          ssLog('Subscription active on channel: ' + channel + ' — switched to live mode')
-          setConnectionStatus('live')
-        },
-        onReconnectAttempt: function (attempt) {
-          ssLog('Reconnect attempt #' + attempt)
-        },
-        onReconnectFailed: function () {
-          ssWarn('Transmit reconnection failed — falling back to polling')
-          setConnectionStatus('polling')
-        },
-        onSubscribeFailed: function (channel) {
-          ssWarn('Subscribe failed for channel: ' + channel + ' — falling back to polling')
-          setConnectionStatus('polling')
-        },
-      })
-
-      transmitSub = transmit.subscription('server-stats/dashboard')
-      ssLog('Subscription instance created')
-
-      // Start polling while we wait for subscription to connect
-      startRefresh()
-
-      transmitSub.onMessage(function (message) {
-        try {
-          var event = typeof message === 'string' ? JSON.parse(message) : message
-          var kind = event.type || (event.avgResponseTime !== undefined ? 'overview' : 'unknown')
-          ssLog('Live event received: ' + kind)
-          handleLiveEvent(event)
-        } catch (e) {
-          /* ignore */
-        }
-      })
-
-      ssLog('Calling transmitSub.create()...')
-      var createResult = transmitSub.create()
-      if (createResult && typeof createResult.then === 'function') {
-        createResult
-          .then(function () {
-            ssLog('transmitSub.create() resolved — subscription is active')
-          })
-          .catch(function (err) {
-            ssWarn('transmitSub.create() rejected:', err && err.message ? err.message : err)
-            setConnectionStatus('polling')
-          })
-      }
-    } catch (e) {
-      ssWarn('Transmit init error:', e && e.message ? e.message : e)
-      startRefresh()
-    }
-  }
-
-  var handleLiveEvent = function (event) {
-    // Detect overview data broadcast (has avgResponseTime but no type)
-    if (event && typeof event.avgResponseTime === 'number') {
-      if (activeSection === 'overview') {
-        renderOverview(event, null)
-      }
-      return
-    }
-
-    // Typed events for specific sections
-    var type = event.type
-    var sectionMap = {
-      request: 'requests',
-      query: 'queries',
-      event: 'events',
-      log: 'logs',
-      email: 'emails',
-      trace: 'timeline',
-    }
-    var section = sectionMap[type]
-
-    if (activeSection === 'overview') {
-      fetchOverview()
-      return
-    }
-    if (section && section === activeSection) {
-      loadSection(activeSection)
-    }
-  }
-
-  // ── Hash-based routing ────────────────────────────────────────
-  var parseHash = function () {
-    var hash = location.hash.replace('#', '')
-    var parts = hash.split('?')
-    var section = parts[0] || 'overview'
-    var params = {}
-    if (parts[1]) {
-      parts[1].split('&').forEach(function (p) {
-        var kv = p.split('=')
-        params[decodeURIComponent(kv[0])] = decodeURIComponent(kv[1] || '')
-      })
-    }
-    return { section: section, params: params }
-  }
-
-  var applyRouteParams = function (route) {
-    var section = route.section
-    if (route.params.requestId && section === 'logs') {
-      logReqIdFilter = route.params.requestId
-      var input = document.getElementById('ss-dash-log-reqid-input')
-      if (input) input.value = logReqIdFilter
-    }
-    if (route.params.level && section === 'logs') {
-      logDeepLevelFilter = route.params.level
-    }
-    if (route.params.url && section === 'requests') {
-      requestUrlFilter = route.params.url
-    }
-    if (route.params.status && section === 'requests') {
-      requestStatusFilter = route.params.status
-    }
-    if (route.params.status && section === 'emails') {
-      emailStatusFilter = route.params.status
-    }
-    if (route.params.event_name && section === 'events') {
-      eventNameFilter = route.params.event_name
-    }
-    if (route.params.status && section === 'jobs') {
-      jobStatusFilter = route.params.status
-    }
-  }
-
-  var initRoute = function () {
-    var route = parseHash()
-    var section = route.section
-
-    // Validate section exists
-    var valid = [
-      'overview',
-      'requests',
-      'queries',
-      'events',
-      'routes',
-      'logs',
-      'emails',
-      'timeline',
-      'cache',
-      'jobs',
-      'config',
-    ]
-    customPanes.forEach(function (cp) {
-      valid.push(cp.id)
-    })
-    if (valid.indexOf(section) === -1) section = 'overview'
-
-    // Apply deep link params
-    applyRouteParams({ section: section, params: route.params })
-
-    // Switch to section
-    activeSection = section
-    navItems.forEach(function (item) {
-      item.classList.toggle('ss-dash-active', item.getAttribute('data-ss-section') === section)
-    })
-    root.querySelectorAll('.ss-dash-pane').forEach(function (p) {
-      p.classList.toggle('ss-dash-active', p.id === 'ss-dash-pane-' + section)
-    })
-
-    loadSection(section)
-  }
-
-  window.addEventListener('hashchange', function () {
-    var route = parseHash()
-    if (route.section !== activeSection) {
-      applyRouteParams(route)
-      switchSection(route.section)
-    } else if (Object.keys(route.params).length > 0) {
-      applyRouteParams(route)
-      loadSection(activeSection)
-    }
-  })
-
-  // ── Init ──────────────────────────────────────────────────────
-  initRoute()
-  initTransmit()
-})()
+(function(){"use strict";var ye,A,et,le,tt,st,nt,rt,Re,De,Oe,ge={},be=[],gs=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i,ue=Array.isArray;function Z(e,s){for(var n in s)e[n]=s[n];return e}function Fe(e){e&&e.parentNode&&e.parentNode.removeChild(e)}function we(e,s,n){var r,o,a,l={};for(a in s)a=="key"?r=s[a]:a=="ref"?o=s[a]:l[a]=s[a];if(arguments.length>2&&(l.children=arguments.length>3?ye.call(arguments,2):n),typeof e=="function"&&e.defaultProps!=null)for(a in e.defaultProps)l[a]===void 0&&(l[a]=e.defaultProps[a]);return Ne(e,l,r,o,null)}function Ne(e,s,n,r,o){var a={type:e,props:s,key:n,ref:r,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:o??++et,__i:-1,__u:0};return o==null&&A.vnode!=null&&A.vnode(a),a}function D(e){return e.children}function ee(e,s){this.props=e,this.context=s}function de(e,s){if(s==null)return e.__?de(e.__,e.__i+1):null;for(var n;s<e.__k.length;s++)if((n=e.__k[s])!=null&&n.__e!=null)return n.__e;return typeof e.type=="function"?de(e):null}function bs(e){if(e.__P&&e.__d){var s=e.__v,n=s.__e,r=[],o=[],a=Z({},s);a.__v=s.__v+1,A.vnode&&A.vnode(a),je(e.__P,a,s,e.__n,e.__P.namespaceURI,32&s.__u?[n]:null,r,n??de(s),!!(32&s.__u),o),a.__v=s.__v,a.__.__k[a.__i]=a,ht(r,a,o),s.__e=s.__=null,a.__e!=n&&at(a)}}function at(e){if((e=e.__)!=null&&e.__c!=null)return e.__e=e.__c.base=null,e.__k.some(function(s){if(s!=null&&s.__e!=null)return e.__e=e.__c.base=s.__e}),at(e)}function lt(e){(!e.__d&&(e.__d=!0)&&le.push(e)&&!xe.__r++||tt!=A.debounceRendering)&&((tt=A.debounceRendering)||st)(xe)}function xe(){for(var e,s=1;le.length;)le.length>s&&le.sort(nt),e=le.shift(),s=le.length,bs(e);xe.__r=0}function it(e,s,n,r,o,a,l,i,d,c,p){var h,y,f,_,g,S,k,w=r&&r.__k||be,u=s.length;for(d=ws(n,s,w,d,u),h=0;h<u;h++)(f=n.__k[h])!=null&&(y=f.__i!=-1&&w[f.__i]||ge,f.__i=h,S=je(e,f,y,o,a,l,i,d,c,p),_=f.__e,f.ref&&y.ref!=f.ref&&(y.ref&&Be(y.ref,null,f),p.push(f.ref,f.__c||_,f)),g==null&&_!=null&&(g=_),(k=!!(4&f.__u))||y.__k===f.__k?d=ot(f,d,e,k):typeof f.type=="function"&&S!==void 0?d=S:_&&(d=_.nextSibling),f.__u&=-7);return n.__e=g,d}function ws(e,s,n,r,o){var a,l,i,d,c,p=n.length,h=p,y=0;for(e.__k=new Array(o),a=0;a<o;a++)(l=s[a])!=null&&typeof l!="boolean"&&typeof l!="function"?(typeof l=="string"||typeof l=="number"||typeof l=="bigint"||l.constructor==String?l=e.__k[a]=Ne(null,l,null,null,null):ue(l)?l=e.__k[a]=Ne(D,{children:l},null,null,null):l.constructor===void 0&&l.__b>0?l=e.__k[a]=Ne(l.type,l.props,l.key,l.ref?l.ref:null,l.__v):e.__k[a]=l,d=a+y,l.__=e,l.__b=e.__b+1,i=null,(c=l.__i=Ns(l,n,d,h))!=-1&&(h--,(i=n[c])&&(i.__u|=2)),i==null||i.__v==null?(c==-1&&(o>p?y--:o<p&&y++),typeof l.type!="function"&&(l.__u|=4)):c!=d&&(c==d-1?y--:c==d+1?y++:(c>d?y--:y++,l.__u|=4))):e.__k[a]=null;if(h)for(a=0;a<p;a++)(i=n[a])!=null&&(2&i.__u)==0&&(i.__e==r&&(r=de(i)),pt(i,i));return r}function ot(e,s,n,r){var o,a;if(typeof e.type=="function"){for(o=e.__k,a=0;o&&a<o.length;a++)o[a]&&(o[a].__=e,s=ot(o[a],s,n,r));return s}e.__e!=s&&(r&&(s&&e.type&&!s.parentNode&&(s=de(e)),n.insertBefore(e.__e,s||null)),s=e.__e);do s=s&&s.nextSibling;while(s!=null&&s.nodeType==8);return s}function ke(e,s){return s=s||[],e==null||typeof e=="boolean"||(ue(e)?e.some(function(n){ke(n,s)}):s.push(e)),s}function Ns(e,s,n,r){var o,a,l,i=e.key,d=e.type,c=s[n],p=c!=null&&(2&c.__u)==0;if(c===null&&i==null||p&&i==c.key&&d==c.type)return n;if(r>(p?1:0)){for(o=n-1,a=n+1;o>=0||a<s.length;)if((c=s[l=o>=0?o--:a++])!=null&&(2&c.__u)==0&&i==c.key&&d==c.type)return l}return-1}function ct(e,s,n){s[0]=="-"?e.setProperty(s,n??""):e[s]=n==null?"":typeof n!="number"||gs.test(s)?n:n+"px"}function Se(e,s,n,r,o){var a,l;e:if(s=="style")if(typeof n=="string")e.style.cssText=n;else{if(typeof r=="string"&&(e.style.cssText=r=""),r)for(s in r)n&&s in n||ct(e.style,s,"");if(n)for(s in n)r&&n[s]==r[s]||ct(e.style,s,n[s])}else if(s[0]=="o"&&s[1]=="n")a=s!=(s=s.replace(rt,"$1")),l=s.toLowerCase(),s=l in e||s=="onFocusOut"||s=="onFocusIn"?l.slice(2):s.slice(2),e.l||(e.l={}),e.l[s+a]=n,n?r?n.u=r.u:(n.u=Re,e.addEventListener(s,a?Oe:De,a)):e.removeEventListener(s,a?Oe:De,a);else{if(o=="http://www.w3.org/2000/svg")s=s.replace(/xlink(H|:h)/,"h").replace(/sName$/,"s");else if(s!="width"&&s!="height"&&s!="href"&&s!="list"&&s!="form"&&s!="tabIndex"&&s!="download"&&s!="rowSpan"&&s!="colSpan"&&s!="role"&&s!="popover"&&s in e)try{e[s]=n??"";break e}catch{}typeof n=="function"||(n==null||n===!1&&s[4]!="-"?e.removeAttribute(s):e.setAttribute(s,s=="popover"&&n==1?"":n))}}function dt(e){return function(s){if(this.l){var n=this.l[s.type+e];if(s.t==null)s.t=Re++;else if(s.t<n.u)return;return n(A.event?A.event(s):s)}}}function je(e,s,n,r,o,a,l,i,d,c){var p,h,y,f,_,g,S,k,w,u,N,b,L,M,q,O=s.type;if(s.constructor!==void 0)return null;128&n.__u&&(d=!!(32&n.__u),a=[i=s.__e=n.__e]),(p=A.__b)&&p(s);e:if(typeof O=="function")try{if(k=s.props,w="prototype"in O&&O.prototype.render,u=(p=O.contextType)&&r[p.__c],N=p?u?u.props.value:p.__:r,n.__c?S=(h=s.__c=n.__c).__=h.__E:(w?s.__c=h=new O(k,N):(s.__c=h=new ee(k,N),h.constructor=O,h.render=ks),u&&u.sub(h),h.state||(h.state={}),h.__n=r,y=h.__d=!0,h.__h=[],h._sb=[]),w&&h.__s==null&&(h.__s=h.state),w&&O.getDerivedStateFromProps!=null&&(h.__s==h.state&&(h.__s=Z({},h.__s)),Z(h.__s,O.getDerivedStateFromProps(k,h.__s))),f=h.props,_=h.state,h.__v=s,y)w&&O.getDerivedStateFromProps==null&&h.componentWillMount!=null&&h.componentWillMount(),w&&h.componentDidMount!=null&&h.__h.push(h.componentDidMount);else{if(w&&O.getDerivedStateFromProps==null&&k!==f&&h.componentWillReceiveProps!=null&&h.componentWillReceiveProps(k,N),s.__v==n.__v||!h.__e&&h.shouldComponentUpdate!=null&&h.shouldComponentUpdate(k,h.__s,N)===!1){s.__v!=n.__v&&(h.props=k,h.state=h.__s,h.__d=!1),s.__e=n.__e,s.__k=n.__k,s.__k.some(function(U){U&&(U.__=s)}),be.push.apply(h.__h,h._sb),h._sb=[],h.__h.length&&l.push(h);break e}h.componentWillUpdate!=null&&h.componentWillUpdate(k,h.__s,N),w&&h.componentDidUpdate!=null&&h.__h.push(function(){h.componentDidUpdate(f,_,g)})}if(h.context=N,h.props=k,h.__P=e,h.__e=!1,b=A.__r,L=0,w)h.state=h.__s,h.__d=!1,b&&b(s),p=h.render(h.props,h.state,h.context),be.push.apply(h.__h,h._sb),h._sb=[];else do h.__d=!1,b&&b(s),p=h.render(h.props,h.state,h.context),h.state=h.__s;while(h.__d&&++L<25);h.state=h.__s,h.getChildContext!=null&&(r=Z(Z({},r),h.getChildContext())),w&&!y&&h.getSnapshotBeforeUpdate!=null&&(g=h.getSnapshotBeforeUpdate(f,_)),M=p!=null&&p.type===D&&p.key==null?ut(p.props.children):p,i=it(e,ue(M)?M:[M],s,n,r,o,a,l,i,d,c),h.base=s.__e,s.__u&=-161,h.__h.length&&l.push(h),S&&(h.__E=h.__=null)}catch(U){if(s.__v=null,d||a!=null)if(U.then){for(s.__u|=d?160:128;i&&i.nodeType==8&&i.nextSibling;)i=i.nextSibling;a[a.indexOf(i)]=null,s.__e=i}else{for(q=a.length;q--;)Fe(a[q]);Ie(s)}else s.__e=n.__e,s.__k=n.__k,U.then||Ie(s);A.__e(U,s,n)}else a==null&&s.__v==n.__v?(s.__k=n.__k,s.__e=n.__e):i=s.__e=xs(n.__e,s,n,r,o,a,l,d,c);return(p=A.diffed)&&p(s),128&s.__u?void 0:i}function Ie(e){e&&(e.__c&&(e.__c.__e=!0),e.__k&&e.__k.some(Ie))}function ht(e,s,n){for(var r=0;r<n.length;r++)Be(n[r],n[++r],n[++r]);A.__c&&A.__c(s,e),e.some(function(o){try{e=o.__h,o.__h=[],e.some(function(a){a.call(o)})}catch(a){A.__e(a,o.__v)}})}function ut(e){return typeof e!="object"||e==null||e.__b>0?e:ue(e)?e.map(ut):Z({},e)}function xs(e,s,n,r,o,a,l,i,d){var c,p,h,y,f,_,g,S=n.props||ge,k=s.props,w=s.type;if(w=="svg"?o="http://www.w3.org/2000/svg":w=="math"?o="http://www.w3.org/1998/Math/MathML":o||(o="http://www.w3.org/1999/xhtml"),a!=null){for(c=0;c<a.length;c++)if((f=a[c])&&"setAttribute"in f==!!w&&(w?f.localName==w:f.nodeType==3)){e=f,a[c]=null;break}}if(e==null){if(w==null)return document.createTextNode(k);e=document.createElementNS(o,w,k.is&&k),i&&(A.__m&&A.__m(s,a),i=!1),a=null}if(w==null)S===k||i&&e.data==k||(e.data=k);else{if(a=a&&ye.call(e.childNodes),!i&&a!=null)for(S={},c=0;c<e.attributes.length;c++)S[(f=e.attributes[c]).name]=f.value;for(c in S)f=S[c],c=="dangerouslySetInnerHTML"?h=f:c=="children"||c in k||c=="value"&&"defaultValue"in k||c=="checked"&&"defaultChecked"in k||Se(e,c,null,f,o);for(c in k)f=k[c],c=="children"?y=f:c=="dangerouslySetInnerHTML"?p=f:c=="value"?_=f:c=="checked"?g=f:i&&typeof f!="function"||S[c]===f||Se(e,c,f,S[c],o);if(p)i||h&&(p.__html==h.__html||p.__html==e.innerHTML)||(e.innerHTML=p.__html),s.__k=[];else if(h&&(e.innerHTML=""),it(s.type=="template"?e.content:e,ue(y)?y:[y],s,n,r,w=="foreignObject"?"http://www.w3.org/1999/xhtml":o,a,l,a?a[0]:n.__k&&de(n,0),i,d),a!=null)for(c=a.length;c--;)Fe(a[c]);i||(c="value",w=="progress"&&_==null?e.removeAttribute("value"):_!=null&&(_!==e[c]||w=="progress"&&!_||w=="option"&&_!=S[c])&&Se(e,c,_,S[c],o),c="checked",g!=null&&g!=e[c]&&Se(e,c,g,S[c],o))}return e}function Be(e,s,n){try{if(typeof e=="function"){var r=typeof e.__u=="function";r&&e.__u(),r&&s==null||(e.__u=e(s))}else e.current=s}catch(o){A.__e(o,n)}}function pt(e,s,n){var r,o;if(A.unmount&&A.unmount(e),(r=e.ref)&&(r.current&&r.current!=e.__e||Be(r,null,s)),(r=e.__c)!=null){if(r.componentWillUnmount)try{r.componentWillUnmount()}catch(a){A.__e(a,s)}r.base=r.__P=null}if(r=e.__k)for(o=0;o<r.length;o++)r[o]&&pt(r[o],s,n||typeof e.type!="function");n||Fe(e.__e),e.__c=e.__=e.__e=void 0}function ks(e,s,n){return this.constructor(e,n)}function Ss(e,s,n){var r,o,a,l;s==document&&(s=document.documentElement),A.__&&A.__(e,s),o=(r=!1)?null:s.__k,a=[],l=[],je(s,e=s.__k=we(D,null,[e]),o||ge,ge,s.namespaceURI,o?null:s.firstChild?ye.call(s.childNodes):null,a,o?o.__e:s.firstChild,r,l),ht(a,e,l)}ye=be.slice,A={__e:function(e,s,n,r){for(var o,a,l;s=s.__;)if((o=s.__c)&&!o.__)try{if((a=o.constructor)&&a.getDerivedStateFromError!=null&&(o.setState(a.getDerivedStateFromError(e)),l=o.__d),o.componentDidCatch!=null&&(o.componentDidCatch(e,r||{}),l=o.__d),l)return o.__E=o}catch(i){e=i}throw e}},et=0,ee.prototype.setState=function(e,s){var n;n=this.__s!=null&&this.__s!=this.state?this.__s:this.__s=Z({},this.state),typeof e=="function"&&(e=e(Z({},n),this.props)),e&&Z(n,e),e!=null&&this.__v&&(s&&this._sb.push(s),lt(this))},ee.prototype.forceUpdate=function(e){this.__v&&(this.__e=!0,e&&this.__h.push(e),lt(this))},ee.prototype.render=D,le=[],st=typeof Promise=="function"?Promise.prototype.then.bind(Promise.resolve()):setTimeout,nt=function(e,s){return e.__v.__b-s.__v.__b},xe.__r=0,rt=/(PointerCapture)$|Capture$/i,Re=0,De=dt(!1),Oe=dt(!0);var $s=0;function t(e,s,n,r,o,a){s||(s={});var l,i,d=s;if("ref"in d)for(i in d={},s)i=="ref"?l=s[i]:d[i]=s[i];var c={type:e,props:d,key:n,ref:l,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:--$s,__i:-1,__u:0,__source:o,__self:a};if(typeof e=="function"&&(l=e.defaultProps))for(i in l)d[i]===void 0&&(d[i]=l[i]);return A.vnode&&A.vnode(c),c}var pe,I,Ue,ft,fe=0,mt=[],B=A,_t=B.__b,vt=B.__r,yt=B.diffed,gt=B.__c,bt=B.unmount,wt=B.__;function ze(e,s){B.__h&&B.__h(I,e,fe||s),fe=0;var n=I.__H||(I.__H={__:[],__h:[]});return e>=n.__.length&&n.__.push({}),n.__[e]}function x(e){return fe=1,Cs(kt,e)}function Cs(e,s,n){var r=ze(pe++,2);if(r.t=e,!r.__c&&(r.__=[n?n(s):kt(void 0,s),function(i){var d=r.__N?r.__N[0]:r.__[0],c=r.t(d,i);d!==c&&(r.__N=[c,r.__[1]],r.__c.setState({}))}],r.__c=I,!I.__f)){var o=function(i,d,c){if(!r.__c.__H)return!0;var p=r.__c.__H.__.filter(function(y){return y.__c});if(p.every(function(y){return!y.__N}))return!a||a.call(this,i,d,c);var h=r.__c.props!==i;return p.some(function(y){if(y.__N){var f=y.__[0];y.__=y.__N,y.__N=void 0,f!==y.__[0]&&(h=!0)}}),a&&a.call(this,i,d,c)||h};I.__f=!0;var a=I.shouldComponentUpdate,l=I.componentWillUpdate;I.componentWillUpdate=function(i,d,c){if(this.__e){var p=a;a=void 0,o(i,d,c),a=p}l&&l.call(this,i,d,c)},I.shouldComponentUpdate=o}return r.__N||r.__}function H(e,s){var n=ze(pe++,3);!B.__s&&xt(n.__H,s)&&(n.__=e,n.u=s,I.__H.__h.push(n))}function V(e){return fe=5,z(function(){return{current:e}},[])}function z(e,s){var n=ze(pe++,7);return xt(n.__H,s)&&(n.__=e(),n.__H=s,n.__h=e),n.__}function P(e,s){return fe=8,z(function(){return e},s)}function Ts(){for(var e;e=mt.shift();){var s=e.__H;if(e.__P&&s)try{s.__h.some($e),s.__h.some(He),s.__h=[]}catch(n){s.__h=[],B.__e(n,e.__v)}}}B.__b=function(e){I=null,_t&&_t(e)},B.__=function(e,s){e&&s.__k&&s.__k.__m&&(e.__m=s.__k.__m),wt&&wt(e,s)},B.__r=function(e){vt&&vt(e),pe=0;var s=(I=e.__c).__H;s&&(Ue===I?(s.__h=[],I.__h=[],s.__.some(function(n){n.__N&&(n.__=n.__N),n.u=n.__N=void 0})):(s.__h.some($e),s.__h.some(He),s.__h=[],pe=0)),Ue=I},B.diffed=function(e){yt&&yt(e);var s=e.__c;s&&s.__H&&(s.__H.__h.length&&(mt.push(s)!==1&&ft===B.requestAnimationFrame||((ft=B.requestAnimationFrame)||Ls)(Ts)),s.__H.__.some(function(n){n.u&&(n.__H=n.u),n.u=void 0})),Ue=I=null},B.__c=function(e,s){s.some(function(n){try{n.__h.some($e),n.__h=n.__h.filter(function(r){return!r.__||He(r)})}catch(r){s.some(function(o){o.__h&&(o.__h=[])}),s=[],B.__e(r,n.__v)}}),gt&&gt(e,s)},B.unmount=function(e){bt&&bt(e);var s,n=e.__c;n&&n.__H&&(n.__H.__.some(function(r){try{$e(r)}catch(o){s=o}}),n.__H=void 0,s&&B.__e(s,n.__v))};var Nt=typeof requestAnimationFrame=="function";function Ls(e){var s,n=function(){clearTimeout(r),Nt&&cancelAnimationFrame(s),setTimeout(e)},r=setTimeout(n,35);Nt&&(s=requestAnimationFrame(n))}function $e(e){var s=I,n=e.__c;typeof n=="function"&&(e.__c=void 0,n()),I=s}function He(e){var s=I;e.__c=e.__(),I=s}function xt(e,s){return!e||e.length!==s.length||s.some(function(n,r){return n!==e[r]})}function kt(e,s){return typeof s=="function"?s(e):s}function Es(e,s){for(var n in s)e[n]=s[n];return e}function St(e,s){for(var n in e)if(n!=="__source"&&!(n in s))return!0;for(var r in s)if(r!=="__source"&&e[r]!==s[r])return!0;return!1}function $t(e,s){this.props=e,this.context=s}($t.prototype=new ee).isPureReactComponent=!0,$t.prototype.shouldComponentUpdate=function(e,s){return St(this.props,e)||St(this.state,s)};var Ct=A.__b;A.__b=function(e){e.type&&e.type.__f&&e.ref&&(e.props.ref=e.ref,e.ref=null),Ct&&Ct(e)};var As=A.__e;A.__e=function(e,s,n,r){if(e.then){for(var o,a=s;a=a.__;)if((o=a.__c)&&o.__c)return s.__e==null&&(s.__e=n.__e,s.__k=n.__k),o.__c(e,s)}As(e,s,n,r)};var Tt=A.unmount;function Lt(e,s,n){return e&&(e.__c&&e.__c.__H&&(e.__c.__H.__.forEach(function(r){typeof r.__c=="function"&&r.__c()}),e.__c.__H=null),(e=Es({},e)).__c!=null&&(e.__c.__P===n&&(e.__c.__P=s),e.__c.__e=!0,e.__c=null),e.__k=e.__k&&e.__k.map(function(r){return Lt(r,s,n)})),e}function Et(e,s,n){return e&&n&&(e.__v=null,e.__k=e.__k&&e.__k.map(function(r){return Et(r,s,n)}),e.__c&&e.__c.__P===s&&(e.__e&&n.appendChild(e.__e),e.__c.__e=!0,e.__c.__P=n)),e}function Ce(){this.__u=0,this.o=null,this.__b=null}function At(e){if(!e.__)return null;var s=e.__.__c;return s&&s.__a&&s.__a(e)}function Q(e){var s,n,r,o=null;function a(l){if(s||(s=e()).then(function(i){i&&(o=i.default||i),r=!0},function(i){n=i,r=!0}),n)throw n;if(!r)throw s;return o?we(o,l):null}return a.displayName="Lazy",a.__f=!0,a}function Te(){this.i=null,this.l=null}A.unmount=function(e){var s=e.__c;s&&(s.__z=!0),s&&s.__R&&s.__R(),s&&32&e.__u&&(e.type=null),Tt&&Tt(e)},(Ce.prototype=new ee).__c=function(e,s){var n=s.__c,r=this;r.o==null&&(r.o=[]),r.o.push(n);var o=At(r.__v),a=!1,l=function(){a||r.__z||(a=!0,n.__R=null,o?o(d):d())};n.__R=l;var i=n.__P;n.__P=null;var d=function(){if(!--r.__u){if(r.state.__a){var c=r.state.__a;r.__v.__k[0]=Et(c,c.__c.__P,c.__c.__O)}var p;for(r.setState({__a:r.__b=null});p=r.o.pop();)p.__P=i,p.forceUpdate()}};r.__u++||32&s.__u||r.setState({__a:r.__b=r.__v.__k[0]}),e.then(l,l)},Ce.prototype.componentWillUnmount=function(){this.o=[]},Ce.prototype.render=function(e,s){if(this.__b){if(this.__v.__k){var n=document.createElement("div"),r=this.__v.__k[0].__c;this.__v.__k[0]=Lt(this.__b,n,r.__O=r.__P)}this.__b=null}var o=s.__a&&we(D,null,e.fallback);return o&&(o.__u&=-33),[we(D,null,s.__a?null:e.children),o]};var Pt=function(e,s,n){if(++n[1]===n[0]&&e.l.delete(s),e.props.revealOrder&&(e.props.revealOrder[0]!=="t"||!e.l.size))for(n=e.i;n;){for(;n.length>3;)n.pop()();if(n[1]<n[0])break;e.i=n=n[2]}};(Te.prototype=new ee).__a=function(e){var s=this,n=At(s.__v),r=s.l.get(e);return r[0]++,function(o){var a=function(){s.props.revealOrder?(r.push(o),Pt(s,e,r)):o()};n?n(a):a()}},Te.prototype.render=function(e){this.i=null,this.l=new Map;var s=ke(e.children);e.revealOrder&&e.revealOrder[0]==="b"&&s.reverse();for(var n=s.length;n--;)this.l.set(s[n],this.i=[1,0,this.i]);return e.children},Te.prototype.componentDidUpdate=Te.prototype.componentDidMount=function(){var e=this;this.l.forEach(function(s,n){Pt(e,n,s)})};var Ps=typeof Symbol<"u"&&Symbol.for&&Symbol.for("react.element")||60103,Ms=/^(?:accent|alignment|arabic|baseline|cap|clip(?!PathU)|color|dominant|fill|flood|font|glyph(?!R)|horiz|image(!S)|letter|lighting|marker(?!H|W|U)|overline|paint|pointer|shape|stop|strikethrough|stroke|text(?!L)|transform|underline|unicode|units|v|vector|vert|word|writing|x(?!C))[A-Z]/,qs=/^on(Ani|Tra|Tou|BeforeInp|Compo)/,Rs=/[A-Z0-9]/g,Ds=typeof document<"u",Os=function(e){return(typeof Symbol<"u"&&typeof Symbol()=="symbol"?/fil|che|rad/:/fil|che|ra/).test(e)};ee.prototype.isReactComponent={},["componentWillMount","componentWillReceiveProps","componentWillUpdate"].forEach(function(e){Object.defineProperty(ee.prototype,e,{configurable:!0,get:function(){return this["UNSAFE_"+e]},set:function(s){Object.defineProperty(this,e,{configurable:!0,writable:!0,value:s})}})});var Mt=A.event;function Fs(){}function js(){return this.cancelBubble}function Is(){return this.defaultPrevented}A.event=function(e){return Mt&&(e=Mt(e)),e.persist=Fs,e.isPropagationStopped=js,e.isDefaultPrevented=Is,e.nativeEvent=e};var Bs={enumerable:!1,configurable:!0,get:function(){return this.class}},qt=A.vnode;A.vnode=function(e){typeof e.type=="string"&&(function(s){var n=s.props,r=s.type,o={},a=r.indexOf("-")===-1;for(var l in n){var i=n[l];if(!(l==="value"&&"defaultValue"in n&&i==null||Ds&&l==="children"&&r==="noscript"||l==="class"||l==="className")){var d=l.toLowerCase();l==="defaultValue"&&"value"in n&&n.value==null?l="value":l==="download"&&i===!0?i="":d==="translate"&&i==="no"?i=!1:d[0]==="o"&&d[1]==="n"?d==="ondoubleclick"?l="ondblclick":d!=="onchange"||r!=="input"&&r!=="textarea"||Os(n.type)?d==="onfocus"?l="onfocusin":d==="onblur"?l="onfocusout":qs.test(l)&&(l=d):d=l="oninput":a&&Ms.test(l)?l=l.replace(Rs,"-$&").toLowerCase():i===null&&(i=void 0),d==="oninput"&&o[l=d]&&(l="oninputCapture"),o[l]=i}}r=="select"&&o.multiple&&Array.isArray(o.value)&&(o.value=ke(n.children).forEach(function(c){c.props.selected=o.value.indexOf(c.props.value)!=-1})),r=="select"&&o.defaultValue!=null&&(o.value=ke(n.children).forEach(function(c){c.props.selected=o.multiple?o.defaultValue.indexOf(c.props.value)!=-1:o.defaultValue==c.props.value})),n.class&&!n.className?(o.class=n.class,Object.defineProperty(o,"className",Bs)):n.className&&(o.class=o.className=n.className),s.props=o})(e),e.$$typeof=Ps,qt&&qt(e)};var Rt=A.__r;A.__r=function(e){Rt&&Rt(e),e.__c};var Dt=A.diffed;A.diffed=function(e){Dt&&Dt(e);var s=e.props,n=e.__e;n!=null&&e.type==="textarea"&&"value"in s&&s.value!==n.value&&(n.value=s.value==null?"":s.value)};var Us={Fragment:D};const F={queries:{viewBox:"0 0 24 24",elements:['<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"/>']},events:{viewBox:"0 0 24 24",elements:['<polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"/>']},emails:{viewBox:"0 0 24 24",elements:['<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"/>','<polyline points="22,6 12,13 2,6"/>']},routes:{viewBox:"0 0 24 24",elements:['<circle cx="12" cy="12" r="10"/>','<line x1="2" y1="12" x2="22" y2="12"/>','<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"/>']},logs:{viewBox:"0 0 24 24",elements:['<line x1="8" y1="6" x2="21" y2="6"/>','<line x1="8" y1="12" x2="21" y2="12"/>','<line x1="8" y1="18" x2="21" y2="18"/>','<line x1="3" y1="6" x2="3.01" y2="6"/>','<line x1="3" y1="12" x2="3.01" y2="12"/>','<line x1="3" y1="18" x2="3.01" y2="18"/>']},timeline:{viewBox:"0 0 24 24",elements:['<polyline points="22 12 18 12 15 21 9 3 6 12 2 12"/>']},cache:{viewBox:"0 0 24 24",elements:['<rect x="2" y="2" width="20" height="8" rx="2" ry="2"/>','<rect x="2" y="14" width="20" height="8" rx="2" ry="2"/>','<line x1="6" y1="6" x2="6.01" y2="6"/>','<line x1="6" y1="18" x2="6.01" y2="18"/>']},jobs:{viewBox:"0 0 24 24",elements:['<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"/>']},config:{viewBox:"0 0 24 24",elements:['<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 19.4 9a1.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"/>']},internals:{viewBox:"0 0 24 24",elements:['<rect x="4" y="4" width="16" height="16" rx="2"/>','<rect x="9" y="9" width="6" height="6"/>','<line x1="9" y1="1" x2="9" y2="4"/>','<line x1="15" y1="1" x2="15" y2="4"/>','<line x1="9" y1="20" x2="9" y2="23"/>','<line x1="15" y1="20" x2="15" y2="23"/>','<line x1="20" y1="9" x2="23" y2="9"/>','<line x1="20" y1="14" x2="23" y2="14"/>','<line x1="1" y1="9" x2="4" y2="9"/>','<line x1="1" y1="14" x2="4" y2="14"/>']},overview:{viewBox:"0 0 24 24",elements:['<rect x="3" y="3" width="7" height="7"/>','<rect x="14" y="3" width="7" height="7"/>','<rect x="14" y="14" width="7" height="7"/>','<rect x="3" y="14" width="7" height="7"/>']},requests:{viewBox:"0 0 24 24",elements:['<polyline points="22 12 18 12 15 21 9 3 6 12 2 12"/>']},"dashboard-timeline":{viewBox:"0 0 24 24",elements:['<circle cx="12" cy="12" r="10"/>','<polyline points="12 6 12 12 16 14"/>']},"custom-pane":{viewBox:"0 0 24 24",elements:['<rect x="3" y="3" width="18" height="18" rx="2"/>','<path d="M9 3v18"/>']},wrench:{viewBox:"0 0 24 24",elements:['<path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"/>']},"external-link":{viewBox:"0 0 24 24",elements:['<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"/>']},sun:{viewBox:"0 0 24 24",elements:['<circle cx="12" cy="12" r="5"/>','<line x1="12" y1="1" x2="12" y2="3"/>','<line x1="12" y1="21" x2="12" y2="23"/>','<line x1="4.22" y1="4.22" x2="5.64" y2="5.64"/>','<line x1="18.36" y1="18.36" x2="19.78" y2="19.78"/>','<line x1="1" y1="12" x2="3" y2="12"/>','<line x1="21" y1="12" x2="23" y2="12"/>','<line x1="4.22" y1="19.78" x2="5.64" y2="18.36"/>','<line x1="18.36" y1="5.64" x2="19.78" y2="4.22"/>']},moon:{viewBox:"0 0 24 24",elements:['<path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/>']},search:{viewBox:"0 0 24 24",elements:['<circle cx="11" cy="11" r="8"/>','<line x1="21" y1="21" x2="16.65" y2="16.65"/>']},eye:{viewBox:"0 0 24 24",elements:['<path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/>','<circle cx="12" cy="12" r="3"/>']},"eye-off":{viewBox:"0 0 24 24",elements:['<path d="M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94"/>','<path d="M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19"/>','<line x1="1" y1="1" x2="23" y2="23"/>','<path d="M14.12 14.12a3 3 0 1 1-4.24-4.24"/>']},"chevron-right":{viewBox:"0 0 24 24",elements:['<path d="M9 18l6-6-6-6"/>']},"chevron-left":{viewBox:"0 0 24 24",elements:['<path d="M15 18l-6-6 6-6"/>']},"open-external":{viewBox:"0 0 16 16",elements:['<path d="M6 3H3v10h10v-3M9 1h6v6M7 9L15 1"/>']}};async function zs(){if(typeof window<"u"&&window.Transmit&&typeof window.Transmit=="function")return window.Transmit;try{const e=await import("@adonisjs/transmit-client");return e.Transmit??e.default??null}catch{return null}}function Hs(e){let s=null,n=null,r=!1;return{subscribe:async()=>{try{const l=await zs();if(!l)throw new Error("Transmit client not available (neither window.Transmit nor @adonisjs/transmit-client)");if(r)return;s=new l({baseUrl:e.baseUrl||window.location.origin,...e.authToken?{beforeSubscribe(i){return{headers:{Authorization:`Bearer ${e.authToken}`}}},beforeUnsubscribe(i){return{headers:{Authorization:`Bearer ${e.authToken}`}}}}:{}}),n=s.subscription(e.channelName),n.onMessage(i=>{r||e.onMessage(i)}),await n.create()}catch(l){e.onError&&e.onError(l)}},unsubscribe:async()=>{r=!0;try{n&&(await n.delete(),n=null),s&&(s=null)}catch{}}}}function Vs(e){let s=!1;const n=Hs({baseUrl:e.baseUrl,channelName:e.channelName,authToken:e.authToken,onMessage:e.onMessage,onError:r=>{s=!0,e.onError?.(r),e.onDisconnect?.()}});return n.subscribe().then(()=>{s||e.onConnect?.()}).catch(r=>{e.onError?.(r),e.onDisconnect?.()}),{unsubscribe:()=>{n.unsubscribe().catch(()=>{})}}}class Ve extends Error{status;constructor(s=403){super(`Unauthorized (HTTP ${s})`),this.name="UnauthorizedError",this.status=s}}class Ws extends Error{status;body;constructor(s,n){super(`API error (HTTP ${s})`),this.name="ApiError",this.status=s,this.body=n}}class We{baseUrl;authToken;constructor(s){this.baseUrl=s.baseUrl.replace(/\/+$/,""),this.authToken=s.authToken}async fetch(s,n){const o={...{Accept:"application/json",...this.authToken?{Authorization:`Bearer ${this.authToken}`}:{}},...n?.headers},a=await globalThis.fetch(`${this.baseUrl}${s}`,{...n,headers:o,credentials:this.authToken?"omit":"include"});if(a.status===401||a.status===403)throw new Ve(a.status);if(!a.ok){const l=await a.text().catch(()=>"");throw new Ws(a.status,l)}return a.json()}async get(s,n){const r=n?`${s}?${n}`:s;return this.fetch(r)}async post(s,n){const r={method:"POST",...n!==void 0?{body:JSON.stringify(n),headers:{"Content-Type":"application/json"}}:{}};return this.fetch(s,r)}async delete(s){return this.fetch(s,{method:"DELETE"})}}const Ks=5e3,Ot=1e4,Ft=100,Js=500,Qs={overview:"/overview",requests:"/requests",queries:"/queries",events:"/events",routes:"/routes",logs:"/logs",emails:"/emails",timeline:"/traces",cache:"/cache",jobs:"/jobs",config:"/config"};function Gs(e){return Qs[e]||`/${e}`}class Ys{constructor(s,n){this.client=s,this.basePath=n}async fetchSection(s,n){const r=Gs(s),o=n?`${this.basePath}${r}?${n}`:`${this.basePath}${r}`;return this.client.fetch(o)}async fetchChart(s){return this.client.fetch(`${this.basePath}/overview/chart?range=${s}`)}async fetchGroupedQueries(){return this.client.fetch(`${this.basePath}/queries/grouped`)}async explainQuery(s){return this.client.fetch(`${this.basePath}/queries/${s}/explain`)}async retryJob(s){return this.client.fetch(`${this.basePath}/jobs/${s}/retry`,{method:"POST"})}async fetchCacheKey(s){return this.client.fetch(`${this.basePath}/cache/${encodeURIComponent(s)}`)}async deleteCacheKey(s){return this.client.fetch(`${this.basePath}/cache/${encodeURIComponent(s)}`,{method:"DELETE"})}async fetchEmailPreview(s){return this.client.fetch(`${this.basePath}/emails/${s}/preview`)}}function Xs(e){const s=new URLSearchParams;if(e.page!==null&&e.page!==void 0&&s.set("page",String(e.page)),e.perPage!==null&&e.perPage!==void 0&&s.set("perPage",String(e.perPage)),e.search&&s.set("search",e.search),e.sort&&s.set("sort",e.sort),e.sortDir&&s.set("direction",e.sortDir),e.timeRange&&s.set("range",e.timeRange),e.filters)for(const[n,r]of Object.entries(e.filters))r&&s.set(n,r);return s.toString()}function Zs(e,s,n=2){if(s<=1)return[1];const r=[],o=Math.max(2,e-n),a=Math.min(s-1,e+n);r.push(1),o>2&&r.push("...");for(let l=o;l<=a;l++)r.push(l);return a<s-1&&r.push("..."),s>1&&r.push(s),r}class en{client;api;callbacks;endpoint;perPage;section;page=1;search;sort;sortDir;filters;timeRange;timer=null;fetchId=0;explicitFetchPending=!1;hasFetched=!1;stopped=!1;constructor(s){this.client=new We({baseUrl:s.baseUrl,authToken:s.authToken}),this.api=new Ys(this.client,s.endpoint),this.endpoint=s.endpoint,this.section=s.section,this.perPage=s.perPage,this.callbacks=s.callbacks}start(){this.stopped=!1,this.fetch(!1),this.startRefreshTimer()}stop(){this.stopped=!0,this.stopRefreshTimer()}async fetch(s=!0){if(s&&this.explicitFetchPending)return;const n=++this.fetchId,r=this.section;if(!r)return;const o=this.filters,a=this.sort?this.sort.replace(/[A-Z]/g,i=>"_"+i.toLowerCase()):void 0,l=Xs({page:this.page,perPage:this.perPage,search:this.search,sort:a,sortDir:this.sort?this.sortDir:void 0,filters:o&&Object.keys(o).length>0?o:void 0,timeRange:r.startsWith("overview")?this.timeRange:void 0});s||(this.callbacks.onLoading(!0),this.explicitFetchPending=!0);try{const i=await this.api.fetchSection(r,l||void 0);if(n!==this.fetchId||this.stopped)return;if(i&&typeof i=="object"&&i.data!==void 0&&i.meta!==void 0){const d=i;this.callbacks.onData(d.data),this.callbacks.onPagination(d.meta)}else this.callbacks.onData(i),this.callbacks.onPagination(null);this.callbacks.onError(null),this.callbacks.onLoading(!1),this.hasFetched=!0}catch(i){if(n!==this.fetchId||this.stopped)return;if(i instanceof Ve){this.callbacks.onError(i),this.callbacks.onLoading(!1),this.stopRefreshTimer(),this.callbacks.onUnauthorized();return}s||(this.callbacks.onError(i instanceof Error?i:new Error(String(i))),this.callbacks.onLoading(!1))}finally{s||(this.explicitFetchPending=!1)}}setSection(s){this.section!==s&&(this.section=s,this.page=1,this.search=void 0,this.sort=void 0,this.sortDir=void 0,this.filters=void 0,this.hasFetched=!1,this.callbacks.onData(null),this.callbacks.onPagination(null),this.callbacks.onLoading(!0),this.callbacks.onError(null),this.fetch(!1),this.startRefreshTimer())}setPage(s){this.page=s,this.fetch(!1)}setSearch(s){this.search=s||void 0,this.page=1,this.fetch(!1)}setFilter(s,n){this.filters||(this.filters={}),this.filters[s]=String(n),this.page=1,this.fetch(!1)}setSort(s,n){this.sort===s&&!n?this.sortDir=this.sortDir==="asc"?"desc":"asc":(this.sort=s,this.sortDir=n||"desc"),this.fetch(!1)}setTimeRange(s){this.timeRange=s,this.fetch(!1)}async mutate(s,n="post",r){const o=`${this.endpoint}/${s}`;try{const a=n==="post"?await this.client.post(o,r):await this.client.delete(o);return await this.fetch(!0),a}catch(a){throw a instanceof Error?a:new Error(String(a))}}configure(s){s.page!==void 0&&(this.page=s.page),s.perPage!==void 0&&(this.perPage=s.perPage),this.search=s.search,this.sort=s.sort,this.sortDir=s.sortDir,this.filters=s.filters,this.timeRange=s.timeRange}hasData(){return this.hasFetched}handleRefreshSignal(){this.hasFetched&&this.fetch(!0)}getApi(){return this.api}getClient(){return this.client}startRefreshTimer(){this.stopRefreshTimer();const s=this.section==="overview"?Ks:Ot;this.timer=setInterval(()=>this.fetch(!0),s)}stopRefreshTimer(){this.timer&&(clearInterval(this.timer),this.timer=null)}}function J(e,s={}){const{baseUrl:n="",dashboardEndpoint:r="/__stats/api",authToken:o,page:a=1,perPage:l=50,search:i,sort:d,sortDir:c,filters:p,timeRange:h,refreshKey:y}=s,[f,_]=x(null),[g,S]=x(null),[k,w]=x(!0),[u,N]=x(null),b=V(null),L=V(e),M=V(!1);b.current||(b.current=new en({baseUrl:n,endpoint:r,authToken:o,section:e,perPage:l,callbacks:{onData:E=>_(E),onPagination:E=>S(E),onLoading:E=>w(E),onError:E=>N(E),onUnauthorized:()=>{}}})),H(()=>{const E=b.current,$=L.current!==e;return L.current=e,E.configure({page:a,perPage:l,search:i,sort:d,sortDir:c,filters:p,timeRange:h}),$||!M.current?($?E.setSection(e):E.start(),M.current=!0):E.fetch(!0),()=>{E.stop()}},[e,a,l,i,d,c,p,h,y]);const q=P(()=>{b.current?.fetch(!0)},[]),O=P(async(E,$="post",R)=>b.current.mutate(E,$,R),[]),U=P(()=>b.current.getApi(),[]);return{data:f,meta:g,isLoading:k,error:u,refresh:q,mutate:O,getApi:U}}const jt="/admin/api/debug",It={tracing:!1,process:!1,system:!1,http:!1,db:!1,redis:!1,queues:!1,cache:!1,app:!1,log:!1,emails:!1,dashboard:!1,customPanes:[]};function tn(e){return{tracing:e.features?.tracing??!1,process:e.features?.process??!1,system:e.features?.system??!1,http:e.features?.http??!1,db:e.features?.db??!1,redis:e.features?.redis??!1,queues:e.features?.queues??!1,cache:e.features?.cache??!1,app:e.features?.app??!1,log:e.features?.log??!1,emails:e.features?.emails??!1,dashboard:e.features?.dashboard??!1,customPanes:e.customPanes??[]}}async function sn(e,s=jt){const n=`${s.replace(/\/+$/,"")}/config`;return e.fetch(n)}async function nn(e){const{baseUrl:s="",debugEndpoint:n=jt,authToken:r}=e,o=new We({baseUrl:s,authToken:r});try{const a=await sn(o,n);return tn(a)}catch{return It}}function rn(e={}){const{baseUrl:s="",debugEndpoint:n="/admin/api/debug",authToken:r}=e,[o,a]=x(It),[l,i]=x(!0),[d,c]=x(null),p=V(!1);return H(()=>{if(p.current)return;p.current=!0;let h=!1;return(async()=>{try{const f=await nn({baseUrl:s,debugEndpoint:n,authToken:r});h||(a(f),i(!1))}catch(f){h||(c(f instanceof Error?f:new Error(String(f))),i(!1))}})(),()=>{h=!0}},[s,n,r]),{features:o,isLoading:l,error:d}}const Le="ss-dash-theme",Ke="ss-theme-change";function Ee(){if(typeof window>"u")return"light";const e=localStorage.getItem(Le);return e==="dark"||e==="light"?e:window.matchMedia?.("(prefers-color-scheme: dark)").matches?"dark":"light"}function an(e){typeof window>"u"||(localStorage.setItem(Le,e),window.dispatchEvent(new CustomEvent(Ke,{detail:e})))}function ln(){const s=Ee()==="dark"?"light":"dark";return an(s),s}function Bt(e){if(typeof window>"u")return()=>{};const s=a=>{const l=a.detail;(l==="dark"||l==="light")&&e(l)},n=a=>{if(a.key===Le){const l=a.newValue;e(l==="dark"||l==="light"?l:Ee())}},r=window.matchMedia("(prefers-color-scheme: dark)"),o=a=>{localStorage.getItem(Le)||e(a.matches?"dark":"light")};return window.addEventListener(Ke,s),window.addEventListener("storage",n),r.addEventListener("change",o),()=>{window.removeEventListener(Ke,s),window.removeEventListener("storage",n),r.removeEventListener("change",o)}}function on(){const[e,s]=x(()=>Ee());H(()=>Bt(o=>{s(o)}),[]);const n=P(()=>{const r=ln();return s(r),r},[]);return{theme:e,toggleTheme:n}}function cn({theme:e,onToggle:s,className:n="",classPrefix:r="ss-dash"}){const o=e==="dark";return t("button",{type:"button",className:`${r==="ss-dbg"?"ss-dbg-theme-toggle":"ss-dash-theme-btn"} ${n}`,onClick:s,title:o?"Switch to light theme":"Switch to dark theme","aria-label":o?"Switch to light theme":"Switch to dark theme",children:o?t("svg",{width:"16",height:"16",viewBox:F.sun.viewBox,fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",dangerouslySetInnerHTML:{__html:F.sun.elements.join("")}}):t("svg",{width:"16",height:"16",viewBox:F.moon.viewBox,fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",dangerouslySetInnerHTML:{__html:F.moon.elements.join("")}})})}const dn=["overview","requests","queries","events","routes","logs","emails","timeline","cache","jobs","config","internals"],hn=Q(()=>Promise.resolve().then(()=>In)),un=Q(()=>Promise.resolve().then(()=>Kn)),pn=Q(()=>Promise.resolve().then(()=>Gn)),fn=Q(()=>Promise.resolve().then(()=>Yn)),mn=Q(()=>Promise.resolve().then(()=>Xn)),_n=Q(()=>Promise.resolve().then(()=>ar)),vn=Q(()=>Promise.resolve().then(()=>lr)),yn=Q(()=>Promise.resolve().then(()=>ir)),gn=Q(()=>Promise.resolve().then(()=>or)),bn=Q(()=>Promise.resolve().then(()=>pr)),wn=Q(()=>Promise.resolve().then(()=>wr)),Nn=Q(()=>Promise.resolve().then(()=>qr));function Ut(e){return e==="timeline"?"dashboard-timeline":e}function xn(e){const{baseUrl:s="",dashboardEndpoint:n="/__stats/api",debugEndpoint:r,authToken:o,backUrl:a="/",channelName:l="server-stats/dashboard"}=e,{features:i}=rn({baseUrl:s,debugEndpoint:r,authToken:o}),{theme:d,toggleTheme:c}=on(),[p,h]=x("overview"),[y,f]=x(()=>typeof window>"u"?!1:localStorage.getItem("ss-dash-sidebar")==="collapsed"),[_,g]=x(!1),[S,k]=x(0),w=V(0);H(()=>{if(!l)return;const $=Vs({baseUrl:s,channelName:l,authToken:o,onMessage:()=>{w.current+=1,k(w.current)},onConnect:()=>g(!0),onDisconnect:()=>g(!1),onError:()=>g(!1)});return()=>$.unsubscribe()},[s,l,o]);const u=i.customPanes||[],N=P($=>{const R=$.replace("#","").split("?")[0];return R&&[...dn,...u.map(m=>m.id)].includes(R)?R:"overview"},[u]);H(()=>{if(typeof window>"u")return;const $=N(window.location.hash);($!=="overview"||window.location.hash)&&h($)},[N]),H(()=>{const $=()=>{const R=N(window.location.hash);R!==p&&h(R)};return window.addEventListener("hashchange",$),()=>window.removeEventListener("hashchange",$)},[p,N]),H(()=>{typeof window>"u"||(window.location.hash=p)},[p]);const b=P(()=>{f($=>{const R=!$;return localStorage.setItem("ss-dash-sidebar",R?"collapsed":"expanded"),R})},[]),L=z(()=>[{id:"overview",label:"Overview",visible:!0},{id:"requests",label:"Requests",visible:!0},{id:"queries",label:"Queries",visible:!0},{id:"events",label:"Events",visible:!0},{id:"routes",label:"Routes",visible:!0},{id:"logs",label:"Logs",visible:!0},{id:"emails",label:"Emails",visible:!0},{id:"timeline",label:"Timeline",visible:i.tracing},{id:"cache",label:"Cache",visible:i.cache},{id:"jobs",label:"Jobs",visible:i.queues},{id:"config",label:"Config",visible:!0},{id:"internals",label:"Internals",visible:!0}],[i]),M=z(()=>L.filter($=>$.visible),[L]),q=z(()=>({baseUrl:s,dashboardEndpoint:n,authToken:o,refreshKey:S}),[s,n,o,S]),{data:O}=J("overview",q),U=z(()=>{if(!O)return{};const $={};if(O.totalRequests>0&&($.requests={count:O.totalRequests}),O.queryStats?.total>0&&($.queries={count:O.queryStats.total}),O.logLevelBreakdown){const R=O.logLevelBreakdown,ne=R.error+R.warn+R.info+R.debug;ne>0&&($.logs={count:ne})}return $},[O]),E=P(()=>{const $={overview:t(hn,{options:q}),requests:t(un,{options:q}),queries:t(pn,{options:q}),events:t(fn,{options:q}),routes:t(mn,{options:q}),logs:t(_n,{options:q}),emails:t(vn,{options:q}),timeline:t(yn,{options:q}),cache:t(gn,{options:q}),jobs:t(bn,{options:q}),config:t(wn,{options:q}),internals:t(Nn,{options:q,debugEndpoint:r})};return t("div",{className:"ss-dash-pane ss-dash-active",id:`ss-dash-pane-${p}`,children:t("div",{className:"ss-dash-pane-inner",children:t(Ce,{fallback:t("div",{className:"ss-dash-empty",children:"Loading..."}),children:$[p]||t("div",{className:"ss-dash-empty",children:"Unknown section"})})})})},[p,q]);return t("div",{className:"ss-dash","data-theme":d,id:"ss-dash",children:[t("div",{className:"ss-dash-header",children:[t("div",{className:"ss-dash-header-left",children:[t("span",{className:"ss-dash-logo",children:"Server Stats"}),t("span",{className:"ss-dash-logo-sub",children:"Dashboard"})]}),t("div",{className:"ss-dash-header-center",children:[t("span",{className:`ss-dash-live-dot ${_?"ss-dash-connected":""}`,id:"ss-dash-live-dot"}),t("span",{className:`ss-dash-live-label ${_?"ss-dash-connected":""}`,id:"ss-dash-live-label",children:_?"Live":"Polling"})]}),t("div",{className:"ss-dash-header-right",children:[t(cn,{theme:d,onToggle:c}),a&&t("a",{href:a,className:"ss-dash-back-link",title:"Back to app",children:"← App"})]})]}),t("div",{className:"ss-dash-body",children:[t("div",{className:`ss-dash-sidebar ${y?"ss-dash-collapsed":""}`,id:"ss-dash-sidebar",children:[t("nav",{className:"ss-dash-nav",children:[M.map($=>{const R=U[$.id];return t("button",{type:"button",className:`ss-dash-nav-item ${p===$.id?"ss-dash-active":""}`,"data-ss-section":$.id,onClick:()=>{$.id!==p&&h($.id)},title:y?$.label:void 0,children:[t("span",{className:"ss-dash-nav-icon",children:t("svg",{width:"20",height:"20",viewBox:(F[Ut($.id)]||F.config).viewBox,fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",dangerouslySetInnerHTML:{__html:(F[Ut($.id)]||F.config).elements.join("")}})}),t("span",{className:"ss-dash-nav-label",children:$.label}),R&&R.count>0&&t("span",{className:`ss-dash-nav-badge${R.variant?" "+R.variant:""}`,children:R.count})]},$.id)}),u.length>0&&t("div",{className:"ss-dash-nav-sep"}),u.map($=>t("button",{type:"button",className:`ss-dash-nav-item ${p===$.id?"ss-dash-active":""}`,onClick:()=>h($.id),title:y?$.label:void 0,children:[t("span",{className:"ss-dash-nav-icon",children:t("svg",{width:"20",height:"20",viewBox:F["custom-pane"].viewBox,fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",dangerouslySetInnerHTML:{__html:F["custom-pane"].elements.join("")}})}),t("span",{className:"ss-dash-nav-label",children:$.label})]},$.id))]}),t("button",{type:"button",className:"ss-dash-sidebar-toggle",id:"ss-dash-sidebar-toggle",onClick:b,title:y?"Expand sidebar":"Collapse sidebar",children:y?t("svg",{width:"16",height:"16",viewBox:F["chevron-right"].viewBox,fill:"none",stroke:"currentColor",strokeWidth:"1.5",dangerouslySetInnerHTML:{__html:F["chevron-right"].elements.join("")}}):t("svg",{width:"16",height:"16",viewBox:F["chevron-left"].viewBox,fill:"none",stroke:"currentColor",strokeWidth:"1.5",dangerouslySetInnerHTML:{__html:F["chevron-left"].elements.join("")}})})]}),t("div",{className:"ss-dash-main",children:E()})]})]})}function kn(e){const s=document.getElementById(e);return s?JSON.parse(s.textContent||"{}"):{}}function Sn(){function e(s){document.documentElement.setAttribute("data-theme",s)}e(Ee()),Bt(e)}const he=kn("ss-dash-config");Sn();const zt=document.getElementById("ss-dash");zt&&Ss(t(xn,{baseUrl:he.baseUrl,dashboardEndpoint:he.dashboardEndpoint,debugEndpoint:he.debugEndpoint,authToken:he.authToken,backUrl:he.backUrl,channelName:he.channelName}),zt);function $n(e){if(!e&&e!==0)return"-";const s=Math.floor(e),n=Math.floor(s/86400),r=Math.floor(s%86400/3600),o=Math.floor(s%3600/60);return n>0?`${n}d ${r}h`:r>0?`${r}h ${o}m`:o>0?`${o}m ${s%60}s`:`${s}s`}function re(e){return e>=1e3?`${(e/1e3).toFixed(2)}s`:e>=1?`${e.toFixed(0)}ms`:`${e.toFixed(2)}ms`}function ae(e){if(!e)return"-";const s=typeof e=="string"?new Date(e):new Date(e);return Number.isNaN(s.getTime())?"-":s.toLocaleTimeString("en-US",{hour12:!1,hour:"2-digit",minute:"2-digit",second:"2-digit"})+"."+String(s.getMilliseconds()).padStart(3,"0")}function X(e){if(!e)return"-";const s=typeof e=="string"?new Date(e).getTime():e,n=Math.floor((Date.now()-s)/1e3);return n<0?"just now":n<60?`${n}s ago`:n<3600?`${Math.floor(n/60)}m ago`:n<86400?`${Math.floor(n/3600)}h ago`:`${Math.floor(n/86400)}d ago`}function Y(e){return e>Js?"very-slow":e>Ft?"slow":"normal"}function Je(e,s=100){if(e===null)return"null";if(e===void 0)return"-";if(typeof e=="string")return'"'+(e.length>40?e.slice(0,40)+"...":e)+'"';if(typeof e=="number"||typeof e=="boolean")return String(e);if(Array.isArray(e)){if(e.length===0)return"[]";const r="["+e.slice(0,3).map(o=>Je(o,30)).join(", ")+(e.length>3?", ..."+e.length+" items":"")+"]";return r.length>s?"["+e.length+" items]":r}if(typeof e=="object"){const n=Object.keys(e);if(n.length===0)return"{}";const r=[];for(let a=0;a<Math.min(n.length,4);a++)r.push(n[a]+": "+Je(e[n[a]],30));const o="{ "+r.join(", ")+(n.length>4?", ...+"+(n.length-4):"")+" }";return o.length>s?"{ "+n.slice(0,6).join(", ")+(n.length>6?", ...":"")+" }":o}return String(e)}function Cn(e){return e<0?"no expiry":e<60?`${e}s`:e<3600?`${Math.floor(e/60)}m`:e<86400?`${Math.floor(e/3600)}h`:`${Math.floor(e/86400)}d`}function Tn(e){return e<1024?`${e}B`:e<1024*1024?`${(e/1024).toFixed(1)}KB`:`${(e/(1024*1024)).toFixed(1)}MB`}const ie={color:"#34d399",fillOpacityTop:.25,fillOpacityBottom:.02,strokeWidth:1.5,width:120,height:32,padding:2};function Ln(e){return{...ie,...e}}function En(e,s=ie.width,n=ie.height,r=ie.padding){if(e.length<2)return null;const o=s-r*2,a=n-r*2,l=Math.min(...e),d=Math.max(...e)-l||1;return e.map((p,h)=>{const y=r+h/(e.length-1)*o,f=r+a-(p-l)/d*a;return`${y.toFixed(1)},${f.toFixed(1)}`}).join(" ")}function An(e,s=ie.width,n=ie.height,r=ie.padding){if(e.length<2)return null;const o=s-r*2,a=n-r*2,l=Math.min(...e),d=Math.max(...e)-l||1,c=e.map((f,_)=>{const g=r+_/(e.length-1)*o,S=r+a-(f-l)/d*a;return`${g.toFixed(1)},${S.toFixed(1)}`}),p=(r+o).toFixed(1),h=(r+a).toFixed(1),y=r.toFixed(1);return`M${c[0]} `+c.slice(1).map(f=>`L${f}`).join(" ")+` L${p},${h} L${y},${h} Z`}let Pn=0;function Mn(){return`ss-grad-${Pn++}`}function qn(e){if(e.length===0)return null;const s=Math.min(...e),n=Math.max(...e),r=e.reduce((o,a)=>o+a,0)/e.length;return{min:s,max:n,avg:r}}function Rn(e,s){const n=Ln(s),r=En(e,n.width,n.height,n.padding),o=An(e,n.width,n.height,n.padding);return!r||!o?null:{points:r,areaPath:o,gradientId:Mn(),options:n,stats:qn(e)}}function Ae({data:e,color:s="#34d399",width:n=120,height:r=32,className:o=""}){const a=z(()=>Rn(e,{width:n,height:r}),[e,n,r]),l=z(()=>"ss-grad-"+Math.random().toString(36).slice(2,8),[]),i={"--ss-accent":s};if(!a)return t("div",{className:`ss-dash-sparkline ${o}`,style:i,children:t("svg",{width:n,height:r,viewBox:`0 0 ${n} ${r}`,style:{display:"block"},children:t("text",{x:n/2,y:r/2+3,textAnchor:"middle",fill:"#737373",fontSize:"9",children:["collecting","…"]})})});const d=s||"var(--ss-accent)";return t("div",{className:`ss-dash-sparkline ${o}`,style:i,children:t("svg",{width:n,height:r,viewBox:`0 0 ${n} ${r}`,style:{display:"block"},children:[t("defs",{children:t("linearGradient",{id:l,x1:"0",y1:"0",x2:"0",y2:"1",children:[t("stop",{offset:"0%",stopColor:d,stopOpacity:"0.25"}),t("stop",{offset:"100%",stopColor:d,stopOpacity:"0.02"})]})}),t("path",{d:a.areaPath,fill:`url(#${l})`}),t("path",{className:"ss-dash-sparkline-line",d:"M"+a.points.replace(/ /g," L"),fill:"none",stroke:d,strokeWidth:"1.5",strokeLinejoin:"round",strokeLinecap:"round"})]})})}const Dn=[{value:"5m",label:"5m"},{value:"15m",label:"15m"},{value:"30m",label:"30m"},{value:"1h",label:"1h"},{value:"6h",label:"6h"},{value:"24h",label:"24h"},{value:"7d",label:"7d"}];function On({value:e,onChange:s,className:n=""}){return t("div",{className:`ss-dash-btn-group ${n}`,children:Dn.map(r=>t("button",{type:"button",className:`ss-dash-btn ${e===r.value?"ss-dash-active":""}`,onClick:()=>s(r.value),children:r.label},r.value))})}function Fn(e,s){if(e<=0)return[0];const n=e/s,r=Math.pow(10,Math.floor(Math.log10(n))),o=n/r;let a;o<=1?a=r:o<=2?a=2*r:o<=5?a=5*r:a=10*r;const l=[];for(let i=a;i<=e+a*.5;i+=a)l.push(Math.round(i));return l.length===0&&l.push(Math.ceil(e)),l}function Ht(e){try{return new Date(e).toLocaleTimeString("en-US",{hour12:!1,hour:"2-digit",minute:"2-digit"})}catch{return""}}function Vt(e){if(e.length===0)return"";if(e.length===1)return`M${e[0].x},${e[0].y}`;let s=`M${e[0].x.toFixed(1)},${e[0].y.toFixed(1)}`;for(let n=0;n<e.length-1;n++){const r=e[n],o=e[n+1],a=(r.x+o.x)/2;s+=` C${a.toFixed(1)},${r.y.toFixed(1)} ${a.toFixed(1)},${o.y.toFixed(1)} ${o.x.toFixed(1)},${o.y.toFixed(1)}`}return s}function Wt(e){const s=Y(e);return s==="very-slow"?"ss-dash-very-slow":s==="slow"?"ss-dash-slow":""}function jn({chartPoints:e}){const s={top:12,right:12,bottom:28,left:38},n=220,r=V(null),[o,a]=x(0);H(()=>{const C=r.current;if(!C)return;a(C.clientWidth);const T=new ResizeObserver(j=>{for(const G of j)a(G.contentRect.width)});return T.observe(C),()=>T.disconnect()},[]);const l=o||600,i=l-s.left-s.right,d=n-s.top-s.bottom,c=s.top+d,p=e.map(C=>{const T=C;return(C.requestCount??0)+(Number(T.request_count)||0)||C.total||0}),h=e.map(C=>{const T=C;return(C.errorCount??0)+(Number(T.error_count)||0)}),y=Math.max(...p,1),f=Math.ceil(y*1.1),_=h.some(C=>C>0),g=Fn(f,4),S=g.length>0?g[g.length-1]:f,k=C=>s.left+C/Math.max(e.length-1,1)*i,w=C=>s.top+d-C/(S||1)*d,u=e.map((C,T)=>({x:k(T),y:w(p[T])})),N=e.map((C,T)=>({x:k(T),y:w(h[T])})),b=Vt(u),L=_?Vt(N):"",M=u.length>1?`${b} L${u[u.length-1].x.toFixed(1)},${c} L${u[0].x.toFixed(1)},${c} Z`:"",q=_&&N.length>1?`${L} L${N[N.length-1].x.toFixed(1)},${c} L${N[0].x.toFixed(1)},${c} Z`:"",O=Math.min(10,e.length),U=Math.max(1,Math.ceil(e.length/O)),[E,$]=x({visible:!1,x:0,idx:-1}),R=P(C=>{const T=u[C].x;$({visible:!0,x:T,idx:C})},[u]),ne=P(()=>{$({visible:!1,x:0,idx:-1})},[]),m=120,v=E.visible?Math.max(m/2,Math.min(E.x,l-m/2)):0;return t("div",{ref:r,style:{position:"relative"},children:[t("svg",{viewBox:`0 0 ${l} ${n}`,className:"ss-dash-chart-svg",children:[t("defs",{children:[t("linearGradient",{id:"ss-cg-total",x1:"0",y1:"0",x2:"0",y2:"1",children:[t("stop",{offset:"0%",stopColor:"var(--ss-accent)",stopOpacity:.3}),t("stop",{offset:"100%",stopColor:"var(--ss-accent)",stopOpacity:.02})]}),t("linearGradient",{id:"ss-cg-error",x1:"0",y1:"0",x2:"0",y2:"1",children:[t("stop",{offset:"0%",stopColor:"var(--ss-red-fg)",stopOpacity:.35}),t("stop",{offset:"100%",stopColor:"var(--ss-red-fg)",stopOpacity:.02})]})]}),g.map(C=>{const T=w(C);return t("g",{children:[t("line",{x1:s.left,y1:T,x2:l-s.right,y2:T,stroke:"var(--ss-border-faint)",strokeWidth:.5,strokeDasharray:"3,3"}),t("text",{x:s.left-6,y:T,textAnchor:"end",fill:"var(--ss-dim)",fontSize:9,dominantBaseline:"middle",children:C})]},`ytick-${C}`)}),M&&t("path",{d:M,fill:"url(#ss-cg-total)"}),b&&t("path",{d:b,fill:"none",stroke:"var(--ss-accent)",strokeWidth:1.5,strokeLinejoin:"round",strokeLinecap:"round"}),q&&t("path",{d:q,fill:"url(#ss-cg-error)"}),L&&t("path",{d:L,fill:"none",stroke:"var(--ss-red-fg)",strokeWidth:1.5,strokeLinejoin:"round",strokeLinecap:"round",strokeDasharray:"4,2"}),e.map((C,T)=>{const j=p[T],G=h[T],K=u[T].x,ce=u[T].y,_s=i/(e.length||1),vs=E.visible&&E.idx===T,ys=E.visible&&E.idx!==T;return t("g",{children:[t("rect",{x:K-_s/2,y:s.top,width:_s,height:d,fill:"transparent",className:"ss-dash-chart-hover-zone","data-idx":T,onMouseEnter:()=>R(T),onMouseLeave:ne}),j>0&&t("circle",{cx:K,cy:ce,r:vs?4:2.5,fill:"var(--ss-accent)",stroke:"var(--ss-surface)",strokeWidth:1,className:"ss-dash-chart-dot","data-idx":T,opacity:ys?.3:1}),G>0&&t("circle",{cx:K,cy:N[T].y,r:vs?3.5:2,fill:"var(--ss-red-fg)",stroke:"var(--ss-surface)",strokeWidth:1,className:"ss-dash-chart-dot ss-dash-chart-dot-err","data-idx":T,opacity:ys?.3:1})]},T)}),e.map((C,T)=>{if(T%U!==0&&T!==e.length-1)return null;const j=Ht(C.bucket);return j?t("text",{x:k(T),y:n-6,textAnchor:"middle",fill:"var(--ss-dim)",fontSize:9,children:j},`xlabel-${T}`):null})]}),E.visible&&E.idx>=0&&t("div",{className:"ss-dash-chart-tooltip",style:{left:v,top:s.top-4,transform:"translate(-50%, -100%)"},children:[t("div",{children:Ht(e[E.idx].bucket)}),t("div",{children:["Requests: ",p[E.idx]]}),h[E.idx]>0&&t("div",{style:{color:"var(--ss-red-fg)"},children:["Errors: ",h[E.idx]]})]})]})}function Kt({options:e={}}){const[s,n]=x("1h"),{data:r,isLoading:o}=J("overview",e),{data:a}=J("overview/chart",{...e,timeRange:s});if(o&&!r)return t("div",{className:"ss-dash-empty",children:"Loading overview..."});const l=r||{avgResponseTime:0,p95ResponseTime:0,requestsPerMinute:0,errorRate:0,totalRequests:0,slowestEndpoints:[],queryStats:{total:0,avgDuration:0,perRequest:0},recentErrors:[],topEvents:[],emailActivity:{sent:0,queued:0,failed:0},logLevelBreakdown:{error:0,warn:0,info:0,debug:0},cacheStats:null,jobQueueStatus:null,statusDistribution:{"2xx":0,"3xx":0,"4xx":0,"5xx":0},slowestQueries:[]},i=l,d=l.avgResponseTime||Number(i.avg_response_time)||0,c=l.p95ResponseTime||Number(i.p95_response_time)||0,p=l.requestsPerMinute||Number(i.requests_per_minute)||0,h=l.errorRate||Number(i.error_rate)||0,f=(l.totalRequests||Number(i.total_requests)||0)>0,_=a?.buckets||[],g=l.sparklines?.avgResponseTime??_.map(u=>u.avgDuration??0),S=l.sparklines?.p95ResponseTime??_.map(u=>u.p95Duration??0),k=l.sparklines?.requestsPerMinute??_.map(u=>u.requestCount??0),w=l.sparklines?.errorRate??_.map(u=>u.errorCount??0);return t("div",{className:"ss-dash-overview",children:[t("div",{className:"ss-dash-cards",children:[t("div",{className:"ss-dash-card",children:[t("div",{className:"ss-dash-card-title",children:"Avg Response Time"}),t("div",{className:`ss-dash-card-value ${f?d>500?"ss-dash-red":d>200?"ss-dash-amber":"ss-dash-accent":"ss-dash-dim"}`,children:f?re(d):"-"}),t("div",{className:"ss-dash-sparkline",children:t(Ae,{data:g,color:"#34d399",width:160,height:40})})]}),t("div",{className:"ss-dash-card",children:[t("div",{className:"ss-dash-card-title",children:"P95 Response Time"}),t("div",{className:`ss-dash-card-value ${f?c>500?"ss-dash-red":c>200?"ss-dash-amber":"ss-dash-accent":"ss-dash-dim"}`,children:f?re(c):"-"}),t("div",{className:"ss-dash-sparkline",children:t(Ae,{data:S,color:"#60a5fa",width:160,height:40})})]}),t("div",{className:"ss-dash-card",children:[t("div",{className:"ss-dash-card-title",children:"Requests / min"}),t("div",{className:`ss-dash-card-value ${f?"ss-dash-accent":"ss-dash-dim"}`,children:f?p.toFixed(1):"-"}),t("div",{className:"ss-dash-sparkline",children:t(Ae,{data:k,color:"#34d399",width:160,height:40})})]}),t("div",{className:"ss-dash-card",children:[t("div",{className:"ss-dash-card-title",children:"Error Rate"}),t("div",{className:`ss-dash-card-value ${f?h>5?"ss-dash-red":h>1?"ss-dash-amber":"ss-dash-accent":"ss-dash-dim"}`,children:f?`${h.toFixed(1)}%`:"-"}),t("div",{className:"ss-dash-sparkline",children:t(Ae,{data:w,color:"#f87171",width:160,height:40})})]})]}),t("div",{className:"ss-dash-chart-container",children:[t("div",{className:"ss-dash-chart-header",children:[t("span",{className:"ss-dash-chart-title",children:"Request Volume"}),t(On,{value:s,onChange:n})]}),t("div",{className:"ss-dash-chart",id:"ss-dash-chart-area",children:_.length===0?t("div",{className:"ss-dash-empty",style:{minHeight:"120px"},children:"No data for this range"}):t(jn,{chartPoints:_})}),t("div",{className:"ss-dash-chart-legend",id:"ss-dash-chart-legend",children:[t("span",{className:"ss-dash-chart-legend-item",children:[t("span",{className:"ss-dash-legend-dot",style:{background:"var(--ss-accent)"}}),"Requests"]}),_.some(u=>(u.errorCount??0)>0)&&t("span",{className:"ss-dash-chart-legend-item",children:[t("span",{className:"ss-dash-legend-dot",style:{background:"var(--ss-red-fg)"}}),"Errors"]})]})]}),t("div",{className:"ss-dash-secondary-cards",children:[t("div",{className:"ss-dash-secondary-card",children:[t("div",{className:"ss-dash-secondary-card-title",children:t("a",{href:"#requests",className:"ss-dash-widget-link",children:"Slowest Endpoints"})}),l.slowestEndpoints.length===0?t("div",{className:"ss-dash-empty",style:{minHeight:"60px"},children:"No data yet"}):t("ul",{className:"ss-dash-secondary-list",children:l.slowestEndpoints.slice(0,5).map((u,N)=>{const b=u.url||u.pattern||"-";return t("li",{children:t("a",{href:`#requests?url=${encodeURIComponent(b)}`,className:"ss-dash-widget-row-link",children:[t("span",{title:b,children:b}),t("span",{className:`ss-dash-secondary-list-value ss-dash-duration ${Wt(u.avgDuration)}`,children:re(u.avgDuration)})]})},N)})})]}),t("div",{className:"ss-dash-secondary-card",children:[t("div",{className:"ss-dash-secondary-card-title",children:t("a",{href:"#queries",className:"ss-dash-widget-link",children:"Query Stats"})}),t("ul",{className:"ss-dash-secondary-list",children:[t("li",{children:[t("span",{children:"Total Queries"}),t("span",{className:"ss-dash-secondary-list-value",children:l.queryStats.total})]}),t("li",{children:[t("span",{children:"Avg Duration"}),t("span",{className:"ss-dash-secondary-list-value",children:re(l.queryStats.avgDuration)})]}),t("li",{children:[t("span",{children:"Queries / Request"}),t("span",{className:"ss-dash-secondary-list-value",children:l.queryStats.perRequest.toFixed(1)})]})]})]}),t("div",{className:"ss-dash-secondary-card",children:[t("div",{className:"ss-dash-secondary-card-title",children:t("a",{href:"#logs?level=error",className:"ss-dash-widget-link",children:"Recent Errors"})}),l.recentErrors.length===0?t("div",{className:"ss-dash-empty",style:{minHeight:"60px"},children:"No recent errors"}):t("ul",{className:"ss-dash-secondary-list",children:l.recentErrors.map((u,N)=>t("li",{children:t("a",{href:`#logs?id=${u.id??""}`,className:"ss-dash-widget-row-link",children:[t("span",{style:{color:"var(--ss-red-fg)"},title:u.message,children:u.message}),u.timestamp&&t("span",{className:"ss-dash-secondary-list-value",style:{color:"var(--ss-dim)"},title:ae(u.timestamp),children:X(u.timestamp)})]})},N))})]}),t("div",{className:"ss-dash-secondary-card",children:[t("div",{className:"ss-dash-secondary-card-title",children:t("a",{href:"#events",className:"ss-dash-widget-link",children:"Top Events"})}),l.topEvents.length===0?t("div",{className:"ss-dash-empty",style:{minHeight:"60px"},children:"No events yet"}):t("ul",{className:"ss-dash-secondary-list",children:l.topEvents.slice(0,5).map((u,N)=>{const b=u.name||u.eventName||u.event_name||u.event||"";return t("li",{children:t("a",{href:`#events?event_name=${encodeURIComponent(b)}`,className:"ss-dash-widget-row-link",children:[t("span",{children:b}),t("span",{className:"ss-dash-secondary-list-value",children:u.count})]})},N)})})]}),t("div",{className:"ss-dash-secondary-card",children:[t("div",{className:"ss-dash-secondary-card-title",children:t("a",{href:"#emails",className:"ss-dash-widget-link",children:"Email Activity"})}),t("ul",{className:"ss-dash-secondary-list",children:[t("li",{children:t("a",{href:"#emails?status=sent",className:"ss-dash-widget-row-link",children:[t("span",{children:"Sent"}),t("span",{className:"ss-dash-secondary-list-value",children:l.emailActivity.sent})]})}),t("li",{children:t("a",{href:"#emails?status=queued",className:"ss-dash-widget-row-link",children:[t("span",{children:"Queued"}),t("span",{className:"ss-dash-secondary-list-value",children:l.emailActivity.queued})]})}),t("li",{children:t("a",{href:"#emails?status=failed",className:"ss-dash-widget-row-link",children:[t("span",{children:"Failed"}),t("span",{className:"ss-dash-secondary-list-value",style:l.emailActivity.failed>0?{color:"var(--ss-red-fg)"}:void 0,children:l.emailActivity.failed})]})})]})]}),t("div",{className:"ss-dash-secondary-card",children:[t("div",{className:"ss-dash-secondary-card-title",children:t("a",{href:"#logs",className:"ss-dash-widget-link",children:"Log Levels"})}),t("ul",{className:"ss-dash-secondary-list",children:[t("li",{children:t("a",{href:"#logs?level=error",className:"ss-dash-widget-row-link",children:[t("span",{style:{color:"var(--ss-red-fg)"},children:"Error"}),t("span",{className:"ss-dash-secondary-list-value",children:l.logLevelBreakdown.error})]})}),t("li",{children:t("a",{href:"#logs?level=warn",className:"ss-dash-widget-row-link",children:[t("span",{style:{color:"var(--ss-amber-fg)"},children:"Warn"}),t("span",{className:"ss-dash-secondary-list-value",children:l.logLevelBreakdown.warn})]})}),t("li",{children:t("a",{href:"#logs?level=info",className:"ss-dash-widget-row-link",children:[t("span",{style:{color:"var(--ss-green-fg)"},children:"Info"}),t("span",{className:"ss-dash-secondary-list-value",children:l.logLevelBreakdown.info})]})}),t("li",{children:t("a",{href:"#logs?level=debug",className:"ss-dash-widget-row-link",children:[t("span",{style:{color:"var(--ss-dim)"},children:"Debug"}),t("span",{className:"ss-dash-secondary-list-value",children:l.logLevelBreakdown.debug})]})})]})]}),l.cacheStats&&l.cacheStats.available&&t("div",{className:"ss-dash-secondary-card",children:[t("div",{className:"ss-dash-secondary-card-title",children:t("a",{href:"#cache",className:"ss-dash-widget-link",children:"Cache"})}),t("ul",{className:"ss-dash-secondary-list",children:[t("li",{children:t("a",{href:"#cache",className:"ss-dash-widget-row-link",children:[t("span",{children:"Keys"}),t("span",{className:"ss-dash-secondary-list-value",children:l.cacheStats.totalKeys})]})}),t("li",{children:t("a",{href:"#cache",className:"ss-dash-widget-row-link",children:[t("span",{children:"Hit Rate"}),t("span",{className:"ss-dash-secondary-list-value",children:[l.cacheStats.hitRate.toFixed(1),"%"]})]})}),t("li",{children:t("a",{href:"#cache",className:"ss-dash-widget-row-link",children:[t("span",{children:"Memory"}),t("span",{className:"ss-dash-secondary-list-value",children:l.cacheStats.memoryUsedHuman})]})})]})]}),l.jobQueueStatus&&l.jobQueueStatus.available&&t("div",{className:"ss-dash-secondary-card",children:[t("div",{className:"ss-dash-secondary-card-title",children:t("a",{href:"#jobs",className:"ss-dash-widget-link",children:"Job Queue"})}),t("ul",{className:"ss-dash-secondary-list",children:[t("li",{children:t("a",{href:"#jobs?status=active",className:"ss-dash-widget-row-link",children:[t("span",{children:"Active"}),t("span",{className:"ss-dash-secondary-list-value",children:l.jobQueueStatus.active})]})}),t("li",{children:t("a",{href:"#jobs?status=waiting",className:"ss-dash-widget-row-link",children:[t("span",{children:"Waiting"}),t("span",{className:"ss-dash-secondary-list-value",children:l.jobQueueStatus.waiting})]})}),t("li",{children:t("a",{href:"#jobs?status=failed",className:"ss-dash-widget-row-link",children:[t("span",{children:"Failed"}),t("span",{className:"ss-dash-secondary-list-value",style:l.jobQueueStatus.failed>0?{color:"var(--ss-red-fg)"}:void 0,children:l.jobQueueStatus.failed})]})}),t("li",{children:t("a",{href:"#jobs?status=completed",className:"ss-dash-widget-row-link",children:[t("span",{children:"Completed"}),t("span",{className:"ss-dash-secondary-list-value",children:l.jobQueueStatus.completed})]})})]})]}),t("div",{className:"ss-dash-secondary-card",children:[t("div",{className:"ss-dash-secondary-card-title",children:t("a",{href:"#requests",className:"ss-dash-widget-link",children:"Response Status"})}),t("ul",{className:"ss-dash-secondary-list",children:[t("li",{children:t("a",{href:"#requests?status=2xx",className:"ss-dash-widget-row-link",children:[t("span",{style:{color:"var(--ss-green-fg)"},children:"2xx"}),t("span",{className:"ss-dash-secondary-list-value",children:l.statusDistribution["2xx"]})]})}),t("li",{children:t("a",{href:"#requests?status=3xx",className:"ss-dash-widget-row-link",children:[t("span",{style:{color:"var(--ss-blue-fg)"},children:"3xx"}),t("span",{className:"ss-dash-secondary-list-value",children:l.statusDistribution["3xx"]})]})}),t("li",{children:t("a",{href:"#requests?status=4xx",className:"ss-dash-widget-row-link",children:[t("span",{style:{color:"var(--ss-amber-fg)"},children:"4xx"}),t("span",{className:"ss-dash-secondary-list-value",children:l.statusDistribution["4xx"]})]})}),t("li",{children:t("a",{href:"#requests?status=5xx",className:"ss-dash-widget-row-link",children:[t("span",{style:{color:"var(--ss-red-fg)"},children:"5xx"}),t("span",{className:"ss-dash-secondary-list-value",children:l.statusDistribution["5xx"]})]})})]})]}),t("div",{className:"ss-dash-secondary-card",children:[t("div",{className:"ss-dash-secondary-card-title",children:t("a",{href:"#queries",className:"ss-dash-widget-link",children:"Slowest Queries"})}),l.slowestQueries.length===0?t("div",{className:"ss-dash-empty",style:{minHeight:"60px"},children:"No query data yet"}):t("ul",{className:"ss-dash-secondary-list",children:l.slowestQueries.slice(0,5).map((u,N)=>{const b=u.sqlNormalized||u.normalizedSql||u.sql_normalized||u.sql||"-";return t("li",{children:t("a",{href:`#queries?pattern=${encodeURIComponent(b)}`,className:"ss-dash-widget-row-link",children:[t("span",{title:b,children:b}),t("span",{className:`ss-dash-secondary-list-value ss-dash-duration ${Wt(u.avgDuration)}`,children:re(u.avgDuration)})]})},N)})})]})]})]})}const In=Object.freeze(Object.defineProperty({__proto__:null,OverviewSection:Kt,default:Kt},Symbol.toStringTag,{value:"Module"}));function Bn(e){if(!e)return[];if(typeof e=="string")try{return JSON.parse(e)}catch{return[]}return Array.isArray(e)?e:[]}function Un(e){if(!e)return[];if(typeof e=="string")try{return JSON.parse(e)}catch{return[]}return Array.isArray(e)?e:[]}function Qe(e,s,n,r=0){return e[s]||e[n]||r}function Jt(e){return{method:e.method||"",url:e.url||"",statusCode:Qe(e,"status_code","statusCode"),totalDuration:Qe(e,"total_duration","totalDuration")||e.duration||0,spanCount:Qe(e,"span_count","spanCount"),spans:Bn(e.spans),warnings:Un(e.warnings)}}function Ge(e="",s){const n=V(null);return P(()=>(n.current||(n.current=new We({baseUrl:e,authToken:s})),n.current),[e,s])}function zn({color:e="muted",children:s,className:n="",classPrefix:r="ss-dash"}){return t("span",{className:`${r}-badge ${r}-badge-${e} ${n}`,children:s})}function me({method:e,className:s="",classPrefix:n="ss-dash"}){return t("span",{className:`${n}-method ${n}-method-${e.toLowerCase()} ${s}`,children:e})}function Pe({code:e,className:s="",classPrefix:n="ss-dash"}){let r=`${n}-status-2xx`;return e>=500?r=`${n}-status-5xx`:e>=400?r=`${n}-status-4xx`:e>=300&&(r=`${n}-status-3xx`),t("span",{className:`${n}-status ${r} ${s}`,children:e})}const Hn="ss-col-resize",Qt="ss-resizing";function Gt(e){const s=Array.from(e.querySelectorAll("thead th"));if(s.length===0)return()=>{};const n=[];let r=!1;function o(){if(!r){r=!0;for(const a of s)a.style.width=a.offsetWidth+"px";e.style.tableLayout="fixed"}}for(const a of s){let l=function(d){d.preventDefault(),d.stopPropagation(),o();const c=d.clientX,p=a.offsetWidth;i.classList.add(Qt),i.setPointerCapture(d.pointerId);function h(f){const _=f.clientX-c,g=Math.max(30,p+_);a.style.width=g+"px"}function y(){i.classList.remove(Qt),i.removeEventListener("pointermove",h),i.removeEventListener("pointerup",y)}i.addEventListener("pointermove",h),i.addEventListener("pointerup",y)};if(!a.textContent?.trim())continue;const i=document.createElement("div");i.className=Hn,a.appendChild(i),i.addEventListener("pointerdown",l),n.push(()=>{i.removeEventListener("pointerdown",l),i.remove()})}return()=>{for(const a of n)a()}}function Vn(e=[]){const s=V(null),n=V(null);return H(()=>(s.current&&(n.current?.(),n.current=Gt(s.current)),()=>{n.current?.(),n.current=null}),e),P(o=>{n.current?.(),n.current=null,s.current=o,o&&(n.current=Gt(o))},[])}function te({columns:e,data:s,keyField:n="id",sort:r,sortDir:o,onSort:a,onRowClick:l,rowClassName:i,emptyMessage:d="No data",className:c="",renderAfterRow:p}){const h=P(f=>{a&&a(f)},[a]),y=Vn([s,e]);return s.length===0?t("div",{className:"ss-dash-empty",children:d}):t("table",{ref:y,className:`ss-dash-table ${c}`,children:[t("colgroup",{children:e.map(f=>t("col",{style:f.width?{width:f.width}:void 0},f.key))}),t("thead",{children:t("tr",{children:e.map(f=>t("th",{onClick:f.sortable?()=>h(f.key):void 0,className:f.sortable?"ss-dash-sortable":"",children:[f.label,r===f.key&&t("span",{className:"ss-dash-sort-arrow",children:o==="asc"?" ▲":" ▼"})]},f.key))})}),t("tbody",{children:s.map((f,_)=>{const g=i?typeof i=="function"?i(f):i:"",S=l?"ss-dash-clickable":"";return t(Us.Fragment,{children:[t("tr",{onClick:l?()=>l(f):void 0,className:`${S} ${g}`.trim(),children:e.map(k=>t("td",{children:k.render?k.render(f[k.key],f):f[k.key]??"-"},k.key))}),p?p(f,_):null]},f[n]??_)})})]})}function se({search:e,onSearchChange:s,placeholder:n="Search...",summary:r,children:o,className:a=""}){const l=P(()=>{s("")},[s]);return t("div",{className:`ss-dash-filter-bar ${a}`,children:[r!=null&&t("span",{className:"ss-dash-summary",children:r}),t("div",{className:"ss-dash-search-wrapper",children:[t("svg",{className:"ss-dash-search-icon",width:"14",height:"14",viewBox:F.search.viewBox,fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",dangerouslySetInnerHTML:{__html:F.search.elements.join("")}}),t("input",{type:"text",className:"ss-dash-search",placeholder:n,value:e,onChange:i=>s(i.target.value)}),e&&t("button",{type:"button",className:"ss-dash-search-clear",onClick:l,children:"×"})]}),o&&t("div",{className:"ss-dash-filter-controls",children:o})]})}function oe({page:e,lastPage:s,total:n,onPageChange:r,className:o=""}){const a=z(()=>Zs(e,s),[e,s]),l=P(()=>{e>1&&r(e-1)},[e,r]),i=P(()=>{e<s&&r(e+1)},[e,s,r]);return s<=1?null:t("div",{className:`ss-dash-pagination ${o}`,children:[t("span",{className:"ss-dash-page-info",children:["Page ",e," of ",s," (",n," total)"]}),t("div",{className:"ss-dash-pagination-controls",children:[t("button",{type:"button",className:"ss-dash-page-btn",onClick:l,disabled:e<=1,children:"« Prev"}),a.map((d,c)=>d==="..."?t("span",{className:"ss-dash-page-ellipsis",children:"..."},`ellipsis-${c}`):t("button",{type:"button",className:`ss-dash-page-btn ${d===e?"ss-dash-active":""}`,onClick:()=>r(d),children:d},d)),t("button",{type:"button",className:"ss-dash-page-btn",onClick:i,disabled:e>=s,children:"Next »"})]})]})}const Yt={request:"#1e3a5f",middleware:"rgba(30, 58, 95, 0.7)",db:"#6d28d9",view:"#0e7490",mail:"#059669",event:"#b45309",custom:"var(--ss-dim)"},Wn={request:"Request",middleware:"Middleware",db:"DB",mail:"Mail",event:"Event",view:"View",custom:"Custom"};function Xt({spans:e,totalDuration:s,className:n="",warnings:r}){const o=e||[],a=z(()=>[...o].sort((i,d)=>i.startOffset-d.startOffset),[o]),l=z(()=>{const i={};for(const d of a)i[d.id]=d.parentId?(i[d.parentId]||0)+1:0;return i},[a]);return o.length===0?t("div",{className:"ss-dash-empty",children:"No spans recorded"}):t("div",{className:`ss-dash-tl-waterfall ${n}`,children:[t("div",{className:"ss-dash-tl-legend",children:Object.entries(Wn).map(([i,d])=>t("div",{className:"ss-dash-tl-legend-item",children:[t("span",{className:"ss-dash-tl-legend-dot",style:{background:Yt[i]||Yt.custom}}),t("span",{children:d})]},i))}),a.map(i=>{const d=s>0?i.startOffset/s*100:0,c=s>0?Math.max(i.duration/s*100,.5):1,p=l[i.id]||0,h=i.label.length>50?i.label.slice(0,50)+"...":i.label,y=i.category==="db"?"DB":i.category,f=i.category==="db"?"purple":i.category==="mail"?"green":i.category==="event"?"amber":i.category==="view"?"blue":"muted",_=i.metadata?Object.entries(i.metadata).filter(([,S])=>S!=null).map(([S,k])=>`${S}=${k}`).join(", "):"",g=_?`${i.label} (${i.duration.toFixed(2)}ms)
+${_}`:`${i.label} (${i.duration.toFixed(2)}ms)`;return t("div",{className:"ss-dash-tl-row",children:[t("div",{className:"ss-dash-tl-label",title:g,style:{paddingLeft:8+p*16+"px"},children:[t("span",{className:`ss-dash-badge ss-dash-badge-${f}`,style:{fontSize:"9px",marginRight:"4px"},children:y}),h]}),t("div",{className:"ss-dash-tl-track",children:t("div",{className:`ss-dash-tl-bar ss-dash-tl-bar-${i.category||"custom"}`,style:{left:`${d}%`,width:`${c}%`},title:g})}),t("span",{className:"ss-dash-tl-dur",children:[i.duration.toFixed(2),"ms"]})]},i.id)}),r&&r.length>0&&t("div",{className:"ss-dash-tl-warnings",children:[t("div",{className:"ss-dash-tl-warnings-title",children:["Warnings (",r.length,")"]}),r.map((i,d)=>t("div",{className:"ss-dash-tl-warning",children:i},d))]})]})}function Zt({options:e={}}){const[s,n]=x(1),[r,o]=x(""),[a,l]=x("createdAt"),[i,d]=x("desc"),[c,p]=x(null),[h,y]=x(!1);H(()=>n(1),[r]);const{data:f,meta:_,isLoading:g,error:S}=J("requests",{...e,page:s,search:r,sort:a,sortDir:i}),k=Ge(e.baseUrl||"",e.authToken),w=P(b=>{const L=b.id;y(!0);const M=e.dashboardEndpoint||"/__stats/api";k().fetch(`${M}/requests/${L}`).then(q=>{p(q),y(!1)}).catch(()=>{y(!1)})},[k,e.dashboardEndpoint]),u=P(b=>{a===b?d(L=>L==="asc"?"desc":"asc"):(l(b),d("desc"))},[a]),N=f||[];if(c){const b=Jt(c);return t("div",{children:[t("div",{className:"ss-dash-tl-detail-header",children:[t("button",{type:"button",className:"ss-dash-btn",onClick:()=>p(null),children:"← Back to Requests"}),t(me,{method:b.method}),t("span",{style:{color:"var(--ss-text)"},children:b.url}),t(Pe,{code:b.statusCode}),t("span",{className:"ss-dash-tl-meta",children:[b.totalDuration.toFixed(1),"ms · ",b.spanCount," spans"]})]}),t(Xt,{spans:b.spans,totalDuration:b.totalDuration,warnings:b.warnings})]})}return h?t("div",{children:[t("div",{className:"ss-dash-tl-detail-header",children:t("button",{type:"button",className:"ss-dash-btn",onClick:()=>y(!1),children:"← Back to Requests"})}),t("div",{className:"ss-dash-empty",children:"Loading request detail..."})]}):t("div",{children:[t(se,{search:r,onSearchChange:o,placeholder:"Filter requests...",summary:`${_?.total??0} requests`}),S&&t("div",{className:"ss-dash-empty",children:"Failed to load requests"}),g&&!f?t("div",{className:"ss-dash-empty",children:"Loading requests..."}):t(D,{children:[t("div",{className:"ss-dash-table-wrap",children:t(te,{columns:[{key:"id",label:"#",width:"40px",render:b=>t("span",{style:{color:"var(--ss-dim)"},children:b})},{key:"method",label:"Method",width:"70px",sortable:!0,render:b=>t(me,{method:b})},{key:"url",label:"URL",sortable:!0,render:b=>t("span",{style:{color:"var(--ss-text)",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},title:b,children:b})},{key:"statusCode",label:"Status",width:"60px",sortable:!0,render:(b,L)=>{const M=L.status_code||L.statusCode||L.statusCode;return t(Pe,{code:M})}},{key:"duration",label:"Duration",width:"80px",sortable:!0,render:(b,L)=>{const M=L.total_duration||L.totalDuration||L.duration||0;return t("span",{className:`ss-dash-duration ${Y(M)==="very-slow"?"ss-dash-very-slow":Y(M)==="slow"?"ss-dash-slow":""}`,children:[M.toFixed(1),"ms"]})}},{key:"spanCount",label:"Spans",width:"50px",render:(b,L)=>{const M=L.span_count||L.spanCount||0;return t("span",{style:{color:"var(--ss-muted)",textAlign:"center"},children:M})}},{key:"warningCount",label:"⚠",width:"40px",render:(b,L)=>{const M=L.warning_count||L.warningCount||0;return M>0?t("span",{style:{color:"var(--ss-amber-fg)",textAlign:"center",display:"block"},children:M}):t("span",{style:{color:"var(--ss-dim)",textAlign:"center",display:"block"},children:"-"})}},{key:"createdAt",label:"Time",width:"80px",sortable:!0,render:(b,L)=>{const M=L.createdAt||L.created_at||L.timestamp||"";return t("span",{className:"ss-dash-event-time",title:ae(M),children:X(M)})}}],data:N,sort:a,sortDir:i,onSort:u,onRowClick:w,emptyMessage:"No requests recorded yet"})}),_&&t(oe,{page:_.page,lastPage:_.lastPage,total:_.total,onPageChange:n})]})]})}const Kn=Object.freeze(Object.defineProperty({__proto__:null,RequestsSection:Zt,default:Zt},Symbol.toStringTag,{value:"Module"}));function es({node:e,depth:s=0}){if(!e)return null;const n=s*20,r=e["Node Type"]||"Unknown",o=e["Relation Name"]?t(D,{children:[" on ",t("strong",{children:e["Relation Name"]})]}):null,a=e.Alias&&e.Alias!==e["Relation Name"]?` (${e.Alias})`:"",l=e["Index Name"]?t(D,{children:[" using ",t("em",{children:e["Index Name"]})]}):null,i=[];if(e["Startup Cost"]!==null&&e["Startup Cost"]!==void 0&&i.push(`cost=${e["Startup Cost"]}..${e["Total Cost"]}`),e["Plan Rows"]!==null&&e["Plan Rows"]!==void 0&&i.push(`rows=${e["Plan Rows"]}`),e["Plan Width"]!==null&&e["Plan Width"]!==void 0&&i.push(`width=${e["Plan Width"]}`),e.Filter&&i.push(`filter: ${e.Filter}`),e["Index Cond"]&&i.push(`cond: ${e["Index Cond"]}`),e["Hash Cond"]&&i.push(`hash: ${e["Hash Cond"]}`),e["Join Type"]&&i.push(`join: ${e["Join Type"]}`),e["Sort Key"]){const c=Array.isArray(e["Sort Key"])?e["Sort Key"].join(", "):e["Sort Key"];i.push(`sort: ${c}`)}const d=e.Plans||[];return t("div",{className:"ss-dash-explain-node",style:{marginLeft:`${n}px`},children:[t("div",{className:"ss-dash-explain-node-header",children:[t("span",{className:"ss-dash-explain-node-type",children:r}),o,a,l]}),i.length>0&&t("div",{className:"ss-dash-explain-metrics",children:i.join(" · ")}),d.map((c,p)=>t(es,{node:c,depth:s+1},p))]})}function Jn({plan:e}){if(!e||!Array.isArray(e)||e.length===0)return t("div",{className:"ss-dash-explain-result",children:"No plan data returned"});const s=e[0];if(s&&s.Plan)return t("div",{className:"ss-dash-explain-result",children:t(es,{node:s.Plan,depth:0})});if(typeof s=="object"&&s!==null){const n=Object.keys(s);return t("div",{className:"ss-dash-explain-result",children:t("table",{children:[t("thead",{children:t("tr",{children:n.map(r=>t("th",{children:r},r))})}),t("tbody",{children:e.map((r,o)=>{const a=r;return t("tr",{children:n.map(l=>t("td",{children:a[l]!==null&&a[l]!==void 0?String(a[l]):"-"},l))},o)})})]})})}return t("div",{className:"ss-dash-explain-result",children:"No plan data returned"})}const Qn=8;function ts({options:e={}}){const[s,n]=x(1),[r,o]=x(""),[a,l]=x("createdAt"),[i,d]=x("desc"),[c,p]=x("list"),[h,y]=x(null),[f,_]=x(null),[g,S]=x(null),k=P(m=>{m!==c&&(p(m),n(1),l(m==="list"?"createdAt":"count"),d("desc"),y(null),_(null),S(null))},[c]);H(()=>n(1),[r]);const w=c==="grouped"?"queries/grouped":"queries",{data:u,meta:N,isLoading:b,mutate:L}=J(w,{...e,page:s,search:r,sort:a,sortDir:i}),M=P(m=>{a===m?d(v=>v==="asc"?"desc":"asc"):(l(m),d("desc"))},[a]),q=P(async m=>{if(f&&f.queryId===m){_(null);return}S(m);try{const v=await L(`queries/${m}/explain`);v&&v.error?_({queryId:m,plan:[],error:v.error,message:v.message}):_({queryId:m,plan:v?.plan||v?.rows||[]})}catch(v){console.warn("[ss] Query explain failed:",v),_({queryId:m,plan:[],error:v instanceof Error?v.message:String(v)})}finally{S(null)}},[L,f]),O=P(m=>{const v=m.id;return!f||f.queryId!==v?null:t("tr",{className:"ss-dash-explain-row",children:t("td",{colSpan:Qn,className:"ss-dash-explain",children:t("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"start"},children:[t("div",{style:{flex:1},children:f.error?t("div",{className:"ss-dash-explain-result ss-dash-explain-error",children:[t("strong",{children:"Error:"})," ",f.error,f.message&&t(D,{children:[t("br",{}),f.message]})]}):t(Jn,{plan:f.plan})}),t("button",{type:"button",className:"ss-dash-explain-btn",onClick:()=>_(null),style:{marginLeft:"8px",flexShrink:0},children:"Close"})]})})})},[f]),U=c==="grouped"?u?.groups||[]:u||[],E=z(()=>c!=="grouped"?U:U.map(m=>{const v={...m};return(v.sqlNormalized===null||v.sqlNormalized===void 0)&&(m.sql_normalized||m.pattern)&&(v.sqlNormalized=m.sql_normalized||m.pattern||""),(v.count===null||v.count===void 0)&&m.total_count!==null&&m.total_count!==void 0&&(v.count=m.total_count),(v.avgDuration===null||v.avgDuration===void 0)&&m.avg_duration!==null&&m.avg_duration!==void 0&&(v.avgDuration=m.avg_duration),(v.maxDuration===null||v.maxDuration===void 0)&&m.max_duration!==null&&m.max_duration!==void 0&&(v.maxDuration=m.max_duration),(v.minDuration===null||v.minDuration===void 0)&&m.min_duration!==null&&m.min_duration!==void 0&&(v.minDuration=m.min_duration),(v.totalDuration===null||v.totalDuration===void 0)&&m.total_duration!==null&&m.total_duration!==void 0&&(v.totalDuration=m.total_duration),(v.percentOfTotal===null||v.percentOfTotal===void 0)&&m.pct_time!==null&&m.pct_time!==void 0&&(v.percentOfTotal=m.pct_time),v}),[U,c]),$=z(()=>{const m=N?.total??E.length;let v=0,C=0,T=0,j=0;for(const K of E){const ce=K.duration||0;T+=ce,j++,ce>Ft&&v++}const G=new Map;for(const K of E){const ce=K.sqlNormalized||K.sql||K.sql_text||"";G.set(ce,(G.get(ce)||0)+1)}for(const K of G.values())K>1&&(C+=K);return{total:m,slow:v,duplicates:C,avgDuration:j>0?T/j:0}},[E,N]),R=z(()=>{const m=new Map;for(const v of E){const C=v.sqlNormalized||v.sql||v.sql_text||"";m.set(C,(m.get(C)||0)+1)}return m},[E]),ne=z(()=>{if(c==="grouped")return`${E.length} query patterns`;const m=[`${$.total} queries`];return $.slow>0&&m.push(`${$.slow} slow`),$.duplicates>0&&m.push(`${$.duplicates} dup`),m.push(`avg ${($.avgDuration||0).toFixed(1)}ms`),m.join(", ")},[c,E.length,$]);return t("div",{children:[t(se,{search:r,onSearchChange:o,placeholder:"Filter queries...",summary:ne,children:t("div",{className:"ss-dash-btn-group",children:[t("button",{type:"button",className:`ss-dash-btn ${c==="list"?"ss-dash-active":""}`,onClick:()=>k("list"),children:"List"}),t("button",{type:"button",className:`ss-dash-btn ${c==="grouped"?"ss-dash-active":""}`,onClick:()=>k("grouped"),children:"Grouped"})]})}),b&&!u?t("div",{className:"ss-dash-empty",children:"Loading queries..."}):c==="grouped"?t(D,{children:t("div",{className:"ss-dash-table-wrap",children:t(te,{columns:[{key:"sqlNormalized",label:"Pattern",render:(m,v)=>{const C=m||"",T=(v.count||0)>=3;return t(D,{children:[t("span",{className:`ss-dash-sql ${h===C?"ss-dash-expanded":""}`,title:"Click to expand",onClick:j=>{j.stopPropagation(),y(h===C?null:C)},role:"button",tabIndex:0,onKeyDown:j=>j.key==="Enter"&&y(h===C?null:C),children:C}),T&&t(D,{children:[" ",t("span",{className:"ss-dash-dup",children:"DUP"})]})]})}},{key:"count",label:"Count",width:"60px",sortable:!0,render:m=>t("span",{style:{color:"var(--ss-muted)",textAlign:"center",display:"block"},children:m||0})},{key:"avgDuration",label:"Avg",width:"70px",sortable:!0,render:m=>{const v=m||0;return t("span",{className:`ss-dash-duration ${Y(v)==="very-slow"?"ss-dash-very-slow":Y(v)==="slow"?"ss-dash-slow":""}`,children:v.toFixed(2)+"ms"})}},{key:"minDuration",label:"Min",width:"70px",render:m=>t("span",{className:"ss-dash-duration",children:(m||0).toFixed(2)+"ms"})},{key:"maxDuration",label:"Max",width:"70px",render:m=>{const v=m||0;return t("span",{className:`ss-dash-duration ${Y(v)==="very-slow"?"ss-dash-very-slow":Y(v)==="slow"?"ss-dash-slow":""}`,children:v.toFixed(2)+"ms"})}},{key:"totalDuration",label:"Total",width:"70px",sortable:!0,render:m=>t("span",{className:"ss-dash-duration",children:(m||0).toFixed(1)+"ms"})},{key:"percentOfTotal",label:"% Time",width:"60px",render:m=>t("span",{style:{color:"var(--ss-muted)",textAlign:"center",display:"block"},children:(m||0).toFixed(1)+"%"})}],data:E,keyField:"sqlNormalized",sort:a,sortDir:i,onSort:M,emptyMessage:"No queries recorded"})})}):t(D,{children:[t("div",{className:"ss-dash-table-wrap",children:t(te,{columns:[{key:"id",label:"#",width:"40px",render:m=>t("span",{style:{color:"var(--ss-dim)"},children:m})},{key:"sql",label:"SQL",render:(m,v)=>{const C=v.sql||v.sql_text||"";return t("div",{children:[t("span",{className:`ss-dash-sql ${h===v.id?"ss-dash-expanded":""}`,title:"Click to expand",onClick:T=>{T.stopPropagation(),y(h===v.id?null:v.id)},role:"button",tabIndex:0,onKeyDown:T=>T.key==="Enter"&&y(h===v.id?null:v.id),children:C}),(R.get((v.sqlNormalized||v.sql||v.sql_text)??"")??0)>1&&t("span",{className:"ss-dash-dup",children:["×",R.get((v.sqlNormalized||v.sql||v.sql_text)??"")]})]})}},{key:"duration",label:"Duration",width:"70px",sortable:!0,render:m=>{const v=m||0;return t("span",{className:`ss-dash-duration ${Y(v)==="very-slow"?"ss-dash-very-slow":Y(v)==="slow"?"ss-dash-slow":""}`,children:v.toFixed(2)+"ms"})}},{key:"method",label:"Method",width:"60px",render:(m,v)=>{const C=v.method||v.sql_method||"";return t("span",{className:`ss-dash-method ss-dash-method-${C.toLowerCase()}`,children:C})}},{key:"model",label:"Model",width:"90px",render:m=>t("span",{style:{color:"var(--ss-muted)",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},title:m,children:m||"-"})},{key:"connection",label:"Connection",width:"80px",render:m=>t("span",{style:{color:"var(--ss-dim)",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:m||"-"})},{key:"createdAt",label:"Time",width:"90px",sortable:!0,render:(m,v)=>{const C=m||v.created_at||v.timestamp||"";return t("span",{className:"ss-dash-event-time",title:ae(C),children:X(C)})}},{key:"id",label:"",width:"70px",render:(m,v)=>{if((v.method||v.sql_method||"")!=="select")return null;const T=f?.queryId===v.id&&!f?.error;return t("button",{type:"button",className:`ss-dash-explain-btn${T?" ss-dash-explain-btn-active":""}`,onClick:j=>{j.stopPropagation(),q(v.id)},disabled:g===v.id,children:g===v.id?"...":"EXPLAIN"})}}],data:E,sort:a,sortDir:i,onSort:M,emptyMessage:"No queries recorded",renderAfterRow:O})}),N&&t(oe,{page:N.page,lastPage:N.lastPage,total:N.total,onPageChange:n})]})]})}const Gn=Object.freeze(Object.defineProperty({__proto__:null,QueriesSection:ts,default:ts},Symbol.toStringTag,{value:"Module"}));function Ye({data:e,maxPreviewLength:s=100,className:n="",classPrefix:r="ss-dash"}){const[o,a]=x(!1),l=z(()=>{if(typeof e=="string")try{return JSON.parse(e)}catch{return e}return e},[e]),i=z(()=>typeof l=="object"&&l!==null?Je(l,s):String(l??"-"),[l,s]),d=z(()=>typeof l=="object"&&l!==null?JSON.stringify(l,null,2):String(l),[l]),c=P(()=>{a(h=>!h)},[]),p=P(async()=>{try{await navigator.clipboard.writeText(d)}catch{}},[d]);return!e&&e!==0&&e!==!1?t("span",{className:`ss-dim ${r}-c-dim`,children:"-"}):t("div",{className:`${r}-data-cell ${n}`,children:[t("span",{className:`${r}-data-preview`,onClick:c,role:"button",tabIndex:0,onKeyDown:h=>h.key==="Enter"&&c(),children:i}),o&&t("div",{className:`${r}-data-full`,onClick:c,children:[t("button",{className:`${r}-copy-btn`,onClick:h=>{h.stopPropagation(),p()},title:"Copy to clipboard",type:"button",children:"Copy"}),t("pre",{children:d})]})]})}function ss({options:e={}}){const[s,n]=x(1),[r,o]=x(""),{data:a,meta:l,isLoading:i}=J("events",{...e,page:s,search:r}),d=a||[];return H(()=>n(1),[r]),t("div",{children:[t(se,{search:r,onSearchChange:o,placeholder:"Filter events...",summary:`${l?.total??0} events`}),i&&!a?t("div",{className:"ss-dash-empty",children:"Loading events..."}):t(D,{children:[t("div",{className:"ss-dash-table-wrap",children:t(te,{columns:[{key:"id",label:"#",width:"40px",render:c=>t("span",{style:{color:"var(--ss-dim)"},children:c})},{key:"eventName",label:"Event",render:(c,p)=>{const h=p.event_name||p.eventName||p.event||"";return t("span",{className:"ss-dash-event-name",title:h,style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",display:"block"},children:h})}},{key:"data",label:"Data",render:c=>t(Ye,{data:c,maxPreviewLength:80,className:"ss-dash-event-data"})},{key:"createdAt",label:"Time",width:"80px",render:(c,p)=>{const h=p.createdAt||p.created_at||p.timestamp;return t("span",{className:"ss-dash-event-time",title:ae(h),children:X(h)})}}],data:d,emptyMessage:"No events recorded yet"})}),l&&t(oe,{page:l.page,lastPage:l.lastPage,total:l.total,onPageChange:n})]})]})}const Yn=Object.freeze(Object.defineProperty({__proto__:null,EventsSection:ss,default:ss},Symbol.toStringTag,{value:"Module"}));function ns({options:e={}}){const[s,n]=x(""),{data:r,isLoading:o,error:a}=J("routes",{...e,search:s}),l=r,i=Array.isArray(l)?l:l&&Array.isArray(l.routes)?l.routes:l&&Array.isArray(l.data)?l.data:[],d={overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"};return t("div",{children:[t(se,{search:s,onSearchChange:n,placeholder:"Filter routes...",summary:`${i.length} routes`}),a?t("div",{className:"ss-dash-empty",children:"Failed to load routes"}):o&&!r?t("div",{className:"ss-dash-empty",children:"Loading routes..."}):t(D,{children:t("div",{className:"ss-dash-table-wrap",children:t(te,{columns:[{key:"method",label:"Method",width:"70px",render:c=>t(me,{method:c})},{key:"pattern",label:"Pattern",render:c=>t("span",{style:{color:"var(--ss-text)",...d},title:c,children:c})},{key:"name",label:"Name",width:"120px",render:c=>t("span",{style:{color:"var(--ss-muted)",...d},title:c||"-",children:c||"-"})},{key:"handler",label:"Handler",render:c=>t("span",{style:{color:"var(--ss-sql-color)",...d},title:c,children:c})},{key:"middleware",label:"Middleware",render:c=>{const p=c?.length?c.join(", "):"-";return t("span",{style:{color:"var(--ss-dim)",fontSize:"10px",...d},title:p,children:p})}}],data:i,keyField:"pattern",emptyMessage:"No routes available"})})})]})}const Xn=Object.freeze(Object.defineProperty({__proto__:null,RoutesSection:ns,default:ns},Symbol.toStringTag,{value:"Module"})),Zn=["all","error","warn","info","debug"];function er(e){return(e.levelName||e.level_name||(typeof e.level=="string"?e.level:"")||"info").toLowerCase()}function tr(e){return e.msg||e.message||JSON.stringify(e)}function sr(e){return e.createdAt||e.created_at||e.time||e.timestamp||0}function nr(e){const s=e.data||{};return e.requestId||e.request_id||e["x-request-id"]||s.requestId||s.request_id||s["x-request-id"]||""}function rr(e,s="ss-dbg-log-level"){switch(e){case"error":case"fatal":return`${s}-error`;case"warn":return`${s}-warn`;case"info":return`${s}-info`;case"debug":return`${s}-debug`;case"trace":return`${s}-trace`;default:return`${s}-info`}}function rs({options:e={}}){const[s,n]=x(1),[r,o]=x(""),[a,l]=x("all"),[i,d]=x(""),[c,p]=x(""),[h,y]=x([]),[f,_]=x("level"),[g,S]=x("equals"),[k,w]=x(""),u={};a!=="all"&&(u.level=a),i&&(u.request_id=i),h.forEach((m,v)=>{u[`filter_field_${v}`]=m.field,u[`filter_op_${v}`]=m.operator,u[`filter_value_${v}`]=m.value});const{data:N,meta:b,isLoading:L}=J("logs",{...e,page:s,search:r,filters:u}),M=N||[],q=P(m=>{d(m),p(m),n(1)},[]),O=P(()=>{const m=c.trim();d(m),n(1)},[c]),U=P(()=>{d(""),p(""),n(1)},[]),E=P(()=>{l("all"),n(1)},[]),$=P(()=>{const m=k.trim();m&&(y(v=>[...v,{field:f,operator:g,value:m}]),w(""))},[f,g,k]),R=P(m=>{y(v=>v.filter((C,T)=>T!==m))},[]),ne=a!=="all"||i!==""||h.length>0;return t("div",{children:[t(se,{search:r,onSearchChange:o,placeholder:"Search logs...",summary:`${b?.total??0} logs`,children:t("div",{className:"ss-dash-log-filters",children:[Zn.map(m=>t("button",{type:"button",className:`ss-dash-log-filter ${a===m?"ss-dash-active":""}`,onClick:()=>{l(m),n(1)},children:m},m)),t("input",{type:"text",className:"ss-dash-filter-input ss-dash-reqid-input",placeholder:"Filter by request ID...",value:c,onChange:m=>p(m.target.value),onKeyDown:m=>m.key==="Enter"&&O()}),(c||i)&&t("button",{type:"button",className:"ss-dash-btn ss-dash-reqid-clear",onClick:()=>{U()},children:"Clear"})]})}),t("div",{className:"ss-dash-structured-search",children:[t("select",{className:"ss-dash-filter-select",value:f,onChange:m=>_(m.target.value),children:[t("option",{value:"level",children:"level"}),t("option",{value:"message",children:"message"}),t("option",{value:"request_id",children:"request_id"}),t("option",{value:"userId",children:"userId"}),t("option",{value:"email",children:"email"}),t("option",{value:"path",children:"path"})]}),t("select",{className:"ss-dash-filter-select",value:g,onChange:m=>S(m.target.value),children:[t("option",{value:"equals",children:"equals"}),t("option",{value:"contains",children:"contains"}),t("option",{value:"starts_with",children:"starts with"})]}),t("input",{className:"ss-dash-filter-input",placeholder:"Value...",value:k,onChange:m=>w(m.target.value),onKeyDown:m=>m.key==="Enter"&&$()}),t("button",{type:"button",className:"ss-dash-btn",onClick:$,children:"Add"})]}),ne&&t("div",{className:"ss-dash-filter-chips",children:[a!=="all"&&t("span",{className:"ss-dash-filter-chip",children:["level: ",a,t("button",{type:"button",className:"ss-dash-filter-chip-remove",onClick:E,children:"×"})]}),i&&t("span",{className:"ss-dash-filter-chip",children:["requestId: ",i.slice(0,8),"...",t("button",{type:"button",className:"ss-dash-filter-chip-remove",onClick:U,children:"×"})]}),h.map((m,v)=>t("span",{className:"ss-dash-filter-chip",children:[m.field," ",m.operator,' "',m.value,'"',t("button",{type:"button",className:"ss-dash-filter-chip-remove",onClick:()=>R(v),children:"×"})]},v))]}),L&&!N?t("div",{className:"ss-dash-empty",children:"Loading logs..."}):M.length===0?t("div",{className:"ss-dash-empty",children:["No log entries",i?` matching request ${i}`:a!=="all"?` for ${a}`:""]}):t("div",{className:"ss-dash-log-entries",children:M.map((m,v)=>{const C=er(m),T=tr(m),j=nr(m),G=sr(m);return t("div",{className:"ss-dash-log-entry",children:[t("span",{className:`ss-dash-log-level ${rr(C,"ss-dash-log-level")}`,children:C.toUpperCase()}),t("span",{className:"ss-dash-log-time",title:G?ae(G):"",children:G?X(G):"-"}),j?t("span",{className:"ss-dash-log-reqid",title:j,onClick:()=>q(j),role:"button",tabIndex:0,onKeyDown:K=>K.key==="Enter"&&q(j),children:j.slice(0,8)}):t("span",{className:"ss-dash-log-reqid-empty",children:"--"}),t("span",{className:"ss-dash-log-msg",children:T})]},m.id||v)})}),b&&t(oe,{page:b.page,lastPage:b.lastPage,total:b.total,onPageChange:n})]})}const ar=Object.freeze(Object.defineProperty({__proto__:null,LogsSection:rs,default:rs},Symbol.toStringTag,{value:"Module"}));function as({options:e={}}){const[s,n]=x(1),[r,o]=x(""),[a,l]=x(null),[i,d]=x(null),{data:c,meta:p,isLoading:h}=J("emails",{...e,page:s,search:r}),y=c||[];H(()=>n(1),[r]);const f=P(async _=>{if(_.html){l(_.id),d(_.html);return}try{const{baseUrl:g="",dashboardEndpoint:S="/__stats/api",authToken:k}=e,w=`${g}${S}/emails/${_.id}/preview`,u={Accept:"text/html"};k&&(u.Authorization=`Bearer ${k}`);const b=await(await fetch(w,{headers:u,credentials:"same-origin"})).text();l(_.id),d(b)}catch{}},[e]);if(a&&i){const _=y.find(g=>g.id===a);return t("div",{className:"ss-dash-email-preview",id:"ss-dash-email-preview",children:[t("div",{className:"ss-dash-email-preview-header",children:[t("div",{className:"ss-dash-email-preview-meta",id:"ss-dash-email-preview-meta",children:_&&t(D,{children:[t("strong",{children:"Subject:"})," ",_.subject,"  |  ",t("strong",{children:"From:"})," ",_.from_addr||_.from,"  |  ",t("strong",{children:"To:"})," ",_.to_addr||_.to,(_.cc||_.cc_addr)&&t(D,{children:["  |  ",t("strong",{children:"CC:"})," ",_.cc||_.cc_addr]}),"  |  ",t("strong",{children:"Status:"})," ",t("span",{className:`ss-dash-badge ss-dash-email-status-${_.status}`,children:_.status}),_.mailer&&t(D,{children:["  |  ",t("strong",{children:"Mailer:"})," ",_.mailer]})]})}),t("button",{type:"button",className:"ss-dash-btn",id:"ss-dash-email-preview-close",onClick:()=>{l(null),d(null)},children:"Close"})]}),t("iframe",{className:"ss-dash-email-iframe",id:"ss-dash-email-iframe",srcDoc:i,title:"Email preview",sandbox:""})]})}return t("div",{children:[t(se,{search:r,onSearchChange:o,placeholder:"Filter emails...",summary:`${p?.total??0} emails`}),h&&!c?t("div",{className:"ss-dash-empty",children:"Loading emails..."}):t(D,{children:[t("div",{className:"ss-dash-table-wrap",children:t(te,{columns:[{key:"id",label:"#",width:"40px",render:_=>t("span",{style:{color:"var(--ss-dim)"},children:_})},{key:"from",label:"From",width:"150px",render:(_,g)=>{const S=g.from_addr||g.from||"";return t("span",{title:S,style:{color:"var(--ss-text-secondary)",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",display:"block"},children:S})}},{key:"to",label:"To",width:"150px",render:(_,g)=>{const S=g.to_addr||g.to||"";return t("span",{title:S,style:{color:"var(--ss-text-secondary)",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",display:"block"},children:S})}},{key:"subject",label:"Subject",render:_=>{const g=_||"";return t("span",{title:g,style:{color:"var(--ss-sql-color)",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",display:"block"},children:g})}},{key:"status",label:"Status",width:"80px",render:_=>{const g=_||"";return t("span",{className:`ss-dash-badge ss-dash-email-status-${g}`,children:g})}},{key:"attachmentCount",label:"ATT",width:"40px",render:(_,g)=>{const S=g.attachment_count||g.attachmentCount||0;return S>0?t("span",{style:{color:"var(--ss-dim)",textAlign:"center",display:"block"},children:S}):t("span",{style:{color:"var(--ss-dim)",textAlign:"center",display:"block"},children:"-"})}},{key:"mailer",label:"Mailer",width:"70px",render:_=>{const g=_||"";return t("span",{title:g,style:{color:"var(--ss-muted)",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",display:"block"},children:g})}},{key:"createdAt",label:"Time",width:"80px",render:(_,g)=>{const S=g.createdAt||g.created_at||g.timestamp;return t("span",{className:"ss-dash-event-time",style:{whiteSpace:"nowrap"},title:ae(S),children:X(S)})}}],data:y,onRowClick:f,rowClassName:"ss-dash-email-row",emptyMessage:"No emails captured yet"})}),p&&t(oe,{page:p.page,lastPage:p.lastPage,total:p.total,onPageChange:n})]})]})}const lr=Object.freeze(Object.defineProperty({__proto__:null,EmailsSection:as,default:as},Symbol.toStringTag,{value:"Module"}));function ls({options:e={},tracingEnabled:s=!0}){const[n,r]=x(1),[o,a]=x(""),[l,i]=x(null),[d,c]=x(null),[p,h]=x(!1),{data:y,meta:f,isLoading:_,error:g}=J("traces",{...e,page:n,search:o}),S=y||[],k=Ge(e.baseUrl||"",e.authToken);H(()=>{if(!l){c(null);return}let u=!1;h(!0);const N=e.dashboardEndpoint||"/__stats/api";return k().fetch(`${N}/traces/${l}`).then(b=>{u||(c(b),h(!1))}).catch(()=>{u||h(!1)}),()=>{u=!0}},[l,k,e.dashboardEndpoint]);const w=P(()=>i(null),[]);if(!s)return t("div",{className:"ss-dash-empty",children:"Tracing is not enabled. Enable tracing in your server-stats config to use the timeline."});if(l&&d){const u=Jt(d);return t("div",{children:[t("div",{className:"ss-dash-tl-detail-header",children:[t("button",{type:"button",className:"ss-dash-btn",onClick:w,children:"← Back"}),t(me,{method:u.method}),t("span",{style:{color:"var(--ss-text)"},children:u.url}),t(Pe,{code:u.statusCode}),t("span",{className:"ss-dash-tl-meta",children:[u.totalDuration.toFixed(1),"ms · ",u.spanCount," spans"]})]}),t(Xt,{spans:u.spans,totalDuration:u.totalDuration,warnings:u.warnings})]})}return l&&p?t("div",{children:[t("div",{className:"ss-dash-tl-detail-header",children:t("button",{type:"button",className:"ss-dash-btn",onClick:w,children:"← Back"})}),t("div",{className:"ss-dash-empty",children:"Loading trace detail..."})]}):t("div",{children:[t(se,{search:o,onSearchChange:a,placeholder:"Filter traces...",summary:`${f?.total??0} traces`}),g&&t("div",{className:"ss-dash-empty",children:"Failed to load traces"}),_&&!y?t("div",{className:"ss-dash-empty",children:"Loading traces..."}):t(D,{children:[t("div",{className:"ss-dash-table-wrap",children:t(te,{columns:[{key:"id",label:"#",width:"40px",render:u=>t("span",{style:{color:"var(--ss-dim)"},children:u})},{key:"method",label:"Method",width:"70px",render:u=>t(me,{method:u})},{key:"url",label:"URL",render:u=>t("span",{style:{color:"var(--ss-text)",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},title:u,children:u})},{key:"statusCode",label:"Status",width:"60px",render:u=>t(Pe,{code:u})},{key:"totalDuration",label:"Duration",width:"80px",render:u=>t("span",{className:`ss-dash-duration ${Y(u)==="very-slow"?"ss-dash-very-slow":Y(u)==="slow"?"ss-dash-slow":""}`,children:[u.toFixed(1),"ms"]})},{key:"spanCount",label:"Spans",width:"50px",render:u=>t("span",{style:{color:"var(--ss-muted)",textAlign:"center"},children:u})},{key:"createdAt",label:"Time",width:"80px",render:u=>t("span",{className:"ss-dash-event-time",title:ae(u),children:X(u)})}],data:S,onRowClick:u=>i(u.id),emptyMessage:"No traces recorded"})}),f&&t(oe,{page:f.page,lastPage:f.lastPage,total:f.total,onPageChange:r})]})]})}const ir=Object.freeze(Object.defineProperty({__proto__:null,TimelineSection:ls,default:ls},Symbol.toStringTag,{value:"Module"}));function is({options:e={}}){const[s,n]=x(""),[r,o]=x(null),[a,l]=x(null),[i,d]=x(!1),[c,p]=x(null),{data:h,isLoading:y,mutate:f,getApi:_}=J("cache",{...e,search:s}),g=h,S=P(async w=>{if(confirm(`Delete cache key "${w}"?`))try{await f(`cache/${encodeURIComponent(w)}`,"delete"),r===w&&(o(null),l(null),p(null))}catch{}},[f,r]),k=P(async w=>{if(r===w){o(null),l(null),p(null);return}o(w),l(null),p(null),d(!0);try{const N=await _().fetchCacheKey(w);l(N.value!==void 0?N.value:N.data!==void 0?N.data:N),p(null)}catch{l(null),p("Failed to fetch key value")}finally{d(!1)}},[r,_]);return t("div",{children:[g?.available&&g?.stats&&t("div",{className:"ss-dash-cache-stats",children:[t("div",{className:"ss-dash-cache-stat",children:[t("span",{className:"ss-dash-cache-stat-label",children:"Hit Rate:"}),t("span",{className:"ss-dash-cache-stat-value",children:[(g.stats.hitRate??0).toFixed(1),"%"]})]}),t("div",{className:"ss-dash-cache-stat",children:[t("span",{className:"ss-dash-cache-stat-label",children:"Hits:"}),t("span",{className:"ss-dash-cache-stat-value",children:g.stats.hits??0})]}),t("div",{className:"ss-dash-cache-stat",children:[t("span",{className:"ss-dash-cache-stat-label",children:"Misses:"}),t("span",{className:"ss-dash-cache-stat-value",children:g.stats.misses??0})]}),t("div",{className:"ss-dash-cache-stat",children:[t("span",{className:"ss-dash-cache-stat-label",children:"Keys:"}),t("span",{className:"ss-dash-cache-stat-value",children:g.stats.totalKeys||g.stats.keyCount||g.keys?.length||0})]})]}),t(se,{search:s,onSearchChange:n,placeholder:"Filter cache keys...",summary:`${(g?.keys||g?.data||[]).length} keys`}),y&&!h?t("div",{className:"ss-dash-empty",children:"Loading cache..."}):!g||!g.available?t("div",{className:"ss-dash-empty",children:"Cache inspector not available"}):t("div",{className:"ss-dash-table-wrap",children:t(te,{columns:[{key:"key",label:"Key",render:w=>t("span",{title:w,style:{color:"var(--ss-sql-color)",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",display:"block"},children:w})},{key:"type",label:"Type",width:"70px",render:w=>t("span",{style:{color:"var(--ss-muted)"},children:w})},{key:"size",label:"Size",width:"60px",render:w=>w!=null&&w>0?Tn(w):"-"},{key:"ttl",label:"TTL",width:"70px",render:w=>w>0?Cn(w):"-"},{key:"_actions",label:"",width:"60px",render:(w,u)=>t("button",{type:"button",className:"ss-dash-retry-btn",onClick:N=>{N.stopPropagation(),S(u.key)},children:"Delete"})}],data:g.keys||g.data||[],keyField:"key",onRowClick:w=>k(w.key),emptyMessage:"No cache keys found"})}),r&&t("div",{className:"ss-dash-cache-detail",children:[t("h4",{children:["Key: ",r]}),i?t("div",{className:"ss-dash-empty",children:"Loading value..."}):c?t("div",{className:"ss-dash-empty",style:{color:"var(--ss-red-fg)"},children:c}):t(Ye,{data:a})]})]})}const or=Object.freeze(Object.defineProperty({__proto__:null,CacheSection:is,default:is},Symbol.toStringTag,{value:"Module"})),cr=["all","active","waiting","delayed","completed","failed"];function dr(e){switch(e){case"active":return"blue";case"waiting":return"amber";case"delayed":return"purple";case"completed":return"green";case"failed":return"red";default:return"muted"}}function hr(e){if(!e)return[];if(Array.isArray(e))return e;const s=e;return s.jobs||s.data||[]}function ur(e){if(!e||Array.isArray(e))return null;const s=e;return s.stats||s.overview||null}function os({options:e={}}){const[s,n]=x(1),[r,o]=x(""),[a,l]=x("all"),[i,d]=x({}),c={};a!=="all"&&(c.status=a);const{data:p,meta:h,isLoading:y,error:f,refresh:_,mutate:g}=J("jobs",{...e,page:s,search:r,filters:c}),S=hr(p),k=ur(p),w=P(async u=>{d(N=>({...N,[u]:"pending"}));try{await g(`jobs/${u}/retry`),d(N=>({...N,[u]:"success"})),setTimeout(()=>{d(N=>{const b={...N};return delete b[u],b}),_()},1e3)}catch{d(N=>{const b={...N};return delete b[u],b})}},[g,_]);return t("div",{children:[k&&t("div",{className:"ss-dash-job-stats",children:[t("div",{className:"ss-dash-job-stat",children:[t("span",{className:"ss-dash-job-stat-label",children:"Active:"}),t("span",{className:"ss-dash-job-stat-value",children:k.active??0})]}),t("div",{className:"ss-dash-job-stat",children:[t("span",{className:"ss-dash-job-stat-label",children:"Waiting:"}),t("span",{className:"ss-dash-job-stat-value",children:k.waiting??0})]}),t("div",{className:"ss-dash-job-stat",children:[t("span",{className:"ss-dash-job-stat-label",children:"Delayed:"}),t("span",{className:"ss-dash-job-stat-value",children:k.delayed??0})]}),t("div",{className:"ss-dash-job-stat",children:[t("span",{className:"ss-dash-job-stat-label",children:"Completed:"}),t("span",{className:"ss-dash-job-stat-value",children:k.completed??0})]}),t("div",{className:"ss-dash-job-stat",children:[t("span",{className:"ss-dash-job-stat-label",children:"Failed:"}),t("span",{className:"ss-dash-job-stat-value",style:{color:"var(--ss-red-fg)"},children:k.failed??0})]})]}),t(se,{search:r,onSearchChange:o,placeholder:"Filter jobs...",summary:`${h?.total??S.length} jobs`,children:t("div",{className:"ss-dash-btn-group",children:cr.map(u=>t("button",{type:"button",className:`ss-dash-btn ${a===u?"ss-dash-active":""}`,onClick:()=>{l(u),n(1)},children:u.charAt(0).toUpperCase()+u.slice(1)},u))})}),y&&!p?t("div",{className:"ss-dash-empty",children:"Loading jobs..."}):f?t("div",{className:"ss-dash-empty",children:"Jobs/Queue not available"}):t(D,{children:[t("div",{className:"ss-dash-table-wrap",children:t(te,{columns:[{key:"id",label:"ID",width:"40px",render:u=>t("span",{style:{color:"var(--ss-dim)"},children:u})},{key:"name",label:"Name",render:u=>t("span",{style:{color:"var(--ss-text)"},title:u,children:u})},{key:"status",label:"Status",width:"90px",render:u=>t(zn,{color:dr(u),children:u})},{key:"payload",label:"Payload",render:(u,N)=>t(Ye,{data:u||N?.data,maxPreviewLength:60})},{key:"attempts",label:"Tries",width:"50px",render:(u,N)=>t("span",{style:{color:"var(--ss-muted)",textAlign:"center",display:"block"},children:u||N.attemptsMade||0})},{key:"duration",label:"Duration",width:"75px",render:u=>t("span",{className:"ss-dash-duration",children:u!==null?re(u):"-"})},{key:"timestamp",label:"Time",width:"70px",render:(u,N)=>{const b=u||N?.createdAt||N?.processedAt||N?.created_at;return t("span",{className:"ss-dash-event-time",style:{whiteSpace:"nowrap"},title:ae(b),children:X(b)})}},{key:"_actions",label:"",width:"50px",render:(u,N)=>{const b=N.id,L=i[b];return N.status!=="failed"?null:t("button",{type:"button",className:"ss-dash-retry-btn",disabled:L==="pending"||L==="success",onClick:M=>{M.stopPropagation(),w(b)},children:L==="pending"?"...":L==="success"?"OK":"Retry"})}}],data:S,emptyMessage:"No jobs found"})}),h&&t(oe,{page:h.page,lastPage:h.lastPage,total:h.total,onPageChange:n})]})]})}const pr=Object.freeze(Object.defineProperty({__proto__:null,JobsSection:os,default:os},Symbol.toStringTag,{value:"Module"}));function W(e){return e!==null&&typeof e=="object"&&!Array.isArray(e)&&e.__redacted===!0}function Xe(e,s=""){if(typeof e!="object"||e===null||e===void 0)return[{path:s,value:e}];if(Array.isArray(e)||W(e))return[{path:s,value:e}];const n=[];for(const r of Object.keys(e)){const o=s?`${s}.${r}`:r,a=e[r];typeof a=="object"&&a!==null&&!Array.isArray(a)&&!W(a)?n.push(...Xe(a,o)):n.push({path:o,value:a})}return n}function Ze(e){return e==null?{text:"null",color:"var(--ss-dim)"}:typeof e=="boolean"?{text:String(e),color:e?"var(--ss-green-fg)":"var(--ss-red-fg)"}:typeof e=="number"?{text:String(e),color:"var(--ss-amber-fg)"}:Array.isArray(e)?{text:`[${e.map(n=>n==null?"null":typeof n=="object"?JSON.stringify(n):String(n)).join(", ")}]`,color:"var(--ss-purple-fg)"}:typeof e=="object"?{text:JSON.stringify(e),color:"var(--ss-dim)"}:{text:String(e)}}function cs(e){if(e==null||typeof e!="object"||Array.isArray(e)||W(e))return 1;let s=0;for(const n of Object.keys(e))s+=cs(e[n]);return s}function fr(e){if(e==null||typeof e!="object"||Array.isArray(e)||W(e))return[];const s=[];for(const n of Object.keys(e)){const r=e[n];r!==null&&typeof r=="object"&&!Array.isArray(r)&&!W(r)&&s.push(n)}return s}function Me(e,s,n){s&&navigator.clipboard.writeText(e).then(()=>{const r=s.textContent;s.textContent="✓",s.classList.add(`${n}-copy-row-ok`),setTimeout(()=>{s.textContent=r,s.classList.remove(`${n}-copy-row-ok`)},1200)}).catch(()=>{})}function qe({redacted:e,p:s}){const[n,r]=x(!1);return t("span",{className:`${s}-config-redacted`,style:{display:"inline-flex",alignItems:"center",gap:"4px"},children:[t("span",{children:n?e.value:e.display}),t("button",{type:"button",className:`${s}-btn`,title:n?"Hide":"Reveal",style:{padding:"0 4px",fontSize:"0.85em",lineHeight:1,minWidth:"auto"},onClick:o=>{o.stopPropagation(),r(a=>!a)},children:n?t("svg",{width:"14",height:"14",viewBox:F["eye-off"].viewBox,fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",dangerouslySetInnerHTML:{__html:F["eye-off"].elements.join("")}}):t("svg",{width:"14",height:"14",viewBox:F.eye.viewBox,fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",dangerouslySetInnerHTML:{__html:F.eye.elements.join("")}})})]})}function mr({env:e,search:s,p:n}){const r=V(new Map),o=s.toLowerCase(),a=Object.entries(e).filter(([l,i])=>{if(!o)return!0;const d=W(i)?i.display:i==null?"":String(i);return l.toLowerCase().includes(o)||d.toLowerCase().includes(o)});return t("div",{className:`${n}-config-table-wrap`,children:t("table",{className:`${n}-table ${n}-config-env-table`,children:[t("thead",{children:t("tr",{children:[t("th",{children:"Variable"}),t("th",{children:"Value"}),t("th",{style:{width:36}})]})}),t("tbody",{children:[a.map(([l,i])=>{const d=W(i),c=d?i.display:i==null?"null":String(i),p=`${l}=${c}`;return t("tr",{children:[t("td",{className:`${n}-env-key`,children:t("span",{className:`${n}-config-key`,children:l})}),t("td",{className:`${n}-env-val`,children:d?t(qe,{redacted:i,p:n}):t("span",{className:`${n}-config-val`,children:c})}),t("td",{children:!d&&t("button",{type:"button",className:`${n}-copy-row-btn`,title:"Copy",ref:h=>{r.current.set(l,h)},onClick:h=>{h.stopPropagation(),Me(p,r.current.get(l)??null,n)},children:"⎘"})})]},l)}),a.length===0&&t("tr",{children:t("td",{colSpan:3,style:{textAlign:"center",color:"var(--ss-dim)"},children:"No matching variables"})})]})]})})}function _r({source:e,search:s,p:n}){const r=V(new Map),o=s.toLowerCase(),a=Xe(e,""),l=a.filter(i=>{const d=W(i.value)?i.value.display:i.value===null||i.value===void 0?"":String(i.value);return i.path.toLowerCase().includes(o)||d.toLowerCase().includes(o)});return t("div",{className:`${n}-config-table-wrap`,children:[t("table",{className:`${n}-table`,children:[t("thead",{children:t("tr",{children:[t("th",{children:"Path"}),t("th",{children:"Value"}),t("th",{style:{width:36}})]})}),t("tbody",{children:[l.map(i=>{const d=W(i.value),c=d?null:Ze(i.value),p=d?i.value.display:c.text,h=`${i.path}: ${p}`;return t("tr",{children:[t("td",{children:t("span",{className:`${n}-config-key`,style:{whiteSpace:"nowrap"},children:i.path})}),t("td",{children:d?t(qe,{redacted:i.value,p:n}):t("span",{className:`${n}-config-val`,style:{wordBreak:"break-all",color:c.color},children:c.text})}),t("td",{children:!d&&t("button",{type:"button",className:`${n}-copy-row-btn`,title:"Copy",ref:y=>{r.current.set(i.path,y)},onClick:y=>{y.stopPropagation(),Me(h,r.current.get(i.path)??null,n)},children:"⎘"})})]},i.path)}),l.length===0&&t("tr",{children:t("td",{colSpan:3,style:{textAlign:"center",color:"var(--ss-dim)"},children:"No matching entries"})})]})]}),t("div",{style:{padding:"4px 16px",fontSize:"10px",color:"var(--ss-muted)"},children:[l.length," of ",a.length," entries"]})]})}function vr({obj:e,prefix:s,p:n}){const r=V(new Map),o=Xe(e,s);return t("table",{className:`${n}-table ${n}-config-inner-table`,children:[t("thead",{children:t("tr",{children:[t("th",{style:{width:"35%"},children:"Key"}),t("th",{children:"Value"}),t("th",{style:{width:36}})]})}),t("tbody",{children:o.map(a=>{const l=a.path.indexOf(s+".")===0?a.path.slice(s.length+1):a.path,i=W(a.value),d=i?null:Ze(a.value),c=i?a.value.display:d.text,p=`${a.path}: ${c}`;return t("tr",{children:[t("td",{title:l,children:t("span",{className:`${n}-config-key`,children:l})}),t("td",{title:c,children:i?t(qe,{redacted:a.value,p:n}):t("span",{className:`${n}-config-val`,style:{color:d.color},children:d.text})}),t("td",{children:!i&&t("button",{type:"button",className:`${n}-copy-row-btn`,title:"Copy",ref:h=>{r.current.set(a.path,h)},onClick:h=>{h.stopPropagation(),Me(p,r.current.get(a.path)??null,n)},children:"⎘"})})]},a.path)})})]})}function yr({value:e,p:s}){if(e==null)return t("span",{className:`${s}-config-val`,style:{color:"var(--ss-dim)"},children:"null"});if(W(e))return t(qe,{redacted:e,p:s});if(typeof e=="boolean")return t("span",{className:`${s}-config-val`,style:{color:e?"var(--ss-green-fg)":"var(--ss-red-fg)"},children:String(e)});if(typeof e=="number")return t("span",{className:`${s}-config-val`,style:{color:"var(--ss-amber-fg)"},children:String(e)});if(Array.isArray(e)){const n=e.map(r=>r==null?"null":typeof r=="object"?JSON.stringify(r):String(r));return t("span",{className:`${s}-config-val`,style:{color:"var(--ss-purple-fg)"},children:["[",n.join(", "),"]"]})}return typeof e=="object"?t("span",{className:`${s}-config-val`,style:{color:"var(--ss-dim)"},children:JSON.stringify(e)}):t("span",{className:`${s}-config-val`,children:String(e)})}function gr({obj:e,expandedPaths:s,onToggle:n,p:r}){if(e==null||typeof e!="object"||Array.isArray(e)||W(e))return null;const o=Object.keys(e),a=V(new Map);return t("div",{className:`${r}-config-sections`,children:o.map(l=>{const i=e[l],d=i!==null&&typeof i=="object"&&!Array.isArray(i)&&!W(i),c=s.has(l),p=W(i);return t("div",{className:`${r}-config-section`,children:[t("div",{className:`${r}-config-section-header${d?"":` ${r}-config-leaf`}`,onClick:d?()=>n(l):void 0,style:{cursor:d?"pointer":"default"},children:[d?t("span",{className:`${r}-config-toggle`,children:c?"▼":"▶"}):t("span",{className:`${r}-config-toggle`,style:{visibility:"hidden"},children:"•"}),t("span",{className:`${r}-config-key`,children:l}),d?t("span",{className:`${r}-config-count`,children:[cs(i)," entries"]}):t(D,{children:[t("span",{className:`${r}-config-val`,style:{marginLeft:"8px"},children:t(yr,{value:i,p:r})}),!p&&t("button",{type:"button",className:`${r}-copy-row-btn`,style:{marginLeft:"4px"},title:"Copy",ref:h=>{a.current.set(l,h)},onClick:h=>{h.stopPropagation();const y=Ze(i);Me(`${l}: ${y.text}`,a.current.get(l)??null,r)},children:"⎘"})]})]}),d&&c&&t("div",{className:`${r}-config-section-body`,children:t(vr,{obj:i,prefix:l,p:r})})]},l)})})}function br({data:e,isLoading:s,classPrefix:n}){const r=n,[o,a]=x(""),[l,i]=x(""),[d,c]=x("app"),[p,h]=x(new Set),[y,f]=x("Copy JSON");H(()=>{const u=setTimeout(()=>i(o),200);return()=>clearTimeout(u)},[o]);const _=e,g=P(u=>{h(N=>{const b=new Set(N);return b.has(u)?b.delete(u):b.add(u),b})},[]),S=P(()=>{if(!_)return;const u=d==="app"?_.app:_.env;if(!u)return;const N=fr(u);h(new Set(N))},[_,d]),k=P(()=>{h(new Set)},[]),w=P(async()=>{if(_)try{const u=d==="app"?_.app:_.env;await navigator.clipboard.writeText(JSON.stringify(u,null,2)),f("Copied!"),setTimeout(()=>f("Copy JSON"),1500)}catch{}},[_,d]);return t("div",{children:[t("div",{className:`${r}-config-toolbar`,style:{display:"flex",alignItems:"center",gap:"8px",padding:"8px 12px"},children:[t("button",{type:"button",className:`${r}-config-tab${d==="app"?` ${r}-active`:""}`,onClick:()=>c("app"),children:"App Config"}),t("button",{type:"button",className:`${r}-config-tab${d==="env"?` ${r}-active`:""}`,onClick:()=>c("env"),children:"Env"}),t("div",{style:{position:"relative",flex:1},children:[t("input",{type:"text",className:`${r}-search`,placeholder:"Search keys and values...",value:o,onChange:u=>a(u.target.value),style:{width:"100%"}}),o&&t("button",{type:"button",onClick:()=>a(""),style:{position:"absolute",right:"6px",top:"50%",transform:"translateY(-50%)",background:"none",border:"none",cursor:"pointer",fontSize:"14px",color:"var(--ss-dim)",padding:"0 2px",lineHeight:1},children:"×"})]}),d==="app"&&!l&&t(D,{children:[t("button",{type:"button",className:`${r}-btn`,onClick:S,children:"Expand All"}),t("button",{type:"button",className:`${r}-btn`,onClick:k,children:"Collapse All"})]}),t("button",{type:"button",className:`${r}-btn`,onClick:w,children:y})]}),s&&!e?t("div",{className:`${r}-empty`,children:"Loading config..."}):_?d==="env"?t(mr,{env:_.env??{},search:l,p:r}):l?t(_r,{source:_.app??{},search:l,p:r}):t("div",{className:`${r}-config-table-wrap`,children:t(gr,{obj:_.app,expandedPaths:p,onToggle:g,p:r})}):t("div",{className:`${r}-empty`,children:"Config not available"})]})}function ds({options:e={}}){const{data:s,isLoading:n}=J("config",e);return t(br,{data:s,isLoading:n,classPrefix:"ss-dash"})}const wr=Object.freeze(Object.defineProperty({__proto__:null,ConfigSection:ds,default:ds},Symbol.toStringTag,{value:"Module"})),Nr=["password","secret","token","key","credential","auth"];function hs(e){const s=e.toLowerCase();return Nr.some(n=>s.includes(n))}function us(e){if(e==null)return"-";if(typeof e=="string"||typeof e=="number"||typeof e=="boolean")return String(e);if(Array.isArray(e))return e.join(", ")||"-";try{return JSON.stringify(e)}catch{return String(e)}}const xr={collectionInterval:"Stats Collection",dashboardBroadcast:"Dashboard Broadcast",debugBroadcast:"Debug Broadcast",persistFlush:"Persist Flush",retentionCleanup:"Retention Cleanup"};function kr(e){return xr[e]||e}const Sr={prometheus:"Prometheus",pinoHook:"Pino Log Hook",edgePlugin:"Edge Plugin",cacheInspector:"Cache Inspector",queueInspector:"Queue Inspector"};function $r(e){return Sr[e]||e}const Cr=["healthy","active","connected","available","ready"],Tr=["errored","unavailable"];function Lr(e){return Cr.includes(e)?"ok":Tr.includes(e)?"err":""}function _e({status:e,prefix:s}){const n=Lr(e);let r=`${s}-dot`;return n==="ok"?r+=` ${s}-dot-ok`:n==="err"&&(r+=` ${s}-dot-err`),t("span",{className:r})}const ps=()=>t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"12",viewBox:F.eye.viewBox,fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",dangerouslySetInnerHTML:{__html:F.eye.elements.join("")}}),fs=()=>t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"12",viewBox:F["eye-off"].viewBox,fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",dangerouslySetInnerHTML:{__html:F["eye-off"].elements.join("")}});function Er({value:e}){const[s,n]=x(!1);return t("span",{children:[s?e:"••••••••"," ",t("button",{type:"button",onClick:()=>n(r=>!r),style:{background:"none",border:"1px solid var(--ss-border)",borderRadius:3,padding:"0 4px",fontSize:"10px",color:"var(--ss-dim)",cursor:"pointer",verticalAlign:"middle"},children:s?t(fs,{}):t(ps,{})})]})}function Ar({current:e,max:s,prefix:n}){const r=s>0?Math.min(100,Math.round(e/s*100)):0,o=r>=100;return t("div",{className:`${n}-bar`,children:[t("div",{className:`${n}-bar-track`,children:t("div",{className:`${n}-bar-fill${o?` ${n}-bar-fill-warn`:""}`,style:{width:`${r}%`}})}),t("span",{className:`${n}-bar-pct${o?` ${n}-bar-pct-warn`:""}`,children:[r,"%"]})]})}function Pr({config:e,prefix:s}){const n=Object.entries(e);return n.length===0?t("span",{className:`${s}-c-dim`,children:"-"}):t("span",{className:`${s}-c-muted`,children:n.map(([r,o],a)=>t("span",{children:[a>0&&", ",t("span",{className:`${s}-c-dim`,children:r}),"=",hs(r)&&typeof o=="string"?t(Er,{value:o}):t("span",{children:us(o)})]},r))})}function ve({label:e,value:s,prefix:n}){return t("div",{className:`${n}-info-card`,children:[t("span",{className:`${n}-info-card-label`,children:e}),t("span",{className:`${n}-info-card-value`,children:s})]})}function Mr({data:e,tableClassName:s,classPrefix:n}){const r=n||"ss-dash",[o,a]=x(new Set),l=P(d=>{a(c=>{const p=new Set(c);return p.has(d)?p.delete(d):p.add(d),p})},[]),i=P((d,c)=>{if(c==null)return t("span",{className:`${r}-c-dim`,children:"null"});if(typeof c=="boolean")return t("span",{className:c?`${r}-c-green`:`${r}-c-red`,children:String(c)});if(Array.isArray(c))return t("span",{children:c.join(", ")||"-"});const p=us(c);if(hs(d)){const h=o.has(d);return t("span",{children:[h?p:"••••••••"," ",t("button",{type:"button",onClick:()=>l(d),style:{background:"none",border:"1px solid var(--ss-border)",borderRadius:3,padding:"0 4px",fontSize:"10px",color:"var(--ss-dim)",cursor:"pointer",verticalAlign:"middle"},children:h?t(fs,{}):t(ps,{})})]})}return t("span",{children:p})},[o,l,r]);return t("div",{children:[t("h3",{className:`${r}-internals-title`,children:"Package Info"}),t("div",{className:`${r}-info-cards`,children:[t(ve,{label:"Version",value:e.package.version||"-",prefix:r}),t(ve,{label:"Node.js",value:e.package.nodeVersion||"-",prefix:r}),t(ve,{label:"AdonisJS",value:e.package.adonisVersion||"-",prefix:r}),t(ve,{label:"Uptime",value:$n(e.package.uptime),prefix:r}),t(ve,{label:"Renderer",value:e.devToolbar?.renderer||"preact",prefix:r})]}),e.collectors.length>0&&t(D,{children:[t("h3",{className:`${r}-internals-title`,children:"Collectors"}),t("table",{className:s,children:[t("thead",{children:t("tr",{children:[t("th",{children:"Collector"}),t("th",{children:"Status"}),t("th",{children:"Last Error"}),t("th",{children:"Config"})]})}),t("tbody",{children:e.collectors.map(d=>t("tr",{children:[t("td",{children:[t("code",{children:d.name}),d.label&&d.label!==d.name&&t("span",{className:`${r}-c-dim`,children:[" ",d.label]})]}),t("td",{children:[t(_e,{status:d.status,prefix:r}),d.status]}),t("td",{className:d.lastError?`${r}-c-red`:`${r}-c-dim`,children:d.lastError?t(D,{children:[d.lastError,d.lastErrorAt&&t("span",{className:`${r}-c-dim`,style:{fontSize:"10px"},children:X(d.lastErrorAt)})]}):"-"}),t("td",{children:t(Pr,{config:d.config,prefix:r})})]},d.name))})]})]}),t("h3",{className:`${r}-internals-title`,children:"Buffers"}),t("table",{className:s,children:[t("thead",{children:t("tr",{children:[t("th",{children:"Buffer"}),t("th",{children:"Usage"}),t("th",{children:"Fill %"})]})}),t("tbody",{children:Object.entries(e.buffers).map(([d,c])=>t("tr",{children:[t("td",{style:{textTransform:"capitalize"},children:d}),t("td",{children:[c.current.toLocaleString()," / ",c.max.toLocaleString()]}),t("td",{children:t(Ar,{current:c.current,max:c.max,prefix:r})})]},d))})]}),t("h3",{className:`${r}-internals-title`,children:"Timers"}),t("table",{className:s,children:[t("thead",{children:t("tr",{children:[t("th",{children:"Timer"}),t("th",{children:"Status"}),t("th",{children:"Interval"})]})}),t("tbody",{children:Object.entries(e.timers).map(([d,c])=>t("tr",{children:[t("td",{children:kr(d)}),t("td",{children:[t(_e,{status:c.active?"active":"inactive",prefix:r}),t("span",{className:c.active?`${r}-c-green`:`${r}-c-dim`,children:c.active?"active":"inactive"})]}),t("td",{children:c.active?c.intervalMs?re(c.intervalMs):c.debounceMs?`${re(c.debounceMs)} (debounce)`:"-":t("span",{className:`${r}-c-dim`,children:"—"})})]},d))})]}),t("h3",{className:`${r}-internals-title`,children:"Integrations"}),t("table",{className:s,children:[t("thead",{children:t("tr",{children:[t("th",{children:"Integration"}),t("th",{children:"Status"}),t("th",{children:"Details"})]})}),t("tbody",{children:[t("tr",{children:[t("td",{children:"Transmit (SSE)"}),t("td",{children:[t(_e,{status:e.transmit.available?"connected":"inactive",prefix:r}),e.transmit.available?"connected":"unavailable"]}),t("td",{style:{fontSize:"11px"},children:e.transmit.channels.length>0?`Channels: ${e.transmit.channels.join(", ")}`:"-"})]}),Object.entries(e.integrations).map(([d,c])=>{const p=c.active??c.available??!1,h=c.active?"active":c.available?"available":"unavailable";let y=c.mode?`Mode: ${c.mode}`:"-";return d==="edgePlugin"&&c.active?y="@serverStats() tag registered":d==="cacheInspector"&&c.available?y="Redis dependency detected":d==="queueInspector"&&c.available&&(y="Queue dependency detected"),t("tr",{children:[t("td",{children:$r(d)}),t("td",{children:[t(_e,{status:p?"active":"inactive",prefix:r}),h]}),t("td",{className:`${r}-c-dim`,style:{fontSize:"11px"},children:y})]},d)})]})]}),e.storage&&t(D,{children:[t("h3",{className:`${r}-internals-title`,children:"Storage (SQLite)"}),t("table",{className:s,children:[t("thead",{children:t("tr",{children:[t("th",{style:{width:"200px"},children:"Metric"}),t("th",{children:"Value"})]})}),t("tbody",{children:[t("tr",{children:[t("td",{children:"Status"}),t("td",{children:[t(_e,{status:e.storage.ready?"ready":"inactive",prefix:r}),e.storage.ready?"ready":"not ready"]})]}),t("tr",{children:[t("td",{children:"DB Path"}),t("td",{children:t("code",{children:e.storage.dbPath})})]}),t("tr",{children:[t("td",{children:"File Size"}),t("td",{children:[e.storage.fileSizeMb.toFixed(1)," MB"]})]}),t("tr",{children:[t("td",{children:"WAL Size"}),t("td",{children:[e.storage.walSizeMb.toFixed(1)," MB"]})]}),t("tr",{children:[t("td",{children:"Retention"}),t("td",{children:[e.storage.retentionDays," days"]})]}),t("tr",{children:[t("td",{children:"Last Cleanup"}),t("td",{children:e.storage.lastCleanupAt?X(e.storage.lastCleanupAt):"-"})]})]})]}),e.storage.tables.length>0&&t("table",{className:s,style:{marginTop:8},children:[t("thead",{children:t("tr",{children:[t("th",{children:"Table"}),t("th",{children:"Rows"})]})}),t("tbody",{children:e.storage.tables.map(d=>t("tr",{children:[t("td",{children:t("code",{children:d.name})}),t("td",{children:d.rowCount.toLocaleString()})]},d.name))})]})]}),t("h3",{className:`${r}-internals-title`,children:"Resolved Config"}),t("table",{className:s,children:[t("thead",{children:t("tr",{children:[t("th",{style:{width:"200px"},children:"Setting"}),t("th",{children:"Value"})]})}),t("tbody",{children:[t("tr",{children:[t("td",{children:"intervalMs"}),t("td",{children:e.config.intervalMs})]}),t("tr",{children:[t("td",{children:"transport"}),t("td",{children:e.config.transport})]}),t("tr",{children:[t("td",{children:"channelName"}),t("td",{children:e.config.channelName})]}),t("tr",{children:[t("td",{children:"endpoint"}),t("td",{children:e.config.endpoint===!1?"false":e.config.endpoint})]}),t("tr",{children:[t("td",{children:"skipInTest"}),t("td",{children:i("skipInTest",e.config.skipInTest)})]}),t("tr",{children:[t("td",{children:"onStats callback"}),t("td",{children:e.config.hasOnStatsCallback?"defined":"not defined"})]}),t("tr",{children:[t("td",{children:"shouldShow callback"}),t("td",{children:e.config.hasShouldShowCallback?"defined":"not defined"})]})]})]}),t("h4",{className:`${r}-internals-title`,children:"DevToolbar"}),t("table",{className:s,children:[t("thead",{children:t("tr",{children:[t("th",{style:{width:"200px"},children:"Setting"}),t("th",{children:"Value"})]})}),t("tbody",{children:Object.entries(e.devToolbar).map(([d,c])=>t("tr",{children:[t("td",{children:d==="customPaneCount"?"customPanes":d}),t("td",{children:d==="customPaneCount"?`${c} registered`:i(d,c)})]},d))})]})]})}function ms({options:e={},debugEndpoint:s="/admin/api/debug"}){const{baseUrl:n="",authToken:r}=e,[o,a]=x(null),[l,i]=x(!0),[d,c]=x(null),p=V(null),h=Ge(n,r),y=P(async()=>{try{const _=await h().get(`${s}/diagnostics`);a(_),c(null),i(!1)}catch(f){if(f instanceof Ve){c(f),i(!1),p.current&&(clearInterval(p.current),p.current=null);return}c(f instanceof Error?f:new Error(String(f))),i(!1)}},[s,h]);return H(()=>(i(!0),c(null),y(),p.current=setInterval(y,Ot),()=>{p.current&&(clearInterval(p.current),p.current=null)}),[y]),l&&!o?t("div",{className:"ss-dash-empty",children:"Loading diagnostics..."}):d?t("div",{className:"ss-dash-empty",children:["Error: ",d.message]}):o?t(Mr,{data:o,tableClassName:"ss-dash-table",classPrefix:"ss-dash"}):t("div",{className:"ss-dash-empty",children:"Diagnostics not available"})}const qr=Object.freeze(Object.defineProperty({__proto__:null,InternalsSection:ms,default:ms},Symbol.toStringTag,{value:"Module"}))})();