Fix baseline values

static/index.html

@@ -1276,10 +1276,11 @@ function parseLeaderboardMd(md) {
       const cells = t.split('|').map(c => c.trim()).filter((_, i, arr) => i > 0 && i < arr.length - 1);
       if (cells.length >= 5) {
         const score = parseInt(cells[0], 10);
-        const optimizer = cells[1];
-        const agent = cells[2];
-        const run = cells[3];
-        let date = cells[4];
+        const hasValLossColumn = cells.length >= 7;
+        const optimizer = hasValLossColumn ? cells[2] : cells[1];
+        const agent = hasValLossColumn ? cells[3] : cells[2];
+        const run = hasValLossColumn ? cells[4] : cells[3];
+        let date = hasValLossColumn ? cells[5] : cells[4];
         if (date && !date.endsWith('Z') && !date.includes('+')) date += 'Z';
         if (!isNaN(score) && agent && date) entries.push({ score, optimizer, agent, run, date });
       }
@@ -1605,6 +1606,8 @@ const NON_BEST_COLOR = '#9ca3af';
 const NON_BEST_LABEL_BG = 'rgba(107,114,128,0.08)';
 const NON_BEST_LABEL_BORDER = 'rgba(107,114,128,0.2)';
 const NON_BEST_LABEL_TEXT = '#6b7280';
+const BASELINE_GUIDE_COLOR = 'rgba(75,85,99,0.75)';
+const BASELINE_GUIDE_BG = 'rgba(249,250,251,0.92)';
 const GRID_COLOR = 'rgba(0,0,0,0.05)';
 
 function renderChart(entries) {
@@ -1615,6 +1618,8 @@ function renderChart(entries) {
   sorted.forEach(e => { e.isRecord = e.score < runningBest; if (e.isRecord) runningBest = e.score; });
   const bestEntries = sorted.filter(e => e.isRecord);
   const nonBestEntries = sorted.filter(e => !e.isRecord);
+  const baselineScores = sorted.filter(e => e.agent === 'baseline').map(e => e.score);
+  const baselineScore = baselineScores.length ? Math.min(...baselineScores) : null;
 
   const allDates = sorted.map(e => new Date(e.date).getTime());
   const minDate = Math.min(...allDates);
@@ -1630,6 +1635,10 @@ function renderChart(entries) {
   }
   const bestScatter = bestEntries.map(e => ({ x: new Date(e.date).getTime(), y: e.score, agent: e.agent }));
   const nonBestData = nonBestEntries.map(e => ({ x: new Date(e.date).getTime(), y: e.score, agent: e.agent }));
+  const baselineGuideData = baselineScore === null ? [] : [
+    { x: minDate - datePadding, y: baselineScore, agent: 'Baseline' },
+    { x: extendedEnd, y: baselineScore, agent: 'Baseline' },
+  ];
 
   const allScores = sorted.map(e => e.score);
   const minScore = Math.min(...allScores);
@@ -1639,7 +1648,7 @@ function renderChart(entries) {
   const bestLabels = {
     id: 'bestLabels',
     afterDatasetsDraw(c) {
-      const meta = c.getDatasetMeta(1);
+      const meta = c.getDatasetMeta(2);
       if (!meta?.data) return;
       const ctx2 = c.ctx;
       ctx2.save();
@@ -1668,7 +1677,7 @@ function renderChart(entries) {
   const nonBestLabels = {
     id: 'nonBestLabels',
     afterDatasetsDraw(c) {
-      const meta = c.getDatasetMeta(2);
+      const meta = c.getDatasetMeta(3);
       if (!meta?.data) return;
       const ctx2 = c.ctx;
       ctx2.save();
@@ -1694,12 +1703,36 @@ function renderChart(entries) {
       ctx2.restore();
     }
   };
+  const baselineGuideLabel = {
+    id: 'baselineGuideLabel',
+    afterDatasetsDraw(c) {
+      if (baselineScore === null) return;
+      const { ctx: ctx2, chartArea: a, scales } = c;
+      const y = scales.y.getPixelForValue(baselineScore);
+      if (y < a.top || y > a.bottom) return;
+      const label = `Baseline  ${baselineScore.toLocaleString()} steps`;
+      ctx2.save();
+      ctx2.font = '600 10px "JetBrains Mono", monospace';
+      const px = 7, boxH = 20, tw = ctx2.measureText(label).width, boxW = tw + px * 2;
+      const lx = Math.max(a.left + 4, a.right - boxW - 4);
+      const ly = Math.max(a.top + 4, Math.min(y - boxH - 6, a.bottom - boxH - 4));
+      ctx2.fillStyle = BASELINE_GUIDE_BG;
+      ctx2.strokeStyle = BASELINE_GUIDE_COLOR;
+      ctx2.lineWidth = 1;
+      ctx2.beginPath(); ctx2.roundRect(lx, ly, boxW, boxH, 5); ctx2.fill(); ctx2.stroke();
+      ctx2.fillStyle = BASELINE_GUIDE_COLOR;
+      ctx2.textBaseline = 'middle';
+      ctx2.fillText(label, lx + px, ly + boxH / 2);
+      ctx2.restore();
+    }
+  };
 
   const ctx = document.getElementById('evolutionChart').getContext('2d');
   chart = new Chart(ctx, {
     type: 'line',
     data: {
       datasets: [
+        { label: 'Baseline', data: baselineGuideData, borderColor: BASELINE_GUIDE_COLOR, borderWidth: 1.5, borderDash: [5, 5], pointRadius: 0, pointHoverRadius: 0, fill: false, tension: 0, order: 3 },
         { label: 'Running Best', data: bestLineData, borderColor: HF_ORANGE, backgroundColor: HF_ORANGE_DIM, borderWidth: 2.5, stepped: 'after', fill: true, pointRadius: 0, pointHoverRadius: 0, tension: 0, order: 2 },
         { label: 'Records', data: bestScatter, type: 'scatter', backgroundColor: HF_ORANGE, borderColor: '#fff', borderWidth: 2, pointRadius: 7, pointHoverRadius: 9, pointStyle: 'circle', order: 1 },
         { label: 'Non-Records', data: nonBestData, type: 'scatter', backgroundColor: NON_BEST_COLOR, borderColor: '#fff', borderWidth: 1.5, pointRadius: 5, pointHoverRadius: 7, pointStyle: 'circle', order: 0 },
@@ -1749,7 +1782,7 @@ function renderChart(entries) {
       },
       interaction: { mode: 'nearest', intersect: true },
     },
-    plugins: [bestLabels, nonBestLabels],
+    plugins: [bestLabels, nonBestLabels, baselineGuideLabel],
   });
 }