dash style fix

packages/tracker/meshnet_tracker/dashboard.html

@@ -22,8 +22,8 @@
            border-bottom:1px solid var(--border); flex-shrink:0; }
   header h1 { font-size:16px; margin:0; color:var(--accent); }
   header .meta { color:var(--dim); font-size:12px; }
-  main { display:grid; grid-template-columns:1fr;
+  main { display:grid; grid-template-columns:repeat(auto-fit,minmax(340px,1fr));
-         gap:14px; padding:14px 20px; }
+          gap:14px; padding:14px 20px; }
   body.chat-tab-active main {
     flex:1; min-height:0; display:flex; flex-direction:column;
     padding:0; gap:0; overflow:hidden;
@@ -32,6 +32,7 @@
             border-radius:8px; padding:12px 14px; min-height:80px; }
   section h2 { margin:0 0 8px; font-size:12px; text-transform:uppercase;
                letter-spacing:.08em; color:var(--dim); }
+  .panel-heading { display:flex; align-items:center; justify-content:space-between; gap:8px; }
   table { width:100%; border-collapse:collapse; font-size:12px; }
   th { text-align:left; color:var(--dim); font-weight:normal;
        border-bottom:1px solid var(--border); padding:2px 6px 4px 0; }
@@ -290,7 +291,7 @@
   <section data-tab="admin" id="admin-section"><h2>All accounts (admin)</h2><div id="admin" class="empty"></div></section>
   <section data-tab="admin" data-admin-only><h2>Strikes / bans / forfeitures</h2><div id="fraud" class="empty">admin login required</div></section>
   <section data-tab="admin"><h2>Client balances</h2><div id="clients" class="empty">admin login required</div></section>
-  <section data-tab="admin" class="wide"><h2>Console output</h2><div id="console" class="console empty">admin login required</div></section>
+  <section data-tab="admin" class="wide"><h2 class="panel-heading">Console output <button class="small" type="button" onclick="clearConsole()">clear</button></h2><div id="console" class="console empty">admin login required</div></section>
   <section data-tab="testing" data-admin-only>
     <h2>Test run status</h2>
     <div id="testing-error" class="testing-error" hidden></div>
@@ -1072,8 +1073,16 @@ function renderBillingUsage(records) {
     table(["time", "model", "api key", "tokens", "cost (USDT)"], rows);
 }
 
+let consoleClearedAt = 0;
+
+function clearConsole() {
+  consoleClearedAt = Date.now() / 1000;
+  panelSig.console = null;
+  renderConsole({ events: [] });
+}
+
 function renderConsole(data) {
-  const events = (data && data.events) || [];
+  const events = ((data && data.events) || []).filter(event => event.ts > consoleClearedAt);
   if (!events.length) {
     $("console").innerHTML = '<div class="empty">no console events</div>';
     return;

tests/test_dashboard.py

@@ -39,7 +39,9 @@ def test_dashboard_served_with_all_panels():
         assert "resolveModelGroup" in html
         assert "buildModelAliasMap" in html
         assert "modelAliasKey(raw)" in html
-        assert "main { display:grid; grid-template-columns:1fr;" in html
+        assert "main { display:grid; grid-template-columns:repeat(auto-fit,minmax(340px,1fr));" in html
+        assert 'onclick="clearConsole()"' in html
+        assert "let consoleClearedAt = 0;" in html
     finally:
         tracker.stop()