style(leaderboard): remove benchmark and source columns

#3
Files changed (1) hide show
  1. index.html +3 -46
index.html CHANGED
@@ -112,7 +112,7 @@
112
  box-shadow: 0 2px 8px rgba(22, 33, 57, .025);
113
  }
114
  .table-scroll { overflow-x: auto; }
115
- table { width: 100%; min-width: 1080px; border-collapse: collapse; font-size: 12px; }
116
  th, td { padding: 12px 13px; border-bottom: 1px solid var(--line); text-align: right; white-space: nowrap; }
117
  th {
118
  height: 42px;
@@ -124,8 +124,6 @@
124
  }
125
  th:first-child, td:first-child { width: 58px; text-align: center; }
126
  th:nth-child(2), td:nth-child(2) { min-width: 225px; text-align: left; }
127
- th:nth-child(3), td:nth-child(3) { min-width: 150px; text-align: left; }
128
- th:nth-child(4), td:nth-child(4) { min-width: 104px; text-align: left; }
129
  tbody tr.data-row:hover td { background: #fbfcfe; }
130
  tbody tr:last-child td { border-bottom: 0; }
131
  .sort-button {
@@ -144,7 +142,7 @@
144
  text-transform: inherit;
145
  cursor: pointer;
146
  }
147
- 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; }
148
  .sort-button:hover, .sort-button[aria-sort] { color: var(--accent); }
