Upload hub_dashboard.html

hub_dashboard.html

@@ -1612,12 +1612,12 @@ td.rc {
       <div id="nav-logo-text">QUA<em>SAR</em></div>
     </div>
     <div id="nav-links">
-      <button class="nav-tab active" onclick="switchTab('rankings')">Rankings</button>
-      <button class="nav-tab" onclick="switchTab('assets')">Assets</button>
-      <button class="nav-tab" onclick="switchTab('trading')">Trading</button>
-      <button class="nav-tab" onclick="switchTab('logs')">Logs</button>
-      <button class="nav-tab" onclick="switchTab('telemetry')">Telemetry</button>
-      <button class="nav-tab" onclick="switchTab('terminal')" style="color:#E8720A">⬛ Terminal</button>
+      <button class="nav-tab active" onclick="switchTab(event,'rankings')">Rankings</button>
+      <button class="nav-tab" onclick="switchTab(event,'assets')">Assets</button>
+      <button class="nav-tab" onclick="switchTab(event,'trading')">Trading</button>
+      <button class="nav-tab" onclick="switchTab(event,'logs')">Logs</button>
+      <button class="nav-tab" onclick="switchTab(event,'telemetry')">Telemetry</button>
+      <button class="nav-tab" onclick="switchTab(event,'terminal')" style="color:#E8720A">⬛ Terminal</button>
     </div>
     <div id="nav-right">
       <div class="search-wrap">
@@ -1723,14 +1723,14 @@ td.rc {
         </div>
 
         <div id="logs-filters">
-          <button class="filter-btn active" onclick="filterLogs('all')">All</button>
-          <button class="filter-btn" onclick="filterLogs('INFO')">Info</button>
-          <button class="filter-btn" onclick="filterLogs('DEBUG')">Debug</button>
-          <button class="filter-btn" onclick="filterLogs('WARNING')">Warning</button>
-          <button class="filter-btn" onclick="filterLogs('ERROR')">Error</button>
-          <button class="filter-btn" onclick="filterLogs('signal')">Signals</button>
-          <button class="filter-btn" onclick="filterLogs('trade')">Trades</button>
-          <button class="filter-btn" onclick="filterLogs('ranking')">Rankings</button>
+          <button class="filter-btn active" onclick="filterLogs(event,'all')">All</button>
+          <button class="filter-btn" onclick="filterLogs(event,'INFO')">Info</button>
+          <button class="filter-btn" onclick="filterLogs(event,'DEBUG')">Debug</button>
+          <button class="filter-btn" onclick="filterLogs(event,'WARNING')">Warning</button>
+          <button class="filter-btn" onclick="filterLogs(event,'ERROR')">Error</button>
+          <button class="filter-btn" onclick="filterLogs(event,'signal')">Signals</button>
+          <button class="filter-btn" onclick="filterLogs(event,'trade')">Trades</button>
+          <button class="filter-btn" onclick="filterLogs(event,'ranking')">Rankings</button>
         </div>
 
         <div style="overflow-x: auto;">
@@ -2719,16 +2719,17 @@ const accChart = new Chart(document.getElementById('acc-chart'),{ type:'line', d
 /* ════════════════════════════════════════════════════════════════════════════
    TAB SWITCHING
 ════════════════════════════════════════════════════════════════════════════ */
-function switchTab(tab) {
+function switchTab(evt, tab) {
   document.querySelectorAll('.tab-panel').forEach(p => p.classList.remove('active'));
   document.querySelectorAll('.nav-tab').forEach(t => t.classList.remove('active'));
-  
+
   const tabEl = document.getElementById(tab + '-tab');
   if (tabEl) {
     tabEl.classList.add('active');
   }
-  
-  event.target.classList.add('active');
+
+  // Use the explicitly-passed event — never rely on deprecated window.event
+  if (evt && evt.currentTarget) evt.currentTarget.classList.add('active');
   
   if (tab === 'logs') {
     loadRankerLogs();
@@ -2934,10 +2935,10 @@ async function loadLogStats() {
   }
 }
 
-function filterLogs(filter) {
+function filterLogs(evt, filter) {
   _logFilter = filter;
   document.querySelectorAll('.filter-btn').forEach(btn => btn.classList.remove('active'));
-  event.target.classList.add('active');
+  if (evt && evt.currentTarget) evt.currentTarget.classList.add('active');
   loadRankerLogs();
 }
 
@@ -2970,14 +2971,44 @@ setInterval(()=>{ document.getElementById('kpi-upd').textContent=_health.last_up
 let _trmEquityChart = null;
 let _trmEquityCurve = [];  // running cumulative PnL
 
+// ── Terminal error banner helpers ──────────────────────────────────────────
+function _showTerminalError(msg) {
+  let el = document.getElementById('trm-error-banner');
+  if (!el) {
+    el = document.createElement('div');
+    el.id = 'trm-error-banner';
+    el.style.cssText = [
+      'background:rgba(255,68,102,0.12)',
+      'border:1px solid rgba(255,68,102,0.4)',
+      'border-radius:8px',
+      'padding:14px 20px',
+      'margin-bottom:var(--sp-lg)',
+      'color:#ff4466',
+      'font-size:0.8rem',
+      'font-weight:600',
+      'letter-spacing:0.02em',
+    ].join(';');
+    const tab = document.getElementById('terminal-tab');
+    if (tab) tab.insertBefore(el, tab.firstChild);
+  }
+  el.textContent = '⚠  ' + msg;
+  el.style.display = '';
+}
+function _clearTerminalError() {
+  const el = document.getElementById('trm-error-banner');
+  if (el) el.style.display = 'none';
+}
+
 async function updateTerminal() {
   let data;
   try {
     const res = await fetch('/api/trades');
-    if (!res.ok) throw new Error('trades api error');
+    if (!res.ok) throw new Error('HTTP ' + res.status + ' — ensure hub_dashboard_service.py v2.0+ is deployed');
     data = await res.json();
+    _clearTerminalError();
   } catch(e) {
     console.error('[Terminal] fetch error:', e);
+    _showTerminalError('/api/trades unreachable: ' + e.message + '. Deploy the latest hub_dashboard_service.py.');
     return;
   }