Filterable leaderboard: facets (family/supervision/reranker), pollution selector, NR toggle, search, tabs

.gitattributes

@@ -33,3 +33,4 @@ saved_model/**/* filter=lfs diff=lfs merge=lfs -text
 *.zip filter=lfs diff=lfs merge=lfs -text
 *.zst filter=lfs diff=lfs merge=lfs -text
 *tfevents* filter=lfs diff=lfs merge=lfs -text
+radar.png filter=lfs diff=lfs merge=lfs -text

README.md

@@ -3,16 +3,19 @@ title: READ-Bench Leaderboard
 emoji: 🩺
 colorFrom: indigo
 colorTo: green
-sdk: static
+sdk: gradio
+sdk_version: "4.44.0"
+app_file: app.py
 pinned: false
 license: cc-by-nc-sa-4.0
 ---
 
 # READ-Bench Leaderboard
 
-Live leaderboard for [READ-Bench](https://huggingface.co/datasets/c3aiia3c/read-bench).
-It renders community submissions from
-[`c3aiia3c/read-bench-results`](https://huggingface.co/datasets/c3aiia3c/read-bench-results)
-client-side (no server), ranked by NDCG@10 at pollution levels ρ = 0 / 10 / 20%.
+Live leaderboard for [READ-Bench](https://huggingface.co/datasets/c3aiia3c/read-bench),
+rendered from community submissions in
+[`c3aiia3c/read-bench-results`](https://huggingface.co/datasets/c3aiia3c/read-bench-results).
 
-Submit a method by opening a Pull Request on the results repo — see its README.
+Methods are ranked by **NDCG@10**, macro-averaged over the 12 datasets, at three
+normal-pollution levels (ρ = 0 / 10 / 20%). To appear here, open a PR on the
+results repo — see its README for the submission protocol.

app.js

@@ -0,0 +1,207 @@
+"use strict";
+const RESULTS_REPO = "c3aiia3c/read-bench-results";
+const RHO_IDX = { rho0: 5, rho10: 6, rho20: 7 };   // index into a row tuple
+const KEY_IDX = { name:0, family:1, supervision:2, reranker:3, nr:4,
+                  rho0:5, rho10:6, rho20:7, source:8, link:9 };
+
+const state = {
+  view: "overall",
+  rho: "rho0",
+  sortKey: "rho0",
+  sortDir: -1,
+  nrOnly: false,
+  search: "",
+  active: { family: new Set(), supervision: new Set(), reranker: new Set() },
+  rows: [],
+};
+
+// ---- filter chips ----
+function buildChips() {
+  for (const facet of ["family", "supervision", "reranker"]) {
+    const host = document.getElementById("f-" + facet);
+    host.innerHTML = "";
+    for (const val of window.FACETS[facet]) {
+      const chip = document.createElement("span");
+      chip.className = "chip";
+      chip.textContent = val;
+      chip.onclick = () => {
+        const s = state.active[facet];
+        s.has(val) ? s.delete(val) : s.add(val);
+        chip.classList.toggle("on");
+        render();
+      };
+      host.appendChild(chip);
+    }
+  }
+}
+
+// ---- submissions (fetched client-side from the results repo) ----
+async function loadSubmissions() {
+  const api = `https://huggingface.co/api/datasets/${RESULTS_REPO}/tree/main/submissions?recursive=1`;
+  let tree;
+  try { tree = await (await fetch(api)).json(); } catch (e) { return []; }
+  if (!Array.isArray(tree)) return [];
+  const slugs = new Set();
+  for (const f of tree) {
+    const m = f.path && f.path.match(/^submissions\/([^/]+)\/results\.json$/);
+    if (m) slugs.add(m[1]);
+  }
+  const rows = [];
+  for (const slug of slugs) {
+    const base = `https://huggingface.co/datasets/${RESULTS_REPO}/resolve/main/submissions/${slug}`;
+    try {
+      const res = await (await fetch(`${base}/results.json`)).json();
+      let meta = {};
+      try { meta = parseYaml(await (await fetch(`${base}/metadata.yaml`)).text()); } catch (e) {}
+      const h = res.headline || {};
+      rows.push([
+        meta.name || slug,
+        meta.family || "Other",
+        meta.supervision || "label-free",
+        meta.reranker || "none",
+        /nr|normal-residual/i.test(meta.name || "") || meta.nr === "true",
+        h.rho0, h.rho10, h.rho20, "submission", meta.code || meta.paper || "",
+      ]);
+    } catch (e) { /* skip malformed */ }
+  }
+  return rows;
+}
+
+function parseYaml(txt) {
+  const o = {};
+  for (const line of txt.split("\n")) {
+    const m = line.match(/^([a-zA-Z_]+):\s*(.*)$/);
+    if (!m) continue;
+    let v = m[2].trim();
+    if (!/^["']/.test(v)) v = v.replace(/\s+#.*$/, "").trim();
+    v = v.replace(/^["']|["']$/g, "");
+    if (v) o[m[1]] = v;
+  }
+  return o;
+}
+
+// ---- rendering ----
+const COLS = [
+  { key: "rank", label: "#", cls: "rank" },
+  { key: "name", label: "Method" },
+  { key: "family", label: "Family" },
+  { key: "supervision", label: "Supervision" },
+  { key: "reranker", label: "Reranker" },
+  { key: "rho0", label: "NDCG@10 ρ=0%", cls: "num" },
+  { key: "rho10", label: "ρ=10%", cls: "num" },
+  { key: "rho20", label: "ρ=20%", cls: "num" },
+  { key: "source", label: "Source" },
+];
+
+function passesFilters(r) {
+  for (const facet of ["family", "supervision", "reranker"]) {
+    const s = state.active[facet];
+    if (s.size && !s.has(r[KEY_IDX[facet]])) return false;
+  }
+  if (state.nrOnly && !r[KEY_IDX.nr]) return false;
+  if (state.search && !String(r[0]).toLowerCase().includes(state.search)) return false;
+  return true;
+}
+
+function render() {
+  const rhoIdx = RHO_IDX[state.rho];
+  const sortIdx = KEY_IDX[state.sortKey];
+  let rows = state.rows.filter(r => typeof r[rhoIdx] === "number").filter(passesFilters);
+  rows.sort((a, b) => {
+    const x = a[sortIdx], y = b[sortIdx];
+    if (typeof x === "number") return (x - y) * state.sortDir;
+    return String(x).localeCompare(String(y)) * state.sortDir;
+  });
+  const best = rows.length ? Math.max(...rows.map(r => r[rhoIdx] || 0)) : -1;
+
+  // header
+  const head = document.getElementById("head");
+  head.innerHTML = "<tr>" + COLS.map(c => {
+    const active = c.key === state.sortKey;
+    const arrow = active ? (state.sortDir < 0 ? " ▼" : " ▲") : "";
+    const sel = (c.key === "rho0" && state.rho === "rho0") ||
+                (c.key === "rho10" && state.rho === "rho10") ||
+                (c.key === "rho20" && state.rho === "rho20");
+    const label = sel ? `<b>${c.label}</b>` : c.label;
+    return `<th class="${c.cls || ""}" data-k="${c.key}">${label}<span class="arrow">${arrow}</span></th>`;
+  }).join("") + "</tr>";
+  head.querySelectorAll("th[data-k]").forEach(th => {
+    const k = th.dataset.k;
+    if (k === "rank") return;
+    th.onclick = () => {
+      if (state.sortKey === k) state.sortDir *= -1;
+      else { state.sortKey = k; state.sortDir = k.startsWith("rho") ? -1 : 1; }
+      render();
+    };
+  });
+
+  // body
+  const tb = document.getElementById("rows");
+  tb.innerHTML = "";
+  rows.forEach((r, i) => {
+    const tr = document.createElement("tr");
+    if (r[KEY_IDX.source] === "paper") tr.className = "paper";
+    const nm = r[KEY_IDX.link] ? `<a href="${r[KEY_IDX.link]}" target="_blank" rel="noopener">${r[0]}</a>` : r[0];
+    const f = v => (typeof v === "number" ? v.toFixed(3) : "—");
+    const bestCls = c => (c === best ? "num best" : "num");
+    tr.innerHTML =
+      `<td class="rank">${i + 1}</td>` +
+      `<td>${nm}</td>` +
+      `<td><span class="pill">${r[1]}</span></td>` +
+      `<td>${r[2]}</td>` +
+      `<td>${r[3] === "none" ? "—" : r[3]}</td>` +
+      `<td class="${state.rho === "rho0" ? bestCls(r[5]) : "num"}">${f(r[5])}</td>` +
+      `<td class="${state.rho === "rho10" ? bestCls(r[6]) : "num"}">${f(r[6])}</td>` +
+      `<td class="${state.rho === "rho20" ? bestCls(r[7]) : "num"}">${f(r[7])}</td>` +
+      `<td><span class="src ${r[8]}">${r[8]}</span></td>`;
+    tb.appendChild(tr);
+  });
+
+  document.getElementById("count").textContent =
+    `${rows.length} methods · sorted by ${state.sortKey.startsWith("rho") ? "NDCG@10 " + state.sortKey.replace("rho","ρ=") + "%" : state.sortKey}`;
+}
+
+// ---- view switching (Overall table vs By-Domain radar) ----
+function setView(view) {
+  state.view = view;
+  document.querySelectorAll(".tab").forEach(t => t.classList.toggle("active", t.dataset.view === view));
+  const table = document.getElementById("board");
+  const count = document.getElementById("count");
+  let domain = document.getElementById("domain-view");
+  if (view === "domain") {
+    table.style.display = "none"; count.style.display = "none";
+    if (!domain) {
+      domain = document.createElement("div");
+      domain.id = "domain-view";
+      domain.innerHTML =
+        `<p style="color:#8b93a4;margin:0 0 12px">Per-dataset NDCG@10 across the five diagnostic
+         domains. Base retrievers (coloured by family) form a tight inner band; the composed
+         system (CHARM + NR | DTW-I + GPC) expands over most datasets.</p>
+         <p align="center"><img src="radar.png" style="max-width:640px;width:100%;
+         background:#fff;border-radius:12px;padding:8px"/></p>`;
+      table.parentNode.insertBefore(domain, table.nextSibling);
+    }
+    domain.style.display = "block";
+  } else {
+    table.style.display = ""; count.style.display = "";
+    if (domain) domain.style.display = "none";
+  }
+}
+
+// ---- wire controls ----
+document.getElementById("rho").onchange = e => {
+  state.rho = e.target.value;
+  state.sortKey = state.rho;   // sort by the selected pollution column
+  state.sortDir = -1;
+  render();
+};
+document.getElementById("nr-only").onchange = e => { state.nrOnly = e.target.checked; render(); };
+document.getElementById("search").oninput = e => { state.search = e.target.value.toLowerCase(); render(); };
+document.querySelectorAll(".tab").forEach(t => t.onclick = () => setView(t.dataset.view));
+
+(async () => {
+  buildChips();
+  const subs = await loadSubmissions();
+  state.rows = window.PAPER_ROWS.concat(subs);
+  render();
+})();

data.js

@@ -0,0 +1,27 @@
+// READ-Bench leaderboard data: paper reference rows (arXiv:2609.32123, Table 1),
+// tagged for filtering. Community submissions are fetched at runtime from the
+// results repo and appended. NDCG@10 macro-averaged over 12 datasets.
+//
+// Fields: name, family, supervision, reranker, nr(bool), rho0, rho10, rho20, source, link
+window.PAPER_ROWS = [
+  ["MR-Hydra",                  "Supervised",           "supervised",      "none", false, 0.776, 0.672, 0.658, "paper", ""],
+  ["RDST",                      "Supervised",           "supervised",      "none", false, 0.711, 0.634, 0.590, "paper", ""],
+  ["CHARM + NR | DTW-I + GPC",  "Fusion + reranker",    "neighbour-labels","GPC",  true,  0.687, 0.640, 0.619, "paper", ""],
+  ["MantisV2",                  "FM embedder",          "label-free",      "none", false, 0.510, 0.474, 0.454, "paper", ""],
+  ["SAX-BM25",                  "Symbolic",             "label-free",      "none", false, 0.489, 0.457, 0.431, "paper", ""],
+  ["CHARM",                     "FM embedder",          "label-free",      "none", false, 0.486, 0.461, 0.437, "paper", ""],
+  ["TiRex",                     "FM embedder",          "label-free",      "none", false, 0.483, 0.449, 0.433, "paper", ""],
+  ["DTW-I",                     "Raw-window distance",  "label-free",      "none", false, 0.480, 0.414, 0.395, "paper", ""],
+  ["Chronos-2",                 "FM embedder",          "label-free",      "none", false, 0.471, 0.455, 0.432, "paper", ""],
+  ["SFA-BM25",                  "Symbolic",             "label-free",      "none", false, 0.409, 0.386, 0.376, "paper", ""],
+  ["SBD-D",                     "Raw-window distance",  "label-free",      "none", false, 0.328, 0.271, 0.245, "paper", ""],
+  ["Majority",                  "Trivial floor",        "label-free",      "none", false, 0.246, 0.242, 0.166, "paper", ""],
+  ["Random",                    "Trivial floor",        "label-free",      "none", false, 0.189, 0.168, 0.155, "paper", ""],
+];
+
+// Facets the filter chips are built from (order controls chip order).
+window.FACETS = {
+  family: ["FM embedder", "Raw-window distance", "Symbolic", "Fusion + reranker", "Supervised", "Trivial floor", "Other"],
+  supervision: ["label-free", "neighbour-labels", "supervised"],
+  reranker: ["none", "GPC", "PRF", "Purity", "MajVote", "QPurity", "LM"],
+};

index.html

@@ -5,163 +5,119 @@
 <meta name="viewport" content="width=device-width, initial-scale=1"/>
 <title>READ-Bench Leaderboard</title>
 <style>
-  :root { --bg:#0f1117; --card:#171a21; --line:#262b36; --fg:#e6e8ec; --mut:#9aa3b2;
-          --accent:#7c8cff; --paper:#2a2f3a; }
-  * { box-sizing:border-box; }
-  body { margin:0; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
-         background:var(--bg); color:var(--fg); line-height:1.5; }
-  .wrap { max-width:1000px; margin:0 auto; padding:32px 20px 80px; }
-  h1 { font-size:1.6rem; margin:0 0 4px; }
-  .sub { color:var(--mut); margin:0 0 20px; font-size:.95rem; }
-  .sub a { color:var(--accent); text-decoration:none; }
-  .sub a:hover { text-decoration:underline; }
-  .meta { font-size:.85rem; color:var(--mut); margin:14px 0; }
-  table { width:100%; border-collapse:collapse; background:var(--card);
-          border:1px solid var(--line); border-radius:12px; overflow:hidden; }
-  th,td { padding:10px 12px; text-align:left; border-bottom:1px solid var(--line); font-size:.92rem; }
-  th { background:#1b1f27; color:var(--mut); cursor:pointer; user-select:none; white-space:nowrap; }
-  th.num,td.num { text-align:right; font-variant-numeric:tabular-nums; }
-  tr:last-child td { border-bottom:none; }
-  tr.paper { color:var(--mut); }
-  tr.paper .src { background:var(--paper); }
-  .src { font-size:.72rem; padding:2px 7px; border-radius:999px; background:#20305a; color:#aeb9ff; }
-  .rank { color:var(--mut); width:40px; }
-  td a { color:var(--accent); text-decoration:none; }
-  .foot { margin-top:22px; font-size:.82rem; color:var(--mut); }
-  .foot code { background:#20242e; padding:1px 6px; border-radius:5px; }
+  :root{
+    --bg:#0b0d12; --panel:#141821; --panel2:#1b212c; --line:#272e3b;
+    --fg:#eef1f6; --mut:#8b93a4; --accent:#8aa0ff; --accent2:#59d6a8;
+    --pill:#1f2838; --pillfg:#aebbff; --paperbg:#20242e;
+  }
+  *{box-sizing:border-box;}
+  body{margin:0;background:var(--bg);color:var(--fg);
+       font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,Helvetica,Arial,sans-serif;}
+  a{color:var(--accent);text-decoration:none;} a:hover{text-decoration:underline;}
+  .wrap{max-width:1180px;margin:0 auto;padding:28px 20px 90px;}
+  header h1{font-size:1.7rem;margin:0 0 2px;letter-spacing:-.01em;}
+  header .tag{color:var(--accent2);font-weight:600;}
+  .lead{color:var(--mut);margin:6px 0 2px;max-width:760px;}
+  .links{margin:12px 0 20px;font-size:.9rem;}
+  .links a{margin-right:16px;}
+  .panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin-bottom:18px;}
+  .tabs{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap;}
+  .tab{padding:8px 16px;border-radius:10px;background:var(--panel);border:1px solid var(--line);
+       color:var(--mut);cursor:pointer;font-size:.9rem;font-weight:600;}
+  .tab.active{background:var(--panel2);color:var(--fg);border-color:#3a475f;}
+  .filters{display:flex;gap:22px;flex-wrap:wrap;align-items:flex-start;}
+  .fgroup{display:flex;flex-direction:column;gap:6px;}
+  .fgroup .ftitle{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--mut);}
+  .chips{display:flex;gap:6px;flex-wrap:wrap;max-width:520px;}
+  .chip{font-size:.8rem;padding:5px 11px;border-radius:999px;border:1px solid var(--line);
+        background:var(--panel2);color:var(--mut);cursor:pointer;user-select:none;}
+  .chip.on{background:var(--pill);color:var(--pillfg);border-color:#39507f;}
+  .ctrls{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:4px;}
+  select,input[type=search]{background:var(--panel2);color:var(--fg);border:1px solid var(--line);
+        border-radius:9px;padding:7px 10px;font-size:.88rem;}
+  input[type=search]{min-width:220px;}
+  .count{color:var(--mut);font-size:.85rem;margin:4px 2px 10px;}
+  table{width:100%;border-collapse:collapse;background:var(--panel);
+        border:1px solid var(--line);border-radius:14px;overflow:hidden;}
+  th,td{padding:11px 13px;text-align:left;border-bottom:1px solid var(--line);font-size:.9rem;}
+  th{background:#161b24;color:var(--mut);cursor:pointer;user-select:none;white-space:nowrap;position:sticky;top:0;}
+  th.num,td.num{text-align:right;font-variant-numeric:tabular-nums;}
+  th .arrow{opacity:.5;font-size:.75rem;}
+  tr:last-child td{border-bottom:none;}
+  tr.paper{color:var(--mut);}
+  tbody tr:hover{background:#171d27;}
+  .rank{color:var(--mut);width:38px;text-align:right;}
+  .pill{font-size:.72rem;padding:2px 8px;border-radius:999px;background:var(--pill);color:var(--pillfg);white-space:nowrap;}
+  .src{font-size:.7rem;padding:2px 8px;border-radius:999px;}
+  .src.paper{background:var(--paperbg);color:var(--mut);}
+  .src.submission{background:#13351f;color:#7ee6a6;}
+  .best{color:#fff;font-weight:700;}
+  .foot{margin-top:20px;font-size:.82rem;color:var(--mut);}
+  .foot code{background:#20242e;padding:1px 6px;border-radius:5px;}
 </style>
 </head>
 <body>
 <div class="wrap">
-  <h1>🩺 READ-Bench Leaderboard</h1>
-  <p class="sub">
-    Historical-instance <b>retrieval for time-series diagnosis</b> — ranked by
-    <b>NDCG@10</b>, macro-averaged over 12 datasets, at normal-pollution levels
-    ρ = 0 / 10 / 20%.
-    &nbsp;·&nbsp; <a href="https://arxiv.org/abs/2609.32123">Paper</a>
-    &nbsp;·&nbsp; <a href="https://huggingface.co/datasets/c3aiia3c/read-bench">Data</a>
-    &nbsp;·&nbsp; <a href="https://huggingface.co/datasets/c3aiia3c/read-bench-results">Submit</a>
-  </p>
-  <div class="meta" id="status">Loading submissions…</div>
+  <header>
+    <h1>🩺 READ-Bench <span class="tag">Leaderboard</span></h1>
+    <p class="lead">Historical-case <b>retrieval for time-series diagnosis</b> — relevance is shared
+      <b>fault type</b>, not signal shape. Ranked by <b>NDCG@10</b>, macro-averaged over 12 datasets.</p>
+    <div class="links">
+      <a href="https://arxiv.org/abs/2609.32123">📄 Paper</a>
+      <a href="https://huggingface.co/datasets/c3aiia3c/read-bench">💾 Data</a>
+      <a href="https://huggingface.co/datasets/c3aiia3c/read-bench-results">📥 Submit a method</a>
+    </div>
+  </header>
+
+  <div class="tabs" id="tabs">
+    <div class="tab active" data-view="overall">🏅 Overall</div>
+    <div class="tab" data-view="domain">🗂 By Domain</div>
+  </div>
+
+  <div class="panel">
+    <div class="filters">
+      <div class="fgroup">
+        <span class="ftitle">Family</span>
+        <div class="chips" id="f-family"></div>
+      </div>
+      <div class="fgroup">
+        <span class="ftitle">Supervision</span>
+        <div class="chips" id="f-supervision"></div>
+      </div>
+      <div class="fgroup">
+        <span class="ftitle">Reranker</span>
+        <div class="chips" id="f-reranker"></div>
+      </div>
+    </div>
+    <div class="ctrls">
+      <label>Pollution&nbsp;
+        <select id="rho">
+          <option value="rho0">ρ = 0%</option>
+          <option value="rho10">ρ = 10%</option>
+          <option value="rho20">ρ = 20%</option>
+        </select>
+      </label>
+      <label><input type="checkbox" id="nr-only"/> NR scoring only</label>
+      <input type="search" id="search" placeholder="search method…"/>
+    </div>
+  </div>
+
+  <div class="count" id="count"></div>
   <table id="board">
-    <thead><tr>
-      <th class="rank">#</th>
-      <th data-k="method">Method</th>
-      <th data-k="family">Family</th>
-      <th data-k="supervision">Supervision</th>
-      <th class="num" data-k="rho0">NDCG@10 (ρ=0%)</th>
-      <th class="num" data-k="rho10">ρ=10%</th>
-      <th class="num" data-k="rho20">ρ=20%</th>
-      <th data-k="source">Source</th>
-    </tr></thead>
+    <thead id="head"></thead>
     <tbody id="rows"></tbody>
   </table>
+
   <p class="foot">
-    <code>paper</code> rows are reference numbers from arXiv:2609.32123;
-    <code>submission</code> rows are community entries (verified by re-running the
-    official harness). To appear here, open a Pull Request on the
+    <span class="src paper">paper</span> rows are reference numbers from arXiv:2609.32123;
+    <span class="src submission">submission</span> rows are community entries verified by re-running the
+    official harness. Click a column header to sort; use the chips to filter.
+    Submit via a Pull Request on the
     <a href="https://huggingface.co/datasets/c3aiia3c/read-bench-results">results repo</a>.
   </p>
 </div>
 
-<script>
-const RESULTS_REPO = "c3aiia3c/read-bench-results";
-const PAPER_ROWS = [
-  ["MR-Hydra","Supervised reference","supervised",0.776,0.672,0.658,"paper"],
-  ["CHARM + NR | DTW-I + GPC","Our best system","neighbour-labels",0.687,0.640,0.619,"paper"],
-  ["MantisV2","FM embedder","label-free",0.510,0.474,0.454,"paper"],
-  ["SAX-BM25","Symbolic","label-free",0.489,0.457,0.431,"paper"],
-  ["CHARM","FM embedder","label-free",0.486,0.461,0.437,"paper"],
-  ["TiRex","FM embedder","label-free",0.483,0.449,0.433,"paper"],
-  ["DTW-I","Raw-window distance","label-free",0.480,0.414,0.395,"paper"],
-  ["Chronos-2","FM embedder","label-free",0.471,0.455,0.432,"paper"],
-  ["SFA-BM25","Symbolic","label-free",0.409,0.386,0.376,"paper"],
-  ["SBD-D","Raw-window distance","label-free",0.328,0.271,0.245,"paper"],
-];
-let SORT_KEY = "rho0", SORT_DIR = -1;
-
-async function loadSubmissions() {
-  // List the results repo tree, find submissions/<slug>/{metadata.yaml,results.json}.
-  const api = `https://huggingface.co/api/datasets/${RESULTS_REPO}/tree/main/submissions?recursive=1`;
-  let tree;
-  try { tree = await (await fetch(api)).json(); } catch (e) { return []; }
-  if (!Array.isArray(tree)) return [];
-  const slugs = new Set();
-  for (const f of tree) {
-    const m = f.path && f.path.match(/^submissions\/([^/]+)\/results\.json$/);
-    if (m) slugs.add(m[1]);
-  }
-  const rows = [];
-  for (const slug of slugs) {
-    const base = `https://huggingface.co/datasets/${RESULTS_REPO}/resolve/main/submissions/${slug}`;
-    try {
-      const res = await (await fetch(`${base}/results.json`)).json();
-      let meta = {};
-      try { meta = parseYaml(await (await fetch(`${base}/metadata.yaml`)).text()); } catch (e) {}
-      const h = res.headline || {};
-      let name = meta.name || slug;
-      const link = meta.code || meta.paper;
-      rows.push([name, meta.family || "?", meta.supervision || "?",
-                 h.rho0, h.rho10, h.rho20, "submission", link]);
-    } catch (e) { /* skip malformed */ }
-  }
-  return rows;
-}
-
-// Minimal YAML (flat key: value) parser — submissions use a flat metadata.yaml.
-function parseYaml(txt) {
-  const o = {};
-  for (const line of txt.split("\n")) {
-    const m = line.match(/^([a-zA-Z_]+):\s*(.*)$/);
-    if (!m) continue;
-    let v = m[2].trim();
-    // strip an inline comment that isn't inside quotes
-    if (!/^["']/.test(v)) v = v.replace(/\s+#.*$/, "").trim();
-    v = v.replace(/^["']|["']$/g, "");
-    if (v) o[m[1]] = v;
-  }
-  return o;
-}
-
-function render(rows) {
-  const KEYS = {method:0, family:1, supervision:2, rho0:3, rho10:4, rho20:5, source:6};
-  const idx = KEYS[SORT_KEY];
-  rows = rows.filter(r => typeof r[3] === "number");
-  rows.sort((a,b) => {
-    const x=a[idx], y=b[idx];
-    if (typeof x === "number") return (x-y)*SORT_DIR;
-    return String(x).localeCompare(String(y))*SORT_DIR;
-  });
-  const tb = document.getElementById("rows");
-  tb.innerHTML = "";
-  rows.forEach((r,i) => {
-    const tr = document.createElement("tr");
-    if (r[6] === "paper") tr.className = "paper";
-    const nameCell = r[7] ? `<a href="${r[7]}" target="_blank" rel="noopener">${r[0]}</a>` : r[0];
-    const f = v => (typeof v === "number" ? v.toFixed(3) : "—");
-    tr.innerHTML = `<td class="rank">${i+1}</td><td>${nameCell}</td><td>${r[1]}</td>`
-      + `<td>${r[2]}</td><td class="num">${f(r[3])}</td><td class="num">${f(r[4])}</td>`
-      + `<td class="num">${f(r[5])}</td><td><span class="src">${r[6]}</span></td>`;
-    tb.appendChild(tr);
-  });
-}
-
-document.querySelectorAll("th[data-k]").forEach(th => {
-  th.addEventListener("click", () => {
-    const k = th.dataset.k;
-    if (SORT_KEY === k) SORT_DIR *= -1; else { SORT_KEY = k; SORT_DIR = (k.startsWith("rho")?-1:1); }
-    render(window._ROWS);
-  });
-});
-
-(async () => {
-  const subs = await loadSubmissions();
-  window._ROWS = PAPER_ROWS.concat(subs);
-  const n = subs.length;
-  document.getElementById("status").textContent =
-    `${n} community submission${n===1?"":"s"} + ${PAPER_ROWS.length} paper reference rows. Click a column to sort.`;
-  render(window._ROWS);
-})();
-</script>
+<script src="data.js"></script>
+<script src="app.js"></script>
 </body>
 </html>