feat(leaderboard): refresh tables and provider logos

CONTRIBUTING.md

@@ -4,19 +4,21 @@ Submit results as a pull request to this Space repository. A maintainer reviews
 
 ## Add a result
 
-1. Copy `templates/result-entry.json` into `data/results.json` as a new object in the `entries` array.
+1. Copy `templates/result-entry.json` into `data/results.json` as a new object in the `entries` array. The active leaderboard reads this file; archived records in `data/archive/` are not loaded into the tables.
 2. Replace every example value, including the `null` score and sample-count placeholders. Use a unique, stable `id`; keep separate records for different model versions or evaluation runs.
 3. Set `source.type` to `paper`, `participant`, or `maintainer`, and link the paper or result report in `source.url`. Use `paper-2606.07643` for results from the paper's benchmark setting; future benchmark releases should use their published release identifier.
-4. Use scores on a 0–100 scale. Set `coverage.status` to `full` only when all tasks in that benchmark release were evaluated. If sample counts are known, report both counts; a full result must cover all reported samples. Partial results and records without an overall score are displayed without a rank.
-5. Open a pull request in this Space repository. Keep the change limited to `data/results.json`; do not include examples, media, ground-truth labels, raw model responses, API keys, or other credentials.
+4. Use scores on a 0–100 scale. Set `coverage.status` to `full` only when all tasks in that benchmark release were evaluated. If sample counts are known, report both counts; a full result must cover all reported samples. Each table defaults to Overall order; selecting any column header sorts that table independently, and missing values sort last.
+5. Open a pull request in this Space repository. Keep the result change limited to `data/results.json`; do not include examples, media, ground-truth labels, raw model responses, API keys, logo URLs, or other credentials.
 
 ## Required information
 
 - Display name, provider, exact model identifier, and benchmark release.
 - Source type and a public source link.
 - Task coverage and any available evaluation date.
-- Overall score for a row to be ranked. Stage, taxonomy, and task scores may still be submitted without an overall score when the source does not report one; that row remains visible without a rank.
+- Overall score and any reported stage, taxonomy, or task scores. Missing values are allowed when the source does not report them.
 
 The initial paper entries use the model labels as written in the paper. Their dated API snapshots and sample coverage were not reported in the headline table, so these fields remain unspecified rather than inferred.
 
+Provider logos are curated by maintainers as local assets under `assets/logos/`. A provider without a mapped logo is shown by name and does not need to submit an image.
+
 The maintainer runs `python validate_results.py` before merging. A source link and complete metadata help reviewers assess credibility; the maintainer may ask for clarification or decline a record that cannot be checked.

DEPLOYMENT.md

@@ -4,10 +4,10 @@ This directory contains the leaderboard files for the existing `FudanCVL/AVI-Ben
 
 ## First publication
 
-1. Upload the files in this directory to the root of `https://huggingface.co/spaces/FudanCVL/AVI-Bench`, keeping `data/` and `templates/` as directories. This replaces the current starter `README.md` and `index.html`; existing `style.css` and `.gitattributes` are left alone.
+1. Upload the files in this directory to the root of `https://huggingface.co/spaces/FudanCVL/AVI-Bench`, keeping `assets/`, `data/`, and `templates/` as directories. This replaces the current starter `README.md` and `index.html`; existing `style.css` and `.gitattributes` are left alone.
 2. Keep the Space **Public** and its SDK set to **Static**.
 3. In the Space repository settings, make sure community pull requests and discussions are enabled.
-4. Confirm that the Space displays the seven paper-reported model entries and that the submission guide is visible.
+4. Confirm that the Space displays the three active paper-reported models, both score tables, and the provider logos. The four archived entries must not be loaded into the tables.
 
 Hugging Face Static Spaces serve HTML directly without compute. Their repository PRs work across repository types, including Spaces. See the [Static HTML Spaces guide](https://huggingface.co/docs/hub/spaces-sdks-static) and [Pull requests and Discussions guide](https://huggingface.co/docs/hub/repositories-pull-requests-discussions).
 
@@ -21,4 +21,6 @@ python3 validate_results.py
 
 Merge only after the source and record can be checked. A merged result retains its source label and is not described as an independent reproduction unless one was performed.
 
+The initial paper records outside the active three are stored in `data/archive/paper-results.json`. Validate that file separately if it changes; do not merge archived records into the active table unless the leaderboard scope is intentionally updated.
+
 Do not accept benchmark examples, media, labels, raw model responses, or credentials in a result PR.

README.md

@@ -11,6 +11,8 @@ license: apache-2.0
 
 # AVI-Bench Leaderboard
 
-Community-submitted results for AVI-Bench, seeded with seven model entries from the paper's headline tables. Results are shown after a maintainer reviews and merges the pull request. The source type identifies whether a score is reported by a paper, a participant, or the maintainers; acceptance does not mean the result was independently reproduced.
+The AVI-Bench community leaderboard compares model performance across cognitive stages and the four-level adaptive taxonomy. The public tables are seeded with three paper-reported models: Gemini-2.5-Pro, Qwen2.5-Omni, and GPT-4o. Four additional paper records are preserved in `data/archive/paper-results.json` and are not loaded into the active leaderboard.
+
+Submit new results as pull requests to `data/results.json`. A maintainer reviews the source and required metadata before merging. Each row identifies where its score was reported; acceptance does not mean the result was independently reproduced. Provider marks are stored locally and mapped by maintainers; submissions should not add logo URLs or image files.
 
 See [`CONTRIBUTING.md`](CONTRIBUTING.md) for the score format and pull request instructions, and [`DEPLOYMENT.md`](DEPLOYMENT.md) for Space setup and maintenance.

assets/logos/README.md

@@ -0,0 +1,9 @@
+# Provider logo assets
+
+These SVG icons were copied from the Simple Icons 15.15.0 release:
+
+- Google: https://github.com/simple-icons/simple-icons/blob/15.15.0/icons/google.svg
+- Alibaba Cloud: https://github.com/simple-icons/simple-icons/blob/15.15.0/icons/alibabacloud.svg
+- OpenAI: https://github.com/simple-icons/simple-icons/blob/15.15.0/icons/openai.svg
+
+Simple Icons distributes its icon artwork under CC0 1.0. This does not grant trademark rights. AVI-Bench uses these marks only to identify the providers of the listed models, at equal visual weight and without implying endorsement or affiliation. See each provider's current brand guidelines for its trademark terms.

data/archive/paper-results.json

@@ -0,0 +1,139 @@
+{
+  "schema_version": 1,
+  "entries": [
+    {
+      "id": "gemini-2-5-flash-paper-2606-07643",
+      "model_name": "Gemini-2.5-Flash",
+      "provider": "Google",
+      "model_id": "Gemini-2.5-Flash (paper label)",
+      "benchmark_version": "paper-2606.07643",
+      "source": {
+        "type": "paper",
+        "url": "https://arxiv.org/abs/2606.07643"
+      },
+      "evaluation_date": null,
+      "coverage": {
+        "status": "full",
+        "tasks_completed": 14,
+        "tasks_total": 14,
+        "samples_completed": null,
+        "samples_total": null
+      },
+      "scores": {
+        "overall": 46.02,
+        "stages": {
+          "perception": 45.97,
+          "understanding": 43.79,
+          "reasoning": 63.7,
+          "sensation": 30.63
+        },
+        "taxonomy": {
+          "l1_task": 51.15,
+          "l2_modality": 48.58,
+          "l3_stage": 40.47,
+          "l4_domain": 27.72
+        },
+        "tasks": {}
+      },
+      "notes": "Paper-reported scores. The paper table does not specify a dated API snapshot or sample coverage."
+    },
+    {
+      "id": "gemini-2-flash-paper-2606-07643",
+      "model_name": "Gemini-2.0-Flash",
+      "provider": "Google",
+      "model_id": "Gemini-2.0-Flash (paper label)",
+      "benchmark_version": "paper-2606.07643",
+      "source": {
+        "type": "paper",
+        "url": "https://arxiv.org/abs/2606.07643"
+      },
+      "evaluation_date": null,
+      "coverage": {
+        "status": "full",
+        "tasks_completed": 14,
+        "tasks_total": 14,
+        "samples_completed": null,
+        "samples_total": null
+      },
+      "scores": {
+        "overall": 44.97,
+        "stages": {
+          "perception": 44.27,
+          "understanding": 42.11,
+          "reasoning": 64.03,
+          "sensation": 29.48
+        },
+        "taxonomy": {
+          "l1_task": 50.14,
+          "l2_modality": 49.21,
+          "l3_stage": 39.79,
+          "l4_domain": 27.12
+        },
+        "tasks": {}
+      },
+      "notes": "Paper-reported scores. The paper table does not specify a dated API snapshot or sample coverage."
+    },
+    {
+      "id": "qwen-omni-turbo-paper-2606-07643",
+      "model_name": "Qwen-Omni-Turbo",
+      "provider": "Alibaba Cloud",
+      "model_id": "Qwen-Omni-Turbo (paper label)",
+      "benchmark_version": "paper-2606.07643",
+      "source": {
+        "type": "paper",
+        "url": "https://arxiv.org/abs/2606.07643"
+      },
+      "evaluation_date": null,
+      "coverage": {
+        "status": "full",
+        "tasks_completed": 14,
+        "tasks_total": 14,
+        "samples_completed": null,
+        "samples_total": null
+      },
+      "scores": {
+        "overall": null,
+        "stages": {},
+        "taxonomy": {
+          "l1_task": 46.5,
+          "l2_modality": 45.15,
+          "l3_stage": 37.7,
+          "l4_domain": 26.13
+        },
+        "tasks": {}
+      },
+      "notes": "Paper reports taxonomy scores only. The paper table does not specify a dated API snapshot or sample coverage."
+    },
+    {
+      "id": "baichuan-omni-paper-2606-07643",
+      "model_name": "Baichuan-Omni",
+      "provider": "Baichuan",
+      "model_id": "Baichuan-Omni (paper label)",
+      "benchmark_version": "paper-2606.07643",
+      "source": {
+        "type": "paper",
+        "url": "https://arxiv.org/abs/2606.07643"
+      },
+      "evaluation_date": null,
+      "coverage": {
+        "status": "full",
+        "tasks_completed": 14,
+        "tasks_total": 14,
+        "samples_completed": null,
+        "samples_total": null
+      },
+      "scores": {
+        "overall": null,
+        "stages": {},
+        "taxonomy": {
+          "l1_task": 37.35,
+          "l2_modality": 35.8,
+          "l3_stage": 30.18,
+          "l4_domain": 24.1
+        },
+        "tasks": {}
+      },
+      "notes": "Paper reports taxonomy scores only. The paper table does not specify a dated API snapshot or sample coverage."
+    }
+  ]
+}

data/results.json

@@ -37,78 +37,6 @@
       },
       "notes": "Paper-reported scores. The paper table does not specify a dated API snapshot or sample coverage."
     },
