Add leaderboard hyperlinks

src/data/mockData.ts

@@ -231,6 +231,8 @@ const routerMetadata: Record<
     modelPool: string[];
     paperUrl?: string;
     githubUrl?: string;
+    websiteUrl?: string;
+    huggingfaceUrl?: string;
   }
 > = {
   RouterDC: {
@@ -239,16 +241,18 @@ const routerMetadata: Record<
     description: 'Dual contrastive learning-based router with cost optimization',
     affiliation: 'SUSTech',
     modelPool: ['GPT-3.5', 'Claude-2', 'Gemini-Pro', 'Llama-2-13B'],
-    paperUrl: 'https://arxiv.org/abs/2024.xxxxx',
-    githubUrl: 'https://github.com/example/routerdc',
+    paperUrl: 'https://arxiv.org/abs/2409.19886',
+    websiteUrl: 'https://arxiv.org/abs/2409.19886',
+    githubUrl: 'https://github.com/shuhao02/RouterDC',
   },
   azure: {
-    name: 'Azure',
+    name: 'Azure-Router',
     type: 'closed-source',
     description: "Microsoft Azure's model routing service",
     affiliation: 'Microsoft',
     modelPool: ['GPT-4', 'GPT-3.5', 'GPT-4-Turbo'],
-    paperUrl: 'https://azure.microsoft.com/en-us/products/ai-services/openai-service',
+    paperUrl: 'https://learn.microsoft.com/en-us/azure/ai-foundry/openai/concepts/model-router',
+    websiteUrl: 'https://ai.azure.com/catalog/models/model-router',
     githubUrl: undefined,
   },
   carrot: {
@@ -257,16 +261,19 @@ const routerMetadata: Record<
     description: 'Cost-aware routing with dual contrastive learning approach',
     affiliation: 'UMich',
     modelPool: ['GPT-4', 'Claude-3', 'Gemini-Pro', 'Llama-2-70B'],
-    paperUrl: 'https://arxiv.org/abs/2024.xxxxx',
-    githubUrl: 'https://github.com/example/carrot',
+    paperUrl: 'https://arxiv.org/abs/2502.03261',
+    websiteUrl: 'https://arxiv.org/abs/2502.03261',
+    githubUrl: 'https://github.com/somerstep/CARROT',
+    huggingfaceUrl: 'https://huggingface.co/CARROT-LLM-Routing',
   },
   gpt5: {
     name: 'GPT-5',
     type: 'closed-source',
     description: "OpenAI's internal routing system for GPT model family",
     affiliation: 'OpenAI',
     modelPool: ['GPT-5', 'GPT-4', 'GPT-3.5'],
-    paperUrl: 'https://openai.com/research/gpt-5',
+    paperUrl: 'https://openai.com/index/introducing-gpt-5/',
+    websiteUrl: 'https://openai.com/index/introducing-gpt-5/',
     githubUrl: undefined,
   },
   graphrouter: {
@@ -275,34 +282,38 @@ const routerMetadata: Record<
     description: 'Graph neural network-based routing with semantic understanding',
     affiliation: 'UIUC',
     modelPool: ['GPT-4', 'Claude-3', 'Gemini-Pro', 'Llama-2-70B', 'Mixtral-8x7B'],
-    paperUrl: 'https://arxiv.org/abs/2024.xxxxx',
-    githubUrl: 'https://github.com/example/graphrouter',
+    paperUrl: 'https://arxiv.org/abs/2410.03834',
+    websiteUrl: 'https://arxiv.org/abs/2410.03834',
+    githubUrl: 'https://github.com/ulab-uiuc/GraphRouter',
   },
   mirt_bert: {
     name: 'MIRT-BERT',
     type: 'open-source',
     description: 'Multi-item response theory with BERT embeddings',
     affiliation: 'USTC',
     modelPool: ['GPT-4', 'Claude-3', 'Gemini-Pro', 'Llama-2-70B'],
-    paperUrl: 'https://arxiv.org/abs/2024.xxxxx',
-    githubUrl: 'https://github.com/example/mirt-bert',
+    paperUrl: 'https://arxiv.org/pdf/2506.01048',
+    websiteUrl: 'https://arxiv.org/pdf/2506.01048',
+    githubUrl: 'https://github.com/Mercidaiha/IRT-Router',
   },
   nirt_bert: {
     name: 'NIRT-BERT',
     type: 'open-source',
     description: 'Neural item response theory with BERT-based routing',
     affiliation: 'USTC',
     modelPool: ['GPT-4', 'Claude-3', 'Gemini-Pro', 'Llama-2-70B'],
-    paperUrl: 'https://arxiv.org/abs/2024.xxxxx',
-    githubUrl: 'https://github.com/example/nirt-bert',
+    paperUrl: 'https://arxiv.org/pdf/2506.01048',
+    websiteUrl: 'https://arxiv.org/pdf/2506.01048',
+    githubUrl: 'https://github.com/Mercidaiha/IRT-Router',
   },
   notdiamond: {
     name: 'NotDiamond',
     type: 'closed-source',
     description: 'Closed-source routing service with access to 60+ models',
     affiliation: 'NotDiamond',
     modelPool: ['GPT-4', 'Claude-3', 'Gemini-Pro', 'Llama-2-70B', 'Mixtral-8x7B', 'Qwen-72B'],
-    paperUrl: 'https://notdiamond.ai',
+    paperUrl: 'https://www.notdiamond.ai/',
+    websiteUrl: 'https://www.notdiamond.ai/',
     githubUrl: undefined,
   },
   routellm: {
@@ -311,8 +322,10 @@ const routerMetadata: Record<
     description: 'Binary selection between strong and weak models',
     affiliation: 'Berkeley',
     modelPool: ['GPT-4', 'GPT-3.5'],
-    paperUrl: 'https://arxiv.org/abs/2024.xxxxx',
-    githubUrl: 'https://github.com/example/routellm',
+    paperUrl: 'https://arxiv.org/abs/2406.18665',
+    websiteUrl: 'https://arxiv.org/abs/2406.18665',
+    githubUrl: 'https://github.com/lm-sys/RouteLLM',
+    huggingfaceUrl: 'https://huggingface.co/routellm',
   },
   routerbench_knn: {
     name: 'RouterBench-KNN',
@@ -321,34 +334,42 @@ const routerMetadata: Record<
     affiliation: 'Martian',
     modelPool: ['GPT-4', 'GPT-3.5', 'Claude-3'],
     paperUrl: 'https://arxiv.org/pdf/2403.12031',
+    websiteUrl: 'https://arxiv.org/pdf/2403.12031',
     githubUrl: 'https://github.com/withmartian/routerbench',
+    huggingfaceUrl: 'https://huggingface.co/datasets/withmartian/routerbench',
   },
   routerbench_mlp: {
     name: 'RouterBench-MLP',
     type: 'open-source',
     description: 'Multi-Layer Perceptron-based router benchmark',
     affiliation: 'Martian',
     modelPool: ['GPT-4', 'GPT-3.5', 'Claude-3'],
-    paperUrl: 'https://arxiv.org/abs/2024.xxxxx',
-    githubUrl: 'https://github.com/example/routerbench-mlp',
+    paperUrl: 'https://arxiv.org/pdf/2403.12031',
+    websiteUrl: 'https://arxiv.org/pdf/2403.12031',
+    githubUrl: 'https://github.com/withmartian/routerbench',
+    huggingfaceUrl: 'https://huggingface.co/datasets/withmartian/routerbench',
   },
   vllm: {
     name: 'vLLM-SR',
     type: 'open-source',
     description: 'vLLM-based routing service',
     affiliation: 'vLLM SR Team',
     modelPool: ['GPT-4', 'GPT-3.5'],
-    paperUrl: 'https://vllm.ai',
+    paperUrl: 'https://vllm-semantic-router.com/',
+    websiteUrl: 'https://vllm-semantic-router.com/',
     githubUrl: 'https://github.com/vllm-project/semantic-router',
+    huggingfaceUrl: 'https://huggingface.co/llm-semantic-router',
   },
   chayan: {
     name: 'Chayan',
     type: 'open-source',
     description: 'Chayan-based routing service',
-    affiliation: 'Adaptive Classifier ',
+    affiliation: 'Adaptive Classifier',
     modelPool: ['GPT-4', 'GPT-3.5'],
-    paperUrl: 'https://arxiv.org/abs/2024.xxxxx',
-    githubUrl: 'https://huggingface.co/adaptive-classifier/chayan',
+    paperUrl: 'https://huggingface.co/adaptive-classifier/chayan',
+    websiteUrl: 'https://huggingface.co/adaptive-classifier/chayan',
+    githubUrl: undefined,
+    huggingfaceUrl: 'https://huggingface.co/adaptive-classifier/chayan',
   }
 };
 

