Upload folder using huggingface_hub

app.py

@@ -256,6 +256,20 @@ async def wiki_merges() -> Any:
     return await _proxy_backend_get("/v1/wiki/merges")
 
 
+# Trace & stats sharing (proxied same-origin like the wiki reads). The backend
+# computes the project token aggregate and the trace listing; the SPA can't call
+# it cross-origin (no CORS), so the dashboard relays it here.
+@app.get("/api/stats")
+async def stats_proxy() -> Any:
+    return await _proxy_backend_get("/v1/stats")
+
+
+@app.get("/api/traces")
+async def traces_proxy(request: Request) -> Any:
+    qs = request.url.query
+    return await _proxy_backend_get(f"/v1/traces?{qs}" if qs else "/v1/traces")
+
+
 # ──────────────────────────────────────────────────────────────
 # OAuth (HF Spaces auto-injects OAUTH_CLIENT_ID/SECRET when
 # `hf_oauth: true` is set in README.md).

static/index.html

@@ -258,6 +258,22 @@
   .lb-table.wiki-table th, .lb-table.wiki-table td { padding: 8px 8px; }
   .lb-table.wiki-table td { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
   .lb-table.wiki-table a.lb-link { margin: 0; }   /* pill fits its narrow column */
+  /* Traces — project token estimate + shared session library */
+  .stats-tile {
+    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
+    border: 1px solid var(--border); background: #fff;
+    padding: 12px 14px; margin-bottom: 12px;
+    font-size: 11px; color: var(--muted); font-variant-numeric: tabular-nums;
+  }
+  .stats-tile .big { font-size: 20px; font-weight: 600; color: var(--accent); }
+  .stats-tile .muted2 { color: var(--muted-3); }
+  .stats-tile .row { display: flex; gap: 16px; flex-wrap: wrap; margin-top: 8px; }
+  .stats-tile .row .k {
+    color: var(--muted-3); text-transform: uppercase;
+    letter-spacing: 0.5px; margin-right: 2px;
+  }
+  .stats-tile .coverage { color: var(--muted-3); font-size: 10px; margin-top: 8px; }
+  .traces-table .muted2 { color: var(--muted-4); }
   .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; }
@@ -3186,7 +3202,16 @@ function initWiki() {
     <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>`;
+    </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="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>`;
   refreshWiki();
 }
 
@@ -3197,6 +3222,7 @@ async function refreshWiki() {
   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) {
@@ -3217,6 +3243,78 @@ function renderMergedPRs(data, ds) {
   }).join('') || '<tr><td colspan="6" style="color:#999">No merged PRs yet.</td></tr>';
 }
 
+// ── Traces: project token estimate + shared-session library (best-effort;
+//    the section stays hidden until ≥1 trace exists) ──
+const STATS_URL = '/api/stats';
+const TRACES_URL = '/api/traces?expand=true&limit=50';
+
+function fmtTokens(n) {
+  if (n == null) return '—';
+  if (n >= 1e6) return (n / 1e6).toFixed(n >= 1e7 ? 0 : 1) + 'M';
+  if (n >= 1e3) return (n / 1e3).toFixed(n >= 1e4 ? 0 : 1) + 'k';
+  return String(n);
+}
+
+function renderStatsTile(stats) {
+  const el = document.getElementById('tracesStatsTile');
+  const t = stats.tokens || {};
+  const cost = stats.cost_usd != null ? `<span><span class="k">cost</span> $${stats.cost_usd.toFixed(2)}</span>` : '';
+  const cov = stats.sessions_missing_tokens
+    ? `<div class="coverage">reported floor — ${stats.sessions_missing_tokens} session(s) without token data excluded</div>` : '';
+  el.innerHTML =
+    `<span class="big">${fmtTokens(t.total || 0)}</span> tokens reported`
+    + ` <span class="muted2">· ${stats.sessions_counted} sessions · ${stats.agents_reporting} agents</span>`
+    + `<div class="row"><span><span class="k">in</span> ${fmtTokens(t.input)}</span>`
+    + `<span><span class="k">out</span> ${fmtTokens(t.output)}</span>`
+    + `<span><span class="k">cache</span> ${fmtTokens(t.cache_read)}</span>${cost}</div>${cov}`;
+}
+
+function renderTracesList(items) {
+  const body = document.getElementById('tracesBody');
+  body.innerHTML = items.map(it => {
+    const traceFile = it.primary_log_file || '';
+    const full = it.share === 'full' && CFG.bucket_web_url && traceFile;
+    const link = full
+      ? `<a class="lb-link" href="${escapeHtml(CFG.bucket_web_url + '/' + traceFile)}" target="_blank" rel="noopener noreferrer" title="Open the native session log in Hugging Face's trace viewer">view ↗</a>`
+      : '<span class="muted2">stats</span>';
+    return `<tr>
+      <td>${renderAgentName(it.agent)}</td>
+      <td>${escapeHtml(it.harness || '—')}</td>
+      <td>${escapeHtml(it.model || '—')}</td>
+      <td class="num">${fmtTokens(it.total_tokens)}</td>
+      <td class="num">${it.tool_calls == null ? '—' : it.tool_calls}</td>
+      <td class="desc" title="${escapeHtml(it.summary_excerpt || '')}">${escapeHtml(it.summary_excerpt || '')}</td>
+      <td class="links">${link}</td>
+    </tr>`;
+  }).join('');
+}
+
+async function refreshTraces() {
+  const titleEl = document.getElementById('tracesSectionTitle');
+  const tileEl = document.getElementById('tracesStatsTile');
+  const wrapEl = document.getElementById('tracesListWrap');
+  const hintEl = document.getElementById('tracesHint');
+  if (!titleEl) return;
+  try {
+    const [sr, tr] = await Promise.allSettled([
+      fetchWithTimeout(STATS_URL), fetchWithTimeout(TRACES_URL),
+    ]);
+    let stats = null, items = [], count = 0;
+    if (sr.status === 'fulfilled' && sr.value.ok) stats = await sr.value.json();
+    if (tr.status === 'fulfilled' && tr.value.ok) {
+      const j = await tr.value.json();
+      items = j.items || []; count = j.count ?? items.length;
+    }
+    const has = items.length > 0 || (stats && (stats.sessions_counted || stats.sessions_missing_tokens));
+    titleEl.hidden = tileEl.hidden = wrapEl.hidden = !has;
+    if (!has) return;
+    if (stats) renderStatsTile(stats);
+    renderTracesList(items);
+    hintEl.textContent = count > items.length
+      ? `${items.length} of ${count}` : `${count} session${count === 1 ? '' : 's'}`;
+  } catch { /* traces are best-effort; never disrupt the dashboard */ }
+}
+
 let wikiCharts = {};
 // epoch ms -> "MM-DD HH:MM" (UTC) for the time axis ticks
 function fmtTick(v) {