Update TriWorldBench web from desktop manager

.gitattributes

@@ -1,22 +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
-public/assets_common/photos/image_155613883779109.png filter=lfs diff=lfs merge=lfs -text
-public/fonts/editorial/Inter-300.ttf filter=lfs diff=lfs merge=lfs -text
-public/fonts/editorial/Inter-400.ttf filter=lfs diff=lfs merge=lfs -text
-public/fonts/editorial/Inter-500.ttf filter=lfs diff=lfs merge=lfs -text
-public/fonts/editorial/Inter-600.ttf filter=lfs diff=lfs merge=lfs -text
-public/fonts/editorial/Inter-700.ttf filter=lfs diff=lfs merge=lfs -text
-public/fonts/editorial/Inter-800.ttf filter=lfs diff=lfs merge=lfs -text
-public/fonts/editorial/JetBrainsMono-400.ttf filter=lfs diff=lfs merge=lfs -text
-public/fonts/editorial/JetBrainsMono-500.ttf filter=lfs diff=lfs merge=lfs -text
-public/fonts/editorial/SourceSerif4-400.ttf filter=lfs diff=lfs merge=lfs -text
-public/fonts/editorial/SourceSerif4-600.ttf filter=lfs diff=lfs merge=lfs -text
-public/fonts/editorial/SourceSerif4-700.ttf filter=lfs diff=lfs merge=lfs -text
-public/institution-logos/buaa.png filter=lfs diff=lfs merge=lfs -text
-public/institution-logos/sjtu.png filter=lfs diff=lfs merge=lfs -text
-public/institution-logos/tsinghua.png filter=lfs diff=lfs merge=lfs -text
-public/institution-logos/ustc.png filter=lfs diff=lfs merge=lfs -text
-public/style02/abstract-triview.webp filter=lfs diff=lfs merge=lfs -text
-public/style02/prompt-prediction.webp filter=lfs diff=lfs merge=lfs -text
-public/style02/state-annotations.webp filter=lfs diff=lfs merge=lfs -text

deployment-manifest.json