src/pages/LeaderboardPage.css

@@ -36,7 +36,7 @@
 .leaderboard-page .page-subtitle {
   font-size: 1.2rem;
   color: #666;
-  max-width: 600px;
+  max-width: 800px;
   margin: 0 auto;
   text-shadow: none;
 }
@@ -327,7 +327,7 @@
 /* Actual text wrapping */
 .router-name,
 .affiliation {
-  white-space: normal !important;
+  white-space: normal;
   overflow-wrap: break-word;
   word-break: break-word;
 }
@@ -345,13 +345,96 @@
   gap: 0.25rem;
 }
 
+.router-link-badges {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.35rem;
+}
+
+.router-link-pill {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 24px;
+  padding: 0;
+  border-radius: 999px;
+  text-decoration: none;
+  color: #1f2937;
+  background: #e5e7eb;
+  transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
+}
+
+.router-link-pill.github {
+  background: rgba(15, 23, 42, 0.08);
+  color: #111827;
+}
+
+.router-link-pill.huggingface {
+  background: rgba(250, 204, 21, 0.3);
+  color: #92400e;
+}
+
+.router-link-pill:hover {
+  background: #2563eb;
+  color: #ffffff;
+  transform: translateY(-1px);
+}
+
+.router-link-pill .hf-logo {
+  width: 18px;
+  height: 18px;
+  display: inline-block;
+}
+
 .router-name {
   font-size: 1rem;
   font-weight: 600;
   margin: 0;
   color: #1f2937;
 }
 
