Update TriWorldBench web from desktop manager

.gitattributes

@@ -1,2 +1,3 @@
 *.mp4 filter=lfs diff=lfs merge=lfs -text
 *.pdf filter=lfs diff=lfs merge=lfs -text
+public/assets_common/photos/Group_Chat.jpg filter=lfs diff=lfs merge=lfs -text

Dockerfile

@@ -16,4 +16,4 @@ ENV TRIWORLDBENCH_VIDEO_ROOT=/tmp/triworldbench/video-cases
 
 EXPOSE 7860
 
-CMD ["sh", "-c", "npm run hf:download-dataset && npm run hf:download-video-cases && npm run hf:restore-space-assets && npx next start -H 0.0.0.0 -p ${PORT:-7860}"]
+CMD ["sh", "-c", "npm run hf:download-dataset && npm run hf:sanitize-public-dataset && npm run hf:download-video-cases && npm run hf:restore-space-assets && npx next start -H 0.0.0.0 -p ${PORT:-7860}"]

deployment-manifest.json

@@ -1,8 +1,8 @@
 {
   "schema": 2,
-  "generated_at_utc": "2026-08-09T11:14:08.858574+00:00",
-  "web_tree_sha256": "bd27feeb2178e767fb0e305cd25b8e7f0a8d934357c7a11424f75723e40576d5",
-  "source_file_count": 89,
+  "generated_at_utc": "2026-08-14T12:00:38.227389+00:00",
+  "web_tree_sha256": "8c12cc89b824c4104f5cee92366b440fb716057cce0b1d09b6890b7baff3a818",
+  "source_file_count": 90,
   "release_contract": {
     "web_source": "TriWorldBench/web",
     "local_database": "database/database.sqlite",
@@ -13,8 +13,8 @@
   },
   "database_release": {
     "dataset_file": "database.sqlite",
-    "snapshot_sha256": "0c7da7bac39215ca55396839eab8fed6872bfbe782f6e908a021ea15464d3acd",
-    "data_version": 264,
+    "snapshot_sha256": "afc2a632e2c3df54014b0e2d0ea996b64427a53b31b0ad810e98cee6f0fcaa78",
+    "data_version": 275,
     "video_count": 24,
     "video_prefix": "video-cases"
   }

package.json

@@ -8,6 +8,7 @@
     "build": "next build",
     "start": "next start",
     "hf:download-dataset": "node scripts/download-dataset.mjs",
+    "hf:sanitize-public-dataset": "node scripts/sanitize-public-database.mjs",
     "hf:download-video-cases": "node scripts/download-video-cases.mjs",
     "hf:restore-space-assets": "node scripts/restore-space-assets.mjs"
   },

scripts/sanitize-public-database.mjs

@@ -0,0 +1,57 @@
+import fs from "node:fs";
+import os from "node:os";
+import path from "node:path";
+import { DatabaseSync } from "node:sqlite";
+
+const targetPath = path.resolve(
+  process.env.TRIWORLDBENCH_DB_PATH || path.join(os.tmpdir(), "triworldbench", "database.sqlite")
+);
+const temporaryRoot = path.resolve(os.tmpdir());
+
+if (process.env.TRIWORLDBENCH_PUBLIC_READONLY !== "1") {
+  throw new Error("Refusing to sanitize a database outside public read-only mode.");
+}
+if (targetPath !== temporaryRoot && !targetPath.startsWith(`${temporaryRoot}${path.sep}`)) {
+  throw new Error(`Refusing to sanitize a database outside the temporary directory: ${targetPath}`);
+}
+if (!fs.existsSync(targetPath)) {
+  throw new Error(`Downloaded public database was not found: ${targetPath}`);
+}
+
+const database = new DatabaseSync(targetPath);
+try {
+  database.exec(`
+    BEGIN IMMEDIATE;
+    UPDATE teams
+       SET slug = 'public-team-' || id,
+           name = 'Private participant',
+           participant_email = 'private-' || id || '@invalid.local',
+           affiliation = NULL,
+           country_region = NULL,
+           strengths = NULL,
+           updated_at = CURRENT_TIMESTAMP;
+    UPDATE models
+       SET model_card_url = NULL,
+           brief_introduction = NULL;
+    UPDATE submissions
+       SET artifact_uri = NULL,
+           notes = NULL;
+    COMMIT;
+    PRAGMA wal_checkpoint(TRUNCATE);
+  `);
+  const integrity = database.prepare("PRAGMA integrity_check").get();
+  if (integrity.integrity_check !== "ok") {
+    throw new Error(`Public database integrity check failed: ${integrity.integrity_check}`);
+  }
+} catch (error) {
+  try {
+    database.exec("ROLLBACK");
+  } catch {
+    // No active transaction remains after a successful commit.
+  }
+  throw error;
+} finally {
+  database.close();
+}
+
+console.log("Public runtime database identity fields sanitized.");

