Restore static running cells for missing leaderboard entries

Author: black-yt

index.html

@@ -9,7 +9,7 @@
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&family=Fira+Code:wght@400;500&display=swap" rel="stylesheet">
-    <link rel="stylesheet" href="static/style.css?v=20260404a">
+    <link rel="stylesheet" href="static/style.css?v=20260413a">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github-dark.min.css">
     <script src="https://cdnjs.cloudflare.com/ajax/libs/marked/12.0.1/marked.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
@@ -159,6 +159,6 @@ <h2 id="task-title"></h2>
     </div>
 
     <script>var STATIC_MODE = true;</script>
-    <script src="static/app.js?v=20260404a"></script>
+    <script src="static/app.js?v=20260413a"></script>
 </body>
 </html>

static/app.js

@@ -392,6 +392,10 @@ function renderLeaderboard(data) {
     const inner = `<div class="leaderboard-score-wrap">${scoreHtml}${renderMetricLines(entry)}</div>`;
     return clickable ? `<td class="leaderboard-score-td" onclick="goToRun('${entry.run_id}')">${inner}</td>` : `<td class="leaderboard-score-td">${inner}</td>`;
   }
+  function renderMissingScoreBlock() {
+    if (STATIC_MODE) return '<td class="no-score"><span class="running-cell">running</span></td>';
+    return '<td class="no-score">-</td>';
+  }
   function averageEntry(entries) {
     const scored = entries.filter(e => Number.isFinite(e?.score));
     if (!scored.length) return null;
@@ -423,7 +427,7 @@ function renderLeaderboard(data) {
       if (entry) {
         html += renderScoreBlock(entry, true);
       } else {
-        html += '<td class="no-score">-</td>';
+        html += renderMissingScoreBlock();
       }
     });
     const frontier = frontierEntry(task);

static/style.css

@@ -289,6 +289,13 @@ body { height: 100vh; font-family: var(--font); font-size: 17px; line-height: 1.
 
 .score-cell { border-radius: 4px; padding: 3px 8px; display: inline-block; min-width: 38px; text-align: center; font-size: 13px; }
 .score-cell.score-cell-empty { background: transparent; color: var(--text-tertiary); }
+.running-cell {
+  font-size: 10px;
+  color: var(--warn);
+  font-style: italic;
+  animation: blink 1.5s ease-in-out infinite;
+}
+@keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0.3; } }
 .leaderboard-score-td { font-family: var(--mono); }
 .leaderboard-score-wrap { display: flex; align-items: center; justify-content: flex-start; gap: 7px; padding-left: 10px; }
 .leaderboard-cell-meta { display: flex; flex-direction: column; align-items: flex-start; gap: 1px; font-size: 11px; line-height: 1.15; color: var(--text-secondary); font-family: var(--mono); }