+.router-name-link {
+  text-decoration: none;
+  color: inherit;
+  transition: color 0.2s ease;
+}
+
+.router-name-link:hover {
+  color: #2563eb;
+}
+
+.router-name-link .router-name {
+  margin: 0;
+  transition: color 0.2s ease;
+  display: inline;
+  text-decoration: none;
+  position: relative;
+}
+
+.router-name-link .router-name::after {
+  content: '';
+  position: absolute;
+  left: 0;
+  bottom: -0.15rem;
+  width: 100%;
+  height: 2px;
+  background: #2563eb;
+  opacity: 0;
+  transform: scaleX(0.85);
+  transform-origin: left;
+  transition: opacity 0.2s ease, transform 0.2s ease;
+}
+
+.router-name-link:hover .router-name {
+  color: #1d4ed8;
+}
+
+.router-name-link:hover .router-name::after {
+  opacity: 1;
+  transform: scaleX(1);
+}
+
 .router-description {
   font-size: 0.8rem;
   color: #6b7280;

src/pages/LeaderboardPage.tsx

@@ -1,12 +1,13 @@
 import React, { useState, useMemo } from 'react';
-import { Trophy, Search, Medal } from 'lucide-react';
+import { Trophy, Search, Medal, Github } from 'lucide-react';
 import { Router } from '../types';
 import { routers } from '../data/mockData';
 import SpiderChart from '../components/SpiderChart';
 import DeferralCurve from '../components/DeferralCurve';
 import './LeaderboardPage.css';
 import 'katex/dist/katex.min.css';
 import { InlineMath, BlockMath } from 'react-katex';
+import huggingFaceLogo from '../assets/images/hf-logo.svg';
 
 const LeaderboardPage: React.FC = () => {
   const [searchTerm, setSearchTerm] = useState('');
@@ -228,13 +229,52 @@ const LeaderboardPage: React.FC = () => {
           </div>
 
           <div className="leaderboard-body">
-            {filteredAndSortedRouters.map((router, index) => (
-              <div key={router.id} className="leaderboard-row">
+            {filteredAndSortedRouters.map((router, index) => {
+              const primaryLink = router.websiteUrl || router.paperUrl || router.githubUrl;
+              return (
+                <div key={router.id} className="leaderboard-row">
                 <div className="rank-col">{renderRankBadge(index + 1)}</div>
 
                 <div className="name-col">
                   <div className="router-info">
-                    <h3 className="router-name">{router.name}</h3>
+                    {primaryLink ? (
+                      <a
+                        href={primaryLink}
+                        target="_blank"
+                        rel="noopener noreferrer"
+                        className="router-name-link"
+                      >
+                        <h3 className="router-name">{router.name}</h3>
+                      </a>
+                    ) : (
+                      <h3 className="router-name">{router.name}</h3>
+                    )}
+                    {(router.githubUrl || router.huggingfaceUrl) && (
+                      <div className="router-link-badges">
+                        {router.githubUrl && (
+                          <a
+                            href={router.githubUrl}
+                            target="_blank"
+                            rel="noopener noreferrer"
+                            className="router-link-pill github"
+                            aria-label={`${router.name} GitHub repository`}
+                          >
+                            <Github size={14} />
+                          </a>
+                        )}
+                        {router.huggingfaceUrl && (
+                          <a
+                            href={router.huggingfaceUrl}
+                            target="_blank"
+                            rel="noopener noreferrer"
+                            className="router-link-pill huggingface"
+                            aria-label={`${router.name} Hugging Face card`}
+                          >
+                            <img src={huggingFaceLogo} alt="Hugging Face logo" className="hf-logo" />
+                          </a>
+                        )}
+                      </div>
+                    )}
                   </div>
                 </div>
 
@@ -314,8 +354,9 @@ const LeaderboardPage: React.FC = () => {
                   </div>
                 </div>
 
-              </div>
-            ))}
+                </div>
+              );
+            })}
           </div>
         </div>
 

src/types/index.ts

@@ -18,6 +18,8 @@ export interface Router {
   modelPool: string[];
   paperUrl?: string;
   githubUrl?: string;
+  websiteUrl?: string;
+  huggingfaceUrl?: string;
 }
 
 export interface DatasetInfo {