-    {
-      "id": "gemini-2-5-flash-paper-2606-07643",
-      "model_name": "Gemini-2.5-Flash",
-      "provider": "Google",
-      "model_id": "Gemini-2.5-Flash (paper label)",
-      "benchmark_version": "paper-2606.07643",
-      "source": {
-        "type": "paper",
-        "url": "https://arxiv.org/abs/2606.07643"
-      },
-      "evaluation_date": null,
-      "coverage": {
-        "status": "full",
-        "tasks_completed": 14,
-        "tasks_total": 14,
-        "samples_completed": null,
-        "samples_total": null
-      },
-      "scores": {
-        "overall": 46.02,
-        "stages": {
-          "perception": 45.97,
-          "understanding": 43.79,
-          "reasoning": 63.7,
-          "sensation": 30.63
-        },
-        "taxonomy": {
-          "l1_task": 51.15,
-          "l2_modality": 48.58,
-          "l3_stage": 40.47,
-          "l4_domain": 27.72
-        },
-        "tasks": {}
-      },
-      "notes": "Paper-reported scores. The paper table does not specify a dated API snapshot or sample coverage."
-    },
-    {
-      "id": "gemini-2-flash-paper-2606-07643",
-      "model_name": "Gemini-2.0-Flash",
-      "provider": "Google",
-      "model_id": "Gemini-2.0-Flash (paper label)",
-      "benchmark_version": "paper-2606.07643",
-      "source": {
-        "type": "paper",
-        "url": "https://arxiv.org/abs/2606.07643"
-      },
-      "evaluation_date": null,
-      "coverage": {
-        "status": "full",
-        "tasks_completed": 14,
-        "tasks_total": 14,
-        "samples_completed": null,
-        "samples_total": null
-      },
-      "scores": {
-        "overall": 44.97,
-        "stages": {
-          "perception": 44.27,
-          "understanding": 42.11,
-          "reasoning": 64.03,
-          "sensation": 29.48
-        },
-        "taxonomy": {
-          "l1_task": 50.14,
-          "l2_modality": 49.21,
-          "l3_stage": 39.79,
-          "l4_domain": 27.12
-        },
-        "tasks": {}
-      },
-      "notes": "Paper-reported scores. The paper table does not specify a dated API snapshot or sample coverage."
-    },
     {
       "id": "qwen2-5-omni-paper-2606-07643",
       "model_name": "Qwen2.5-Omni",
@@ -145,37 +73,6 @@
       },
       "notes": "Paper-reported scores. The paper table does not specify a dated API snapshot or sample coverage."
     },
-    {
-      "id": "qwen-omni-turbo-paper-2606-07643",
-      "model_name": "Qwen-Omni-Turbo",
-      "provider": "Alibaba Cloud",
-      "model_id": "Qwen-Omni-Turbo (paper label)",
-      "benchmark_version": "paper-2606.07643",
-      "source": {
-        "type": "paper",
-        "url": "https://arxiv.org/abs/2606.07643"
-      },
-      "evaluation_date": null,
-      "coverage": {
-        "status": "full",
-        "tasks_completed": 14,
-        "tasks_total": 14,
-        "samples_completed": null,
-        "samples_total": null
-      },
-      "scores": {
-        "overall": null,
-        "stages": {},
-        "taxonomy": {
-          "l1_task": 46.5,
-          "l2_modality": 45.15,
-          "l3_stage": 37.7,
-          "l4_domain": 26.13
-        },
-        "tasks": {}
-      },
-      "notes": "Paper reports taxonomy scores only. The paper table does not specify a dated API snapshot or sample coverage."
-    },
     {
       "id": "gpt-4o-paper-2606-07643",
       "model_name": "GPT-4o",
@@ -211,37 +108,6 @@
         "tasks": {}
       },
       "notes": "Paper-reported scores. The paper table does not specify a dated API snapshot or sample coverage."
-    },
-    {
-      "id": "baichuan-omni-paper-2606-07643",
-      "model_name": "Baichuan-Omni",
-      "provider": "Baichuan",
-      "model_id": "Baichuan-Omni (paper label)",
-      "benchmark_version": "paper-2606.07643",
-      "source": {
-        "type": "paper",
-        "url": "https://arxiv.org/abs/2606.07643"
-      },
-      "evaluation_date": null,
-      "coverage": {
-        "status": "full",
-        "tasks_completed": 14,
-        "tasks_total": 14,
-        "samples_completed": null,
-        "samples_total": null
-      },
-      "scores": {
-        "overall": null,
-        "stages": {},
-        "taxonomy": {
-          "l1_task": 37.35,
-          "l2_modality": 35.8,
-          "l3_stage": 30.18,
-          "l4_domain": 24.1
-        },
-        "tasks": {}
-      },
-      "notes": "Paper reports taxonomy scores only. The paper table does not specify a dated API snapshot or sample coverage."
     }
   ]
 }

index.html

@@ -3,239 +3,322 @@
 <head>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
-  <meta name="description" content="Community leaderboard for AVI-Bench audio-visual intelligence evaluations.">
-  <meta name="theme-color" content="#f6f1e8">
+  <meta name="description" content="Compare audio-visual intelligence model results on AVI-Bench.">
+  <meta name="theme-color" content="#f7f8fa">
   <title>AVI-Bench Leaderboard</title>
   <style>
     :root {
       color-scheme: light;
-      --paper: #f6f1e8;
-      --paper-deep: #ece5d6;
-      --ink: #1a1a1a;
-      --muted: #6c675f;
-      --rule: #d1c7b4;
-      --accent: #8a2422;
-      --accent-soft: #f3e4de;
-      --green: #38604d;
+      --canvas: #f7f8fa;
+      --surface: #ffffff;
+      --ink: #172033;
+      --muted: #687386;
+      --line: #e3e7ed;
+      --line-strong: #d2d9e3;
+      --accent: #3154b8;
       --sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
-      --serif: Georgia, "Times New Roman", serif;
+      --mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
     }
 
     * { box-sizing: border-box; }
     body {
       margin: 0;
-      background: var(--paper);
+      background: var(--canvas);
       color: var(--ink);
       font-family: var(--sans);
-      font-size: 15px;
-      line-height: 1.55;
+      font-size: 14px;
+      line-height: 1.5;
     }
