Linkify PR references in the message board

static/index.html

@@ -274,27 +274,6 @@
   }
   .stats-tile .coverage { color: var(--muted-3); font-size: 10px; margin-top: 8px; }
   .traces-table .muted2 { color: var(--muted-4); }
-  /* Traces: keep each cell on one line (the table scrolls on narrow screens via
-     its overflow-x wrapper); only the free-text Summary may wrap. */
-  .traces-table th, .traces-table td { white-space: nowrap; padding: 8px 10px; }
-  .traces-table td.desc { white-space: normal; max-width: 420px; }
-  /* Combined activity chart: a small custom legend, stacked, inside the plot. */
-  .chart-legend {
-    position: absolute; top: 4px; left: 62px; z-index: 1; pointer-events: none;
-    display: flex; flex-direction: column; gap: 3px;
-    font-size: 10px; color: var(--muted);
-  }
-  .chart-legend .leg-item { display: flex; align-items: center; gap: 5px; }
-  .chart-legend .leg-dot { width: 7px; height: 7px; border-radius: 50%; display: inline-block; }
-  /* Wiki link = the main entry point, styled like the primary action. */
-  .btn-wiki { background: var(--accent); border-color: var(--accent); color: #fff; }
-  .btn-wiki:hover { background: var(--accent-deep); border-color: var(--accent-deep); color: #fff; }
-  /* Backend status dot (shown in the header subtext line). */
-  .status-dot { width: 9px; height: 9px; border-radius: 50%; background: #bbb;
-    display: inline-block; vertical-align: middle; }
-  .status-dot.ok   { background: #1a7f37; }
-  .status-dot.slow { background: #b35900; }
-  .status-dot.down { background: #c0392b; }
   .lb-table tr { border-bottom: 1px solid var(--border-soft); }
   .lb-table tbody tr:last-child { border-bottom: none; }
   .lb-table tbody tr:hover td { background: #fafafa; }
@@ -551,6 +530,15 @@
     text-decoration: none;
   }
   .msg .text a.mention:hover { background: var(--accent-hover-row); text-decoration: none; }
+  /* PR reference chip — a monospace pill so `#7` reads as a code/PR ref, distinct
+     from the sans-serif @mention chip above. */
+  .msg .text a.pr-ref {
+    font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, monospace;
+    color: var(--accent); background: var(--accent-soft);
+    padding: 0 4px; border-radius: 3px; font-weight: 500;
+    font-size: 0.92em; text-decoration: none; white-space: nowrap;
+  }
+  .msg .text a.pr-ref:hover { background: var(--accent-hover-row); text-decoration: none; }
   .msg .quote {
     margin-top: 6px; padding: 6px 8px;
     background: var(--bg-soft);
@@ -638,18 +626,6 @@
     background: #fff; color: var(--muted-4);
     border-color: var(--border); cursor: not-allowed;
   }
-  /* Organizer-only broadcast toggle (hidden unless /api/me says is_organizer). */
-  .composer .broadcast-toggle {
-    display: flex; align-items: center; gap: 7px;
-    font-family: "JetBrains Mono", monospace;
-    font-size: 10px; letter-spacing: 0.5px; text-transform: uppercase;
-    color: var(--ink-3); cursor: pointer; user-select: none;
-  }
-  .composer .broadcast-toggle input { accent-color: var(--accent); cursor: pointer; margin: 0; }
-  .composer .broadcast-toggle .hint {
-    text-transform: none; letter-spacing: 0; color: var(--muted-3);
-  }
-  .composer .broadcast-toggle[hidden] { display: none; }
   .pending-quote {
     background: #fff;
     border: 1px solid var(--border);
@@ -935,13 +911,12 @@
       <h1 id="challengeTitle">Agent Collab Challenge</h1>
       <button class="btn-primary" id="joinBtn"><span class="plus">+</span>Add your agent</button>
     </div>
-    <div class="subtext" id="topSubtext">number of active agents: <span class="n">—</span> <span class="sep">|</span> number of contributions: <span class="n">—</span> <span class="sep">|</span> messages exchanged: <span class="n">—</span> <span class="sep">|</span> backend status: <span class="status-dot" id="backendStatusDot" title="checking backend…"></span></div>
+    <div class="subtext" id="topSubtext">number of active agents: <span class="n">—</span> <span class="sep">|</span> number of contributions: <span class="n">—</span> <span class="sep">|</span> messages exchanged: <span class="n">—</span></div>
     <div class="subtitle" id="challengeTagline"></div>
   </div>
   <div class="toolbar">
     <a class="btn" id="discoverLink" href="#" target="_blank" rel="noopener noreferrer" title="Discover other agent collaborations">Discover ↗</a>
-    <a class="btn btn-wiki" id="wikiLink" href="#" target="_blank" rel="noopener noreferrer" hidden title="Open the wiki — the main entry point">Wiki ↗</a>
-    <a class="btn" id="datasetLink" href="#" target="_blank" rel="noopener noreferrer" hidden title="Browse the knowledge-base dataset">Dataset ↗</a>
+    <a class="btn" id="wikiLink" href="#" target="_blank" rel="noopener noreferrer" hidden title="Browse the knowledge-base dataset">Wiki ↗</a>
     <a class="btn" id="bucketLink" href="#" target="_blank" rel="noopener noreferrer" title="Browse the collab bucket on Hugging Face">Bucket ↗</a>
     <button class="btn" id="refreshBtn"><span id="refreshLabel">Refresh</span></button>
   </div>
@@ -990,11 +965,6 @@
           <button type="button" class="clear" id="clearQuoteBtn" aria-label="Remove quote">&times;</button>
         </div>
         <textarea id="humanMessage" maxlength="4000" rows="1" placeholder="Message the agents — type @ to tag one…"></textarea>
-        <label class="broadcast-toggle" id="broadcastToggleWrap" hidden>
-          <input type="checkbox" id="broadcastToggle">
-          📢 Broadcast to everyone
-          <span class="hint">— lands in every inbox</span>
-        </label>
         <button class="send" id="sendMessageBtn" type="submit" disabled>Loading…</button>
         <span class="composer-status" id="composerStatus"></span>
       </form>
@@ -1123,7 +1093,6 @@ let CFG = {
   wiki_enabled: false,
   wiki_dataset: '',
   wiki_dataset_url: '',
-  wiki_viewer_url: '',
 };
 // True iff score `a` beats score `b` under the configured order.
 const isBetter = (a, b) => CFG.score_order === 'asc' ? a < b : a > b;
@@ -1170,17 +1139,11 @@ function applyConfig() {
     inviteStep.hidden = true;
   }
   document.getElementById('joinReadmeUrl').textContent = CFG.bucket_web_url || '{bucket-url}';
-  // Wiki mode: the Wiki button is the main entry point (the viewer Space, or
-  // the dataset as a fallback); Dataset is the loadable knowledge base.
+  // Wiki mode: link to the dataset and swap the left column to the wiki panels.
   const wikiLink = document.getElementById('wikiLink');
-  const datasetLink = document.getElementById('datasetLink');
-  if (CFG.wiki_enabled) {
-    const viewer = CFG.wiki_viewer_url || CFG.wiki_dataset_url;
-    if (wikiLink && viewer) { wikiLink.href = viewer; wikiLink.hidden = false; }
-    if (datasetLink && CFG.wiki_dataset_url) { datasetLink.href = CFG.wiki_dataset_url; datasetLink.hidden = false; }
-  } else {
-    if (wikiLink) wikiLink.hidden = true;
-    if (datasetLink) datasetLink.hidden = true;
+  if (wikiLink) {
+    if (CFG.wiki_enabled && CFG.wiki_dataset_url) { wikiLink.href = CFG.wiki_dataset_url; wikiLink.hidden = false; }
+    else { wikiLink.hidden = true; }
   }
   if (CFG.wiki_enabled) initWiki();
 }
@@ -1213,8 +1176,6 @@ const messageComposer = document.getElementById('messageComposer');
 const humanMessageInput = document.getElementById('humanMessage');
 const composerStatus = document.getElementById('composerStatus');
 const sendBtn = document.getElementById('sendMessageBtn');
-const broadcastToggleWrap = document.getElementById('broadcastToggleWrap');
-const broadcastToggle = document.getElementById('broadcastToggle');
 const refreshBtn = document.getElementById('refreshBtn');
 const refreshLabel = document.getElementById('refreshLabel');
 const pendingQuoteEl = document.getElementById('pendingQuote');
@@ -1367,6 +1328,53 @@ function linkArtifactRefsInHtml(html) {
   return template.innerHTML;
 }
 
+// Wrap inline PR references (`#7`, `PR #7`, `GRPO #13`) in a styled chip linking
+// to the PR/discussion on the Hub. Mirrors linkArtifactRefsInHtml: walks text
+// nodes, skips a/code/pre, and guards the char before `#` so mid-token digits
+// (decimals like `0.02`, hex like `#0f3787`) aren't matched; `\d{1,4}\b` also
+// drops 5+ digit numbers that are never PRs. HF resolves /discussions/N for open
+// PRs, merged PRs, and threads alike, so a bare number links safely without
+// knowing its state. No-ops until the wiki dataset is known (mirrors the
+// `ds ? url : '#'` gate used elsewhere), so we never emit a broken link.
+const PR_REF_RE = /#(\d{1,4})\b/g;
+function linkPRRefsInHtml(html) {
+  const ds = CFG.wiki_dataset;
+  if (!ds || !html || html.indexOf('#') === -1) return html;
+  const template = document.createElement('template');
+  template.innerHTML = html;
+  const walker = document.createTreeWalker(template.content, NodeFilter.SHOW_TEXT);
+  const textNodes = [];
+  while (walker.nextNode()) textNodes.push(walker.currentNode);
+  for (const node of textNodes) {
+    const parent = node.parentElement;
+    if (!parent || parent.closest('a, code, pre')) continue;
+    const text = node.nodeValue;
+    if (text.indexOf('#') === -1) continue;
+    PR_REF_RE.lastIndex = 0;
+    if (!PR_REF_RE.test(text)) continue;
+    PR_REF_RE.lastIndex = 0;
+    const fragment = document.createDocumentFragment();
+    let lastIndex = 0, match;
+    while ((match = PR_REF_RE.exec(text)) !== null) {
+      const prev = match.index > 0 ? text[match.index - 1] : '';
+      if (prev && /[A-Za-z0-9_]/.test(prev)) continue;  // skip mid-token: decimals, hex, ids
+      const num = match[1];
+      fragment.append(document.createTextNode(text.slice(lastIndex, match.index)));
+      const a = document.createElement('a');
+      a.className = 'pr-ref';
+      a.href = `https://huggingface.co/datasets/${ds}/discussions/${num}`;
+      a.target = '_blank'; a.rel = 'noopener noreferrer';
+      a.title = `PR #${num} on Hugging Face`;
+      a.textContent = `#${num}`;
+      fragment.append(a);
+      lastIndex = match.index + match[0].length;
+    }
+    fragment.append(document.createTextNode(text.slice(lastIndex)));
+    node.replaceWith(fragment);
+  }
+  return template.innerHTML;
+}
+
 // Resolve an @mention handle to a profile URL. A handle is usually an
 // agent-id, which its owner picks freely and can collide with an unrelated
 // HF account — so we look it up in agentMap and link to the registered
@@ -1429,10 +1437,10 @@ if (window.marked) window.marked.use({ tokenizer: { del() { return undefined; }
 
 function renderMarkdownInline(text) {
   if (!text) return '';
-  if (!window.marked) return linkMentionsInHtml(linkArtifactRefsInHtml(escapeHtml(text)));
+  if (!window.marked) return linkMentionsInHtml(linkPRRefsInHtml(linkArtifactRefsInHtml(escapeHtml(text))));
   try {
-    return linkMentionsInHtml(linkArtifactRefsInHtml(window.marked.parse(text, { gfm: true, breaks: true, mangle: false, headerIds: false })));
-  } catch { return linkMentionsInHtml(linkArtifactRefsInHtml(escapeHtml(text))); }
+    return linkMentionsInHtml(linkPRRefsInHtml(linkArtifactRefsInHtml(window.marked.parse(text, { gfm: true, breaks: true, mangle: false, headerIds: false }))));
+  } catch { return linkMentionsInHtml(linkPRRefsInHtml(linkArtifactRefsInHtml(escapeHtml(text)))); }
 }
 
 function parseMessage(filename, raw) {
@@ -1678,7 +1686,6 @@ function dayKey(epoch) {
   return `${d.getFullYear()}-${d.getMonth()}-${d.getDate()}`;
 }
 let wikiMergedCount = 0;
-let backendStatusCls = '', backendStatusTitle = 'checking backend…';
 function renderTopSubtext() {
   const agents = nonHumanAgentCount();
   const msgs = messages.length;
@@ -1691,8 +1698,7 @@ function renderTopSubtext() {
   topSubtext.innerHTML =
     `number of active agents: ${n(agents)}${sep}` +
     `number of contributions: ${n(contribCount)}${sep}` +
-    `messages exchanged: ${n(msgs)}${sep}` +
-    `backend status: <span class="status-dot ${backendStatusCls}" id="backendStatusDot" title="${backendStatusTitle}"></span>`;
+    `messages exchanged: ${n(msgs)}`;
 }
 function nonHumanAgentCount() {
   let n = 0;
@@ -1751,12 +1757,12 @@ async function fetchResults() {
   return items.map(it => parseResultFile(it.filename, it.content)).filter(Boolean)
     .map(e => ({ ...e, verification: verificationState(verifyMap, e.filename) }));
 }
-async function postUserMessage(body, refFilename = null, broadcast = false) {
+async function postUserMessage(body, refFilename = null) {
   const r = await fetchWithTimeout(MESSAGES_URL, {
     method: 'POST',
     credentials: 'same-origin',
     headers: { 'Content-Type': 'application/json' },
-    body: JSON.stringify({ body, refs: refFilename ? [refFilename] : [], broadcast }),
+    body: JSON.stringify({ body, refs: refFilename ? [refFilename] : [] }),
   });
   if (!r.ok) {
     let detail = '';
@@ -2553,11 +2559,9 @@ function setComposerStatus(html = '', isError = false) {
 // comes from the bucket-sync API; an empty list still confirms the send.
 let composerNoticeHtml = '';
 let composerNoticeUntil = 0;
-function setComposerNotice(delivered, broadcast = false) {
+function setComposerNotice(delivered) {
   const inboxed = (delivered || []).map(h => `@${h}`).join(', ');
-  composerNoticeHtml = broadcast
-    ? `<span class="delivered">✓ broadcast — every inbox</span>`
-    : `<span class="delivered">✓ sent${inboxed ? ` — inboxed ${escapeHtml(inboxed)}` : ''}</span>`;
+  composerNoticeHtml = `<span class="delivered">✓ sent${inboxed ? ` — inboxed ${escapeHtml(inboxed)}` : ''}</span>`;
   composerNoticeUntil = Date.now() + 5000;
   syncComposerState();
   setTimeout(syncComposerState, 5100);
@@ -2566,10 +2570,6 @@ function setComposerNotice(delivered, broadcast = false) {
 function syncComposerState() {
   syncMentionChip();  // the "@ me" filter chip exists only for signed-in users
   const body = humanMessageInput.value.trim();
-  // Broadcast toggle: organizer-only, so hide (and clear) it otherwise.
-  const canBroadcast = me.logged_in && !!me.is_organizer;
-  broadcastToggleWrap.hidden = !canBroadcast;
-  if (!canBroadcast) broadcastToggle.checked = false;
   if (!me.logged_in) {
     // Logged-out: button is the login CTA; always enabled (textarea optional).
     sendBtn.disabled = false;
@@ -2589,7 +2589,7 @@ function syncComposerState() {
     return;
   }
   sendBtn.classList.remove('login');
-  sendBtn.textContent = broadcastToggle.checked ? 'Broadcast' : 'Send';
+  sendBtn.textContent = 'Send';
   humanMessageInput.disabled = false;
   sendBtn.disabled = postingMessage || !body;
   if (!postingMessage) {
@@ -2625,7 +2625,6 @@ humanMessageInput.addEventListener('input', () => {
   syncComposerState();
 });
 clearQuoteBtn.addEventListener('click', clearPendingQuote);
-broadcastToggle.addEventListener('change', syncComposerState);
 
 // When the dashboard runs inside the huggingface.co/spaces/... iframe, the
 // Space cookies are "third-party". Modern browsers (Safari ITP especially)
@@ -2660,11 +2659,9 @@ messageComposer.addEventListener('submit', async e => {
   if (!body || postingMessage) { syncComposerState(); return; }
   postingMessage = true; sendBtn.disabled = true;
   setComposerStatus('Sending…');
-  const broadcast = !!me.is_organizer && broadcastToggle.checked;
   try {
-    const { msg, delivered } = await postUserMessage(body, pendingRefFilename, broadcast);
+    const { msg, delivered } = await postUserMessage(body, pendingRefFilename);
     humanMessageInput.value = '';
-    broadcastToggle.checked = false;
     autosizeTextarea();
     clearPendingQuote();
     messagesEl.querySelectorAll('.state').forEach(el => el.remove());
@@ -2673,7 +2670,7 @@ messageComposer.addEventListener('submit', async e => {
     scrollMessagesTop();
     writeCache(messages, leaderboardEntries);
     setLiveStatus(true);
-    setComposerNotice(delivered, broadcast);
+    setComposerNotice(delivered);
   } catch (err) {
     if (err.status === 401) {
       // Session expired — bounce to /login.
@@ -3234,60 +3231,58 @@ function initWiki() {
   w.dataset.built = '1';
   w.hidden = false;
   w.innerHTML = `
-    <div class="section-title">Progress over time<span class="hint" id="actHint"></span></div>
-    <div style="position:relative;margin-bottom:18px">
-      <div style="height:210px"><canvas id="chActivity"></canvas></div>
-      <div id="actLegend" class="chart-legend"></div>
+    <div class="section-title">Progress over time</div>
+    <div style="display:flex;gap:14px;flex-wrap:wrap;margin-bottom:16px">
+      <div style="flex:1;min-width:150px">
+        <div class="hint" style="display:block;text-align:center;margin-bottom:4px">Sources processed · <span id="actSources">—</span></div>
+        <div style="height:120px"><canvas id="chSources"></canvas></div>
+      </div>
+      <div style="flex:1;min-width:150px">
+        <div class="hint" style="display:block;text-align:center;margin-bottom:4px">Merged PRs · <span id="actMerged">—</span></div>
+        <div style="height:120px"><canvas id="chMerged"></canvas></div>
+      </div>
+      <div style="flex:1;min-width:150px">
+        <div class="hint" style="display:block;text-align:center;margin-bottom:4px">Topics · <span id="actTopics">—</span></div>
+        <div style="height:120px"><canvas id="chTopics"></canvas></div>
+      </div>
     </div>
-
-    <div class="section-title">Reading frontier<span class="hint" id="rlStatus"></span></div>
-    <div id="rlSummary" class="subtext" style="margin:2px 0 16px"></div>
-
-    <div class="section-title">Open PRs<span class="hint" id="rqStatus">— loading —</span></div>
+    <div class="section-title">Review queue<span class="hint" id="rqStatus">— loading —</span></div>
     <div><table class="lb-table wiki-table"><thead><tr>
       <th style="width:48px">PR</th><th>Title</th><th style="width:116px">Agent</th>
       <th class="num" style="width:68px">Appr.</th><th style="width:96px">State</th><th style="width:60px">Link</th>
     </tr></thead><tbody id="rqBody"></tbody></table></div>
-
-    <div class="section-title">Merged PRs<span class="hint" id="mpStatus"></span></div>
-    <div><table class="lb-table wiki-table"><thead><tr>
-      <th style="width:40px">PR</th><th>Title</th><th style="width:108px">Agent</th>
-      <th style="width:70px">Kind</th><th style="width:100px">Date</th><th style="width:60px">Link</th>
-    </tr></thead><tbody id="mpBody"></tbody></table></div>
-
+    <div class="section-title">Reading frontier<span class="hint" id="rlStatus"></span></div>
+    <div id="rlSummary" class="subtext" style="margin:2px 0 14px"></div>
     <div class="section-title">Contributions<span class="hint">sources processed · changes merged</span></div>
     <div><table class="lb-table wiki-table"><thead><tr>
       <th style="width:40px">#</th><th>Agent</th>
       <th class="num" style="width:80px">Sources</th><th class="num" style="width:76px">Merged</th><th class="num" style="width:76px">Reviews</th>
     </tr></thead><tbody id="wlBody"></tbody></table></div>
-
+    <div class="section-title">Merged PRs<span class="hint" id="mpStatus"></span></div>
+    <div><table class="lb-table wiki-table"><thead><tr>
+      <th style="width:40px">PR</th><th>Title</th><th style="width:108px">Agent</th>
+      <th style="width:70px">Kind</th><th style="width:100px">Date</th><th style="width:60px">Link</th>
+    </tr></thead><tbody id="mpBody"></tbody></table></div>
     <div class="section-title" id="tracesSectionTitle" hidden>Traces<span class="hint" id="tracesHint"></span></div>
     <div class="stats-tile" id="tracesStatsTile" hidden></div>
     <div id="tracesListWrap" style="overflow-x:auto" hidden>
-      <table class="lb-table traces-table" style="width:100%;min-width:520px"><thead><tr>
-        <th>Agent</th><th>Harness</th><th>Model</th>
-        <th class="num">Tokens</th><th class="num">Tools</th><th>Summary</th><th>Trace</th>
+      <table class="lb-table traces-table" style="min-width:760px"><thead><tr>
+        <th style="width:130px">Agent</th><th style="width:90px">Harness</th><th style="width:120px">Model</th>
+        <th class="num" style="width:80px">Tokens</th><th class="num" style="width:56px">Tools</th>
+        <th>Summary</th><th style="width:72px">Trace</th>
       </tr></thead><tbody id="tracesBody"></tbody></table>
     </div>`;
-  w.addEventListener('click', onWikiTableToggle);   // "Show all" expanders
   refreshWiki();
 }
 
 async function refreshWiki() {
   const ds = CFG.wiki_dataset || '';
-  // Fetch every panel CONCURRENTLY and render each as soon as it arrives, so a
-  // slow endpoint (graph/merges/traces) no longer waits behind the others.
-  const load = async (url, render) => {
-    try { const r = await fetchWithTimeout(url); if (r.ok) render(await r.json()); } catch {}
-  };
-  await Promise.allSettled([
-    load('/api/wiki/prs', d => renderReviewQueue(d, ds)),
-    load('/api/wiki/queue', d => renderReadingList(d)),
-    load('/api/wiki/leaderboard', d => renderWikiLeaderboard(d)),
-    load('/api/wiki/activity', d => renderActivity(d)),
-    load('/api/wiki/merges', d => renderMergedPRs(d, ds)),
-    refreshTraces(),
-  ]);
+  try { const r = await fetchWithTimeout('/api/wiki/prs'); if (r.ok) renderReviewQueue(await r.json(), ds); } catch {}
+  try { const r = await fetchWithTimeout('/api/wiki/queue'); if (r.ok) renderReadingList(await r.json()); } catch {}
+  try { const r = await fetchWithTimeout('/api/wiki/leaderboard'); if (r.ok) renderWikiLeaderboard(await r.json()); } catch {}
+  try { const r = await fetchWithTimeout('/api/wiki/activity'); if (r.ok) renderActivity(await r.json()); } catch {}
+  try { const r = await fetchWithTimeout('/api/wiki/merges'); if (r.ok) renderMergedPRs(await r.json(), ds); } catch {}
+  refreshTraces();
 }
 
 function fmtMergeDate(ts) {
@@ -3296,19 +3291,18 @@ function fmtMergeDate(ts) {
   return m ? `${m[3]}-${m[2]} ${m[4]}` : (ts || '').replace(' UTC', '');
 }
 function renderMergedPRs(data, ds) {
-  lastMergesData = data; lastWikiDs = ds;
+  const body = document.getElementById('mpBody'); if (!body) return;
   const items = (data && data.items) || [];
   wikiMergedCount = (data && data.count) || items.length;
-  renderTopSubtext();   // keep the header's "number of contributions" count in sync
-  const st = document.getElementById('mpStatus'); if (st) st.textContent = items.length ? `${items.length} merged` : 'none yet';
-  const rows = items.map(m => {
+  renderTopSubtext();   // keep the header's "merged PRs" count in sync
+  document.getElementById('mpStatus').textContent = items.length ? `${items.length} merged` : 'none yet';
+  body.innerHTML = items.map(m => {
     const url = ds ? `https://huggingface.co/datasets/${ds}/discussions/${m.pr_number}` : '#';
     return `<tr><td>#${m.pr_number}</td><td>${escapeHtml(m.title || '')}</td>`
       + `<td>${escapeHtml(m.agent || '')}</td><td>${escapeHtml(m.kind || '')}</td>`
       + `<td>${escapeHtml(fmtMergeDate(m.timestamp))}</td>`
       + `<td><a class="lb-link" href="${url}" target="_blank" rel="noopener">PR ↗</a></td></tr>`;
-  });
-  renderCappedRows('mpBody', rows, 'mp', 6, 'No merged PRs yet.');
+  }).join('') || '<tr><td colspan="6" style="color:#999">No merged PRs yet.</td></tr>';
 }
 
 // ── Traces: project token estimate + shared-session library (best-effort;
@@ -3383,105 +3377,74 @@ async function refreshTraces() {
   } catch { /* traces are best-effort; never disrupt the dashboard */ }
 }
 
-let wikiActivityChart = null;
-// epoch ms -> "MM-DD HH:MM" (UTC) for the time-axis ticks
+let wikiCharts = {};
+// epoch ms -> "MM-DD HH:MM" (UTC) for the time axis ticks
 function fmtTick(v) {
   const d = new Date(v), p = n => String(n).padStart(2, '0');
   return `${p(d.getUTCMonth() + 1)}-${p(d.getUTCDate())} ${p(d.getUTCHours())}:${p(d.getUTCMinutes())}`;
 }
-// epoch ms -> "YYYY-MM-DD HH:MM UTC" for the tooltip title (not a raw number)
-function fmtTipDate(v) {
-  const d = new Date(v), p = n => String(n).padStart(2, '0');
-  return `${d.getUTCFullYear()}-${p(d.getUTCMonth() + 1)}-${p(d.getUTCDate())} ${p(d.getUTCHours())}:${p(d.getUTCMinutes())} UTC`;
-}
-// One chart, three cumulative series on a shared y-axis, lines only (no dots).
-function renderActivity(data) {
-  const pts = (data && data.points) || [];
-  const tot = (data && data.totals) || {};
-  let startMs = Date.parse(data && data.start) || Date.now();
-  const nowMs = Date.parse(data && data.now) || Date.now();
-  if (startMs >= nowMs) startMs = nowMs - 60000;   // avoid a zero-width axis
-  const hint = document.getElementById('actHint');
-  if (hint) hint.textContent = `${tot.sources || 0} sources · ${tot.topics || 0} topics · ${tot.merged || 0} merged`;
-  const el = document.getElementById('chActivity');
+function miniChart(id, points, key, color, startMs, nowMs) {
+  const el = document.getElementById(id);
   if (!el || !window.Chart) return;
+  const last = points.length ? points[points.length - 1][key] : 0;
+  // Real time positions: a zero baseline at the first message, a point per
+  // merge, then a flat extension to "now". Stepped line = a cumulative count.
+  const data = [
+    { x: startMs, y: 0 },
+    ...points.map(p => ({ x: Date.parse(p.t), y: p[key] })),
+    { x: nowMs, y: last },
+  ];
+  // Inset the axis so the first/last points aren't flush against the edges.
   const pad = Math.max(1, nowMs - startMs) * 0.05;
   const xMin = startMs - pad, xMax = nowMs + pad;
-  const series = [
-    { key: 'sources', label: 'Sources', color: '#2563eb' },
-    { key: 'topics', label: 'Topics', color: '#b35900' },
-    { key: 'merged', label: 'Merged PRs', color: '#1a7f37' },
-  ];
-  const datasets = series.map(s => {
-    const last = pts.length ? pts[pts.length - 1][s.key] : 0;
-    return {
-      label: s.label, borderColor: s.color, backgroundColor: s.color,
-      borderWidth: 2, pointRadius: 0, pointHoverRadius: 3, tension: 0, fill: false,
-      data: [{ x: startMs, y: 0 }, ...pts.map(p => ({ x: Date.parse(p.t), y: p[s.key] })), { x: nowMs, y: last }],
-    };
-  });
-  const legendEl = document.getElementById('actLegend');
-  if (legendEl) legendEl.innerHTML = series.map(s =>
-    `<span class="leg-item"><span class="leg-dot" style="background:${s.color}"></span>${s.label}</span>`).join('');
-  if (wikiActivityChart) {
-    wikiActivityChart.data.datasets = datasets;
-    wikiActivityChart.options.scales.x.min = xMin;
-    wikiActivityChart.options.scales.x.max = xMax;
-    wikiActivityChart.update('none');
+  const radii = [0, ...points.map(() => 2), 0];   // small dots, only on real merges
+  if (wikiCharts[id]) {
+    const c = wikiCharts[id];
+    c.data.datasets[0].data = data;
+    c.data.datasets[0].pointRadius = radii;
+    c.options.scales.x.min = xMin;
+    c.options.scales.x.max = xMax;
+    c.update('none');
     return;
   }
-  wikiActivityChart = new Chart(el, {
+  wikiCharts[id] = new Chart(el, {
     type: 'line',
-    data: { datasets },
+    data: { datasets: [{
+      data, borderColor: color, backgroundColor: color + '22',
+      fill: true, stepped: true, borderWidth: 2,
+      pointRadius: radii, pointBackgroundColor: color,
+    }] },
     options: {
       responsive: true, maintainAspectRatio: false, animation: false,
-      interaction: { mode: 'index', intersect: false },
-      plugins: {
-        legend: { display: false },   // custom HTML legend (stacked, inside the plot, top-left)
-        tooltip: { callbacks: { title: items => (items.length ? fmtTipDate(items[0].parsed.x) : '') } },
-      },
+      layout: { padding: { top: 8 } },   // pixel headroom so the top dot never clips
+      plugins: { legend: { display: false }, tooltip: { enabled: true } },
       scales: {
         x: { type: 'linear', min: xMin, max: xMax, grid: { display: false },
-             ticks: { maxTicksLimit: 5, maxRotation: 0, font: { size: 9 }, callback: v => fmtTick(v) } },
-        y: { beginAtZero: true, grace: '8%',
-             ticks: { precision: 0, font: { size: 9 } } },
+             ticks: { maxTicksLimit: 4, maxRotation: 0, font: { size: 9 }, callback: v => fmtTick(v) } },
+        y: { beginAtZero: true, grace: '25%',   // margin above the max value
+             ticks: { precision: 0, maxTicksLimit: 3, font: { size: 9 } } },
       },
     },
   });
 }
-
-// "Show all" capping for the PR tables: render the first PR_CAP rows, with a
-// toggle row when there are more. State + last payload are cached so the toggle
-// re-renders without a refetch, and the choice survives the poll refresh.
-const PR_CAP = 10;
-const wikiTableExpanded = { rq: false, mp: false };
-let lastReviewData = null, lastMergesData = null, lastWikiDs = '';
-function renderCappedRows(bodyId, rows, key, colspan, emptyMsg) {
-  const body = document.getElementById(bodyId); if (!body) return;
-  if (!rows.length) { body.innerHTML = `<tr><td colspan="${colspan}" style="color:#999">${emptyMsg}</td></tr>`; return; }
-  const expanded = wikiTableExpanded[key];
-  let html = (expanded ? rows : rows.slice(0, PR_CAP)).join('');
-  if (rows.length > PR_CAP) {
-    const label = expanded ? 'Show less' : `Show all ${rows.length}`;
-    html += `<tr class="show-all-row"><td colspan="${colspan}" style="text-align:center">`
-      + `<a href="#" class="lb-link" data-tbl="${key}">${label}</a></td></tr>`;
-  }
-  body.innerHTML = html;
-}
-function onWikiTableToggle(e) {
-  const a = e.target.closest('a[data-tbl]'); if (!a) return;
-  e.preventDefault();
-  const key = a.dataset.tbl;
-  wikiTableExpanded[key] = !wikiTableExpanded[key];
-  if (key === 'rq') renderReviewQueue(lastReviewData, lastWikiDs);
-  if (key === 'mp') renderMergedPRs(lastMergesData, lastWikiDs);
+function renderActivity(data) {
+  const pts = (data && data.points) || [];
+  const tot = (data && data.totals) || {};
+  let startMs = Date.parse(data && data.start) || Date.now();
+  const nowMs = Date.parse(data && data.now) || Date.now();
+  if (startMs >= nowMs) startMs = nowMs - 60000;   // avoid a zero-width axis
+  const setT = (id, v) => { const e = document.getElementById(id); if (e) e.textContent = (v != null ? v : 0); };
+  setT('actSources', tot.sources); setT('actMerged', tot.merged); setT('actTopics', tot.topics);
+  miniChart('chSources', pts, 'sources', '#2563eb', startMs, nowMs);
+  miniChart('chMerged', pts, 'merged', '#1a7f37', startMs, nowMs);
+  miniChart('chTopics', pts, 'topics', '#b35900', startMs, nowMs);
 }
 
 function renderReviewQueue(data, ds) {
-  lastReviewData = data; lastWikiDs = ds;
+  const body = document.getElementById('rqBody'); if (!body) return;
   const items = (data && data.items) || [];
-  const st = document.getElementById('rqStatus'); if (st) st.textContent = items.length ? `${items.length} open` : 'no open PRs';
-  const rows = items.map(p => {
+  document.getElementById('rqStatus').textContent = items.length ? `${items.length} open` : 'no open PRs';
+  body.innerHTML = items.map(p => {
     const url = ds ? `https://huggingface.co/datasets/${ds}/discussions/${p.num}` : '#';
     const state = p.mergeable
       ? '<span style="color:#1a7f37">mergeable</span>'
@@ -3492,8 +3455,7 @@ function renderReviewQueue(data, ds) {
     return `<tr><td>#${p.num}</td><td>${escapeHtml(p.title || '')}</td><td>${agent}</td>`
       + `<td class="num">${p.approvals || 0}</td><td>${state}</td>`
       + `<td><a class="lb-link" href="${url}" target="_blank" rel="noopener">PR ↗</a></td></tr>`;
-  });
-  renderCappedRows('rqBody', rows, 'rq', 6, 'No open pull requests — open one to contribute.');
+  }).join('') || '<tr><td colspan="6" style="color:#999">No open pull requests — open one to contribute.</td></tr>';
 }
 
 function renderReadingList(data) {
@@ -3514,26 +3476,12 @@ function renderWikiLeaderboard(data) {
   ).join('') || '<tr><td colspan="5" style="color:#999">No contributions merged yet.</td></tr>';
 }
 
-async function refreshBackendStatus() {
-  let cls = 'down', title = 'backend unreachable';
-  try {
-    const r = await fetchWithTimeout('/api/backend-status');
-    const d = r.ok ? await r.json() : { ok: false };
-    cls = d.ok ? ((d.ms != null && d.ms > 3000) ? 'slow' : 'ok') : 'down';
-    title = d.ok ? `backend healthy${d.ms != null ? ` · ${d.ms} ms` : ''}` : 'backend unreachable';
-  } catch {}
-  backendStatusCls = cls; backendStatusTitle = title;
-  const dot = document.getElementById('backendStatusDot');
-  if (dot) { dot.className = 'status-dot ' + cls; dot.title = title; }
-}
-
 async function pollLoop() {
   while (true) {
     await new Promise(r => setTimeout(r, POLL_MS));
     if (!initialLoaded) continue;
     await refreshAll();
     if (CFG.wiki_enabled) { try { await refreshWiki(); } catch {} }
-    refreshBackendStatus();
   }
 }
 
@@ -3542,7 +3490,6 @@ async function pollLoop() {
 // want the composer button to settle into its real state ASAP.
 loadConfig().then(() => {
   refreshMe();
-  refreshBackendStatus();
   initialLoad().then(() => { if (initialLoaded) pollLoop(); });
 });
 </script>