feat(dashboard): add Electrum active servers page and optimize ElectrumX card/perf

web-dashboard/static/dashboard.js

@@ -205,10 +205,6 @@ async function updateElectrumXStats() {
             }
             document.getElementById('serverVersion').textContent = serverVersion;
 
-            // Active sessions
-            const sessions = typeof data.stats.sessions === 'number' ? data.stats.sessions : '--';
-            document.getElementById('activeSessions').textContent = sessions;
-
             // Database size
             const dbSize = data.stats.db_size > 0 ? formatBytes(data.stats.db_size) : '--';
             document.getElementById('dbSize').textContent = dbSize;
@@ -225,6 +221,10 @@ async function updateElectrumXStats() {
 
             // SSL Port
             document.getElementById('sslPort').textContent = data.stats.ssl_port || 50002;
+
+            // Active servers from peer discovery
+            const activeServers = Array.isArray(data.stats.active_servers) ? data.stats.active_servers : [];
+            document.getElementById('activeServersCount').textContent = data.stats.active_servers_count ?? activeServers.length;
         }
 
     } catch (error) {

web-dashboard/static/electrum_servers.js

@@ -0,0 +1,57 @@
+// Electrum Active Servers Page JavaScript
+
+function updateLastUpdateTime() {
+    const now = new Date().toLocaleString();
+    document.getElementById('lastUpdate').textContent = now;
+}
+
+async function updateElectrumServers() {
+    try {
+        const response = await fetch('/api/electrumx/servers');
+        const data = await response.json();
+
+        if (data.error) {
+            console.error('Electrum servers error:', data.error);
+            return;
+        }
+
+        const servers = Array.isArray(data.servers) ? data.servers : [];
+        const tbody = document.getElementById('electrumServersTable');
+        tbody.innerHTML = '';
+
+        if (servers.length === 0) {
+            tbody.innerHTML = '<tr><td colspan="3" class="loading">No active servers found</td></tr>';
+            document.getElementById('totalServers').textContent = '0';
+            document.getElementById('tcpReachable').textContent = '0';
+            return;
+        }
+
+        servers.forEach(server => {
+            const row = document.createElement('tr');
+            row.innerHTML = `
+                <td class="peer-addr">${server.host || '--'}</td>
+                <td>${server.tcp_port || '--'}</td>
+                <td>${server.ssl_port || '--'}</td>
+            `;
+            tbody.appendChild(row);
+        });
+
+        document.getElementById('totalServers').textContent = String(servers.length);
+        const tcpCount = servers.filter(s => !!s.tcp_port).length;
+        document.getElementById('tcpReachable').textContent = String(tcpCount);
+    } catch (error) {
+        console.error('Error fetching Electrum servers:', error);
+        document.getElementById('electrumServersTable').innerHTML =
+            '<tr><td colspan="3" class="loading">Error loading servers</td></tr>';
+    }
+}
+
+async function updateAll() {
+    updateLastUpdateTime();
+    await updateElectrumServers();
+}
+
+document.addEventListener('DOMContentLoaded', async () => {
+    await updateAll();
+    setInterval(updateAll, 10000);
+});

web-dashboard/static/style.css

@@ -242,6 +242,12 @@ body {
     word-break: break-word;
 }
 
+#activeServers {
+    font-size: 14px;
+    font-weight: 500;
+    line-height: 1.5;
+}
+
 /* Resource Monitoring */
 .resource-item {
     display: grid;