149
  .sort-mark { width: 9px; color: #a2aab7; font-size: 10px; }
150
  .sort-button[aria-sort="ascending"] .sort-mark,
@@ -169,20 +167,6 @@
169
  .model-actions { display: flex; align-items: center; gap: 9px; margin-top: 3px; }
170
  .details-toggle { padding: 0; border: 0; background: transparent; color: var(--accent); font-size: 10px; cursor: pointer; }
171
  .details-toggle:hover { text-decoration: underline; }
172
- .benchmark-name { color: #465268; font-family: var(--mono); font-size: 10px; }
173
- .source-link {
174
- display: inline-flex;
175
- align-items: center;
176
- min-height: 22px;
177
- padding: 1px 7px;
178
- border: 1px solid var(--line);
179
- border-radius: 4px;
180
- background: #fff;
181
- color: #535f72;
182
- font-size: 10px;
183
- text-decoration: none;
184
- }
185
- .source-link:hover { border-color: var(--accent); color: var(--accent); }
186
  .score { color: #3b4658; font-variant-numeric: tabular-nums; }
187
  .score-overall { color: var(--accent); font-size: 12px; font-weight: 750; }
188
  .empty-cell, .error-cell { padding: 24px; color: var(--muted); text-align: center !important; }
@@ -305,7 +289,7 @@
305
  </section>
306
 
307
  <p class="provenance-note">
308
- <span>Scores are percentage points (0–100). Source links identify where each result was reported; a merged entry does not imply independent reproduction.</span>
309
  <span>Company marks identify model providers and do not imply affiliation or endorsement.</span>
310
  </p>
311
  </main>
@@ -325,11 +309,6 @@
325
  (function () {
326
  "use strict";
327
 
328
- var SOURCE_LABELS = {
329
- paper: "Paper",
330
- participant: "Participant",
331
- maintainer: "Maintainer"
332
- };
333
  var LOGO_BY_PROVIDER = {
334
  google: "./assets/logos/google.svg",
335
  "alibaba cloud": "./assets/logos/alibabacloud.svg",
@@ -341,8 +320,6 @@
341
  columns: [
342
  { key: "rank", label: "Rank", kind: "rank" },
343
  { key: "model_name", label: "Model", kind: "model" },
344
- { key: "benchmark_version", label: "Benchmark", kind: "benchmark" },
345
- { key: "source", label: "Source", kind: "source" },
346
  { key: "overall", label: "Overall", kind: "score", path: ["scores", "overall"] },
347
  { key: "perception", label: "Perception", kind: "score", path: ["scores", "stages", "perception"] },
348
  { key: "understanding", label: "Understanding", kind: "score", path: ["scores", "stages", "understanding"] },
@@ -356,8 +333,6 @@
356
  columns: [
357
  { key: "rank", label: "Rank", kind: "rank" },
358
  { key: "model_name", label: "Model", kind: "model" },
359
- { key: "benchmark_version", label: "Benchmark", kind: "benchmark" },
360
- { key: "source", label: "Source", kind: "source" },
361
  { key: "overall", label: "Overall", kind: "score", path: ["scores", "overall"] },
362
  { key: "l1_task", label: "L1 Task-Adaptive", kind: "score", path: ["scores", "taxonomy", "l1_task"] },
363
  { key: "l2_modality", label: "L2 Modality-Adaptive", kind: "score", path: ["scores", "taxonomy", "l2_modality"] },
@@ -389,8 +364,6 @@
389
  function sortValue(entry, column) {
390
  if (column.kind === "rank") return entry.scores.overall;
391
  if (column.kind === "model") return entry.model_name;
392
- if (column.kind === "benchmark") return entry.benchmark_version;
393
- if (column.kind === "source") return SOURCE_LABELS[entry.source.type] || entry.source.type;
394
  return readPath(entry, column.path);
395
  }
396
 
@@ -533,18 +506,6 @@
533
  return row;
534
  }
535
 
536
- function createSourceCell(entry) {
537
- var cell = document.createElement("td");
538
- var link = document.createElement("a");
539
- link.className = "source-link";
540
- link.href = entry.source.url;
541
- link.target = "_blank";
542
- link.rel = "noopener noreferrer";
543
- link.textContent = SOURCE_LABELS[entry.source.type] || entry.source.type;
544
- cell.appendChild(link);
545
- return cell;
546
- }
547
-
548
  function renderHeader(table) {
549
  var header = document.querySelector("#" + table.id + " thead tr");
550
  header.replaceChildren();
@@ -603,10 +564,6 @@
603
  row.appendChild(makeCell(String(index + 1), "rank-value"));
604
  } else if (column.kind === "model") {
605
  row.appendChild(createModelCell(entry, row, table.columns.length));
606
- } else if (column.kind === "benchmark") {
607
- row.appendChild(makeCell(entry.benchmark_version, "benchmark-name"));
608
- } else if (column.kind === "source") {
609
- row.appendChild(createSourceCell(entry));
610
  } else {
611
  var value = readPath(entry, column.path);
612
  var classes = column.key === "overall" ? "score score-overall" : "score";
 
112
  box-shadow: 0 2px 8px rgba(22, 33, 57, .025);
113
  }
114
  .table-scroll { overflow-x: auto; }
115
+ table { width: 100%; min-width: 820px; border-collapse: collapse; font-size: 12px; }
116
  th, td { padding: 12px 13px; border-bottom: 1px solid var(--line); text-align: right; white-space: nowrap; }
117
  th {
118
  height: 42px;
 
124
  }
125
  th:first-child, td:first-child { width: 58px; text-align: center; }
126
  th:nth-child(2), td:nth-child(2) { min-width: 225px; text-align: left; }
 
 
127
  tbody tr.data-row:hover td { background: #fbfcfe; }
128
  tbody tr:last-child td { border-bottom: 0; }
129
  .sort-button {
 
142
  text-transform: inherit;
143
  cursor: pointer;
144
  }
145
+ th:first-child .sort-button, th:nth-child(2) .sort-button { justify-content: flex-start; }
146
  .sort-button:hover, .sort-button[aria-sort] { color: var(--accent); }
147
  .sort-mark { width: 9px; color: #a2aab7; font-size: 10px; }
148
  .sort-button[aria-sort="ascending"] .sort-mark,
 
167
  .model-actions { display: flex; align-items: center; gap: 9px; margin-top: 3px; }
168
  .details-toggle { padding: 0; border: 0; background: transparent; color: var(--accent); font-size: 10px; cursor: pointer; }
169
  .details-toggle:hover { text-decoration: underline; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
170
  .score { color: #3b4658; font-variant-numeric: tabular-nums; }
171
  .score-overall { color: var(--accent); font-size: 12px; font-weight: 750; }
172
  .empty-cell, .error-cell { padding: 24px; color: var(--muted); text-align: center !important; }
 
289
  </section>
290
 
291
  <p class="provenance-note">
292
+ <span>Scores are percentage points (0–100). A merged entry does not imply independent reproduction.</span>
293
  <span>Company marks identify model providers and do not imply affiliation or endorsement.</span>
294
  </p>
295
  </main>
 
309
  (function () {
310
  "use strict";
311
 
 
 
 
 
 
312
  var LOGO_BY_PROVIDER = {
313
  google: "./assets/logos/google.svg",
314
  "alibaba cloud": "./assets/logos/alibabacloud.svg",
 
320
  columns: [
321
  { key: "rank", label: "Rank", kind: "rank" },
322
  { key: "model_name", label: "Model", kind: "model" },
 
 
323
  { key: "overall", label: "Overall", kind: "score", path: ["scores", "overall"] },
324
  { key: "perception", label: "Perception", kind: "score", path: ["scores", "stages", "perception"] },
325
  { key: "understanding", label: "Understanding", kind: "score", path: ["scores", "stages", "understanding"] },
 
333
  columns: [
334
  { key: "rank", label: "Rank", kind: "rank" },
335
  { key: "model_name", label: "Model", kind: "model" },
 
 
336
  { key: "overall", label: "Overall", kind: "score", path: ["scores", "overall"] },
337
  { key: "l1_task", label: "L1 Task-Adaptive", kind: "score", path: ["scores", "taxonomy", "l1_task"] },
338
  { key: "l2_modality", label: "L2 Modality-Adaptive", kind: "score", path: ["scores", "taxonomy", "l2_modality"] },
 
364
  function sortValue(entry, column) {
365
  if (column.kind === "rank") return entry.scores.overall;
366
  if (column.kind === "model") return entry.model_name;
 
 
367
  return readPath(entry, column.path);
368
  }
369
 
 
506
  return row;
507
  }
508
 
 
 
 
 
 
 
 
 
 
 
 
 
509
  function renderHeader(table) {
510
  var header = document.querySelector("#" + table.id + " thead tr");
511
  header.replaceChildren();
 
564
  row.appendChild(makeCell(String(index + 1), "rank-value"));
565
  } else if (column.kind === "model") {
566
  row.appendChild(createModelCell(entry, row, table.columns.length));
 
 
 
 
567
  } else {
568
  var value = readPath(entry, column.path);
569
  var classes = column.key === "overall" ? "score score-overall" : "score";