-    a { color: var(--accent); text-decoration-thickness: 1px; text-underline-offset: 3px; }
-    a:hover { color: #5f1716; }
-    button, input, select { font: inherit; }
-    .page { width: min(1440px, 100% - 40px); margin: 0 auto; }
-    header { border-bottom: 1px solid var(--rule); }
-    .masthead {
-      min-height: 58px;
+    a { color: inherit; }
+    button { font: inherit; }
+    .container { width: min(1320px, calc(100% - 48px)); margin: 0 auto; }
+    .topbar { border-bottom: 1px solid var(--line); background: var(--surface); }
+    .topbar-inner {
+      min-height: 68px;
       display: flex;
       align-items: center;
       justify-content: space-between;
-      gap: 16px;
-      color: var(--muted);
-      font-size: 12px;
-      letter-spacing: .12em;
-      text-transform: uppercase;
+      gap: 20px;
     }
-    .brand { color: var(--ink); font-family: var(--serif); font-size: 19px; font-weight: 700; letter-spacing: 0; text-transform: none; }
-    .brand span { color: var(--accent); }
-    .hero { padding: 54px 0 40px; }
-    .eyebrow { margin: 0 0 10px; color: var(--accent); font-size: 11px; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; }
-    h1, h2, h3 { font-family: var(--serif); font-weight: 500; }
-    h1 { margin: 0; font-size: clamp(36px, 6vw, 64px); letter-spacing: -.04em; line-height: 1.02; }
-    .intro { max-width: 760px; margin: 16px 0 0; color: #4c4944; font-family: var(--serif); font-size: 19px; }
-    .links { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 20px; font-size: 13px; }
-    .callout {
+    .brand { display: inline-flex; align-items: center; gap: 11px; text-decoration: none; }
+    .brand-mark {
+      width: 34px;
+      height: 34px;
       display: grid;
-      grid-template-columns: minmax(0, 1fr) auto;
-      align-items: center;
-      gap: 18px;
-      margin: 0 0 30px;
-      padding: 18px 20px;
-      border: 1px solid var(--rule);
-      background: rgba(255, 255, 255, .35);
+      place-items: center;
+      border-radius: 8px;
+      background: var(--ink);
+      color: #fff;
+      font-size: 10px;
+      font-weight: 800;
+      letter-spacing: .04em;
     }
-    .callout p { margin: 0; color: #45413b; }
-    .button-link {
-      display: inline-block;
-      border: 1px solid var(--ink);
-      padding: 9px 13px;
+    .brand-name { display: block; font-size: 14px; font-weight: 750; letter-spacing: -.02em; }
+    .brand-description { display: block; margin-top: 1px; color: var(--muted); font-size: 11px; }
+    .top-actions { display: flex; align-items: center; gap: 18px; }
+    .project-link { color: var(--muted); font-size: 12px; text-decoration: none; }
+    .project-link:hover { color: var(--ink); }
+    .submit-link {
+      display: inline-flex;
+      align-items: center;
+      min-height: 36px;
+      padding: 0 13px;
+      border: 1px solid var(--line-strong);
+      border-radius: 6px;
+      background: var(--surface);
       color: var(--ink);
       font-size: 12px;
-      font-weight: 700;
+      font-weight: 650;
       text-decoration: none;
-      white-space: nowrap;
     }
-    .button-link:hover { background: var(--ink); color: var(--paper); }
-    .section-heading { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin: 0 0 16px; }
-    .section-heading h2 { margin: 0; font-size: 30px; letter-spacing: -.02em; }
-    #summary { color: var(--muted); font-size: 12px; text-align: right; }
-    .filters {
-      display: grid;
-      grid-template-columns: minmax(200px, 1.5fr) repeat(3, minmax(145px, .7fr));
-      gap: 10px;
-      margin-bottom: 13px;
+    .submit-link:hover { border-color: var(--accent); color: var(--accent); }
+    a:focus-visible, button:focus-visible {
+      outline: 3px solid #91a9ed;
+      outline-offset: 2px;
     }
-    .filters input, .filters select {
-      width: 100%;
-      min-height: 42px;
-      border: 1px solid var(--rule);
-      border-radius: 0;
-      background: #fffdf9;
-      color: var(--ink);
-      padding: 9px 11px;
+
+    main { padding: 42px 0 30px; }
+    .page-intro { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 30px; }
+    .eyebrow {
+      margin: 0 0 7px;
+      color: var(--accent);
+      font-size: 10px;
+      font-weight: 750;
+      letter-spacing: .12em;
+      text-transform: uppercase;
     }
-    .filters input:focus, .filters select:focus, button:focus-visible, a:focus-visible {
-      outline: 3px solid #c5806d;
-      outline-offset: 2px;
+    h1 { margin: 0; font-size: clamp(28px, 3.6vw, 40px); font-weight: 720; letter-spacing: -.045em; line-height: 1.12; }
+    .intro-copy { max-width: 650px; margin: 10px 0 0; color: var(--muted); font-size: 14px; }
+    .intro-meta { flex: none; padding-bottom: 2px; color: var(--muted); font-size: 11px; text-align: right; }
+    .intro-meta strong { color: var(--ink); font-weight: 700; }
+
+    .score-section + .score-section { margin-top: 38px; }
+    .section-heading {
+      display: flex;
+      align-items: end;
+      justify-content: space-between;
+      gap: 18px;
+      margin-bottom: 12px;
     }
-    .table-shell { overflow-x: auto; border: 1px solid var(--rule); background: #fffdf9; }
-    table { width: 100%; min-width: 1120px; border-collapse: collapse; font-size: 12px; }
-    th, td { padding: 11px 12px; border-bottom: 1px solid #e9e2d5; text-align: right; white-space: nowrap; }
-    th { background: var(--paper-deep); color: #47423c; font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
-    th:first-child, td:first-child, th:nth-child(2), td:nth-child(2), th:nth-child(3), td:nth-child(3) { text-align: left; }
+    .section-kicker { margin: 0 0 3px; color: var(--muted); font-size: 10px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
+    h2 { margin: 0; font-size: 18px; font-weight: 680; letter-spacing: -.025em; }
+    .section-description { margin: 4px 0 0; color: var(--muted); font-size: 12px; }
+    .record-count { color: var(--muted); font-size: 11px; white-space: nowrap; }
+    .table-frame {
+      overflow: hidden;
+      border: 1px solid var(--line);
+      border-radius: 8px;
+      background: var(--surface);
+      box-shadow: 0 2px 8px rgba(22, 33, 57, .025);
+    }
+    .table-scroll { overflow-x: auto; }
+    table { width: 100%; min-width: 1080px; border-collapse: collapse; font-size: 12px; }
+    th, td { padding: 12px 13px; border-bottom: 1px solid var(--line); text-align: right; white-space: nowrap; }
+    th {
+      height: 42px;
+      background: #fafbfc;
+      color: #626e80;
+      font-size: 10px;
+      font-weight: 700;
+      letter-spacing: .035em;
+    }
+    th:first-child, td:first-child { width: 58px; text-align: center; }
+    th:nth-child(2), td:nth-child(2) { min-width: 225px; text-align: left; }
+    th:nth-child(3), td:nth-child(3) { min-width: 150px; text-align: left; }
+    th:nth-child(4), td:nth-child(4) { min-width: 104px; text-align: left; }
+    tbody tr.data-row:hover td { background: #fbfcfe; }
     tbody tr:last-child td { border-bottom: 0; }
-    tbody tr:hover td { background: #faf5eb; }
-    .sort-button { padding: 0; border: 0; background: none; color: inherit; font-size: inherit; font-weight: 700; letter-spacing: inherit; text-transform: inherit; cursor: pointer; }
-    .model-cell { min-width: 170px; }
-    .model-name { display: block; color: var(--ink); font-weight: 700; }
-    .model-id { display: block; max-width: 240px; overflow: hidden; color: var(--muted); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 10px; text-overflow: ellipsis; }
-    .source-tag, .coverage-tag { display: inline-block; border: 1px solid var(--rule); padding: 2px 6px; background: #fff; color: #514b43; font-size: 10px; }
-    .source-paper { border-color: #d6b6a7; background: var(--accent-soft); color: #71312a; }
-    .coverage-full { border-color: #b6cbbd; background: #edf4ef; color: var(--green); }
-    .score { font-variant-numeric: tabular-nums; }
-    .score-overall { color: var(--accent); font-weight: 800; }
+    .sort-button {
+      display: inline-flex;
+      align-items: center;
+      justify-content: flex-end;
+      gap: 5px;
+      padding: 0;
+      border: 0;
+      background: transparent;
+      color: inherit;
+      font-size: inherit;
+      font-weight: inherit;
+      letter-spacing: inherit;
+      text-align: inherit;
+      text-transform: inherit;
+      cursor: pointer;
+    }
+    th:first-child .sort-button, th:nth-child(2) .sort-button, th:nth-child(3) .sort-button, th:nth-child(4) .sort-button { justify-content: flex-start; }
+    .sort-button:hover, .sort-button[aria-sort] { color: var(--accent); }
+    .sort-mark { width: 9px; color: #a2aab7; font-size: 10px; }
+    .sort-button[aria-sort="ascending"] .sort-mark,
+    .sort-button[aria-sort="descending"] .sort-mark { color: var(--accent); }
+    .rank-value { color: #536074; font-variant-numeric: tabular-nums; font-weight: 650; }
+    .model-cell { display: flex; align-items: center; gap: 10px; }
+    .provider-logo, .provider-fallback {
+      width: 30px;
+      height: 30px;
+      flex: none;
+      display: grid;
+      place-items: center;
+      border: 1px solid var(--line);
+      border-radius: 7px;
+      background: #fff;
+    }
+    .provider-logo img { display: block; width: 19px; height: 19px; object-fit: contain; }
+    .provider-fallback { color: var(--muted); font-size: 10px; font-weight: 750; }
+    .model-info { min-width: 0; }
+    .model-name { display: block; overflow: hidden; color: var(--ink); font-size: 12px; font-weight: 700; text-overflow: ellipsis; }
+    .model-provider { display: block; margin-top: 1px; color: var(--muted); font-size: 10px; }
+    .model-actions { display: flex; align-items: center; gap: 9px; margin-top: 3px; }
+    .details-toggle { padding: 0; border: 0; background: transparent; color: var(--accent); font-size: 10px; cursor: pointer; }
+    .details-toggle:hover { text-decoration: underline; }
+    .benchmark-name { color: #465268; font-family: var(--mono); font-size: 10px; }
+    .source-link {
+      display: inline-flex;
+      align-items: center;
+      min-height: 22px;
+      padding: 1px 7px;
+      border: 1px solid var(--line);
+      border-radius: 4px;
+      background: #fff;
+      color: #535f72;
+      font-size: 10px;
+      text-decoration: none;
+    }
+    .source-link:hover { border-color: var(--accent); color: var(--accent); }
+    .score { color: #3b4658; font-variant-numeric: tabular-nums; }
+    .score-overall { color: var(--accent); font-size: 12px; font-weight: 750; }
+    .empty-cell, .error-cell { padding: 24px; color: var(--muted); text-align: center !important; }
+    .error-cell { color: #9a3535; }
     .details-row td { padding: 0; text-align: left; white-space: normal; }
-    details { padding: 10px 12px; }
-    summary { color: var(--accent); cursor: pointer; font-size: 11px; font-weight: 700; }
-    .detail-content { display: grid; grid-template-columns: repeat(3, minmax(150px, 1fr)); gap: 12px; padding: 13px 0 4px; }
-    .detail-block h3 { margin: 0 0 5px; font-family: var(--sans); font-size: 10px; letter-spacing: .1em; text-transform: uppercase; }
-    .detail-block p { margin: 3px 0; color: #514b43; font-size: 11px; overflow-wrap: anywhere; }
-    .empty, .error { padding: 28px 16px; color: var(--muted); text-align: center; }
-    .error { color: #8a2422; }
-    .footnote { margin: 12px 0 40px; color: var(--muted); font-size: 11px; }
-    .contribute { margin: 42px 0 54px; padding: 26px; border-top: 2px solid var(--accent); background: var(--paper-deep); }
-    .contribute h2 { margin: 0 0 7px; font-size: 26px; }
-    .contribute p { max-width: 760px; margin: 0 0 15px; color: #4c4944; }
-    footer { border-top: 1px solid var(--rule); padding: 20px 0 28px; color: var(--muted); font-size: 11px; }
-    .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
-
-    @media (max-width: 760px) {
-      .page { width: min(100% - 24px, 1440px); }
-      .hero { padding: 38px 0 28px; }
-      .callout { grid-template-columns: 1fr; }
-      .button-link { justify-self: start; }
-      .filters { grid-template-columns: 1fr 1fr; }
-      .filters input { grid-column: 1 / -1; }
+    .details-panel { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; padding: 16px 20px; background: #fafbfc; }
+    .detail-group h3 { margin: 0 0 6px; color: #677286; font-size: 9px; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
+    .detail-group p { margin: 3px 0; color: #465268; font-size: 11px; overflow-wrap: anywhere; }
+    .detail-group a { color: var(--accent); }
+    .provenance-note {
+      display: flex;
+      justify-content: space-between;
+      gap: 20px;
+      margin: 22px 0 0;
+      color: var(--muted);
+      font-size: 10px;
+    }
+    footer { margin-top: 32px; border-top: 1px solid var(--line); background: var(--surface); }
+    .footer-inner {
+      min-height: 54px;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      gap: 16px;
+      color: var(--muted);
+      font-size: 10px;
+    }
+    .footer-links { display: flex; gap: 14px; }
+    .footer-links a { color: var(--muted); text-decoration: none; }
+    .footer-links a:hover { color: var(--accent); }
+
+    @media (max-width: 700px) {
+      .container { width: min(100% - 28px, 1320px); }
+      .topbar-inner { min-height: 62px; }
+      .brand-description, .project-link { display: none; }
+      main { padding-top: 30px; }
+      .page-intro { align-items: start; flex-direction: column; gap: 10px; margin-bottom: 24px; }
+      .intro-meta { text-align: left; }
       .section-heading { align-items: start; flex-direction: column; gap: 4px; }
-      #summary { text-align: left; }
-      .detail-content { grid-template-columns: 1fr 1fr; }
+      .record-count { align-self: start; }
+      .score-section + .score-section { margin-top: 30px; }
+      .details-panel { grid-template-columns: 1fr 1fr; }
+      .provenance-note { flex-direction: column; gap: 5px; }
     }
-    @media (max-width: 440px) {
-      .masthead { font-size: 10px; }
-      .intro { font-size: 17px; }
-      .filters { grid-template-columns: 1fr; }
-      .filters input { grid-column: auto; }
-      .detail-content { grid-template-columns: 1fr; }
-      .contribute { padding: 20px 16px; }
+    @media (max-width: 430px) {
+      .container { width: calc(100% - 24px); }
+      .top-actions { gap: 9px; }
+      .submit-link { min-height: 33px; padding: 0 9px; font-size: 11px; }
+      h1 { font-size: 31px; }
+      .details-panel { grid-template-columns: 1fr; gap: 12px; }
+      .footer-inner { align-items: start; flex-direction: column; justify-content: center; padding: 12px 0; }
     }
   </style>
 </head>
 <body>
-  <header>
-    <div class="page masthead">
-      <div class="brand">AVI<span>·</span>Bench</div>
-      <div>Audio-Visual Intelligence &nbsp;·&nbsp; Community Leaderboard</div>
+  <header class="topbar">
+    <div class="container topbar-inner">
+      <a class="brand" href="https://fudancvl.github.io/AVI-Bench/" aria-label="AVI-Bench project">
+        <span class="brand-mark" aria-hidden="true">AVI</span>
+        <span>
+          <span class="brand-name">AVI-Bench</span>
+          <span class="brand-description">Audio-Visual Intelligence Benchmark</span>
+        </span>
+      </a>
+      <nav class="top-actions" aria-label="Project links">
+        <a class="project-link" href="https://fudancvl.github.io/AVI-Bench/">Project</a>
+        <a class="submit-link" href="https://huggingface.co/spaces/FudanCVL/AVI-Bench/blob/main/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer">Submit results <span aria-hidden="true">&nbsp;↗</span></a>
+      </nav>
     </div>
   </header>
 
-  <main class="page">
-    <section class="hero" aria-labelledby="page-title">
-      <p class="eyebrow">Community results</p>
-      <h1 id="page-title">AVI-Bench Leaderboard</h1>
-      <p class="intro">Compare audio-visual intelligence results across perception, understanding, reasoning, and primitive sensation. Every entry links to its reported source.</p>
-      <nav class="links" aria-label="Project links">
-        <a href="https://fudancvl.github.io/AVI-Bench/">Project page</a>
-        <a href="https://github.com/FudanCVL/AVI-Bench">Code</a>
-        <a href="https://huggingface.co/datasets/FudanCVL/AVIBench">Dataset</a>
-        <a href="https://arxiv.org/abs/2606.07643">Paper</a>
-      </nav>
+  <main class="container">
+    <section class="page-intro" aria-labelledby="page-title">
+      <div>
+        <p class="eyebrow">Audio-Visual Intelligence</p>
+        <h1 id="page-title">Model leaderboard</h1>
+        <p class="intro-copy">Compare model performance across cognitive stages and adaptive evaluation levels.</p>
+      </div>
+      <p class="intro-meta">Currently listing <strong id="global-count" aria-live="polite">Loading</strong></p>
     </section>
 
-    <aside class="callout">
-      <p><strong>Contribute a result.</strong> Submit a pull request with the required model, benchmark, coverage, score, and source information. A maintainer reviews it before merge. A merged entry identifies its source; it does not imply an independent reproduction.</p>
-      <a class="button-link" href="https://huggingface.co/spaces/FudanCVL/AVI-Bench/tree/main">Submission guide</a>
-    </aside>
-
-    <section aria-labelledby="results-title">
+    <section class="score-section" aria-labelledby="stage-title">
       <div class="section-heading">
         <div>
-          <p class="eyebrow">Results</p>
-          <h2 id="results-title">Model comparison</h2>
+          <p class="section-kicker">01 / Core performance</p>
+          <h2 id="stage-title">Scores by cognitive stage</h2>
+          <p class="section-description">Overall accuracy and the four AVI-Bench stages.</p>
         </div>
-        <div id="summary" aria-live="polite">Loading results…</div>
+        <span class="record-count" data-count-for="stage-table">Loading…</span>
       </div>
-
-      <div class="filters" aria-label="Leaderboard filters">
-        <label class="sr-only" for="search">Search models</label>
-        <input id="search" type="search" placeholder="Search model, provider, or ID">
-        <label class="sr-only" for="benchmark-filter">Filter benchmark version</label>
-        <select id="benchmark-filter"><option value="all">All benchmark versions</option></select>
-        <label class="sr-only" for="provider-filter">Filter provider</label>
-        <select id="provider-filter"><option value="all">All providers</option></select>
-        <label class="sr-only" for="source-filter">Filter source</label>
-        <select id="source-filter"><option value="all">All sources</option></select>
+      <div class="table-frame">
+        <div class="table-scroll" tabindex="0" aria-label="Stage scores table; scroll horizontally to view all columns">
+          <table id="stage-table" aria-describedby="stage-caption">
+            <caption id="stage-caption" class="sr-only">AVI-Bench overall and stage scores. Select a column heading to sort.</caption>
+            <thead><tr></tr></thead>
+            <tbody><tr><td class="empty-cell" colspan="9">Loading results…</td></tr></tbody>
+          </table>
+        </div>
       </div>
+    </section>
 
-      <div class="table-shell">
-        <table aria-describedby="leaderboard-note">
-          <thead>
-            <tr>
-              <th><button class="sort-button" data-sort="rank" aria-label="Sort by rank">Rank</button></th>
-              <th><button class="sort-button" data-sort="model_name">Model</button></th>
-              <th><button class="sort-button" data-sort="source">Source</button></th>
-              <th><button class="sort-button" data-sort="benchmark_version">Benchmark</button></th>
-              <th><button class="sort-button" data-sort="coverage">Coverage</button></th>
-              <th><button class="sort-button" data-sort="overall" aria-sort="descending">Overall</button></th>
-              <th><button class="sort-button" data-sort="perception">Perception</button></th>
-              <th><button class="sort-button" data-sort="understanding">Understanding</button></th>
-              <th><button class="sort-button" data-sort="reasoning">Reasoning</button></th>
-              <th><button class="sort-button" data-sort="sensation">Sensation</button></th>
-              <th><button class="sort-button" data-sort="l1_task">L1</button></th>
-              <th><button class="sort-button" data-sort="l2_modality">L2</button></th>
-              <th><button class="sort-button" data-sort="l3_stage">L3</button></th>
-              <th><button class="sort-button" data-sort="l4_domain">L4</button></th>
-              <th><span class="sr-only">Details</span></th>
-            </tr>
-          </thead>
-          <tbody id="results-body">
-            <tr><td class="empty" colspan="15">Loading results…</td></tr>
-          </tbody>
-        </table>
+    <section class="score-section" aria-labelledby="taxonomy-title">
+      <div class="section-heading">
+        <div>
+          <p class="section-kicker">02 / Adaptive evaluation</p>
+          <h2 id="taxonomy-title">Four-level AVI taxonomy</h2>
+          <p class="section-description">Task-, modality-, stage-, and domain-adaptive performance.</p>
+        </div>
+        <span class="record-count" data-count-for="taxonomy-table">Loading…</span>
+      </div>
+      <div class="table-frame">
+        <div class="table-scroll" tabindex="0" aria-label="Adaptive scores table; scroll horizontally to view all columns">
+          <table id="taxonomy-table" aria-describedby="taxonomy-caption">
+            <caption id="taxonomy-caption" class="sr-only">AVI-Bench overall and adaptive taxonomy scores. Select a column heading to sort.</caption>
+            <thead><tr></tr></thead>
+            <tbody><tr><td class="empty-cell" colspan="9">Loading results…</td></tr></tbody>
+          </table>
+        </div>
       </div>
-      <p id="leaderboard-note" class="footnote">Scores use percentage points (0–100). Full evaluations with an overall score are ranked within their benchmark version; partial evaluations and entries without an overall score remain visible without a rank. Source labels identify where a score was reported, not an official audit badge.</p>
     </section>
 
-    <section class="contribute" aria-labelledby="contribute-title">
-      <p class="eyebrow">Open contribution</p>
-      <h2 id="contribute-title">Add a result by pull request</h2>
-      <p>Copy the result template, add one record to the results file, and open a PR in this Space repository. Include a public source link and keep the diff limited to score metadata. Do not submit benchmark samples, labels, raw model responses, or credentials.</p>
-      <a class="button-link" href="https://huggingface.co/spaces/FudanCVL/AVI-Bench/discussions">Open Space community</a>
-      <a class="button-link" href="https://huggingface.co/spaces/FudanCVL/AVI-Bench/tree/main">View files and guide</a>
-    </section>
+    <p class="provenance-note">
+      <span>Scores are percentage points (0–100). Source links identify where each result was reported; a merged entry does not imply independent reproduction.</span>
+      <span>Company marks identify model providers and do not imply affiliation or endorsement.</span>
+    </p>
   </main>
 
   <footer>
-    <div class="page">AVI-Bench &copy; 2026. Dataset use is governed by the <a href="https://github.com/FudanCVL/AVI-Bench/blob/main/DATA_USE_POLICY.md">AVI-Bench Data Use Policy</a>.</div>
+    <div class="container footer-inner">
+      <span>AVI-Bench · Community leaderboard</span>
+      <nav class="footer-links" aria-label="Related resources">
+        <a href="https://huggingface.co/datasets/FudanCVL/AVIBench">Dataset</a>
+        <a href="https://arxiv.org/abs/2606.07643">Paper</a>
+        <a href="https://github.com/FudanCVL/AVI-Bench">Code</a>
+      </nav>
+    </div>
   </footer>
 
   <script>
@@ -243,305 +326,335 @@
       "use strict";
 
       var SOURCE_LABELS = {
-        paper: "Paper reported",
-        participant: "Participant submission",
-        maintainer: "Maintainer evaluation"
+        paper: "Paper",
+        participant: "Participant",
+        maintainer: "Maintainer"
+      };
+      var LOGO_BY_PROVIDER = {
+        google: "./assets/logos/google.svg",
+        "alibaba cloud": "./assets/logos/alibabacloud.svg",
+        openai: "./assets/logos/openai.svg"
       };
+      var TABLES = [
+        {
+          id: "stage-table",
+          columns: [
+            { key: "rank", label: "Rank", kind: "rank" },
+            { key: "model_name", label: "Model", kind: "model" },
+            { key: "benchmark_version", label: "Benchmark", kind: "benchmark" },
+            { key: "source", label: "Source", kind: "source" },
+            { key: "overall", label: "Overall", kind: "score", path: ["scores", "overall"] },
+            { key: "perception", label: "Perception", kind: "score", path: ["scores", "stages", "perception"] },
+            { key: "understanding", label: "Understanding", kind: "score", path: ["scores", "stages", "understanding"] },
+            { key: "reasoning", label: "Reasoning", kind: "score", path: ["scores", "stages", "reasoning"] },
+            { key: "sensation", label: "Sensation", kind: "score", path: ["scores", "stages", "sensation"] }
+          ],
+          state: { activeKey: "overall", direction: -1 }
+        },
+        {
+          id: "taxonomy-table",
+          columns: [
+            { key: "rank", label: "Rank", kind: "rank" },
+            { key: "model_name", label: "Model", kind: "model" },
+            { key: "benchmark_version", label: "Benchmark", kind: "benchmark" },
+            { key: "source", label: "Source", kind: "source" },
+            { key: "overall", label: "Overall", kind: "score", path: ["scores", "overall"] },
+            { key: "l1_task", label: "L1 Task-Adaptive", kind: "score", path: ["scores", "taxonomy", "l1_task"] },
+            { key: "l2_modality", label: "L2 Modality-Adaptive", kind: "score", path: ["scores", "taxonomy", "l2_modality"] },
+            { key: "l3_stage", label: "L3 Stage-Adaptive", kind: "score", path: ["scores", "taxonomy", "l3_stage"] },
+            { key: "l4_domain", label: "L4 Domain-Adaptive", kind: "score", path: ["scores", "taxonomy", "l4_domain"] }
+          ],
+          state: { activeKey: "overall", direction: -1 }
+        }
+      ];
       var entries = [];
-      var rankById = new Map();
-      var sortKey = "overall";
-      var sortDirection = -1;
-      var body = document.getElementById("results-body");
-      var summary = document.getElementById("summary");
-      var search = document.getElementById("search");
-      var benchmarkFilter = document.getElementById("benchmark-filter");
-      var providerFilter = document.getElementById("provider-filter");
-      var sourceFilter = document.getElementById("source-filter");
 
-      function text(value) {
-        return value === null || value === undefined || value === "" ? "—" : String(value);
+      function readPath(object, path) {
+        return path.reduce(function (value, key) {
+          return value && value[key] !== undefined ? value[key] : null;
+        }, object);
       }
 
-      function score(value) {
+      function formatScore(value) {
         return typeof value === "number" && Number.isFinite(value) ? value.toFixed(2) : "—";
       }
 
       function compareText(left, right) {
-        return String(left || "").localeCompare(String(right || ""), undefined, { numeric: true, sensitivity: "base" });
-      }
-
-      function addOption(select, value, label) {
-        var option = document.createElement("option");
-        option.value = value;
-        option.textContent = label;
-        select.appendChild(option);
-      }
-
-      function populateFilters() {
-        Array.from(new Set(entries.map(function (entry) { return entry.benchmark_version; })))
-          .sort(compareText).forEach(function (value) { addOption(benchmarkFilter, value, value); });
-        Array.from(new Set(entries.map(function (entry) { return entry.provider; })))
-          .sort(compareText).forEach(function (value) { addOption(providerFilter, value, value); });
-        Array.from(new Set(entries.map(function (entry) { return entry.source.type; })))
-          .sort(compareText).forEach(function (value) { addOption(sourceFilter, value, SOURCE_LABELS[value] || value); });
+        return String(left || "").localeCompare(String(right || ""), undefined, {
+          numeric: true,
+          sensitivity: "base"
+        });
       }
 
-      function buildRanks() {
-        var groups = new Map();
-        entries.filter(function (entry) {
-          return entry.coverage.status === "full" && typeof entry.scores.overall === "number";
-        }).forEach(function (entry) {
-          var version = entry.benchmark_version;
-          if (!groups.has(version)) groups.set(version, []);
-          groups.get(version).push(entry);
-        });
-        groups.forEach(function (group) {
-          group.sort(function (a, b) { return b.scores.overall - a.scores.overall || compareText(a.model_name, b.model_name); });
-          group.forEach(function (entry, index) { rankById.set(entry.id, index + 1); });
-        });
+      function sortValue(entry, column) {
+        if (column.kind === "rank") return entry.scores.overall;
+        if (column.kind === "model") return entry.model_name;
+        if (column.kind === "benchmark") return entry.benchmark_version;
+        if (column.kind === "source") return SOURCE_LABELS[entry.source.type] || entry.source.type;
+        return readPath(entry, column.path);
       }
 
-      function matches(entry) {
-        var query = search.value.trim().toLowerCase();
-        var haystack = [entry.model_name, entry.model_id, entry.provider].join(" ").toLowerCase();
-        return (!query || haystack.indexOf(query) !== -1)
-          && (benchmarkFilter.value === "all" || entry.benchmark_version === benchmarkFilter.value)
-          && (providerFilter.value === "all" || entry.provider === providerFilter.value)
-          && (sourceFilter.value === "all" || entry.source.type === sourceFilter.value);
+      function compareEntries(left, right, table) {
+        var leftValue = sortValue(left, table.state.sortColumn);
+        var rightValue = sortValue(right, table.state.sortColumn);
+        var leftMissing = leftValue === null || leftValue === undefined;
+        var rightMissing = rightValue === null || rightValue === undefined;
+        if (leftMissing !== rightMissing) return leftMissing ? 1 : -1;
+        if (!leftMissing && (typeof leftValue === "number" || typeof rightValue === "number")) {
+          var leftNumber = typeof leftValue === "number" ? leftValue : -Infinity;
+          var rightNumber = typeof rightValue === "number" ? rightValue : -Infinity;
+          if (leftNumber !== rightNumber) return (leftNumber - rightNumber) * table.state.direction;
+        } else if (!leftMissing) {
+          var textOrder = compareText(leftValue, rightValue);
+          if (textOrder !== 0) return textOrder * table.state.direction;
+        }
+        return compareText(left.model_name, right.model_name);
       }
 
-      function sortValue(entry, key) {
-        if (key === "rank") return rankById.has(entry.id) ? rankById.get(entry.id) : Infinity;
-        if (key === "model_name" || key === "benchmark_version" || key === "provider") return entry[key];
-        if (key === "source") return SOURCE_LABELS[entry.source.type] || entry.source.type;
-        if (key === "coverage") return entry.coverage.tasks_completed / entry.coverage.tasks_total;
-        if (key === "overall") return entry.scores.overall;
-        if (["perception", "understanding", "reasoning", "sensation"].indexOf(key) !== -1) return (entry.scores.stages || {})[key];
-        return (entry.scores.taxonomy || {})[key];
+      function makeCell(value, className) {
+        var cell = document.createElement("td");
+        if (className) cell.className = className;
+        cell.textContent = value;
+        return cell;
       }
 
-      function compareEntries(a, b) {
-        if (sortKey !== "benchmark_version") {
-          var versionOrder = compareText(a.benchmark_version, b.benchmark_version);
-          if (versionOrder !== 0) return versionOrder;
-        }
-        var left = sortValue(a, sortKey);
-        var right = sortValue(b, sortKey);
-        if (sortKey === "rank" && (left === Infinity || right === Infinity)) {
-          if (left !== right) return left === Infinity ? 1 : -1;
-        }
-        if (left === null || left === undefined || right === null || right === undefined) {
-          if (left !== right) return left === null || left === undefined ? 1 : -1;
-        }
-        if (typeof left === "number" || typeof right === "number") {
-          left = typeof left === "number" ? left : -Infinity;
-          right = typeof right === "number" ? right : -Infinity;
-          if (left !== right) return (left - right) * sortDirection;
+      function providerLogo(provider) {
+        var key = String(provider || "").trim().toLowerCase();
+        var source = LOGO_BY_PROVIDER[key];
+        var wrapper = document.createElement("span");
+        wrapper.className = source ? "provider-logo" : "provider-fallback";
+        wrapper.setAttribute("aria-hidden", "true");
+        if (source) {
+          var image = document.createElement("img");
+          image.src = source;
+          image.alt = "";
+          image.addEventListener("error", function () {
+            var fallback = document.createElement("span");
+            fallback.className = "provider-fallback";
+            fallback.setAttribute("aria-hidden", "true");
+            fallback.textContent = String(provider || "?").trim().slice(0, 1).toUpperCase();
+            wrapper.replaceWith(fallback);
+          }, { once: true });
+          wrapper.appendChild(image);
         } else {
-          var textOrder = compareText(left, right);
-          if (textOrder !== 0) return textOrder * sortDirection;
+          wrapper.textContent = String(provider || "?").trim().slice(0, 1).toUpperCase();
         }
-        return compareText(a.model_name, b.model_name);
+        return wrapper;
       }
 
-      function makeCell(value, className) {
+      function createModelCell(entry, row, columnCount) {
         var cell = document.createElement("td");
-        if (className) cell.className = className;
-        cell.textContent = value;
+        var content = document.createElement("div");
+        content.className = "model-cell";
+        content.appendChild(providerLogo(entry.provider));
+
+        var info = document.createElement("div");
+        info.className = "model-info";
+        var name = document.createElement("span");
+        name.className = "model-name";
+        name.textContent = entry.model_name;
+        var provider = document.createElement("span");
+        provider.className = "model-provider";
+        provider.textContent = entry.provider;
+        var actions = document.createElement("div");
+        actions.className = "model-actions";
+        var toggle = document.createElement("button");
+        toggle.className = "details-toggle";
+        toggle.type = "button";
+        toggle.textContent = "Details";
+        toggle.setAttribute("aria-expanded", "false");
+        toggle.addEventListener("click", function () {
+          var next = row.nextElementSibling;
+          if (next && next.classList.contains("details-row")) {
+            next.remove();
+            toggle.setAttribute("aria-expanded", "false");
+            return;
+          }
+          row.after(createDetailsRow(entry, columnCount));
+          toggle.setAttribute("aria-expanded", "true");
+        });
+        actions.appendChild(toggle);
+        info.appendChild(name);
+        info.appendChild(provider);
+        info.appendChild(actions);
+        content.appendChild(info);
+        cell.appendChild(content);
         return cell;
       }
 
-      function addDetailBlock(container, title, lines) {
-        var block = document.createElement("div");
-        block.className = "detail-block";
+      function addDetailGroup(container, headingText, lines) {
+        var group = document.createElement("div");
+        group.className = "detail-group";
         var heading = document.createElement("h3");
-        heading.textContent = title;
-        block.appendChild(heading);
+        heading.textContent = headingText;
+        group.appendChild(heading);
         lines.forEach(function (line) {
           var paragraph = document.createElement("p");
           paragraph.textContent = line;
-          block.appendChild(paragraph);
+          group.appendChild(paragraph);
         });
-        container.appendChild(block);
+        container.appendChild(group);
       }
 
-      function detailRow(entry) {
+      function createDetailsRow(entry, columnCount) {
         var row = document.createElement("tr");
         row.className = "details-row";
         var cell = document.createElement("td");
-        cell.colSpan = 15;
-        var details = document.createElement("details");
-        var summaryLine = document.createElement("summary");
-        summaryLine.textContent = "Details and task scores";
-        details.appendChild(summaryLine);
-        var content = document.createElement("div");
-        content.className = "detail-content";
-
-        var coverage = entry.coverage;
-        var sampleCoverage = coverage.samples_total === null || coverage.samples_total === undefined
+        cell.colSpan = columnCount;
+        var panel = document.createElement("div");
+        panel.className = "details-panel";
+        var coverage = entry.coverage || {};
+        var sampleLine = coverage.samples_total === null || coverage.samples_total === undefined
           ? "Sample count not reported"
-          : text(coverage.samples_completed) + " / " + text(coverage.samples_total) + " samples";
-        var sourceType = SOURCE_LABELS[entry.source.type] || entry.source.type;
-        addDetailBlock(content, "Record", [
-          "Model ID: " + entry.model_id,
-          "Provider: " + entry.provider,
-          "Benchmark: " + entry.benchmark_version,
-          "Evaluation date: " + text(entry.evaluation_date),
-          "Source type: " + sourceType,
-          "Coverage: " + coverage.tasks_completed + " / " + coverage.tasks_total + " tasks; " + sampleCoverage
+          : String(coverage.samples_completed) + " / " + String(coverage.samples_total) + " samples";
+        addDetailGroup(panel, "Evaluation", [
+          "Model ID: " + String(entry.model_id || "—"),
+          "Benchmark: " + String(entry.benchmark_version || "—"),
+          "Evaluation date: " + String(entry.evaluation_date || "Not reported"),
+          "Task coverage: " + String(coverage.tasks_completed) + " / " + String(coverage.tasks_total) + " tasks",
+          sampleLine
         ]);
-        addDetailBlock(content, "Scores", [
-          "Overall: " + score(entry.scores.overall),
-          "Stages: " + Object.keys(entry.scores.stages || {}).map(function (key) {
-            return key + " " + score(entry.scores.stages[key]);
-          }).join(" · ") || "No stage scores reported",
-          "Taxonomy: " + Object.keys(entry.scores.taxonomy || {}).map(function (key) {
-            return key.toUpperCase() + " " + score(entry.scores.taxonomy[key]);
-          }).join(" · ") || "No taxonomy scores reported"
-        ]);
-        var sourceBlock = document.createElement("div");
-        sourceBlock.className = "detail-block";
-        var sourceHeading = document.createElement("h3");
-        sourceHeading.textContent = "Source and notes";
-        sourceBlock.appendChild(sourceHeading);
-        var sourceLink = document.createElement("a");
-        sourceLink.href = entry.source.url;
-        sourceLink.target = "_blank";
-        sourceLink.rel = "noopener noreferrer";
-        sourceLink.textContent = "Open source";
-        sourceBlock.appendChild(sourceLink);
-        if (entry.submitter) {
-          var submitter = document.createElement("p");
-          submitter.textContent = "Submitted by: " + entry.submitter;
-          sourceBlock.appendChild(submitter);
-        }
-        if (entry.notes) {
-          var notes = document.createElement("p");
-          notes.textContent = entry.notes;
-          sourceBlock.appendChild(notes);
-        }
-        content.appendChild(sourceBlock);
-
-        var taskScores = entry.scores.tasks || {};
-        var taskLines = Object.keys(taskScores).sort(compareText).map(function (task) {
-          var value = taskScores[task];
-          if (value && typeof value === "object") {
-            return task + ": " + Object.keys(value).sort(compareText).map(function (metric) {
-              return metric + " " + score(value[metric]);
-            }).join(" · ");
-          }
-          return task + ": " + score(value);
+        var stageScores = Object.keys(entry.scores.stages || {}).map(function (key) {
+          return key + " " + formatScore(entry.scores.stages[key]);
         });
-        if (taskLines.length) addDetailBlock(content, "Task scores", taskLines);
-
-        details.appendChild(content);
-        cell.appendChild(details);
+        var taxonomyScores = Object.keys(entry.scores.taxonomy || {}).map(function (key) {
+          return key.toUpperCase() + " " + formatScore(entry.scores.taxonomy[key]);
+        });
+        addDetailGroup(panel, "Scores", [
+          "Overall: " + formatScore(entry.scores.overall),
+          stageScores.length ? "Stages: " + stageScores.join(" · ") : "No stage scores reported",
+          taxonomyScores.length ? "Taxonomy: " + taxonomyScores.join(" · ") : "No taxonomy scores reported"
+        ]);
+        addDetailGroup(panel, "Notes", [
+          entry.notes || "No additional notes."
+        ]);
+        cell.appendChild(panel);
         row.appendChild(cell);
         return row;
       }
 
-      function render() {
-        var visible = entries.filter(matches).sort(compareEntries);
+      function createSourceCell(entry) {
+        var cell = document.createElement("td");
+        var link = document.createElement("a");
+        link.className = "source-link";
+        link.href = entry.source.url;
+        link.target = "_blank";
+        link.rel = "noopener noreferrer";
+        link.textContent = SOURCE_LABELS[entry.source.type] || entry.source.type;
+        cell.appendChild(link);
+        return cell;
+      }
+
+      function renderHeader(table) {
+        var header = document.querySelector("#" + table.id + " thead tr");
+        header.replaceChildren();
+        table.columns.forEach(function (column) {
+          var cell = document.createElement("th");
+          cell.scope = "col";
+          var button = document.createElement("button");
+          button.className = "sort-button";
+          button.type = "button";
+          button.dataset.sortKey = column.key;
+          button.setAttribute("aria-label", "Sort by " + column.label);
+          var label = document.createElement("span");
+          label.textContent = column.label;
+          var mark = document.createElement("span");
+          mark.className = "sort-mark";
+          mark.setAttribute("aria-hidden", "true");
+          mark.textContent = "↕";
+          button.appendChild(label);
+          button.appendChild(mark);
+          button.addEventListener("click", function () {
+            if (table.state.activeKey === column.key) {
+              table.state.direction *= -1;
+            } else {
+              table.state.direction = column.kind === "score" || column.kind === "rank" ? -1 : 1;
+            }
+            table.state.sortColumn = column;
+            table.state.activeKey = column.key;
+            renderTable(table);
+          });
+          cell.appendChild(button);
+          header.appendChild(cell);
+        });
+      }
+
+      function renderTable(table) {
+        var element = document.getElementById(table.id);
+        var body = element.querySelector("tbody");
+        var visible = entries.slice().sort(function (left, right) {
+          return compareEntries(left, right, table);
+        });
         body.replaceChildren();
         if (!visible.length) {
-          var emptyRow = document.createElement("tr");
+          var empty = document.createElement("tr");
           var emptyCell = document.createElement("td");
-          emptyCell.className = "empty";
-          emptyCell.colSpan = 15;
-          emptyCell.textContent = entries.length ? "No results match these filters." : "No merged results yet. Submit a result by pull request.";
-          emptyRow.appendChild(emptyCell);
-          body.appendChild(emptyRow);
-          summary.textContent = entries.length ? "0 matching records" : "No results published yet";
-          return;
+          emptyCell.className = "empty-cell";
+          emptyCell.colSpan = table.columns.length;
+          emptyCell.textContent = "No results published yet.";
+          empty.appendChild(emptyCell);
+          body.appendChild(empty);
         }
-
-        visible.forEach(function (entry) {
+        visible.forEach(function (entry, index) {
           var row = document.createElement("tr");
-          var rank = rankById.get(entry.id);
-          row.appendChild(makeCell(rank ? String(rank) : "—"));
-
-          var modelCell = document.createElement("td");
-          modelCell.className = "model-cell";
-          var modelName = document.createElement("span");
-          modelName.className = "model-name";
-          modelName.textContent = entry.model_name;
-          var modelId = document.createElement("span");
-          modelId.className = "model-id";
-          modelId.textContent = entry.model_id;
-          modelCell.appendChild(modelName);
-          modelCell.appendChild(modelId);
-          row.appendChild(modelCell);
-
-          var sourceCell = document.createElement("td");
-          var sourceTag = document.createElement("span");
-          sourceTag.className = "source-tag" + (entry.source.type === "paper" ? " source-paper" : "");
-          sourceTag.textContent = SOURCE_LABELS[entry.source.type] || entry.source.type;
-          sourceCell.appendChild(sourceTag);
-          row.appendChild(sourceCell);
-          row.appendChild(makeCell(entry.benchmark_version));
-
-          var coverageCell = document.createElement("td");
-          var coverageTag = document.createElement("span");
-          coverageTag.className = "coverage-tag" + (entry.coverage.status === "full" ? " coverage-full" : "");
-          coverageTag.textContent = entry.coverage.tasks_completed + "/" + entry.coverage.tasks_total + " tasks";
-          coverageCell.appendChild(coverageTag);
-          row.appendChild(coverageCell);
-
-          row.appendChild(makeCell(score(entry.scores.overall), "score score-overall"));
-          var stages = entry.scores.stages || {};
-          ["perception", "understanding", "reasoning", "sensation"].forEach(function (key) {
-            row.appendChild(makeCell(score(stages[key]), "score"));
-          });
-          var taxonomy = entry.scores.taxonomy || {};
-          ["l1_task", "l2_modality", "l3_stage", "l4_domain"].forEach(function (key) {
-            row.appendChild(makeCell(score(taxonomy[key]), "score"));
-          });
-          var detailCell = document.createElement("td");
-          var detailButton = document.createElement("button");
-          detailButton.className = "sort-button";
-          detailButton.type = "button";
-          detailButton.textContent = "View";
-          detailButton.setAttribute("aria-label", "View details for " + entry.model_name);
-          detailButton.addEventListener("click", function () {
-            var next = row.nextElementSibling;
-            if (next && next.classList.contains("details-row")) {
-              next.remove();
+          row.className = "data-row";
+          table.columns.forEach(function (column) {
+            if (column.kind === "rank") {
+              row.appendChild(makeCell(String(index + 1), "rank-value"));
+            } else if (column.kind === "model") {
+              row.appendChild(createModelCell(entry, row, table.columns.length));
+            } else if (column.kind === "benchmark") {
+              row.appendChild(makeCell(entry.benchmark_version, "benchmark-name"));
+            } else if (column.kind === "source") {
+              row.appendChild(createSourceCell(entry));
             } else {
-              row.after(detailRow(entry));
+              var value = readPath(entry, column.path);
+              var classes = column.key === "overall" ? "score score-overall" : "score";
+              row.appendChild(makeCell(formatScore(value), classes));
             }
           });
-          detailCell.appendChild(detailButton);
-          row.appendChild(detailCell);
           body.appendChild(row);
         });
-        var ranked = visible.filter(function (entry) { return rankById.has(entry.id); }).length;
-        var unranked = visible.length - ranked;
-        summary.textContent = visible.length + " records · " + ranked + " ranked · " + unranked + " unranked";
+        var activeButton = element.querySelector('[data-sort-key="' + table.state.activeKey + '"]');
+        element.querySelectorAll(".sort-button").forEach(function (button) {
+          button.removeAttribute("aria-sort");
+          button.querySelector(".sort-mark").textContent = "↕";
+        });
+        if (activeButton) {
+          activeButton.setAttribute("aria-sort", table.state.direction === -1 ? "descending" : "ascending");
+          activeButton.querySelector(".sort-mark").textContent = table.state.direction === -1 ? "↓" : "↑";
+        }
+        var count = document.querySelector('[data-count-for="' + table.id + '"]');
+        count.textContent = visible.length + (visible.length === 1 ? " model" : " models");
       }
 
-      document.querySelectorAll(".sort-button[data-sort]").forEach(function (button) {
-        button.addEventListener("click", function () {
-          var nextKey = button.getAttribute("data-sort");
-          if (sortKey === nextKey) sortDirection *= -1;
-          else {
-            sortKey = nextKey;
-            sortDirection = nextKey === "overall" || nextKey === "rank" ? -1 : 1;
-          }
-          document.querySelectorAll(".sort-button[data-sort]").forEach(function (item) {
-            item.removeAttribute("aria-sort");
-          });
-          button.setAttribute("aria-sort", sortDirection === -1 ? "descending" : "ascending");
-          render();
+      function showError(message) {
+        document.getElementById("global-count").textContent = "results unavailable";
+        TABLES.forEach(function (table) {
+          var body = document.querySelector("#" + table.id + " tbody");
+          body.replaceChildren();
+          var row = document.createElement("tr");
+          var cell = document.createElement("td");
+          cell.className = "error-cell";
+          cell.colSpan = table.columns.length;
+          cell.textContent = message;
+          row.appendChild(cell);
+          body.appendChild(row);
+          var count = document.querySelector('[data-count-for="' + table.id + '"]');
+          count.textContent = "Unavailable";
         });
-      });
-      [search, benchmarkFilter, providerFilter, sourceFilter].forEach(function (control) {
-        control.addEventListener("input", render);
-        control.addEventListener("change", render);
+      }
+
+      TABLES.forEach(function (table) {
+        table.state.sortColumn = table.columns.find(function (column) {
+          return column.key === "overall";
+        });
+        renderHeader(table);
       });
 
       fetch("./data/results.json", { cache: "no-store" })
         .then(function (response) {
-          if (!response.ok) throw new Error("Could not load leaderboard data (HTTP " + response.status + ")");
+          if (!response.ok) throw new Error("Could not load leaderboard data (HTTP " + response.status + ").");
           return response.json();
         })
         .then(function (data) {
@@ -549,20 +662,12 @@
             throw new Error("Leaderboard data does not match the expected schema.");
           }
           entries = data.entries;
-          populateFilters();
-          buildRanks();
-          render();
+          document.getElementById("global-count").textContent = entries.length
+            + (entries.length === 1 ? " model result" : " model results");
+          TABLES.forEach(renderTable);
         })
         .catch(function (error) {
-          body.replaceChildren();
-          var row = document.createElement("tr");
-          var cell = document.createElement("td");
-          cell.className = "error";
-          cell.colSpan = 15;
-          cell.textContent = error.message;
-          row.appendChild(cell);
-          body.appendChild(row);
-          summary.textContent = "Results could not be loaded";
+          showError(error.message || "Could not load leaderboard data.");
         });
     })();
   </script>