@@ -1,8 +1,8 @@
 {
   "schema": 2,
-  "generated_at_utc": "2026-07-27T17:57:13.401083+00:00",
-  "web_tree_sha256": "7abdd66073cb12d2f8b7290c371d00c5e1648c4db730c46a12eb612d58d7e099",
-  "source_file_count": 88,
+  "generated_at_utc": "2026-08-07T11:57:12.100834+00:00",
+  "web_tree_sha256": "4ecdd07c5cff502477fdb17431ebde80f0ffcb7e143d755d93742b7582ee1b8c",
+  "source_file_count": 89,
   "release_contract": {
     "web_source": "TriWorldBench/web",
     "local_database": "database/database.sqlite",
@@ -13,8 +13,8 @@
   },
   "database_release": {
     "dataset_file": "database.sqlite",
-    "snapshot_sha256": "49785aa2a116ea07f50e51bb7d141b18151bf2dafbdf406b06b6bb5f9669716f",
-    "data_version": 237,
+    "snapshot_sha256": "3432151cf19407d7b16131ac47bcb29230400cfccad9a11246e5533f007d0de3",
+    "data_version": 261,
     "video_count": 24,
     "video_prefix": "video-cases"
   }

next-env.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
-/// <reference path="./.next-manager-build/types/routes.d.ts" />
+/// <reference path="./.next/types/routes.d.ts" />
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/app/api-reference/config/typescript for more information.

src/components/triworldbench/ClientSections.tsx

@@ -1,7 +1,6 @@
 "use client";
 
 import React, { useEffect, useMemo, useRef, useState } from "react";
-import { FaMedal } from "react-icons/fa";
 import {
   TRIWORLD_COLORS,
   TRIWORLD_RADAR_DIMS,
@@ -10,6 +9,7 @@ import {
 } from "./metrics";
 import { hasLocalizedText, type LocalizedText } from "@/lib/i18n";
 import { LocalizedMarkdown } from "./LocalizedMarkdown";
+import { RankingMedal } from "./RankingMedal";
 
 const CLEAN_CASES = [
   "blocks_ranking_rgb.mp4",
@@ -691,11 +691,6 @@ export function TriWorldVisualization({
             const isHighlighted = highlightName === row.modelName;
             const isDimmed = Boolean(highlightName && !isHighlighted);
             const width = row.value === null ? 0 : (Number(row.value) / maxValue) * 100;
-            const medalColor = row.visualRank === 1
-              ? "#c58b13"
-              : row.visualRank === 2
-                ? "#6b7280"
-                : "#b56736";
             return (
               <button
                 type="button"
@@ -713,17 +708,12 @@ export function TriWorldVisualization({
                 }
               >
                 {row.visualRank <= 3 ? (
-                  <FaMedal
-                    className={`twb-ranking-medal rank-${row.visualRank}`}
-                    style={{ "--medal-color": medalColor } as React.CSSProperties}
-                    aria-label={`Rank ${row.visualRank}`}
-                    title={`Rank ${row.visualRank}`}
-                  />
+                  <RankingMedal rank={row.visualRank} className="twb-ranking-medal" />
                 ) : (
                   <em className="twb-ranking-number">{row.visualRank}</em>
                 )}
                 <b>{row.modelName}</b>
-                <i>{fmt(row.value)}</i>
+                <i className={activePanel.kind === "overall" ? "is-overall" : undefined}>{fmt(row.value)}</i>
               </button>
             );
           })}

src/components/triworldbench/Leaderboard.tsx

@@ -1,7 +1,6 @@
 "use client";
 
 import React, { useCallback, useMemo, useRef, useState } from "react";
-import { FaMedal } from "react-icons/fa";
 import { contentValue, type LocalizedText } from "@/lib/i18n";
 import {
   TRIWORLD_COLORS,
@@ -9,6 +8,7 @@ import {
   type TriWorldBoardEntry,
 } from "./metrics";
 import { LocalizedMarkdown } from "./LocalizedMarkdown";
+import { RankingMedal } from "./RankingMedal";
 
 type MetricText = {
   code: string;
@@ -248,7 +248,11 @@ export function TriWorldLeaderboard({ rows, metricTexts, descriptionText }: Prop
                     <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">{row.rank}</span></td>
+                  <td className="twb-col-rank twb-sticky-rank">
+                    <span className={`twb-rank-badge rank-${row.rank <= 3 ? row.rank : "other"}`}>
+                      {row.rank <= 3 ? <RankingMedal rank={row.rank} className="twb-row-medal" /> : row.rank}
+                    </span>
+                  </td>
                   {TRIWORLD_TABLE_METRICS.map((metric) => {
                     const value = valueFor(row, metric.code);
                     const metricRank = metricRanks.get(metric.code)?.get(row) ?? null;
@@ -265,16 +269,13 @@ export function TriWorldLeaderboard({ rows, metricTexts, descriptionText }: Prop
                               className={`twb-cell-rank rank-${metricRank <= 3 ? metricRank : "other"}`}
                               aria-label={`Rank ${metricRank}`}
                             >
-                              {metricRank <= 3 ? (
-                                <FaMedal
-                                  aria-hidden="true"
-                                  className={`twb-cell-medal medal-${metricRank}`}
-                                />
-                              ) : null}
+                              {metricRank <= 3 ? <RankingMedal rank={metricRank} className="twb-cell-medal" /> : null}
                               #{metricRank}
                             </span>
                           ) : null}
-                          <span className="twb-score-value">{displayScore(value)}</span>
+                          <span className={`twb-score-value${metric.isOverall ? " is-overall" : ""}`}>
+                            {displayScore(value)}
+                          </span>
                         </div>
                       </td>
                     );

src/components/triworldbench/RankingMedal.tsx

@@ -0,0 +1,30 @@
+type Props = {
+  rank: number;
+  className?: string;
+  label?: string;
+};
+
+const MEDALS: Record<number, string> = {
+  1: "\u{1F947}",
+  2: "\u{1F948}",
+  3: "\u{1F949}",
+};
+
+export function RankingMedal({ rank, className = "", label }: Props) {
+  const medal = MEDALS[rank];
+  if (!medal) return null;
+
+  const accessibleLabel = label || `Rank ${rank}`;
+
+  return (
+    <data
+      className={`${className} rank-${rank}`.trim()}
+      value={rank}
+      role="img"
+      aria-label={accessibleLabel}
+      title={accessibleLabel}
+    >
+      {medal}
+    </data>
+  );
+}

src/styles/triworldbench.css

@@ -5458,7 +5458,7 @@ body .twb-doc[data-page="triworldbench"] #contact .contact-card .contact-downloa
   font-weight: 800;
 }
 .twb-doc[data-page="triworldbench"] #leaderboard .twb-dense-table tbody .twb-category-score {
-  font-weight: 800;
+  font-weight: 400;
 }
 .twb-doc[data-page="triworldbench"] #leaderboard .twb-dense-table tbody .twb-overall-score .twb-score-value {
   color: #6b4500;
@@ -5479,9 +5479,10 @@ body .twb-doc[data-page="triworldbench"] #contact .contact-card .contact-downloa
   display: block;
   color: #1c242a;
   font-size: 14px;
-  font-weight: 750;
+  font-weight: 400;
   line-height: 1.15;
 }
+.twb-doc[data-page="triworldbench"] #leaderboard .twb-score-value.is-overall { font-weight: 750; }
 .twb-doc[data-page="triworldbench"] #leaderboard .twb-cell-rank {
   display: inline-flex;
   align-items: center;
@@ -5496,13 +5497,26 @@ body .twb-doc[data-page="triworldbench"] #contact .contact-card .contact-downloa
   white-space: nowrap;
 }
 .twb-doc[data-page="triworldbench"] #leaderboard .twb-cell-medal {
-  width: 12px;
-  height: 12px;
+  display: inline-grid;
+  width: 20px;
+  height: 20px;
   flex: 0 0 auto;
+  place-items: center;
+  font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
+  font-size: 18px;
+  font-weight: 400;
+  line-height: 1;
+}
+.twb-doc[data-page="triworldbench"] #leaderboard .twb-row-medal {
+  display: inline-grid;
+  width: 27px;
+  height: 27px;
+  place-items: center;
+  font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
+  font-size: 24px;
+  font-weight: 400;
+  line-height: 1;
 }
-.twb-doc[data-page="triworldbench"] #leaderboard .twb-cell-medal.medal-1 { color: #b8860b; }
-.twb-doc[data-page="triworldbench"] #leaderboard .twb-cell-medal.medal-2 { color: #7b8790; }
-.twb-doc[data-page="triworldbench"] #leaderboard .twb-cell-medal.medal-3 { color: #9a5b35; }
 .twb-doc[data-page="triworldbench"] #leaderboard .twb-cell-rank.rank-1 { color: #8a6200; }
 .twb-doc[data-page="triworldbench"] #leaderboard .twb-cell-rank.rank-2 { color: #5d6973; }
 .twb-doc[data-page="triworldbench"] #leaderboard .twb-cell-rank.rank-3 { color: #875335; }
@@ -5692,9 +5706,9 @@ body .twb-doc[data-page="triworldbench"] #contact .contact-card .contact-downloa
   position: relative;
   isolation: isolate;
   display: grid;
-  grid-template-columns: 24px minmax(0, 1fr) auto;
+  grid-template-columns: 32px minmax(0, 1fr) auto;
   align-items: center;
-  gap: 10px;
+  column-gap: 12px;
   min-height: 40px;
   padding: 8px 12px;
   overflow: hidden;
@@ -5741,18 +5755,23 @@ body .twb-doc[data-page="triworldbench"] #contact .contact-card .contact-downloa
   color: #20262b;
   font-size: 12px;
   font-style: normal;
-  font-weight: 850;
+  font-weight: 400;
 }
+.twb-doc[data-page="triworldbench"] .twb-bar-row > i.is-overall { font-weight: 850; }
 .twb-doc[data-page="triworldbench"] .twb-ranking-medal {
-  width: 20px;
-  height: 20px;
-  color: var(--medal-color);
-  filter: drop-shadow(0 1px 0 rgba(255,255,255,.8));
+  display: grid;
+  width: 32px;
+  height: 32px;
+  place-items: center;
+  font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
+  font-size: 24px;
+  font-weight: 400;
+  line-height: 1;
 }
 .twb-doc[data-page="triworldbench"] .twb-ranking-number {
   display: grid;
-  width: 20px;
-  min-height: 20px;
+  width: 32px;
+  min-height: 26px;
   place-items: center;
   color: #59636b;
   font-size: 11px;