Add provider logos and aggregate operational metrics

README.md

@@ -16,3 +16,7 @@ Simple aggregate leaderboard for the seven tracks in the public
 [AutoMedBench Lite release](https://huggingface.co/datasets/MitakaKuma/AutoMedBench-Lite-release).
 
 Scores are sourced from the [official AutoMedBench results](https://automedbench.github.io/).
+
+Provider icons are vendored from
+[`@lobehub/icons-static-svg` 1.91.0](https://github.com/lobehub/lobe-icons)
+under the MIT license; see `THIRD_PARTY_NOTICES.md`.

THIRD_PARTY_NOTICES.md

@@ -0,0 +1,26 @@
+# Third-party notices
+
+The provider SVG icons in `assets/` are from
+[`@lobehub/icons-static-svg` 1.91.0](https://github.com/lobehub/lobe-icons).
+
+MIT License
+
+Copyright (c) 2023 LobeHub
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

index.html

@@ -19,6 +19,8 @@
       --primary: #4a7355;
       --primary-dark: #3e6248;
       --primary-soft: #e6ede5;
+      --overall: #111411;
+      --metric: #7f877b;
       --gold: #c9a35a;
       --silver: #a9afb7;
       --bronze: #b88556;
@@ -45,7 +47,7 @@
     a { color: inherit; }
 
     .page {
-      width: min(100% - 32px, 980px);
+      width: min(100% - 32px, 1180px);
       margin: 0 auto;
       padding: 44px 0 36px;
     }
@@ -207,14 +209,14 @@
 
     table {
       width: 100%;
-      min-width: 620px;
+      min-width: 1040px;
       border-collapse: collapse;
       font-variant-numeric: tabular-nums;
     }
 
     th {
       height: 38px;
-      padding: 8px 16px;
+      padding: 8px 12px;
       border-bottom: 1px solid var(--edge);
       color: var(--ink-soft);
       background: #f9f5ec;
@@ -226,13 +228,19 @@
     }
 
     th.rank,
-    td.rank { width: 64px; text-align: center; }
+    td.rank { width: 58px; text-align: center; }
 
     th.model,
-    td.model { text-align: left; }
+    td.model { width: 230px; text-align: left; }
 
     th.score,
-    td.score { width: 150px; }
+    td.score { width: 84px; }
+
+    th.release,
+    td.release { width: 112px; }
+
+    th.operational,
+    td.operational { width: 88px; }
 
     tbody tr:nth-child(odd) { background: var(--panel-strong); }
     tbody tr:nth-child(even) { background: #f8f5ed; }
@@ -247,24 +255,82 @@
     tbody tr:hover { background: #edf3eb; }
 
     td {
-      height: 54px;
-      padding: 10px 16px;
+      height: 62px;
+      padding: 10px 12px;
       text-align: right;
     }
 
-    td.model {
+    .model-cell {
+      display: flex;
+      align-items: center;
+      gap: 10px;
+      min-width: 0;
+    }
+
+    .logo-wrap {
+      display: grid;
+      width: 32px;
+      height: 32px;
+      flex: 0 0 auto;
+      place-items: center;
+      border: 1px solid var(--edge);
+      border-radius: 8px;
+      background: #f4f0e7;
+    }
+
+    .company-logo {
+      display: block;
+      width: 19px;
+      height: 19px;
+      opacity: 0.86;
+    }
+
+    .model-copy { min-width: 0; }
+
+    .model-name {
+      display: block;
+      overflow: hidden;
+      color: var(--ink);
       font-weight: 680;
       letter-spacing: -0.01em;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+
+    .provider {
+      display: block;
+      margin-top: 1px;
+      color: var(--metric);
+      font-size: 11px;
     }
 
-    td.score {
-      color: #485044;
+    td.score,
+    td.release,
+    td.operational {
+      color: var(--metric);
       font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
-      font-size: 13px;
-      font-weight: 650;
+      font-size: 12px;
+      font-weight: 600;
+      white-space: nowrap;
+    }
+
+    td.overall {
+      color: var(--overall);
+      font-size: 14px;
+      font-weight: 850;
     }
 
-    td.overall { color: var(--primary-dark); font-weight: 800; }
+    .release-link {
+      color: var(--metric);
+      text-decoration: none;
+    }
+
+    .release-link:hover,
+    .release-link:focus-visible {
+      color: var(--primary-dark);
+      text-decoration: underline;
+      outline: none;
+    }
 
     .rank-mark {
       display: inline-grid;
@@ -315,7 +381,7 @@
     }
 
     @media (max-width: 720px) {
-      .page { width: min(100% - 20px, 980px); padding-top: 26px; }
+      .page { width: min(100% - 20px, 1180px); padding-top: 26px; }
       .hero { display: block; }
       .actions { margin: 20px 0 0 56px; }
       .leaderboard-head { align-items: flex-start; }
@@ -372,53 +438,111 @@
             <tr>
               <th class="rank" scope="col">Rank</th>
               <th class="model" scope="col">Model</th>
+              <th class="release" scope="col">Release</th>
               <th class="score" scope="col">Overall</th>
               <th class="score" scope="col">Agentic</th>
               <th class="score" scope="col">Task</th>
+              <th class="operational" scope="col">Avg cost</th>
+              <th class="operational" scope="col">Avg time</th>
+              <th class="operational" scope="col">Avg turns</th>
             </tr>
           </thead>
           <tbody>
             <tr>
               <td class="rank"><span class="rank-mark">1</span></td>
-              <td class="model">Claude Opus 4.6</td>
+              <td class="model">
+                <div class="model-cell">
+                  <span class="logo-wrap"><img class="company-logo" src="assets/anthropic.svg" alt="Anthropic logo"></span>
+                  <span class="model-copy"><span class="model-name">Claude Opus 4.6</span><span class="provider">Anthropic</span></span>
+                </div>
+              </td>
+              <td class="release"><a class="release-link" href="https://www.anthropic.com/news/claude-opus-4-6" target="_blank" rel="noreferrer">2026-02-05</a></td>
               <td class="score overall">77.23</td>
               <td class="score">89.10</td>
               <td class="score">65.36</td>
+              <td class="operational">$6.57</td>
+              <td class="operational">18.2 min</td>
+              <td class="operational">18.3</td>
             </tr>
             <tr>
               <td class="rank"><span class="rank-mark">2</span></td>
-              <td class="model">Gemini 3.1 Pro</td>
+              <td class="model">
+                <div class="model-cell">
+                  <span class="logo-wrap"><img class="company-logo" src="assets/gemini.svg" alt="Google Gemini logo"></span>
+                  <span class="model-copy"><span class="model-name">Gemini 3.1 Pro</span><span class="provider">Google</span></span>
+                </div>
+              </td>
+              <td class="release"><a class="release-link" href="https://blog.google/innovation-and-ai/models-and-research/gemini-models/gemini-3-1-pro/" target="_blank" rel="noreferrer">2026-02-19</a></td>
               <td class="score overall">75.21</td>
               <td class="score">83.49</td>
               <td class="score">66.93</td>
+              <td class="operational">$3.85</td>
+              <td class="operational">18.0 min</td>
+              <td class="operational">18.1</td>
             </tr>
             <tr>
               <td class="rank"><span class="rank-mark">3</span></td>
-              <td class="model">GLM-5</td>
+              <td class="model">
+                <div class="model-cell">
+                  <span class="logo-wrap"><img class="company-logo" src="assets/zai.svg" alt="Z.ai logo"></span>
+                  <span class="model-copy"><span class="model-name">GLM-5</span><span class="provider">Z.ai</span></span>
+                </div>
+              </td>
+              <td class="release"><a class="release-link" href="https://z.ai/blog/glm-5?id=GLM5" target="_blank" rel="noreferrer">2026-02-12</a></td>
               <td class="score overall">72.86</td>
               <td class="score">89.35</td>
               <td class="score">56.38</td>
+              <td class="operational">$1.29</td>
+              <td class="operational">17.8 min</td>
+              <td class="operational">31.3</td>
             </tr>
             <tr>
               <td class="rank"><span class="rank-mark">4</span></td>
-              <td class="model">Qwen3.5</td>
+              <td class="model">
+                <div class="model-cell">
+                  <span class="logo-wrap"><img class="company-logo" src="assets/qwen.svg" alt="Qwen logo"></span>
+                  <span class="model-copy"><span class="model-name">Qwen3.5</span><span class="provider">Alibaba Cloud</span></span>
+                </div>
+              </td>
+              <td class="release"><a class="release-link" href="https://qwen.ai/blog?id=qwen3.5" target="_blank" rel="noreferrer">2026-02-15</a></td>
               <td class="score overall">69.87</td>
               <td class="score">80.46</td>
               <td class="score">59.27</td>
+              <td class="operational">$1.01</td>
+              <td class="operational">20.8 min</td>
+              <td class="operational">25.1</td>
             </tr>
             <tr>
               <td class="rank"><span class="rank-mark">5</span></td>
-              <td class="model">MiniMax M2.5</td>
+              <td class="model">
+                <div class="model-cell">
+                  <span class="logo-wrap"><img class="company-logo" src="assets/minimax.svg" alt="MiniMax logo"></span>
+                  <span class="model-copy"><span class="model-name">MiniMax M2.5</span><span class="provider">MiniMax</span></span>
+                </div>
+              </td>
+              <td class="release"><a class="release-link" href="https://www.minimax.io/news/minimax-m25" target="_blank" rel="noreferrer">2026-02-12</a></td>
               <td class="score overall">66.31</td>
               <td class="score">77.71</td>
               <td class="score">54.91</td>
+              <td class="operational">$1.36</td>
+              <td class="operational">20.6 min</td>
+              <td class="operational">28.5</td>
             </tr>
             <tr>
               <td class="rank"><span class="rank-mark">6</span></td>
-              <td class="model">ChatGPT 5.4</td>
+              <td class="model">
+                <div class="model-cell">
+                  <span class="logo-wrap"><img class="company-logo" src="assets/openai.svg" alt="OpenAI logo"></span>
+                  <span class="model-copy"><span class="model-name">ChatGPT 5.4</span><span class="provider">OpenAI</span></span>
+                </div>
+              </td>
+              <td class="release"><a class="release-link" href="https://openai.com/index/introducing-gpt-5-4/" target="_blank" rel="noreferrer">2026-03-05</a></td>
               <td class="score overall">66.09</td>
               <td class="score">76.76</td>
               <td class="score">55.43</td>
+              <td class="operational">$2.36</td>
+              <td class="operational">16.7 min</td>
+              <td class="operational">10.4</td>
             </tr>
           </tbody>
         </table>
@@ -430,7 +554,7 @@
       </footer>
     </section>
 
-    <p class="note">Macro-average across the seven Lite release tasks. Scores are shown on a 0-100 scale.</p>
+    <p class="note">All metrics are equal-weight averages across the seven Lite release tasks. Cost is USD; time is wall-clock.</p>
   </main>
 </body>
 </html>