src/app/(site)/page.tsx

@@ -216,7 +216,6 @@ function toBoardEntries(entries: LeaderboardEntry[]): TriWorldBoardEntry[] {
     return {
       rank: entry.rank,
       modelName: entry.model.name,
-      teamName: entry.team.name,
       score: entry.metrics[TRIWORLD_RANKING_CODE]?.rawValue ?? entry.score.rawValue ?? null,
       normalizedScore: entry.metrics[TRIWORLD_RANKING_CODE]?.rawValue ?? entry.score.rawValue ?? null,
       status: entry.statusLabel || entry.submission.status,
@@ -449,7 +448,6 @@ function LeaderboardTable({
               <tr key={row.modelName}>
                 <td className="twb-model-col twb-sticky-col">
                   <b>{row.modelName}</b>
-                  <small>{row.teamName}</small>
                 </td>
                 <td className="twb-col-rank twb-sticky-rank">
                   <span className={`twb-rank-badge rank-${Math.min(row.rank, 4)}`}>

src/components/triworldbench/ClientSections.tsx

@@ -429,7 +429,11 @@ function OverallRadar({
             style={{ "--c": color, "--dash": dashPattern } as React.CSSProperties}
           >
             <polygon className="twb-radar-area" points={points} />
-            <polyline className="twb-radar-line" points={`${points} ${points.split(" ")[0]}`} />
+            <polyline
+              className="twb-radar-line"
+              fill="none"
+              points={`${points} ${points.split(" ")[0]}`}
+            />
           </g>
         );
       })}

src/components/triworldbench/Leaderboard.tsx

@@ -94,6 +94,7 @@ export function TriWorldLeaderboard({ rows, metricTexts, descriptionText }: Prop
   const [highlightedName, setHighlightedName] = useState<string | null>(null);
   const [message, setMessage] = useState("");
   const rangeMenuRef = useRef<HTMLDetailsElement>(null);
+  const tableWrapRef = useRef<HTMLDivElement>(null);
   const rowRefs = useRef(new Map<string, HTMLTableRowElement>());
 
   const ranges = useMemo(() => {
@@ -129,6 +130,24 @@ export function TriWorldLeaderboard({ rows, metricTexts, descriptionText }: Prop
     return ranksByMetric;
   }, [rows]);
 
+  const scrollToRow = useCallback((modelName: string, block: "start" | "center") => {
+    const container = tableWrapRef.current;
+    const row = rowRefs.current.get(modelName);
+    if (!container || !row) return;
+
+    const containerRect = container.getBoundingClientRect();
+    const rowRect = row.getBoundingClientRect();
+    const headerHeight = container.querySelector("thead")?.getBoundingClientRect().height ?? 0;
+    const targetTop = block === "center"
+      ? container.scrollTop + rowRect.top - containerRect.top - (container.clientHeight - rowRect.height) / 2
+      : container.scrollTop + rowRect.top - containerRect.top - headerHeight;
+
+    container.scrollTo({
+      top: Math.max(0, targetTop),
+      behavior: "smooth",
+    });
+  }, []);
+
   const locate = useCallback((name = query) => {
     const normalized = name.trim().toLocaleLowerCase();
     if (!normalized) {
@@ -147,9 +166,9 @@ export function TriWorldLeaderboard({ rows, metricTexts, descriptionText }: Prop
     setHighlightedName(matched.modelName);
     setMessage(`Located ${matched.modelName} at rank ${matched.rank}.`);
     window.requestAnimationFrame(() => {
-      rowRefs.current.get(matched.modelName)?.scrollIntoView({ behavior: "smooth", block: "center", inline: "nearest" });
+      scrollToRow(matched.modelName, "center");
     });
-  }, [query, rows]);
+  }, [query, rows, scrollToRow]);
 
   const jumpToRange = (start: number) => {
     const row = rows[start];
@@ -158,7 +177,7 @@ export function TriWorldLeaderboard({ rows, metricTexts, descriptionText }: Prop
     setMessage("");
     rangeMenuRef.current?.removeAttribute("open");
     window.requestAnimationFrame(() => {
-      rowRefs.current.get(row.modelName)?.scrollIntoView({ behavior: "smooth", block: "start", inline: "nearest" });
+      scrollToRow(row.modelName, "start");
     });
   };
 
@@ -204,7 +223,7 @@ export function TriWorldLeaderboard({ rows, metricTexts, descriptionText }: Prop
       </div>
       {message ? <p className="twb-locator-message" role="status">{message}</p> : null}
 
-      <div className="twb-table-wrap" tabIndex={0} aria-label="TriWorldBench leaderboard">
+      <div ref={tableWrapRef} className="twb-table-wrap" tabIndex={0} aria-label="TriWorldBench leaderboard">
         <table
           className="twb-dense-table"
           style={{ "--twb-score-column-count": TRIWORLD_TABLE_METRICS.length } as React.CSSProperties}
@@ -246,7 +265,6 @@ export function TriWorldLeaderboard({ rows, metricTexts, descriptionText }: Prop
                 >
                   <td className="twb-model-col twb-sticky-col">
                     <b>{row.modelName}</b>
-                    {row.teamName ? <small>{row.teamName}</small> : null}
                   </td>
                   <td className="twb-col-rank twb-sticky-rank">
                     <span className={`twb-rank-badge rank-${row.rank <= 3 ? row.rank : "other"}`}>

src/components/triworldbench/metrics.ts

@@ -195,7 +195,6 @@ export type TriWorldMetricCode = string;
 export interface TriWorldBoardEntry {
   rank: number;
   modelName: string;
-  teamName: string;
   score: number | null;
   normalizedScore: number | null;
   status: string;

src/lib/data/leaderboard.ts

@@ -13,18 +13,42 @@ export function latestSnapshot(snapshotParam?: string | null): LeaderboardSnapsh
   const db = getDb();
   if (snapshotParam && snapshotParam !== "latest") {
     return (
-      dbGet<LeaderboardSnapshot>(db.prepare("SELECT * FROM leaderboard_snapshots WHERE id = ?"), snapshotParam) ||
-      dbGet<LeaderboardSnapshot>(db.prepare("SELECT * FROM leaderboard_snapshots WHERE label = ?"), snapshotParam)
+      dbGet<LeaderboardSnapshot>(
+        db.prepare(
+          `SELECT id, label, snapshot_time, status, ranking_policy, NULL AS notes,
+                  is_latest, created_at
+             FROM leaderboard_snapshots WHERE id = ?`
+        ),
+        snapshotParam
+      ) ||
+      dbGet<LeaderboardSnapshot>(
+        db.prepare(
+          `SELECT id, label, snapshot_time, status, ranking_policy, NULL AS notes,
+                  is_latest, created_at
+             FROM leaderboard_snapshots WHERE label = ?`
+        ),
+        snapshotParam
+      )
     );
   }
   return dbGet<LeaderboardSnapshot>(
-    db.prepare("SELECT * FROM leaderboard_snapshots ORDER BY is_latest DESC, snapshot_time DESC, id DESC LIMIT 1")
+    db.prepare(
+      `SELECT id, label, snapshot_time, status, ranking_policy, NULL AS notes,
+              is_latest, created_at
+         FROM leaderboard_snapshots
+        ORDER BY is_latest DESC, snapshot_time DESC, id DESC LIMIT 1`
+    )
   );
 }
 
 export function getSnapshotHistory(): LeaderboardSnapshot[] {
   return all<LeaderboardSnapshot>(
-    getDb().prepare("SELECT * FROM leaderboard_snapshots ORDER BY snapshot_time DESC, id DESC")
+    getDb().prepare(
+      `SELECT id, label, snapshot_time, status, ranking_policy, NULL AS notes,
+              is_latest, created_at
+         FROM leaderboard_snapshots
+        ORDER BY snapshot_time DESC, id DESC`
+    )
   );
 }
 
@@ -43,14 +67,12 @@ export function getLeaderboard(
   const rawEntries = db
     .prepare(
       `SELECT e.rank, e.status_label, e.updated_label, e.submission_id,
-              t.id AS team_id, t.slug AS team_slug, t.name AS team_name, t.affiliation, t.strengths,
               mo.id AS model_id, mo.slug AS model_slug, mo.name AS model_name,
               s.version_label, s.status AS submission_status, s.dataset_split, s.submitted_at,
               sr.normalized_value, sr.percentile, sr.raw_value
        FROM leaderboard_snapshot_entries e
        JOIN submissions s ON s.id = e.submission_id
        JOIN models mo ON mo.id = s.model_id
-       JOIN teams t ON t.id = mo.team_id
        JOIN score_records sr ON sr.id = e.score_record_id
        WHERE e.snapshot_id = ? ORDER BY e.rank LIMIT ?`
     )
@@ -63,11 +85,6 @@ export function getLeaderboard(
     rank: entry.rank as number,
     statusLabel: entry.status_label as string | null,
     updatedLabel: entry.updated_label as string | null,
-    team: {
-      id: entry.team_id as number, slug: entry.team_slug as string,
-      name: entry.team_name as string, affiliation: entry.affiliation as string | null,
-      strengths: entry.strengths as string | null,
-    },
     model: {
       id: entry.model_id as number, slug: entry.model_slug as string,
       name: entry.model_name as string,
@@ -95,7 +112,7 @@ export function getRadarData(
   const codes = metricCodes?.length ? metricCodes : DEFAULT_RADAR_METRICS;
   const board = getLeaderboard("latest");
   const entries = board.entries.slice(0, top).map((entry) => ({
-    rank: entry.rank, model: entry.model, team: entry.team, score: entry.score,
+    rank: entry.rank, model: entry.model, score: entry.score,
     axes: codes.map((code) => {
       const metric = entry.metrics[code];
       return { code, label: metric ? metric.displayName : code, value: metric?.percentile ?? null };
@@ -129,14 +146,19 @@ export function getModelScores(modelId: string): {
 } {
   const db = getDb();
   const model = db.prepare(
-    `SELECT mo.*, t.name AS team_name FROM models mo JOIN teams t ON t.id = mo.team_id WHERE mo.id = ? OR mo.slug = ?`
+    `SELECT mo.id, mo.slug, mo.name
+       FROM models mo
+      WHERE mo.id = ? OR mo.slug = ?`
   ).get(modelId, modelId) as Record<string, unknown> | null;
 
   if (!model) return { model: null, submission: null, scores: [] };
 
   const modelIdNum = model.id as number;
   const submission = db.prepare(
-    "SELECT * FROM submissions WHERE model_id = ? ORDER BY submitted_at DESC, id DESC LIMIT 1"
+    `SELECT id, model_id, version_label, submitted_at, status, dataset_split
+       FROM submissions
+      WHERE model_id = ?
+      ORDER BY submitted_at DESC, id DESC LIMIT 1`
   ).get(modelIdNum) as Record<string, unknown> | null;
 
   if (!submission) return { model, submission: null, scores: [] };

src/lib/db/schema.ts

@@ -354,13 +354,6 @@ export interface LeaderboardEntry {
   rank: number;
   statusLabel: string | null;
   updatedLabel: string | null;
-  team: {
-    id: number;
-    slug: string;
-    name: string;
-    affiliation: string | null;
-    strengths: string | null;
-  };
   model: {
     id: number;
     slug: string;
@@ -384,7 +377,6 @@ export interface LeaderboardEntry {
 export interface RadarEntry {
   rank: number;
   model: { name: string; slug: string };
-  team: { name: string };
   score: { percentile: number | null };
   axes: Array<{ code: string; label: string; value: number | null }>;
 }

src/styles/triworldbench.css

@@ -2062,8 +2062,8 @@ main,
   width: 100%;
   height: 100%;
   object-fit: contain;
+  object-position: center;
   padding: 8px;
-  transform: translateY(24px);
 }
 .coming { border-radius: 4px; }
 .citation-code,
@@ -2650,7 +2650,7 @@ body .twb-doc[data-page="triworldbench"] #contact .contact-card p span {
 #leaderboard .twb-radar-scale, .visualization .twb-radar-scale { fill: currentColor; font-size: 9px; opacity: .55; }
 .visualization .twb-radar-ring, .visualization .twb-radar-axis { fill: none; stroke: currentColor; opacity: .22; vector-effect: non-scaling-stroke; }
 .visualization .twb-radar-label { fill: currentColor; font-size: 11px; font-weight: 800; text-anchor: middle; dominant-baseline: middle; }
-.visualization .twb-radar-area { fill: var(--c); fill-opacity: .06; stroke: none; }
+.visualization .twb-radar-area { fill: #6f7880; fill-opacity: .01; stroke: none; }
 .visualization .twb-radar-line { fill: none; stroke: var(--c); stroke-width: 1.8; vector-effect: non-scaling-stroke; }
 
 /* per-metric split: bar list + radar */
@@ -2711,7 +2711,10 @@ body .twb-doc[data-page="triworldbench"] #contact .contact-card p span {
 /* radar series highlight / dim states */
 .visualization .twb-radar-series.is-dim { opacity: .14; }
 .visualization .twb-radar-series.is-hl .twb-radar-line { stroke-width: 3.4; }
-.visualization .twb-radar-series.is-hl .twb-radar-area { fill-opacity: .16; }
+.visualization .twb-radar-series.is-hl .twb-radar-area {
+  fill: #69737b;
+  fill-opacity: .10;
+}
 .visualization .twb-radar-spoke line { stroke: var(--c); stroke-width: 2.2; vector-effect: non-scaling-stroke; }
 .visualization .twb-radar-spoke circle { fill: var(--c); }
 .visualization .twb-radar-spoke.is-dim { opacity: .16; }
@@ -5645,6 +5648,20 @@ body .twb-doc[data-page="triworldbench"] #contact .contact-card * {
   dominant-baseline: middle;
   opacity: .68;
 }
+.twb-doc[data-page="triworldbench"] .visualization .twb-radar-series .twb-radar-line,
+.twb-doc[data-page="triworldbench"] .visualization .twb-radar-series.is-hl .twb-radar-line {
+  fill: none !important;
+  fill-opacity: 0 !important;
+}
+.twb-doc[data-page="triworldbench"] .visualization .twb-radar-series .twb-radar-area {
+  display: block !important;
+  fill: #6f7880 !important;
+  fill-opacity: .01 !important;
+}
+.twb-doc[data-page=triworldbench] .visualization .twb-radar-series.is-hl .twb-radar-area {
+  fill: #69737b !important;
+  fill-opacity: .10 !important;
+}
 .twb-doc[data-page="triworldbench"] .twb-vis-top .twb-vis-models {
   background: #f1f3f5;
   border-color: #d5dadd;