fix-auth

.github/workflows/cd.yml

@@ -1,30 +0,0 @@
-name: Sync to Hugging Face hub
-concurrency: development
-on:
-  push:
-    branches: [main]
-
-  # to run this workflow manually from the Actions tab
-  workflow_dispatch:
-
-jobs:
-  sync-to-hub:
-    runs-on: ubuntu-latest
-    environment: development
-    steps:
-      - uses: actions/checkout@v3
-        with:
-          fetch-depth: 0
-          lfs: true
-      - name: Push to hub
-        env:
-          HF_USERNAME: ${{ vars.HF_USERNAME }}
-          HF_ORGANIZATION: ${{ vars.HF_ORGANIZATION }}
-          SPACE_NAME: ${{ vars.SPACE_NAME }}
-          HF_TOKEN: ${{ secrets.HF_TOKEN }}
-          DEV_TITLE_COMMIT: "0adbd649fa2138be8f754672b975a7acde1e98d5"
-        run: |
-          git config user.name "CoordIA Bot"
-          git config user.email "(none)"
-          git cherry-pick $DEV_TITLE_COMMIT
-          git push -f https://$HF_USERNAME:[email protected]/spaces/$HF_ORGANIZATION/$SPACE_NAME HEAD:main

.github/workflows/ci.yml

@@ -1,20 +0,0 @@
-name: Continuous integration
-on: [pull_request]
-jobs:
-  check-files-size:
-    runs-on: ubuntu-latest
-    permissions:
-        pull-requests: write
-    steps:
-        - name: Check out the repo
-          uses: actions/checkout@v4
-        - name: Check large files
-          uses: ppremk/[email protected]
-          with:
-            filesizelimit: 10485760 # this is 10MB so we can sync to HF Spaces
-  docker-build:
-    runs-on: ubuntu-latest
-    steps:
-        - name: Check out the repo
-          uses: actions/checkout@v4
-        - run: docker build .

.github/workflows/prod.yml

@@ -1,22 +0,0 @@
-name: Deployment to production (Hugging Face)
-concurrency: production
-on:
-  # to run this workflow manually from the Actions tab
-  workflow_dispatch:
-
-jobs:
-  sync-to-hub:
-    runs-on: ubuntu-latest
-    environment: production
-    steps:
-      - uses: actions/checkout@v3
-        with:
-          fetch-depth: 0
-          lfs: true
-      - name: Push to hub
-        env:
-          HF_USERNAME: ${{ vars.HF_USERNAME }}
-          HF_ORGANIZATION: ${{ vars.HF_ORGANIZATION }}
-          SPACE_NAME: ${{ vars.SPACE_NAME }}
-          HF_TOKEN: ${{ secrets.HF_TOKEN }}
-        run: git push -f https://$HF_USERNAME:[email protected]/spaces/$HF_ORGANIZATION/$SPACE_NAME HEAD:main

Dockerfile

@@ -17,9 +17,6 @@ RUN useradd -m -u 1000 user
 # Install poetry
 RUN pip install poetry
 
-# Install PyTorch
-RUN pip install torch
-
 # Create and configure cache directory
 RUN mkdir -p /app/.cache && \
     chown -R user:user /app

backend/Dockerfile.dev

@@ -10,9 +10,6 @@ RUN apt-get update && apt-get install -y \
 # Install poetry
 RUN pip install poetry
 
-# Install PyTorch
-RUN pip install torch
-
 # Copy Poetry configuration files
 COPY pyproject.toml poetry.lock* ./
 

backend/app/asgi.py

@@ -9,12 +9,10 @@ from fastapi import FastAPI
 from fastapi.middleware.cors import CORSMiddleware
 from fastapi.middleware.gzip import GZipMiddleware
 import sys
-import sentry_sdk
 
 from app.api.router import router
 from app.core.fastapi_cache import setup_cache
 from app.core.formatting import LogFormatter
-from app.config.base import SENTRY_DSN
 from app.config import hf_config
 
 # Configure logging before anything else
@@ -65,23 +63,6 @@ LOGGING_CONFIG = {
 logging.config.dictConfig(LOGGING_CONFIG)
 logger = logging.getLogger("app")
 
-if SENTRY_DSN is not None:
-    sentry_sdk.init(
-        dsn=SENTRY_DSN,
-        # Add data like request headers and IP for users,
-        # see https://docs.sentry.io/platforms/python/data-management/data-collected/ for more info
-        send_default_pii=False,
-        # Set traces_sample_rate to 1.0 to capture 100%
-        # of transactions for tracing.
-        traces_sample_rate=1.0,
-        _experiments={
-            # Set continuous_profiling_auto_start to True
-            # to automatically start the profiler on when
-            # possible.
-            "continuous_profiling_auto_start": True,
-        },
-    )
-
 # Create FastAPI application
 app = FastAPI(
     title="Open LLM Leaderboard",

backend/app/config/base.py

@@ -32,7 +32,4 @@ DATASETS_CACHE = CACHE_ROOT / "datasets"
 MODELS_CACHE = CACHE_ROOT / "models"
 VOTES_CACHE = CACHE_ROOT / "votes"
 EVAL_CACHE = CACHE_ROOT / "eval-queue"
-RESULTS_CACHE = CACHE_ROOT / "results"
-
-# Monitoring
-SENTRY_DSN = os.environ.get("SENTRY_DSN")
+RESULTS_CACHE = CACHE_ROOT / "results"

backend/app/config/hf_config.py

@@ -19,11 +19,11 @@ if not HF_TOKEN:
 API = HfApi(token=HF_TOKEN)
 
 # Repository configuration
-QUEUE_REPO = f"{HF_ORGANIZATION}/{os.environ.get("REQUESTS_REPO", "requests")}"
-AGGREGATED_REPO = f"{HF_ORGANIZATION}/{os.environ.get("CONTENTS_REPO", "contents")}"
-VOTES_REPO = f"{HF_ORGANIZATION}/{os.environ.get("VOTES_REPO", "votes")}"
-OFFICIAL_PROVIDERS_REPO = f"{HF_ORGANIZATION}/{os.environ.get("OFFICIAL_PROVIDERS_REPO", "official-providers")}"
-RESULTS_REPO = f"{HF_ORGANIZATION}/{os.environ.get("RESULTS_REPO", "results")}"
+QUEUE_REPO = f"{HF_ORGANIZATION}/requests"
+AGGREGATED_REPO = f"{HF_ORGANIZATION}/contents"
+VOTES_REPO = f"{HF_ORGANIZATION}/votes"
+OFFICIAL_PROVIDERS_REPO = f"{HF_ORGANIZATION}/official-providers"
+RESULTS_REPO = f"{HF_ORGANIZATION}/results"
 
 # File paths from cache config
 VOTES_PATH = cache_config.votes_file

backend/app/services/leaderboard.py

@@ -17,7 +17,6 @@ import dateutil
 import numpy as np
 from huggingface_hub import snapshot_download
 from app.services.models import ModelService
-import time
 
 from app.config import (
     RESULTS_CACHE,
@@ -95,7 +94,6 @@ class Tasks(Enum):
     # task2 = Task("BAC-fr", "metric_name", "BAC-fr")
     task0 = Task("community|gpqa-fr|0", "acc", "norm_acc", "GPQA-fr")  # On pourrait vouloir mettre "Connaissances"
     task1 = Task("community|ifeval-fr|0", "norm_acc", "norm_acc", "IFEval-fr") # FIXME norm_acc should be acc # et "Suivi d'instructions"
-    task2 = Task("community|bac-fr|0", "bac-fr-qem", "bac-fr-qem", "bac-fr") # et "Suivi d'instructions"
 
 def is_model_on_hub(model_name: str, revision: str, token: str = None, trust_remote_code=False, test_tokenizer=False) -> tuple[bool, str]:
     """Checks if the model model_name is on the hub, and whether it (and its tokenizer) can be loaded with AutoClasses."""
@@ -229,12 +227,8 @@ class EvalResult:
         )
 
 class LeaderboardService:
-
     def __init__(self):
         self.model_service = ModelService()
-        self.cached_raw_data = None
-        self.last_cache_update = 0
-        self.cache_ttl = cache_config.cache_ttl.total_seconds()
         pass
 
     async def get_raw_eval_results(self, results_path: str, requests_path: str) -> list[EvalResult]:
@@ -274,24 +268,13 @@ class LeaderboardService:
 
         
     async def fetch_raw_data(self) -> List[EvalResult]:
-
-        # Check if cache needs refresh
-        current_time = time.time()
-        cache_age = current_time - self.last_cache_update
-        if not self.cached_raw_data:
-            return await self._refresh_raw_data()
-        elif cache_age > self.cache_ttl:
-            return await self._refresh_raw_data()
-        else:
-            return self.cached_raw_data
-
-    async def _refresh_raw_data(self) -> List[EvalResult]:
         """Fetch raw leaderboard data from HuggingFace dataset"""
         try:
             logger.info(LogFormatter.section("FETCHING LEADERBOARD DATA"))
             logger.info(LogFormatter.info(f"Loading dataset from {HF_ORGANIZATION}/contents"))
             print("GETTING FROM %s" % HF_ORGANIZATION)
 
+            # TODO: cache
             snapshot_download(
                 repo_id=RESULTS_REPO,
                 local_dir=RESULTS_CACHE,
@@ -386,8 +369,8 @@ class LeaderboardService:
                 },
                 "bac_fr": {
                     "name": "BAC FR",
-                    "value": data.results.get("community|bac-fr|0", 0),
-                    "normalized_score": data.normalized_results.get("community|bac-fr|0", 0)
+                    "value": 0, # FIXME
+                    "normalized_score": 0 # FIXME
                 }
             }
 

backend/app/services/models.py

@@ -468,8 +468,8 @@ class ModelService(HuggingFaceService):
         logger.info(LogFormatter.success(f"Model size validation passed: {model_size:.1f}B"))
 
         # Size limits based on precision
-        if model_data["precision"] in ["float16", "bfloat16"] and model_size > 500:
-            error_msg = f"Model too large for {model_data['precision']} (limit: 500B)"
+        if model_data["precision"] in ["float16", "bfloat16"] and model_size > 100:
+            error_msg = f"Model too large for {model_data['precision']} (limit: 100B)"
             logger.error(LogFormatter.error("Size limit exceeded", error_msg))
             raise Exception(error_msg)
 

backend/app/utils/model_validation.py

@@ -196,8 +196,7 @@ class ModelValidator:
                     )
                 except ValueError as e:
                     return False, f"The tokenizer is not available in an official Transformers release: {e}", None
-                except Exception as e:
-                    logger.error("The tokenizer cannot be loaded", e)
+                except Exception:
                     return False, "The tokenizer cannot be loaded. Ensure the tokenizer class is part of a stable Transformers release and correctly configured.", None
             
             return True, None, config

backend/pyproject.toml

@@ -19,9 +19,6 @@ safetensors = "^0.4.5"
 aiofiles = "^24.1.0"
 fastapi-cache2 = "^0.2.1"
 python-dotenv = "^1.0.1"
-sentry-sdk = {extras = ["fastapi"], version = "^2.20.0"}
-protobuf = "^5.29.3"
-sentencepiece = "^0.2.0"
 
 [tool.poetry.group.dev.dependencies]
 pytest = "^8.3.4"

frontend/eslint.config.js

@@ -24,10 +24,6 @@ export default [
       'react-refresh': reactRefresh,
     },
     rules: {
-      "@typescript-eslint/no-unused-vars": [
-        "error",
-        { varsIgnorePattern: "^i18n$" },
-      ],
       ...js.configs.recommended.rules,
       ...react.configs.recommended.rules,
       ...react.configs['jsx-runtime'].rules,

frontend/package.json

@@ -41,9 +41,6 @@
     "eslint-plugin-react-hooks": "^5.0.0",
     "eslint-plugin-react-refresh": "^0.4.16",
     "globals": "^15.14.0",
-    "i18nifty": "^3.2.3",
-    "typescript": "^5.7.3",
-    "vite": "^6.0.5",
-    "vite-tsconfig-paths": "^5.1.4"
+    "vite": "^6.0.5"
   }
 }

frontend/src/App.jsx

@@ -6,21 +6,20 @@ import {
   useSearchParams,
   useLocation,
 } from "react-router-dom";
+import { ThemeProvider } from "@mui/material/styles";
 import { Box, CssBaseline } from "@mui/material";
+// import Navigation from "./components/Navigation/Navigation";
 import Navigation from "./components/Navigation/Navigation";
 import LeaderboardPage from "./pages/LeaderboardPage/LeaderboardPage";
 import AddModelPage from "./pages/AddModelPage/AddModelPage";
 import QuotePage from "./pages/QuotePage/QuotePage";
 import VoteModelPage from "./pages/VoteModelPage/VoteModelPage";
-import Header from "./components/Header/Header";
-import { Badge } from "@codegouvfr/react-dsfr/Badge";
-import Footer from "./components/Footer/Footer";
+import { Header } from "@codegouvfr/react-dsfr/Header";
+import { Footer } from "@codegouvfr/react-dsfr/Footer";
 import MuiDsfrThemeProvider from "@codegouvfr/react-dsfr/mui";
 import { headerFooterDisplayItem } from "@codegouvfr/react-dsfr/Display";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
-import { LanguageSelect } from "./components/LanguageSelect/LanguageSelect";
 import LeaderboardProvider from "./pages/LeaderboardPage/components/Leaderboard/context/LeaderboardContext";
-import AboutPage from "pages/AboutPage/AboutPage";
 const queryClient = new QueryClient({
   defaultOptions: {
     queries: {
@@ -94,7 +93,21 @@ function App() {
                   color: "text.primary",
                 }}
               >
-                <Header />
+                <Header
+                  brandTop={<>République <br/> française</>}
+                  homeLinkProps={{
+                    href: '/',
+                    title: 'Accueil - Nom de l’entité (ministère, secrétariat d‘état, gouvernement)'
+                  }}
+                  quickAccessItems={[
+                    // other quick access items...
+                    headerFooterDisplayItem
+                  ]}
+                  id="fr-header-simple-header-with-service-title-and-tagline"
+                  serviceTagline="Tableau de référence pour les grands modèles de langages en français"
+                  serviceTitle="Leaderboard des GML pour le français"
+                  navigation={<Navigation />}
+                />
                 <Box
                   sx={{
                     flex: 1,
@@ -108,12 +121,47 @@ function App() {
                   <Routes>
                     <Route path="/" element={<LeaderboardPage />} />
                     <Route path="/add" element={<AddModelPage />} />
-                    <Route path="/about" element={<AboutPage />} />
-                    {/* <Route path="/quote" element={<QuotePage />} />
-                    <Route path="/vote" element={<VoteModelPage />} /> */}
+                    <Route path="/quote" element={<QuotePage />} />
+                    <Route path="/vote" element={<VoteModelPage />} />
                   </Routes>
                 </Box>
-                <Footer />
+                <Footer
+                  accessibility="fully compliant"
+                  contentDescription="
+                    L'évaluation des systèmes d'IA est un enjeu stratégique sur lequel la France s'est historiquement démarquée.
+
+                    Ce classement, ou leaderboard, s'inspire directement de l'Open LLM Leaderboard et permet de comparer différents modèles d'IA génératifs à l'aide de jeux de données spécifiquement adaptés aux environnements et à la culture francophones.
+                    "
+                  partnersLogos={{
+                    sub: [
+                      {
+                        alt: 'Logo Inria',
+                        href: '#',
+                        imgUrl: '/inr_logo_rouge.png'
+                      },
+                      {
+                        alt: 'Logo CNRS',
+                        href: '#',
+                        imgUrl: '/LOGO_CNRS_BLEU.png'
+                      },
+                      {
+                        alt: 'Logo LNE',
+                        href: '#',
+                        imgUrl: '/logo-lne.svgz'
+                      },
+                      {
+                        alt: 'Logo DGE',
+                        href: '#',
+                        imgUrl: '/logo_DGE.png'
+                      },
+                      {
+                        alt: 'Logo huggingface',
+                        href: '#',
+                        imgUrl: '/hf-logo-with-title.svg'
+                      }
+                    ]
+                  }}
+                />
               </Box>
             </LeaderboardProvider>
           </Router>

frontend/src/components/Footer/Footer.jsx

@@ -0,0 +1,30 @@
+import React from "react";
+import { Box, Typography, Link } from "@mui/material";
+
+const Footer = () => {
+  return (
+    <Box
+      component="footer"
+      sx={{
+        width: "100%",
+        py: 4,
+        textAlign: "center",
+      }}
+    >
+      <Typography variant="body2" color="text.secondary" sx={{ mx: 4 }}>
+        © 2024 Hugging Face - Open LLM Leaderboard - Made with 🤗 by the HF team
+        -{" "}
+        <Link
+          href="https://huggingface.co"
+          target="_blank"
+          rel="noopener noreferrer"
+          color="inherit"
+        >
+          huggingface.co
+        </Link>
+      </Typography>
+    </Box>
+  );
+};
+
+export default Footer;

frontend/src/components/Footer/Footer.tsx

@@ -1,133 +0,0 @@
-import {addFooterTranslations, Footer,} from "@codegouvfr/react-dsfr/Footer";
-import {CallOut} from "@codegouvfr/react-dsfr/CallOut";
-import {Highlight} from "@codegouvfr/react-dsfr/Highlight";
-import { Alert } from "@codegouvfr/react-dsfr/Alert";
-// import { Box, Typography, Link } from "@mui/material";
-
-const footer = () => {
-
-    // const callout = <Alert 
-    //     severity="warning"
-    //     description="
-    //         Ce leaderboard compare les modèles de language adaptés à la langue française, sur des jeux de données en français, adaptés aux spécificités culturelles de la francophonie. C'est d'abord un projet de recherche collaboratif, et nous espérons recevoir de nombreuses contributions pour l'améliorer au fil du temps!
-    //         Le leaderboard n'est que dans sa toute première version, et sera amené à évoluer régulièrement, avec de nouveaux jeux de données, de nouvelles métriques, et, on l'espère, beaucoup de nouveaux modèles ouverts soumis par la communauté! Dans sa version initiale, nous avons couvert un panel de modèles ouverts, entrainés sur du français, de différentes tailles et origines.
-    //         Note: Les données d'évaluation ont été pour l'instant gardées confidentielles, pour préserver l'intégrité et la validité des résultats, et éviter les manipulations du classement.
-    //     "
-    //     small
-    // />
-    const callout = <Highlight 
-                    size="sm"
-                    classes={{
-                        root: 'fr-highlight--orange-terre-battue'
-                    }}>
-                        Ce leaderboard compare les modèles de langage adaptés à la langue française, sur des jeux de données en français, adaptés aux spécificités culturelles de la francophonie. C'est d'abord un projet de recherche collaboratif, et nous espérons recevoir de nombreuses contributions pour l'améliorer au fil du temps !
-                        Le leaderboard n'est que dans sa toute première version, et sera amené à évoluer régulièrement, avec de nouveaux jeux de données, de nouvelles métriques, et, nous l'espérons, beaucoup de nouveaux modèles ouverts soumis par la communauté ! Dans sa version initiale, nous avons couvert un panel de modèles ouverts, entraînés sur du français, de différentes tailles et origines.
-                        Note : les données d'évaluation ont été pour l'instant gardées confidentielles, pour préserver l'intégrité et la validité des résultats, et éviter les manipulations du classement.
-                    </Highlight>
-
-    return <Footer
-        style={{"boxShadow": "none"}}
-        accessibility="fully compliant"
-        contentDescription={callout}
-        classes={{
-            logo: "logo_footer",
-            contentLink: "content_link",
-            content: "foot_content"
-        }}
-        license={""}
-        linkList={undefined}
-        partnersLogos={{
-          sub: [
-            {
-              alt: 'Logo Inria',
-              imgUrl: '/inr_logo_rouge.png',
-              linkProps: {
-                href: "https://inria.fr/fr",
-                title: "Lien vers le site Inria"
-              }
-            },
-            {
-              alt: 'Logo CNRS',
-              imgUrl: '/LOGO_CNRS_BLEU.png',
-              linkProps: {
-                href: "https://www.cnrs.fr/fr",
-                title: "Lien vers le site CNRS"
-              }
-            },
-            {
-              alt: 'Logo LNE',
-              imgUrl: '/logo-lne.svgz',
-              linkProps: {
-                href: "https://www.lne.fr/fr",
-                title: "Lien vers le site LNE"
-              }
-            },
-            {
-              alt: 'Logo DGE',
-              imgUrl: '/logo_DGE.png',
-              linkProps: {
-                href: "https://www.entreprises.gouv.fr/",
-                title: "Lien vers le site DGE"
-              }
-            },
-            {
-              alt: 'Logo huggingface',
-              imgUrl: '/hf-logo-with-title.svg',
-              linkProps: {
-                href: "https://huggingface.co/",
-                title: "Lien vers le site huggingface"
-              }
-            }
-          ]
-        }}
-        websiteMapLinkProps={undefined}
-    />
-}
-
-addFooterTranslations({
-    lang: "en",
-    messages: {
-        accessibility: "Accessibility",
-        "fully compliant": "Partially compliant",
-
-    }
-});
-
-
-addFooterTranslations({
-    lang: "fr",
-    messages: {
-        accessibility: "Accesibilité",
-        "fully compliant": "Partielle",
-        
-    }
-});
-
-// const Footer = () => {
-//   return (
-//     <Box
-//       component="footer"
-//       sx={{
-//         width: "100%",
-//         py: 4,
-//         textAlign: "center",
-//       }}
-//     >
-//       <Typography variant="body2" color="text.secondary" sx={{ mx: 4 }}>
-//         © 2024 Hugging Face - Open LLM Leaderboard - Made with 🤗 by the HF team
-//         -{" "}
-//         <Link
-//           href="https://huggingface.co"
-//           target="_blank"
-//           rel="noopener noreferrer"
-//           color="inherit"
-//         >
-//           huggingface.co
-//         </Link>
-//       </Typography>
-//     </Box>
-//   );
-// };
-
-
-export default footer;

frontend/src/components/Header/Header.tsx

@@ -1,34 +0,0 @@
-import { Header } from "@codegouvfr/react-dsfr/Header";
-import { headerFooterDisplayItem } from "@codegouvfr/react-dsfr/Display";
-import { LanguageSelect } from "../LanguageSelect/LanguageSelect";
-import Navigation from "../Navigation/Navigation";
-import { Badge } from "@codegouvfr/react-dsfr/Badge";
-import { useTranslation, declareComponentKeys } from "i18n";
-
-const header = () => {
-    const {t} = useTranslation({header});
-    return <Header
-    brandTop={<>République <br/> française</>}
-    homeLinkProps={{
-      href: '/',
-      title: 'Accueil - Nom de l’entité (ministère, secrétariat d‘état, gouvernement)'
-    }}
-    quickAccessItems={[
-      // other quick access items...
-      headerFooterDisplayItem,
-      <LanguageSelect />
-    ]}
-    id="fr-header-simple-header-with-service-title-and-tagline"
-    serviceTagline={t("tagline")}
-    serviceTitle={<>{t("service")}{' '}<Badge as="span" noIcon severity="success">Beta</Badge></>}
-    navigation={<Navigation />}
-  />
-}
-
-const { i18n } = declareComponentKeys<
-| "tagline"
-| "service"
->()({ header });
-export type I18n = typeof i18n;
-
-export default header;

frontend/src/components/LanguageSelect/LanguageSelect.jsx

@@ -1,44 +0,0 @@
-import React from 'react';import { 
-    LanguageSelect as LanguageSelect_base, 
-    addLanguageSelectTranslations 
-} from "@codegouvfr/react-dsfr/LanguageSelect";
-
-import { useLang, languages} from "i18n";
-
-// NOTE: This component can be used inside or outside of the Header component.
-export function LanguageSelect(props) {
-
-    const { id } = props;
-
-    const { lang, setLang } = useLang();
-
-    return (
-        <LanguageSelect_base
-            id={id}
-            supportedLangs={languages}
-            lang={lang} // "en" or "fr"
-            setLang={setLang}
-            fullNameByLang={{
-                en: "English",
-                fr: "Français"
-            }}
-        />
-    );
-
-}
-
-languages.forEach(lang =>
-    addLanguageSelectTranslations({
-        lang: lang,
-        messages: {
-            "select language": (() => {
-                switch (lang) {
-                    case "en": return "Select language";
-                    /* spell-checker: disable */
-                    case "fr": return "Choisir la langue";
-                    /* spell-checker: enable */
-                }
-            })()
-        }
-    })
-);

frontend/src/components/Navigation/{Navigation.tsx → Navigation.jsx}

@@ -1,17 +1,15 @@
 import React, { useState } from "react";
 import { useLocation, useNavigate, useSearchParams } from "react-router-dom";
 import {MainNavigation} from "@codegouvfr/react-dsfr/MainNavigation";
-import { useTranslation, declareComponentKeys } from "i18n";
 
 const Navigation = () => {
   const location = useLocation();
   const navigate = useNavigate();
   const [active, setActive] = useState(0);
   const [searchParams] = useSearchParams();
-  const {t} = useTranslation({Navigation});
 
   // Function to sync URL with parent HF page
-  const syncUrlWithParent = (queryString: any, hash:any) => {
+  const syncUrlWithParent = (queryString, hash) => {
     // Check if we're in an HF Space iframe
     const isHFSpace = window.location !== window.parent.location;
     if (isHFSpace) {
@@ -31,7 +29,7 @@ const Navigation = () => {
     }
   };
 
-  const handleNavigation = (index:any, path:any) => (e:any) => {
+  const handleNavigation = (index, path) => (e) => {
     e.preventDefault();
     const searchString = searchParams.toString();
     const queryString = searchString ? `?${searchString}` : "";
@@ -66,26 +64,17 @@ const Navigation = () => {
                     target: '_self',
                     onClick: handleNavigation(1, "/add")
                 },
-                text: t("submit"),
+                text: "Submit model",
             },
             {
                 isActive: active === 2,
                 linkProps: {
-                    href: "/about",
+                    href: "/vote",
                     target: '_self',
-                    onClick: handleNavigation(2, "/about")
+                    onClick: handleNavigation(2, "/vote")
                 },
-                text: t("about"),
+                text: "Vote for next model",
             },
-            // {
-            //     isActive: active === 2,
-            //     linkProps: {
-            //         href: "/vote",
-            //         target: '_self',
-            //         onClick: handleNavigation(2, "/vote")
-            //     },
-            //     text: "Vote for next model",
-            // },
         ]}
     />
     );
@@ -215,10 +204,4 @@ const Navigation = () => {
 //   );
 };
 
-const { i18n } = declareComponentKeys<
-| "submit"
-| "about"
->()({ Navigation });
-export type I18n = typeof i18n;
-
 export default Navigation;

frontend/src/components/shared/{AuthContainer.tsx → AuthContainer.jsx}

@@ -12,12 +12,10 @@ import HFLogo from "../Logo/HFLogo";
 import { useAuth } from "../../hooks/useAuth";
 import LogoutIcon from "@mui/icons-material/Logout";
 import { useNavigate } from "react-router-dom";
-import { useTranslation, declareComponentKeys } from "i18n";
 
 function AuthContainer({ actionText = "DO_ACTION" }) {
   const { isAuthenticated, user, login, logout, loading } = useAuth();
   const navigate = useNavigate();
-  const {t} = useTranslation({AuthContainer});
 
   const handleLogout = () => {
     if (isAuthenticated && logout) {
@@ -63,10 +61,11 @@ function AuthContainer({ actionText = "DO_ACTION" }) {
         }}
       >
         <Typography variant="h6" align="center">
-          {t("login")}
+          Login to {actionText}
         </Typography>
         <Typography variant="body2" color="text.secondary" align="center">
-          {t("need")}
+          You need to be logged in with your Hugging Face account to{" "}
+          {actionText.toLowerCase()}
         </Typography>
         <Button
           variant="contained"
@@ -90,7 +89,7 @@ function AuthContainer({ actionText = "DO_ACTION" }) {
             px: 2,
           }}
         >
-          {t("button")}
+          Sign in with Hugging Face
         </Button>
       </Paper>
     );
@@ -109,7 +108,7 @@ function AuthContainer({ actionText = "DO_ACTION" }) {
       >
         <Stack direction="row" spacing={1} alignItems="center">
           <Typography variant="body1">
-            {t("loggedin", {user: (user !== null ? user!['username'] : "inconnu")})}
+            Connected as <strong>{user?.username}</strong>
           </Typography>
           <Chip
             label={`Ready to ${actionText}`}
@@ -130,20 +129,11 @@ function AuthContainer({ actionText = "DO_ACTION" }) {
             fontSize: "0.9375rem",
           }}
         >
-          {t("logout")}
+          Logout
         </Button>
       </Stack>
     </Paper>
   );
 }
 
-const { i18n } = declareComponentKeys<
-| "login"
-| "need"
-| "logout"
-| "button"
-| { K: "loggedin"; P: { user: string; }; R: JSX.Element }
->()({ AuthContainer });
-export type I18n = typeof i18n;
-
 export default AuthContainer;

frontend/src/config/auth.js

@@ -2,6 +2,6 @@ export const HF_CONFIG = {
   CLIENT_ID: "b78fb86a-a94f-4f18-b0de-c559486ff756",
   STORAGE_KEY: "hf_oauth",
   SCOPE: "openid profile",
-  PROD_URL: "https://fr-gouv-coordination-ia-llm-leaderboard-fr.hf.space",
+  PROD_URL: "",
   DEV_URL: "http://localhost:7860"
-};
+}; 

frontend/src/i18n.tsx

@@ -1,88 +0,0 @@
-import { createI18nApi, declareComponentKeys } from "i18nifty";
-import { Typography } from "@mui/material";
-export {declareComponentKeys};
-
-//List the languages you with to support
-export const languages = ["en", "fr"] as const;
-
-//If the user's browser language doesn't match any 
-//of the languages above specify the language to fallback to:  
-export const fallbackLanguage = "en";
-
-export type Language = typeof languages[number];
-
-export type LocalizedString = Parameters<typeof resolveLocalizedString>[0];
-
-export const {
-	useTranslation,
-	resolveLocalizedString, 
-	useLang, 
-	$lang,
-	useResolveLocalizedString,
-	/** For use outside of React */
-	getTranslation,
-} = createI18nApi<
-    | import ("pages/AddModelPage/AddModelPage").I18n
-    | import ("components/Header/Header").I18n
-    | import ("components/Navigation/Navigation").I18n
-    | import ("components/shared/AuthContainer").I18n
->()(
-    { 
-      languages, 
-      fallbackLanguage
-    },
-    {
-        "en": {
-            "header": {
-                "tagline": "Benchmark for large language models in French",
-                "service": "LLM leaderboard for the French language"
-            },
-            "Navigation": {
-                "submit": "Submit",
-                "about": "About"
-            },
-            "AddModelPage": {
-                "title": "Submit a model for evaluation",
-                "subtitle": "Add your model to the LLM leaderboard for the French language."
-            },
-            "AuthContainer": {
-                "login": "Login to submit a model",
-                "need": "You need to be logged in with your Hugging Face account to submit a model",
-                "logout": "Logout",
-                "button": "Sign in with Hugging Face",
-                "loggedin": ({user}) => (
-                    <Typography variant="body1">
-                        Connected as <strong>{user}</strong>
-                    </Typography>
-                )
-            }
-        },
-	/* spell-checker: disable */
-	"fr": {
-            "header": {
-                "tagline": "Comparaison de modèles d'IA génératifs sur des jeux de données adaptés à la langue française",
-                "service": "Leaderboard des modèles de langage pour le français"
-            },
-            "Navigation": {
-                "submit": "Soumettre",
-                "about": "A propos"
-            },
-            "AddModelPage": {
-                "title": "Soumettre un modele a l'evaluation",
-                "subtitle": "Ajoutez votre modele au leaderboard des modeles de langage pour le francais"
-            },
-            "AuthContainer": {
-                "login": "Se connecter pour soumettre un modele",
-                "need": "Il vous faut vous connecter avec votre compte Hugging Face pour soumettre un modele",
-                "logout": "Se deconnecter",
-                "button": "Se connecter avec Hugging Face",
-                "loggedin": ({user}) => (
-                    <Typography variant="body1">
-                        Connecte en tant que <strong>{user}</strong>
-                    </Typography>
-                )
-            }
-        }
-	/* spell-checker: enable */
-    }
-);

frontend/src/index.css

@@ -54,27 +54,6 @@ button:focus-visible {
   outline: 4px auto -webkit-focus-ring-color;
 }
 
-.logo_footer {
-    box-shadow: none !important;
-    height: 5rem !important;
-}
-
-.content_link {
-    display: none;
-}
-
-.foot_content {
-    margin-top: 3rem;
-}
-
-@media (min-width: 62rem) {
-    .foot_content {
-        margin-top: 0;
-        flex-basis: 100%;
-        max-width: 60rem;
-    }
-}
-
 @media (prefers-color-scheme: light) {
   :root {
     color: #213547;

frontend/src/main.jsx

@@ -2,16 +2,8 @@ import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
 import './index.css'
 import App from './App.jsx'
-import { useLang } from "i18n";
 import { startReactDsfr } from "@codegouvfr/react-dsfr/spa";
-
-startReactDsfr({ 
-  defaultColorScheme: "system",
-  useLang: function useLangDsfr() {
-        const { lang } = useLang();
-        return lang;
-  }
-});
+startReactDsfr({ defaultColorScheme: "system" });
 
 createRoot(document.getElementById('root')).render(
   <StrictMode>

frontend/src/pages/AboutPage/AboutPage.tsx

@@ -1,363 +0,0 @@
-import PageHeader from "components/shared/PageHeader";
-import { Box, Typography, Paper, List, ListItem, ListItemIcon } from "@mui/material";
-import { LocalizedString, useResolveLocalizedString } from "i18n";
-import FiberManualRecordIcon from '@mui/icons-material/FiberManualRecord';
-import NavigateNextIcon from '@mui/icons-material/NavigateNext';
-
-const TEXT = {
-    TITLE: {
-        "en": "About",
-        "fr": "A propos"
-    },
-    PARAGRAPH1: {
-        "en": "As LLMs capabilities improve, so do the social and economic stakes around this technology. Governments and institutions now have a vested interest in understanding AI technologies to assess whether and how they can benefit their economies, industries, and society as a whole.",
-        "fr": "À mesure que les modèles de langage progressent, leurs enjeux économiques et sociétaux prennent de plus en plus d’ampleur. Les gouvernements et institutions doivent désormais s’approprier ces technologies pour en comprendre les implications et évaluer comment elles peuvent contribuer à leurs économies, leurs industries et à la société dans son ensemble."
-    },
-    PARAGRAPH2: {
-        "en": "In this light, the French Coordination Nationale de l'IA, Ministère de l'Éducation nationale, Inria, LNE, and GENCI collaborated with Hugging Face to build a new LLM reference leaderboard for models in the French language, providing a comprehensive and transparent assessment of their performance, capabilities, and limitations.",
-        "fr": "C’est dans cette dynamique que la Coordination Nationale pour l’IA, le Ministère de l’Éducation nationale, Inria, le LNE et GENCI ont collaboré avec Hugging Face pour créer un leaderboard de référence dédié aux modèles de langage en français. Cet outil offre une évaluation de leurs performances, de leurs capacités et aussi de leurs limites."
-    },
-    PARAGRAPH3: {
-        "en": "The collaboration focused on a range of tasks and evaluation metrics, either entirely new or culturally adapted to be specific to the French language and cultural context.",
-        "fr": "La collaboration s’est concentrée sur un ensemble de tâches et d’indicateurs d’évaluation (benchmarks), soit entièrement nouveaux, soit adaptés pour prendre en compte les spécificités linguistiques et culturelles du français."
-    },
-    BUTS: {
-        TITRE: {
-            "en": "Goals",
-            "fr": "Objectifs"
-        },
-        BUT1: {
-            "en": "Improve LLM evaluation and comparison by providing a standardized leaderboard, allowing researchers, developers, and industry stakeholders to benchmark different models on a level playing field, enabling informed decision-making and fostering innovation.",
-            "fr": "Améliorer l’évaluation et la comparaison des modèles de langage, en mettant à disposition un leaderboard standardisé, permettant aux chercheurs, développeurs et industriels de comparer leurs performances sur une base équitable, favorisant ainsi une prise de décision éclairée et stimulant l’innovation."
-        },
-        BUT2: {
-            "en": "Promote the French language and culture by encouraging better integration of French into all AI models. By structuring evaluation around French-language tasks, we hope to incentivize model developers, including international ones, to incorporate more French-language data into their training datasets. In doing so, we also aim to enhance the overall capabilities of these models, improving their performance not just in French, but in multilingual tasks more broadly.",
-            "fr": "Promouvoir la langue et la culture françaises, en encourageant une meilleure intégration du français dans tous les modèles d’IA. En structurant l’évaluation autour de tâches spécifiques en français, nous espérons inciter les développeurs, y compris internationaux, à intégrer davantage de corpus francophones dans leurs données d’entraînement. En retour, cela permettra d’améliorer leurs performances, non seulement en français, mais aussi dans les tâches multilingues de manière plus large."
-        },
-        BUT3: {
-            "en": "Support AI research and development in France and French-speaking countries, encouraging researchers and developers to contribute to the advancement of more accurate, efficient, and effective LLMs.",
-            "fr": "Soutenir la recherche et le développement en IA en France et dans les pays francophones, en encourageant les chercheurs et développeurs à contribuer à l’amélioration des modèles de langage, en les rendant plus précis, efficaces et performants."
-        }
-    },
-    DATASETS: {
-        TITRE: {
-            "en": "The datasets considered include",
-            "fr": "Jeux de données utilisés"
-        },
-        DATASET1: {
-            "en": "GPQA (PhD-level knowledge assessment, professionally translated by Inria),",
-            "fr": "GPQA : évaluation des connaissances au niveau doctorat, traduit par Inria."
-        },
-        DATASET2: {
-            "en": "IFEval (LLMs’ ability to follow instructions, professionally culturally adapted by Inria),",
-            "fr": "IFEval : capacité des modèles à suivre des instructions, traduit et adapté culturellement par Inria."
-        },
-        DATASET3: {
-            "en": "A new dataset built from Baccalauréat (end of French high school exam) data, provided by the Ministère de l'Éducation nationale, extracted and curated by LNE and Inria.",
-            "fr": "Un jeu de données inédit construit à partir des sujets du Baccalauréat (examen de fin d’études secondaires en France), fourni par le Ministère de l’Éducation nationale et extrait par LNE et Inria."
-        },
-        FOOTER: {
-            "en": "GENCI engineers have already conducted evaluations on the French National Jean Zay supercluster, to ensure the robustness of the leaderboard, with researchers providing technical expertise at every step.",
-            "fr": "Les ingénieurs de GENCI ont déjà réalisé des évaluations sur le supercalculateur national Jean Zay, afin d’assurer la robustesse du leaderboard, avec le soutien technique de chercheurs d’Hugging Face à chaque étape du processus."
-        }
-    },
-    APPROCHE: {
-        TITRE: {
-            "en": "The Leaderboard Approach",
-            "fr": "Approche du Leaderboard"
-        },
-        P1: {
-            "en": "This is just the first iteration of the leaderboard, and new versions will follow as we enrich it with additional benchmarks and evaluation methods.",
-            "fr": "Cette première version du leaderboard marque le début d’un projet évolutif : de nouvelles versions verront le jour, enrichies avec de nouveaux benchmarks et méthodes d’évaluation."
-        },
-        P2: {
-            "en": "To ensure the robustness of the leaderboard, we first conducted internal evaluations on a selection of models. However, we want to maintain the spirit of the leaderboard: developers (you!) should submit your own models.",
-            "fr": "Pour garantir la solidité et la fiabilité de l’outil, nous avons dans un premier temps réalisé des évaluations internes sur une sélection de modèles. Toutefois, nous souhaitons rester fidèles à l’esprit du leaderboard et encourager les développeurs (vous !) à soumettre leurs propres modèles."
-        },
-        P3: {
-            "en": "Once we reach a sufficient number of submissions, we will add the results to the official ranking. Please bear with us—since evaluations are conducted using public computing resources (thanks to the incredible work of GENCI on the Jean Zay supercomputer), model evaluations might take some time.",
-            "fr": "Une fois qu’un nombre suffisant de modèles aura été soumis, nous ajouterons les résultats au classement officiel. Merci pour votre patience : les évaluations sont réalisées sur des ressources de calcul publiques (grâce au travail remarquable du GENCI sur le supercalculateur Jean Zay), ce qui peut nécessiter un certain délai pour traiter les soumissions."
-        },
-        P4: {
-            "en": "Finally, it is important to note that this is an OpenLLM leaderboard —we will only evaluate open-source models.",
-            "fr": "Enfin, il est important de préciser que ce leaderboard est un OpenLLM leaderboard : seuls les modèles open source seront évalués."
-        },
-    },
-    ACTEURS: {
-        TITRE: {
-            "en": "Stakeholders and contribution",
-            "fr": "Les acteurs du projet"
-        },
-        P1: {
-            "en": "This leaderboard is the result of a collaborative effort between several key organizations, each playing a crucial role in its development and execution:",
-            "fr": "Ce leaderboard est le fruit d’une mobilisation collective impliquant plusieurs partenaires clés :"
-        },
-        I1: {
-            "en": "Coordination Nationale pour l’IA (CNIA): As the entity leading France’s national AI strategy, the national coordination for AI structured the leaderboard project, establishing it as a key deliverable within the Trustworthy AI pillar of the national strategy. It coordinated the various partners and contributed to the selection of strategic benchmarks, including the integration of Baccalauréat exam data, creating a unique benchmark for French-language AI models.",
-            "fr": "Coordination Nationale pour l’IA (CNIA) : au pilotage de la stratégie nationale pour l’IA, la CNIA a structuré le projet du leaderboard, en l’inscrivant comme un livrable clé de l’axe IA de confiance de la stratégie française. Elle a coordonné les partenaires et contribué à l’identification des benchmarks stratégiques, dont l’intégration des données du Baccalauréat pour un benchmark inédit en français."
-        },
-        I2: {
-            "en": "Inria: Led the operational management of the project, including mobilizing a specialized translation provider to ensure high-quality linguistic adaptation. INRIA engineers also worked on data extraction from Baccalauréat exams and contributed to the backend/frontend development of the leaderboard.",
-            "fr": "Inria : pilotage opérationnel du projet, avec le recours à un prestataire de traduction spécialisé pour garantir une adaptation linguistique optimale. Des ingénieurs ont également été mobilisés pour l’extraction des données du Baccalauréat, ainsi que pour le développement et la consolidation du back-end/front-end de la plateforme."
-        },
-        I3: {
-            "en": "GENCI: Conducted test evaluations on the French National Jean Zay supercomputer, ensuring the robustness of the results. So far, evaluations have been performed on a dozen models of various sizes, a crucial element for ensuring the leaderboard's reliability. This includes models such as Mistral Large, Llama 70B, as well as smaller models, including trending models like Qwen.",
-            "fr": "GENCI : réalisation des évaluations tests sur le supercalculateur national Jean Zay, garantissant la robustesse des résultats. Nous avons d’ores et déjà évalué une dizaine de modèles de tailles variées, un élément clé pour assurer la fiabilité du leaderboard. Cela inclut des modèles comme Mistral Large, Llama 70B, ainsi que des modèles plus légers, notamment des modèles en forte croissance comme Qwen."
-        },
-        I4: {
-            "en": "LNE (Laboratoire National de Métrologie et d’Essais): Conducted data verification and extraction, essential for building the final benchmarks.",
-            "fr": "LNE (Laboratoire National de Métrologie et d’Essais) : travail de vérification et d’extraction des données pertinentes, essentiel pour la création des benchmarks finaux."
-        },
-        I5: {
-            "en": "Ministère de l’Éducation nationale: Provided access to Baccalauréat data, enabling the creation of an unprecedented dataset that serves as a valuable benchmark",
-            "fr": "Ministère de l’Éducation nationale : mise à disposition des données du Baccalauréat, ayant permis de construire un jeu de données inédit, qui constitue un benchmark de référence."
-        },
-        I6: {
-            "en": "And of course Hugging Face: Hosting the evaluation platform and provided technical expertise all along the way.",
-            "fr": "Et bien sûr Hugging Face : hébergement de la plateforme d’évaluation et expertise technique tout au long du projet."
-        },
-    },
-}
-
-const AboutPage = () => {
-
-    const {resolveLocalizedString} = useResolveLocalizedString();
-
-    return (
-        <Box sx={{ width: "100%", maxWidth: 1200, margin: "0 auto", padding: 4 }}>
-            <Box
-            sx={{
-                width: "100%",
-                ph: 2,
-                display: "flex",
-                flexDirection: "column",
-            }}
-            >
-
-                <PageHeader 
-                    title={resolveLocalizedString(TEXT.TITLE)}
-                    subtitle=""
-                />
-
-                <Paper
-                    elevation={0}
-                    sx={{
-                        p: 3,
-                        border: "1px solid",
-                        borderColor: "grey.200",
-                        backgroundColor: "transparent",
-                        borderRadius: 2,
-                        mb: 6
-                    }}
-                >
-                    <Box sx={{mb: 2}}>
-                        <Typography variant="body1">
-                            {resolveLocalizedString(TEXT.PARAGRAPH1)}
-                        </Typography>
-                        <br/>
-                        <Typography variant="body1">
-                            {resolveLocalizedString(TEXT.PARAGRAPH2)}
-                        </Typography>
-                        <br/>
-                        <Typography variant="body1">
-                            {resolveLocalizedString(TEXT.PARAGRAPH3)}
-                        </Typography>
-                    </Box>
-
-                </Paper>
-                
-                <Paper
-                    elevation={1}
-                    sx={{
-                        p: 3,
-                        border: "1px solid",
-                        borderColor: "grey.200",
-                        backgroundColor: "transparent",
-                        borderRadius: 2,
-                        mb: 6
-                    }}
-                >
-                    <Box sx={{mb: 2}}>
-                        <Typography variant="h6">
-                        {resolveLocalizedString(TEXT.BUTS.TITRE)}
-                        </Typography>
-                        <Typography variant="body1">
-                            <List>
-                                <ListItem>
-                                    <ListItemIcon>
-                                        <NavigateNextIcon/>
-                                    </ListItemIcon>
-                                    {resolveLocalizedString(TEXT.BUTS.BUT1)}
-                                </ListItem>
-                                <ListItem>
-                                    <ListItemIcon>
-                                        <NavigateNextIcon/>
-                                    </ListItemIcon>
-                                    {resolveLocalizedString(TEXT.BUTS.BUT2)}
-                                </ListItem>
-                                <ListItem>
-                                    <ListItemIcon>
-                                        <NavigateNextIcon/>
-                                    </ListItemIcon>
-                                    {resolveLocalizedString(TEXT.BUTS.BUT3)}
-                                </ListItem>
-                            </List>
-                        
-                        </Typography>
-                    </Box>
-
-                </Paper>
-
-                <Paper
-                    elevation={0}
-                    sx={{
-                        p: 3,
-                        border: "1px solid",
-                        borderColor: "grey.200",
-                        backgroundColor: "transparent",
-                        borderRadius: 2,
-                        mb: 6
-                    }}
-                >
-                    <Box sx={{mb: 2}}>
-                        <Typography variant="h6">
-                        {resolveLocalizedString(TEXT.DATASETS.TITRE)}
-                        </Typography>
-                        <Typography variant="body1">
-                            <List>
-                                <ListItem>
-                                    <ListItemIcon>
-                                        <NavigateNextIcon/>
-                                    </ListItemIcon>
-                                    {resolveLocalizedString(TEXT.DATASETS.DATASET1)}
-                                </ListItem>
-                                <ListItem>
-                                    <ListItemIcon>
-                                        <NavigateNextIcon/>
-                                    </ListItemIcon>
-                                    {resolveLocalizedString(TEXT.DATASETS.DATASET2)}
-                                </ListItem>
-                                <ListItem>
-                                    <ListItemIcon>
-                                        <NavigateNextIcon/>
-                                    </ListItemIcon>
-                                    {resolveLocalizedString(TEXT.DATASETS.DATASET3)}
-                                </ListItem>
-                            </List>
-                        </Typography>
-                        <br/>
-                        <Typography variant="body1">
-                            {resolveLocalizedString(TEXT.DATASETS.FOOTER)}
-                        </Typography>
-                    </Box>
-
-                </Paper>
-
-                <Paper
-                    elevation={1}
-                    sx={{
-                        p: 3,
-                        border: "1px solid",
-                        borderColor: "grey.200",
-                        backgroundColor: "transparent",
-                        borderRadius: 2,
-                        mb: 6
-                    }}
-                >
-                    <Box sx={{mb: 2}}>
-                        <Typography variant="h6">
-                        {resolveLocalizedString(TEXT.APPROCHE.TITRE)}
-                        </Typography>
-                        <br/>
-                        <Typography variant="body1">
-                            {resolveLocalizedString(TEXT.APPROCHE.P1)}
-                        </Typography>
-                        <br/>
-                        <Typography variant="body1">
-                            {resolveLocalizedString(TEXT.APPROCHE.P2)}
-                        </Typography>
-                        <br/>
-                        <Typography variant="body1">
-                            {resolveLocalizedString(TEXT.APPROCHE.P3)}
-                        </Typography>
-                        <br/>
-                        <Typography variant="body1">
-                            {resolveLocalizedString(TEXT.APPROCHE.P4)}
-                        </Typography>
-                    </Box>
-
-                </Paper>
-                
-                <Paper
-                    elevation={0}
-                    sx={{
-                        p: 3,
-                        border: "1px solid",
-                        borderColor: "grey.200",
-                        backgroundColor: "transparent",
-                        borderRadius: 2,
-                        mb: 6
-                    }}
-                >
-                    <Box sx={{mb: 2}}>
-                        <Typography variant="h6">
-                        {resolveLocalizedString(TEXT.ACTEURS.TITRE)}
-                        </Typography>
-                        <br/>
-                        <Typography variant="body1">
-                            {resolveLocalizedString(TEXT.ACTEURS.P1)}
-                        </Typography>
-                        <br/>
-                        <Typography variant="body1">
-                            <List>
-                                <ListItem>
-                                    <ListItemIcon>
-                                        <NavigateNextIcon/>
-                                    </ListItemIcon>
-                                    {resolveLocalizedString(TEXT.ACTEURS.I1)}
-                                </ListItem>
-                                <ListItem>
-                                    <ListItemIcon>
-                                        <NavigateNextIcon/>
-                                    </ListItemIcon>
-                                    {resolveLocalizedString(TEXT.ACTEURS.I2)}
-                                </ListItem>
-                                <ListItem>
-                                    <ListItemIcon>
-                                        <NavigateNextIcon/>
-                                    </ListItemIcon>
-                                    {resolveLocalizedString(TEXT.ACTEURS.I3)}
-                                </ListItem>
-                                <ListItem>
-                                    <ListItemIcon>
-                                        <NavigateNextIcon/>
-                                    </ListItemIcon>
-                                    {resolveLocalizedString(TEXT.ACTEURS.I4)}
-                                </ListItem>
-                                <ListItem>
-                                    <ListItemIcon>
-                                        <NavigateNextIcon/>
-                                    </ListItemIcon>
-                                    {resolveLocalizedString(TEXT.ACTEURS.I5)}
-                                </ListItem>
-                                <ListItem>
-                                    <ListItemIcon>
-                                        <NavigateNextIcon/>
-                                    </ListItemIcon>
-                                    {resolveLocalizedString(TEXT.ACTEURS.I6)}
-                                </ListItem>
-                            </List>
-                        
-                        </Typography>
-                    </Box>
-
-                </Paper>
-
-
-            </Box>
-        </Box>
-        
-    );
-};
-
-export default AboutPage;

frontend/src/pages/AddModelPage/{AddModelPage.tsx → AddModelPage.jsx}

@@ -5,11 +5,9 @@ import PageHeader from "../../components/shared/PageHeader";
 import EvaluationQueues from "./components/EvaluationQueues/EvaluationQueues";
 import ModelSubmissionForm from "./components/ModelSubmissionForm/ModelSubmissionForm";
 import SubmissionGuide from "./components/SubmissionGuide/SubmissionGuide";
-import { useTranslation, declareComponentKeys } from "i18n";
 
 function AddModelPage() {
   const { isAuthenticated, loading, user } = useAuth();
-  const {t} = useTranslation({AddModelPage});
 
   if (loading) {
     return (
@@ -29,10 +27,11 @@ function AddModelPage() {
   return (
     <Box sx={{ width: "100%", maxWidth: 1200, margin: "0 auto", padding: 4 }}>
       <PageHeader
-        title={t("title")}
+        title="Submit a Model for Evaluation"
         subtitle={
           <>
-            {t("subtitle")}
+            Add <span style={{ fontWeight: 600 }}>your</span> model to the Open
+            LLM Leaderboard
           </>
         }
       />
@@ -46,10 +45,4 @@ function AddModelPage() {
   );
 }
 
-const { i18n } = declareComponentKeys<
-| "title"
-| "subtitle"
->()({ AddModelPage });
-export type I18n = typeof i18n;
-
 export default AddModelPage;

frontend/src/pages/AddModelPage/components/EvaluationQueues/EvaluationQueues.jsx

@@ -25,176 +25,82 @@ import AutorenewIcon from "@mui/icons-material/Autorenew";
 import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
 import OpenInNewIcon from "@mui/icons-material/OpenInNew";
 import { useVirtualizer } from "@tanstack/react-virtual";
-import { resolveLocalizedString, useResolveLocalizedString } from "i18n";
 
 // Function to format wait time
 const formatWaitTime = (waitTimeStr) => {
   const seconds = parseFloat(waitTimeStr.replace("s", ""));
 
   if (seconds < 60) {
-    return {
-        "en": "just now",
-        "fr": "a l'instant"
-    };
+    return "just now";
   }
 
   const minutes = Math.floor(seconds / 60);
   if (minutes < 60) {
-    return {
-        "en": `${minutes}m ago`,
-        "fr": `il y a ${minutes}m`
-    };
+    return `${minutes}m ago`;
   }
 
   const hours = Math.floor(minutes / 60);
   if (hours < 24) {
-    return {
-        "en": `${hours}h ago`,
-        "fr": `il y a ${hours}h`
-    };
+    return `${hours}h ago`;
   }
 
   const days = Math.floor(hours / 24);
-  return {
-    "en": `${days}d ago`,
-    "fr": `il y a${days}j`
-  };
+  return `${days}d ago`;
 };
 
 // Column definitions with their properties
 const columns = [
   {
     id: "model",
-    label: {
-        "en": "Model",
-        "fr": "Modèle"
-    },
+    label: "Model",
     width: "35%",
     align: "left",
   },
   {
     id: "submitter",
-    label: {
-        "en": "Submitted by",
-        "fr": "Soumis par",
-    },
+    label: "Submitted by",
     width: "15%",
     align: "left",
   },
   {
     id: "wait_time",
-    label: {
-        "en": "Submitted",
-        "fr": "Soumis"
-    },
+    label: "Submitted",
     width: "12%",
     align: "center",
   },
   {
     id: "precision",
-    label: {
-        "en": "Precision",
-        "fr": "Precision"
-    },
+    label: "Precision",
     width: "13%",
     align: "center",
   },
   {
     id: "revision",
-    label: {
-        "en":"Revision",
-        "fr": "Revision"
-    },
+    label: "Revision",
     width: "12%",
     align: "center",
   },
   {
     id: "status",
-    label: {
-        "en": "Status",
-        "fr": "Statut"
-    },
+    label: "Status",
     width: "13%",
     align: "center",
   },
 ];
 
-const COMPLETED = {
-    STATUS: {
-        "en": "Evaluated",
-        "fr": "Termine"
-    },
-    CHIP: {
-        "en": "Completed",
-        "fr": "Terminé"
-    },
-    EMPTY_MESSAGE: {
-        "en": "No models evaluated",
-        "fr": "Aucun modèle n'a ete evalue"
-    },
-    TITLE: {
-        "en": "Recently evaluated models",
-        "fr": "Modèles évalues récemment"
-    }
-}
-
-const EVALUATING = {
-    STATUS: {
-        "en": "Evaluating",
-        "fr": "En cours d'évaluation"
-    },
-    CHIP: {
-        "en": "Evaluating",
-        "fr": "En cours d'évaluation"
-    },
-    EMPTY_MESSAGE: {
-        "en": "No models being evaluated",
-        "fr": "Aucun modèle en cours d'évaluation"
-    },
-    TITLE: {
-        "en": "Models being evaluated",
-        "fr": "Modèles en cours d'évaluation"
-    }
-}
-
-const PENDING = {
-    STATUS: {
-        "en": "In Queue",
-        "fr": "En attente"
-    },
-    CHIP: {
-        "en": "Pending",
-        "fr": "En attente"
+const StatusChip = ({ status }) => {
+  const statusConfig = {
+    finished: {
+      icon: <CheckCircleIcon />,
+      label: "Completed",
+      color: "success",
     },
-    EMPTY_MESSAGE: {
-        "en": "No models in queue",
-        "fr": "Aucun modèle en attente"
+    evaluating: {
+      icon: <AutorenewIcon />,
+      label: "Evaluating",
+      color: "warning",
     },
-    TITLE: {
-        "en": "Models in queue",
-        "fr": "Modèles en attente"
-    }
-
-}
-
-const StatusChip = ({ status }) => {
-    const {resolveLocalizedString} = useResolveLocalizedString();
-    const statusConfig = {
-        finished: {
-            icon: <CheckCircleIcon />,
-            label: resolveLocalizedString(COMPLETED.CHIP),
-            color: "success",
-        },
-        evaluating: {
-            icon: <AutorenewIcon />,
-            label: resolveLocalizedString(EVALUATING.CHIP),
-            color: "warning",
-        },
-        pending: { 
-            icon: <PendingIcon />, 
-            label: resolveLocalizedString(PENDING.CHIP),
-            color: "info" 
-        },
+    pending: { icon: <PendingIcon />, label: "Pending", color: "info" },
   };
 
   const config = statusConfig[status] || statusConfig.pending;
@@ -275,7 +181,7 @@ const ModelTable = ({ models, emptyMessage, status }) => {
                   padding: "12px 16px",
                 }}
               >
-                {resolveLocalizedString(column.label)}
+                {column.label}
               </TableCell>
             ))}
           </TableRow>
@@ -329,7 +235,27 @@ const ModelTable = ({ models, emptyMessage, status }) => {
                           alignItems: "center",
                         }}
                       >
+                        <Link
+                          href={`https://huggingface.co/${model.name}`}
+                          target="_blank"
+                          rel="noopener noreferrer"
+                          sx={{
+                            textDecoration: "none",
+                            overflow: "hidden",
+                            textOverflow: "ellipsis",
+                            whiteSpace: "nowrap",
+                            display: "flex",
+                            alignItems: "center",
+                            gap: 0.5,
+                            "& .MuiSvgIcon-root": {
+                              fontSize: "1rem",
+                              opacity: 0.6,
+                            },
+                          }}
+                        >
                           {model.name}
+                          <OpenInNewIcon />
+                        </Link>
                       </TableCell>
                       <TableCell
                         component="div"
@@ -372,7 +298,7 @@ const ModelTable = ({ models, emptyMessage, status }) => {
                             }}
                           >
                             <AccessTimeIcon sx={{ fontSize: "0.9rem" }} />
-                            {resolveLocalizedString(waitTime)}
+                            {waitTime}
                           </Typography>
                         </Tooltip>
                       </TableCell>
@@ -434,21 +360,6 @@ const ModelTable = ({ models, emptyMessage, status }) => {
   );
 };
 
-const QUEUE_STATUS = {
-    EVALUATED: {
-        "en": "Evaluated",
-        "fr": "Evalues"
-    },
-    EVALUATING: {
-        "en": "Evaluating",
-        "fr": "En cours d'evaluation"
-    },
-    PENDING: {
-        "en": "In Queue",
-        "fr": "En Attente"
-    },
-}
-
 const QueueAccordion = ({
   title,
   models,
@@ -552,7 +463,6 @@ const EvaluationQueues = ({ defaultExpanded = true }) => {
   });
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState(null);
-  const {resolveLocalizedString} = useResolveLocalizedString();
 
   useEffect(() => {
     const fetchModels = async () => {
@@ -686,7 +596,7 @@ const EvaluationQueues = ({ defaultExpanded = true }) => {
               }}
             >
               <Chip
-                label={`${models.pending.length} ${resolveLocalizedString(PENDING.STATUS)}`}
+                label={`${models.pending.length} In Queue`}
                 size="small"
                 color="info"
                 variant="outlined"
@@ -705,7 +615,7 @@ const EvaluationQueues = ({ defaultExpanded = true }) => {
                 }}
               />
               <Chip
-                label={`${models.evaluating.length} ${resolveLocalizedString(EVALUATING.STATUS)}`}
+                label={`${models.evaluating.length} Evaluating`}
                 size="small"
                 color="warning"
                 variant="outlined"
@@ -724,7 +634,7 @@ const EvaluationQueues = ({ defaultExpanded = true }) => {
                 }}
               />
               <Chip
-                label={`${models.finished.length} ${resolveLocalizedString(COMPLETED.STATUS)}`}
+                label={`${models.finished.length} Evaluated`}
                 size="small"
                 color="success"
                 variant="outlined"
@@ -770,30 +680,30 @@ const EvaluationQueues = ({ defaultExpanded = true }) => {
         ) : (
           <>
             <QueueAccordion
-              title={resolveLocalizedString(PENDING.TITLE)}
+              title="Models in queue"
               models={models.pending}
               status="pending"
-              emptyMessage={resolveLocalizedString(PENDING.EMPTY_MESSAGE)}
+              emptyMessage="No models in queue"
               expanded={expandedQueues.has("pending")}
               onChange={handleQueueAccordionChange("pending")}
               loading={loading}
             />
 
             <QueueAccordion
-              title={resolveLocalizedString(EVALUATING.TITLE)}
+              title="Models being evaluated"
               models={models.evaluating}
               status="evaluating"
-              emptyMessage={resolveLocalizedString(EVALUATING.EMPTY_MESSAGE)}
+              emptyMessage="No models currently being evaluated"
               expanded={expandedQueues.has("evaluating")}
               onChange={handleQueueAccordionChange("evaluating")}
               loading={loading}
             />
 
             <QueueAccordion
-              title={resolveLocalizedString(COMPLETED.TITLE)}
+              title="Recently evaluated models"
               models={models.finished}
               status="finished"
-              emptyMessage={resolveLocalizedString(COMPLETED.EMPTY_MESSAGE)}
+              emptyMessage="No models have been evaluated recently"
               expanded={expandedQueues.has("finished")}
               onChange={handleQueueAccordionChange("finished")}
               loading={loading}

frontend/src/pages/AddModelPage/components/ModelSubmissionForm/ModelSubmissionForm.jsx

@@ -24,7 +24,6 @@ import InfoIconWithTooltip from "../../../../components/shared/InfoIconWithToolt
 import { MODEL_TYPES } from "../../../LeaderboardPage/components/Leaderboard/constants/modelTypes";
 import { SUBMISSION_PRECISIONS } from "../../../LeaderboardPage/components/Leaderboard/constants/defaults";
 import AuthContainer from "../../../../components/shared/AuthContainer";
-import { useResolveLocalizedString } from "i18n";
 
 const WEIGHT_TYPES = [
   { value: "Original", label: "Original" },
@@ -122,127 +121,6 @@ const HELP_TEXTS = {
   ),
 };
 
-const INTERNATIONALISATION = {
-    SUBMITTED: {
-        "en": "Model submitted successfully !",
-        "fr": "Modèle soumis avec succes !"
-    },
-    SUBMITTED_MESSAGE: {
-        T1: {
-            "en": "Your model",
-            "fr": "Votre modèle"
-        },
-        T2: {
-            "en": "has been added to the evaluation queue with the following parameters: ",
-            "fr": "a été ajoute à la queue d'évaluation avec les paramètres suivants: "
-        }
-    },
-    PARAMETERS: {
-        MODEL: {
-            "en": "Model:",
-            "fr": "Modèle:"
-        },
-        REVISION: {
-            "en": "Revision:",
-            "fr": "Révision:"
-        },
-        PRECISION: {
-            "en": "Precision:",
-            "fr": "Précision:"
-        },
-        WEIGHTS: {
-            "en": "Weight type:",
-            "fr": "Pondération:"
-        },
-        BASE: {
-            "en": "Base model:",
-            "fr": "Modèle de base:"
-        },
-        TEMPLATE: {
-            "en": "Chat template:",
-            "fr": "Template de chat:"
-        },
-        UPVOTE: {
-            "en": "An automatic upvote has been added to your model to help with prioritization.",
-            "fr": "Un upvote automatique a ete rajoute a votre modèle pour aider a la priorization."
-        },
-        OTHER: {
-            "en": "Submit another model",
-            "fr": "Soumettre un autre modèle"
-        }
-    },
-    FORM: {
-        TITLE: {
-            "en": "Model Submission Form",
-            "fr": "Formulaire pour soumettre un modèle"
-        },
-        MODEL_INFO: {
-            TITLE: {
-                "en": "Model Information",
-                "fr": "Informations sur le modèle"
-            },
-            NAME: {
-                LABEL: {
-                    "en": "Model Name",
-                    "fr": "Nom du modèle"
-                },
-                PLACEHOLDER: {
-                    "en": "organization/model-name",
-                    "fr": "organisation/nom-de-modele"
-                }
-            },
-            REVISION: {
-                LABEL: {
-                    "en": "Revision commit",
-                    "fr": "Commit de la révision"
-                },
-                HELPER_TEXT: {
-                    "en": "Default: main",
-                    "fr": "Defaut: main"
-                }
-            }
-        },
-        MODEL_CONFIG: {
-            TITLE: {
-                "en": "Model Configuration",
-                "fr": "Configuration du modèle"
-            },
-            TYPE: {
-                LABEL: {
-                    "en": "Model Type",
-                    "fr": "Type de modèle"
-                },
-            },
-            TEMPLATE: {
-                LABEL: {
-                    "en": "Use chat template",
-                    "fr": "Utiliser un template de chat"
-                }
-            },
-            PRECISION: {
-                LABEL: {
-                    "en": "Precision",
-                    "fr": "Précision"
-                }
-            },
-            WEIGHTS: {
-                LABEL: {
-                    "en": "Weights Type",
-                    "fr": "Pondération"
-                } 
-            }
-        },
-        REQUIRED: {
-            "en": "All fields marked with * are required",
-            "fr": "Tous les champs marques par une * sont requis"
-        },
-        BUTTON: {
-            "en": "Submit",
-            "fr": "Soumettre"
-        }
-    }
-}
-
 // Convert MODEL_TYPES to format expected by Select component
 const modelTypeOptions = Object.entries(MODEL_TYPES).map(
   ([value, { icon, label }]) => ({
@@ -275,8 +153,6 @@ function ModelSubmissionForm({ user, isAuthenticated }) {
     }));
   };
 
-  const {resolveLocalizedString} = useResolveLocalizedString();
-
   const handleSubmit = async (e) => {
     e.preventDefault();
     setError(null);
@@ -332,12 +208,13 @@ function ModelSubmissionForm({ user, isAuthenticated }) {
               variant="h5"
               sx={{ fontWeight: 600, color: "success.800" }}
             >
-              {resolveLocalizedString(INTERNATIONALISATION.SUBMITTED)}
+              Model submitted successfully!
             </Typography>
           </Stack>
 
           <Typography variant="body1">
-            {resolveLocalizedString(INTERNATIONALISATION.SUBMITTED_MESSAGE.T1)} <strong>{submittedData.modelName}</strong> {resolveLocalizedString(INTERNATIONALISATION.SUBMITTED_MESSAGE.T2)}
+            Your model <strong>{submittedData.modelName}</strong> has been added
+            to the evaluation queue with the following parameters:
           </Typography>
 
           <Paper
@@ -354,7 +231,7 @@ function ModelSubmissionForm({ user, isAuthenticated }) {
                   color="text.secondary"
                   sx={{ width: 120 }}
                 >
-                  {resolveLocalizedString(INTERNATIONALISATION.PARAMETERS.MODEL)}
+                  Model:
                 </Typography>
                 <Typography variant="body2" sx={{ fontFamily: "monospace" }}>
                   {submittedData.modelName}
@@ -378,7 +255,7 @@ function ModelSubmissionForm({ user, isAuthenticated }) {
                   color="text.secondary"
                   sx={{ width: 120 }}
                 >
-                  {resolveLocalizedString(INTERNATIONALISATION.PARAMETERS.REVISION)}
+                  Revision:
                 </Typography>
                 <Typography variant="body2" sx={{ fontFamily: "monospace" }}>
                   {submittedData.revision}
@@ -390,7 +267,7 @@ function ModelSubmissionForm({ user, isAuthenticated }) {
                   color="text.secondary"
                   sx={{ width: 120 }}
                 >
-                  {resolveLocalizedString(INTERNATIONALISATION.PARAMETERS.PRECISION)}
+                  Precision:
                 </Typography>
                 <Typography variant="body2">
                   {submittedData.precision}
@@ -402,7 +279,7 @@ function ModelSubmissionForm({ user, isAuthenticated }) {
                   color="text.secondary"
                   sx={{ width: 120 }}
                 >
-                  {resolveLocalizedString(INTERNATIONALISATION.PARAMETERS.WEIGHTS)}
+                  Weight type:
                 </Typography>
                 <Typography variant="body2">
                   {submittedData.weightsType}
@@ -415,7 +292,7 @@ function ModelSubmissionForm({ user, isAuthenticated }) {
                     color="text.secondary"
                     sx={{ width: 120 }}
                   >
-                    {resolveLocalizedString(INTERNATIONALISATION.PARAMETERS.BASE)}
+                    Base model:
                   </Typography>
                   <Typography variant="body2">
                     {submittedData.baseModel}
@@ -428,7 +305,7 @@ function ModelSubmissionForm({ user, isAuthenticated }) {
                   color="text.secondary"
                   sx={{ width: 120 }}
                 >
-                  {resolveLocalizedString(INTERNATIONALISATION.PARAMETERS.TEMPLATE)}
+                  Chat template:
                 </Typography>
                 <Typography variant="body2">
                   {submittedData.useChatTemplate ? "Yes" : "No"}
@@ -437,10 +314,10 @@ function ModelSubmissionForm({ user, isAuthenticated }) {
             </Stack>
           </Paper>
 
-          {/* TODO: UNCOMMENT WHEN VOTES ARE BACK
           <Typography variant="body2" color="text.secondary">
-            {resolveLocalizeString(INTERNATIONALISATION.PARAMETERS.UPVOTE)}
-          </Typography> */}
+            An automatic upvote has been added to your model to help with
+            prioritization.
+          </Typography>
 
           <Stack direction="row" spacing={2}>
             <Button
@@ -461,7 +338,7 @@ function ModelSubmissionForm({ user, isAuthenticated }) {
                 });
               }}
             >
-              {resolveLocalizedString(INTERNATIONALISATION.PARAMETERS.OTHER)}
+              Submit another model
             </Button>
           </Stack>
         </Stack>
@@ -510,7 +387,7 @@ function ModelSubmissionForm({ user, isAuthenticated }) {
               variant="h6"
               sx={{ fontWeight: 600, color: "text.primary" }}
             >
-              {resolveLocalizedString(INTERNATIONALISATION.FORM.TITLE)}
+              Model Submission Form
             </Typography>
           </Box>
 
@@ -520,7 +397,7 @@ function ModelSubmissionForm({ user, isAuthenticated }) {
               {/* Model Information */}
               <Grid item xs={12}>
                 <Stack direction="row" spacing={1} alignItems="center">
-                  <Typography variant="h6">{resolveLocalizedString(INTERNATIONALISATION.FORM.MODEL_INFO.TITLE)}</Typography>
+                  <Typography variant="h6">Model Information</Typography>
                   <InfoIconWithTooltip tooltip={HELP_TEXTS.modelName} />
                 </Stack>
               </Grid>
@@ -530,8 +407,8 @@ function ModelSubmissionForm({ user, isAuthenticated }) {
                   required
                   fullWidth
                   name="modelName"
-                  label={resolveLocalizedString(INTERNATIONALISATION.FORM.MODEL_INFO.NAME.LABEL)}
-                  placeholder={resolveLocalizedString(INTERNATIONALISATION.FORM.MODEL_INFO.NAME.PLACEHOLDER)}
+                  label="Model Name"
+                  placeholder="organization/model-name"
                   value={formData.modelName}
                   onChange={handleChange}
                   helperText="Example: meta-llama/Llama-3.2-1B"
@@ -547,10 +424,10 @@ function ModelSubmissionForm({ user, isAuthenticated }) {
                 <TextField
                   fullWidth
                   name="revision"
-                  label={resolveLocalizedString(INTERNATIONALISATION.FORM.MODEL_INFO.REVISION.LABEL)}
+                  label="Revision commit"
                   value={formData.revision}
                   onChange={handleChange}
-                  helperText={resolveLocalizedString(INTERNATIONALISATION.FORM.MODEL_INFO.REVISION.HELPER_TEXT)}
+                  helperText="Default: main"
                   InputProps={{
                     endAdornment: (
                       <InfoIconWithTooltip tooltip={HELP_TEXTS.revision} />
@@ -562,18 +439,18 @@ function ModelSubmissionForm({ user, isAuthenticated }) {
               {/* Model Configuration */}
               <Grid item xs={12}>
                 <Stack direction="row" spacing={1} alignItems="center">
-                  <Typography variant="h6">{resolveLocalizedString(INTERNATIONALISATION.FORM.MODEL_CONFIG.TITLE)}</Typography>
+                  <Typography variant="h6">Model Configuration</Typography>
                 </Stack>
               </Grid>
 
               <Grid item xs={12} sm={6}>
                 <FormControl fullWidth>
-                  <InputLabel>{resolveLocalizedString(INTERNATIONALISATION.FORM.MODEL_CONFIG.TYPE.LABEL)}</InputLabel>
+                  <InputLabel>Model Type</InputLabel>
                   <Select
                     name="modelType"
                     value={formData.modelType}
                     onChange={handleChange}
-                    label={resolveLocalizedString(INTERNATIONALISATION.FORM.MODEL_CONFIG.TYPE.LABEL)}
+                    label="Model Type"
                     endAdornment={
                       <InfoIconWithTooltip
                         tooltip={HELP_TEXTS.modelType}
@@ -605,7 +482,7 @@ function ModelSubmissionForm({ user, isAuthenticated }) {
                         onChange={handleChange}
                       />
                     }
-                    label={resolveLocalizedString(INTERNATIONALISATION.FORM.MODEL_CONFIG.TEMPLATE.LABEL)}
+                    label="Use Chat Template"
                   />
                   <InfoIconWithTooltip tooltip={HELP_TEXTS.chatTemplate} />
                 </Stack>
@@ -613,12 +490,12 @@ function ModelSubmissionForm({ user, isAuthenticated }) {
 
               <Grid item xs={12} sm={6}>
                 <FormControl fullWidth>
-                  <InputLabel>{resolveLocalizedString(INTERNATIONALISATION.FORM.MODEL_CONFIG.PRECISION.LABEL)}</InputLabel>
+                  <InputLabel>Precision</InputLabel>
                   <Select
                     name="precision"
                     value={formData.precision}
                     onChange={handleChange}
-                    label={resolveLocalizedString(INTERNATIONALISATION.FORM.MODEL_CONFIG.PRECISION.LABEL)}
+                    label="Precision"
                     endAdornment={
                       <InfoIconWithTooltip
                         tooltip={HELP_TEXTS.precision}
@@ -637,12 +514,12 @@ function ModelSubmissionForm({ user, isAuthenticated }) {
 
               <Grid item xs={12} sm={6}>
                 <FormControl fullWidth>
-                  <InputLabel>{resolveLocalizedString(INTERNATIONALISATION.FORM.MODEL_CONFIG.WEIGHTS.LABEL)}</InputLabel>
+                  <InputLabel>Weights Type</InputLabel>
                   <Select
                     name="weightsType"
                     value={formData.weightsType}
                     onChange={handleChange}
-                    label={resolveLocalizedString(INTERNATIONALISATION.FORM.MODEL_CONFIG.WEIGHTS.LABEL)}
+                    label="Weights Type"
                     endAdornment={
                       <InfoIconWithTooltip
                         tooltip={HELP_TEXTS.weightsType}
@@ -691,7 +568,7 @@ function ModelSubmissionForm({ user, isAuthenticated }) {
                   }}
                 >
                   <Typography variant="body2" color="text.secondary">
-                    {resolveLocalizedString(INTERNATIONALISATION.FORM.REQUIRED)}
+                    All fields marked with * are required
                   </Typography>
                   <Button
                     type="submit"
@@ -706,7 +583,7 @@ function ModelSubmissionForm({ user, isAuthenticated }) {
                     {submitting ? (
                       <CircularProgress size={24} color="inherit" />
                     ) : (
-                      resolveLocalizedString(INTERNATIONALISATION.FORM.BUTTON)
+                      "Submit"
                     )}
                   </Button>
                 </Box>

frontend/src/pages/AddModelPage/components/SubmissionGuide/SubmissionGuide.jsx

@@ -2,7 +2,6 @@ import React, { useState, useEffect } from "react";
 import { useLocation, useNavigate } from "react-router-dom";
 import { Box, Paper, Typography, Button, Stack, Collapse } from "@mui/material";
 import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
-import { useResolveLocalizedString } from "i18n";
 
 const DocLink = ({ href, children }) => (
   <Button
@@ -16,7 +15,6 @@ const DocLink = ({ href, children }) => (
       color: "primary.main",
       fontSize: "0.875rem",
       p: 0,
-      width: "fit-content",
       minWidth: "auto",
       justifyContent: "flex-start",
       "&:hover": {
@@ -52,166 +50,109 @@ const StepNumber = ({ number }) => (
   </Box>
 );
 
-const TITLE = {
-    "en": "Submission guide",
-    "fr": "Guide de soumission"
-}
-const LOCALIZED_STEPS = {
-    STEP1: {
-        TITLE: {
-            "en": "Model Information",
-            "fr": "Informations sur le modèle"
-        },
-        T1: {
-            "en": "Your model should be",
-            "fr": "Votre modèle doit être"
-        },
-        T2: {
-            "en": "on the Hub and follow the",
-            "fr": "sur le Hub et suivre le format"
-        },
-        T3: {
-            "en": "format (e.g. mistralai/Mistral-7B-v0.1). Specify the",
-            "fr": "(e.g. mistralai/Mistral-7B-v0.1). Spécifiez la"
-        },
-        STRONG1: {
-            "en": "revision",
-            "fr": "révision"
-        },
-        T4: {
-            "en": "(commit hash or branch) and",
-            "fr": "(hash de commit ou branche) et le"
-        },
-        STRONG2: {
-            "en": "model type",
-            "fr": "type de modèle"
-        },
-        DOCLINK: {
-            "en": "Model uploading guide",
-            "fr": "Guide pour le téléversement du modèle"
-        }
-    },
-    STEP2: {
-        TITLE: {
-            "en": "Technical Details",
-            "fr": "Details Techniques"
-        },
-        T1: {
-            "en": "Make sure tour model can be",
-            "fr": "Assurez-vous que votre modèle puisse être"
-        },
-        STRONG1: {
-            "en": "loaded locally",
-            "fr": "chargé localement"
-        },
-        T2: {
-            "en": "before submitting:",
-            "fr": "avant de soumettre"
-        },
-        DOCLINK: {
-            "en": "Transformers documentation",
-            "fr": "Documentation Transformers"
-        }
-    },
-    STEP3: {
-        TITLE: {
-            "en": "License Requirements",
-            "fr": "Critères de Licence"
-        },
-        T1: {
-            "en": "A ",
-            "fr": "Une "
-        },
-        STRONG1: {
-            "en": "license tag",
-            "fr": "balise de licence"
-        },
-        T2: {
-            "en": "is required.",
-            "fr": "est requise."
-        },
-        STRONG2: {
-            "en": "Open licenses",
-            "fr": "Les licences ouvertes"
-        },
-        T3: {
-            "en": "(Apache, MIT, etc) are strongly recommended.",
-            "fr": "(Apache, MIT, etc) sont fortement recommandées."
-        },
-        DOCLINK: {
-            "en": "About model licenses",
-            "fr": "A propos des licences de modèles"
-        }
-    },
-    STEP4: {
-        TITLE: {
-            "en": "Model Card Requirements",
-            "fr": "Critères sur la carte du modèle"
-        },
-        T1: {
-            "en": "Your model card must include: ",
-            "fr": "La carte de votre modèle doit inclure: "
-        },
-        STRONG1: {
-            "en": "training details",
-            "fr": "détails d'entrainement"
-        },
-        STRONG2: {
-            "en": "dataset information",
-            "fr": "information sur le jeux de donnees"
-        },
-        T2: {
-            "en": "intended use, limitations, and",
-            "fr": "usage prévu, limites, et"
-        },
-        STRONG3: {
-            "en": "performance metrics",
-            "fr": "métriques de performance"
-        },
-        DOCLINK: {
-            "en": "Model cards guide",
-            "fr": "Guide sur les cartes de modèles"
-        }
-    },
-    STEP5: {
-        TITLE: {
-            "en": "Final Checklist",
-            "fr": "Checklist finale"
-        },
-        T1: {
-            "en": "Ensure your model is ",
-            "fr": "Vérifiez que votre modèle est "
-        },
-        T2: {
-            "en": "uses ",
-            "fr": "utilise le format "
-        },
-        T3: {
-            "en": "format, has a ",
-            "fr": "a une"
-        },
-        STRONG1: {
-            "en": "license tag",
-            "fr": "balise de licence"
-        },
-        T4: {
-            "en": "and ",
-            "fr": "et "
-        },
-        STRONG2: {
-            "en": "loads correctly",
-            "fr": "chargé correctement"
-        },
-        T5: {
-            "en": "with the provided code",
-            "fr": "avec le code fourni"
-        },
-        DOCLINK: {
-            "en": "Sharing best practices",
-            "fr": "Bonnes pratiques de partage"
-        }
-    }
-}
+const TUTORIAL_STEPS = [
+  {
+    title: "Model Information",
+    content: (
+      <Stack spacing={2}>
+        <Typography variant="body2" color="text.secondary">
+          Your model should be <strong>public</strong> on the Hub and follow the{" "}
+          <strong>username/model-id</strong> format (e.g.
+          mistralai/Mistral-7B-v0.1). Specify the <strong>revision</strong>{" "}
+          (commit hash or branch) and <strong>model type</strong>.
+        </Typography>
+        <DocLink href="https://huggingface.co/docs/hub/models-uploading">
+          Model uploading guide
+        </DocLink>
+      </Stack>
+    ),
+  },
+  {
+    title: "Technical Details",
+    content: (
+      <Stack spacing={2}>
+        <Typography variant="body2" color="text.secondary">
+          Make sure your model can be <strong>loaded locally</strong> before
+          submitting:
+        </Typography>
+        <Box
+          sx={{
+            p: 2,
+            bgcolor: (theme) =>
+              theme.palette.mode === "dark" ? "grey.50" : "grey.900",
+            borderRadius: 1,
+            "& pre": {
+              m: 0,
+              p: 0,
+              fontFamily: "monospace",
+              fontSize: "0.875rem",
+              color: (theme) =>
+                theme.palette.mode === "dark" ? "grey.900" : "grey.50",
+            },
+          }}
+        >
+          <pre>
+            {`from transformers import AutoConfig, AutoModel, AutoTokenizer
+
+config = AutoConfig.from_pretrained("your-username/your-model", revision="main")
+model = AutoModel.from_pretrained("your-username/your-model", revision="main")
+tokenizer = AutoTokenizer.from_pretrained("your-username/your-model", revision="main")`}
+          </pre>
+        </Box>
+        <DocLink href="https://huggingface.co/docs/transformers/installation">
+          Transformers documentation
+        </DocLink>
+      </Stack>
+    ),
+  },
+  {
+    title: "License Requirements",
+    content: (
+      <Stack spacing={2}>
+        <Typography variant="body2" color="text.secondary">
+          A <strong>license tag</strong> is required.{" "}
+          <strong>Open licenses</strong> (Apache, MIT, etc) are strongly
+          recommended.
+        </Typography>
+        <DocLink href="https://huggingface.co/docs/hub/repositories-licenses">
+          About model licenses
+        </DocLink>
+      </Stack>
+    ),
+  },
+  {
+    title: "Model Card Requirements",
+    content: (
+      <Stack spacing={2}>
+        <Typography variant="body2" color="text.secondary">
+          Your model card must include: <strong>architecture</strong>,{" "}
+          <strong>training details</strong>,{" "}
+          <strong>dataset information</strong>, intended use, limitations, and{" "}
+          <strong>performance metrics</strong>.
+        </Typography>
+        <DocLink href="https://huggingface.co/docs/hub/model-cards">
+          Model cards guide
+        </DocLink>
+      </Stack>
+    ),
+  },
+  {
+    title: "Final Checklist",
+    content: (
+      <Stack spacing={2}>
+        <Typography variant="body2" color="text.secondary">
+          Ensure your model is <strong>public</strong>, uses{" "}
+          <strong>safetensors</strong> format, has a{" "}
+          <strong>license tag</strong>, and <strong>loads correctly</strong>{" "}
+          with the provided code.
+        </Typography>
+        <DocLink href="https://huggingface.co/docs/hub/repositories-getting-started">
+          Sharing best practices
+        </DocLink>
+      </Stack>
+    ),
+  },
+];
 
 function SubmissionGuide() {
   const location = useLocation();
@@ -220,7 +161,6 @@ function SubmissionGuide() {
   // Initialize state directly with URL value
   const initialExpanded = !new URLSearchParams(location.search).get("guide");
   const [expanded, setExpanded] = useState(initialExpanded);
-  const {resolveLocalizedString} = useResolveLocalizedString();
 
   // Sync expanded state with URL changes after initial render
   useEffect(() => {
@@ -242,108 +182,6 @@ function SubmissionGuide() {
     navigate({ search: params.toString() }, { replace: true });
   };
 
-  const TUTORIAL_STEPS = [
-    {
-      title: resolveLocalizedString(LOCALIZED_STEPS.STEP1.TITLE),
-      content: (
-        <Stack spacing={2}>
-          <Typography variant="body2" color="text.secondary">
-            {resolveLocalizedString(LOCALIZED_STEPS.STEP1.T1)} <strong>public</strong> {resolveLocalizedString(LOCALIZED_STEPS.STEP1.T2)} {" "}
-            <strong>username/model-id</strong> {resolveLocalizedString(LOCALIZED_STEPS.STEP1.T3)} <strong>{resolveLocalizedString(LOCALIZED_STEPS.STEP1.STRONG1)}</strong>{" "}
-            {resolveLocalizedString(LOCALIZED_STEPS.STEP1.T4)} <strong>{resolveLocalizedString(LOCALIZED_STEPS.STEP1.STRONG2)}</strong>.
-          </Typography>
-          <DocLink href="https://huggingface.co/docs/hub/models-uploading">
-            {resolveLocalizedString(LOCALIZED_STEPS.STEP1.DOCLINK)}
-          </DocLink>
-        </Stack>
-      ),
-    },
-    {
-      title: "Technical Details",
-      content: (
-        <Stack spacing={2}>
-          <Typography variant="body2" color="text.secondary">
-            {resolveLocalizedString(LOCALIZED_STEPS.STEP2.T1)} <strong>{resolveLocalizedString(LOCALIZED_STEPS.STEP2.STRONG1)}</strong> {resolveLocalizedString(LOCALIZED_STEPS.STEP2.T2)}
-          </Typography>
-          <Box
-            sx={{
-              p: 2,
-              bgcolor: (theme) =>
-                theme.palette.mode === "dark" ? "grey.50" : "grey.900",
-              borderRadius: 1,
-              "& pre": {
-                m: 0,
-                p: 0,
-                fontFamily: "monospace",
-                fontSize: "0.875rem",
-                color: (theme) =>
-                  theme.palette.mode === "dark" ? "grey.900" : "grey.50",
-              },
-            }}
-          >
-            <pre>
-              {`from transformers import AutoConfig, AutoModel, AutoTokenizer
-  
-  config = AutoConfig.from_pretrained("your-username/your-model", revision="main")
-  model = AutoModel.from_pretrained("your-username/your-model", revision="main")
-  tokenizer = AutoTokenizer.from_pretrained("your-username/your-model", revision="main")`}
-            </pre>
-          </Box>
-          <DocLink href="https://huggingface.co/docs/transformers/installation">
-            {resolveLocalizedString(LOCALIZED_STEPS.STEP2.DOCLINK)}
-          </DocLink>
-        </Stack>
-      ),
-    },
-    {
-      title: resolveLocalizedString(LOCALIZED_STEPS.STEP3.TITLE),
-      content: (
-        <Stack spacing={2}>
-          <Typography variant="body2" color="text.secondary">
-            {resolveLocalizedString(LOCALIZED_STEPS.STEP3.T1)}<strong>{resolveLocalizedString(LOCALIZED_STEPS.STEP3.STRONG1)}</strong> {resolveLocalizedString(LOCALIZED_STEPS.STEP3.T2)}{" "}
-            <strong>{resolveLocalizedString(LOCALIZED_STEPS.STEP3.STRONG2)}</strong> {resolveLocalizedString(LOCALIZED_STEPS.STEP3.T3)}
-          </Typography>
-          <DocLink href="https://huggingface.co/docs/hub/repositories-licenses">
-            {resolveLocalizedString(LOCALIZED_STEPS.STEP3.DOCLINK)}
-          </DocLink>
-        </Stack>
-      ),
-    },
-    {
-      title: resolveLocalizedString(LOCALIZED_STEPS.STEP4.TITLE),
-      content: (
-        <Stack spacing={2}>
-          <Typography variant="body2" color="text.secondary">
-            {resolveLocalizedString(LOCALIZED_STEPS.STEP4.T1)}<strong>architecture</strong>,{" "}
-            <strong>{resolveLocalizedString(LOCALIZED_STEPS.STEP4.STRONG1)}</strong>,{" "}
-            <strong>{resolveLocalizedString(LOCALIZED_STEPS.STEP4.STRONG2)}</strong>, {resolveLocalizedString(LOCALIZED_STEPS.STEP4.T2)}{" "}
-            <strong>{resolveLocalizedString(LOCALIZED_STEPS.STEP4.STRONG3)}</strong>.
-          </Typography>
-          <DocLink href="https://huggingface.co/docs/hub/model-cards">
-            {resolveLocalizedString(LOCALIZED_STEPS.STEP4.DOCLINK)}
-          </DocLink>
-        </Stack>
-      ),
-    },
-    {
-      title: resolveLocalizedString(LOCALIZED_STEPS.STEP5.TITLE),
-      content: (
-        <Stack spacing={2}>
-          <Typography variant="body2" color="text.secondary">
-            {resolveLocalizedString(LOCALIZED_STEPS.STEP5.T1)}<strong>public</strong>, {resolveLocalizedString(LOCALIZED_STEPS.STEP5.T2)}{" "}
-            <strong>safetensors</strong> {resolveLocalizedString(LOCALIZED_STEPS.STEP5.T3)}{" "}
-            <strong>{resolveLocalizedString(LOCALIZED_STEPS.STEP5.STRONG1)}</strong>, {resolveLocalizedString(LOCALIZED_STEPS.STEP5.T4)} <strong>{resolveLocalizedString(LOCALIZED_STEPS.STEP5.STRONG2)}</strong>{" "}
-            {resolveLocalizedString(LOCALIZED_STEPS.STEP5.T5)}.
-          </Typography>
-          <DocLink href="https://huggingface.co/docs/hub/repositories-getting-started">
-            {resolveLocalizedString(LOCALIZED_STEPS.STEP5.DOCLINK)}
-          </DocLink>
-        </Stack>
-      ),
-    },
-  ];
-
-
   return (
     <Paper
       elevation={0}
@@ -379,7 +217,7 @@ function SubmissionGuide() {
           variant="h6"
           sx={{ fontWeight: 600, color: "text.primary" }}
         >
-          {resolveLocalizedString(TITLE)}
+          Submission Guide
         </Typography>
         <ExpandMoreIcon
           sx={{

frontend/src/pages/LeaderboardPage/{LeaderboardPage.tsx → LeaderboardPage.jsx}

@@ -2,9 +2,9 @@ import { useEffect } from "react";
 import Leaderboard from "./components/Leaderboard/Leaderboard";
 import { Box } from "@mui/material";
 import PageHeader from "../../components/shared/PageHeader";
+import Logo from "../../components/Logo/Logo";
 import { useLeaderboardData } from "./components/Leaderboard/hooks/useLeaderboardData";
 import { useLeaderboard } from "./components/Leaderboard/context/LeaderboardContext";
-import { declareComponentKeys } from "i18nifty";
 
 function LeaderboardPage() {
   const { data, isLoading, error } = useLeaderboardData();
@@ -34,7 +34,6 @@ function LeaderboardPage() {
       </Box> */}
       <PageHeader
         title="Leaderboard"
-        subtitle={""}
         // subtitle={
         //   <>
         //     Comparer les grands modèles de langages {" "}
@@ -48,11 +47,4 @@ function LeaderboardPage() {
   );
 }
 
-const { i18n } = declareComponentKeys<
-| { K: "greating"; P: { who: string; } }
-| "how are you"
-| { K: "learn more"; P: { href: string; }; R: JSX.Element }
->()({ LeaderboardPage });
-export type I18n = typeof i18n;
-
 export default LeaderboardPage;

frontend/src/pages/LeaderboardPage/components/Leaderboard/Leaderboard.jsx

@@ -395,7 +395,7 @@ const Leaderboard = () => {
           alignItems: "center",
         }}
       >
-        {/* <Box
+        <Box
           sx={{
             width: {
               xs: "100%",
@@ -421,7 +421,7 @@ const Leaderboard = () => {
               />
             )}
           </Box>
-        </Box> */}
+        </Box>
 
         <Box
           sx={{

frontend/src/pages/LeaderboardPage/components/Leaderboard/components/Filters/SearchBar.jsx

@@ -185,7 +185,7 @@ const SearchBar = ({
         <InputBase
           value={localValue}
           onChange={handleLocalChange}
-          placeholder='Recherce par nom de modèle • essayez "meta @architecture:llama @license:mit"'
+          placeholder='Search by model name • try "meta @architecture:llama @license:mit"'
           sx={{
             flex: 1,
             fontSize: "1rem",
@@ -286,7 +286,7 @@ const SearchBar = ({
                 display: { xs: "none", md: "block" },
               }}
             >
-              Filtres avancés
+              Advanced Filters
             </Typography>
           </Box>
           <InfoIconWithTooltip
@@ -316,7 +316,8 @@ const SearchBar = ({
                 lineHeight: 1.5,
               }}
             >
-              Supporte la recherche stricte et les expressions régulières • Utilisez des points virgules pour plusieurs termes
+              Supports strict search and regex • Use semicolons for multiple
+              terms
             </Typography>
           </Box>
         )}

frontend/src/pages/LeaderboardPage/components/Leaderboard/components/Table/Table.jsx

@@ -35,7 +35,7 @@ const NoResultsFound = () => (
       justifyContent: "center",
       py: 8,
       textAlign: "center",
-      height: "500px",
+      height: "100%",
       backgroundColor: "background.paper",
     }}
   >
@@ -483,7 +483,7 @@ const LeaderboardTable = ({
         />
         <Paper
           sx={{
-            height: "500px",
+            height: "calc(100vh - 380px)",
             minHeight: "500px",
             resize: "vertical",
             overflow: "hidden",
@@ -554,7 +554,7 @@ const LeaderboardTable = ({
       <Paper
         elevation={0}
         sx={{
-          height: "500px",
+          height: "calc(100vh - 380px)",
           minHeight: "500px",
           resize: "vertical",
           overflow: "hidden",

frontend/src/pages/LeaderboardPage/components/Leaderboard/components/Table/hooks/useDataProcessing.js

@@ -13,23 +13,6 @@ import {
   useFilteredData,
   useColumnVisibility,
 } from "../../../hooks/useDataUtils";
-import { useResolveLocalizedString, useLang } from "i18n";
-import header from "components/Header/Header";
-
-const INT = {
-    RANK: {
-        "en": "Rank",
-        "fr": "Rang"
-    },
-    MODEL: {
-        "en": "Model",
-        "fr": "Modèle"
-    },
-    AVG: {
-        "en": "Average",
-        "fr": "Moyenne"
-    },
-}
 
 export const useDataProcessing = (
   data,
@@ -53,8 +36,6 @@ export const useDataProcessing = (
   const getColorForValue = useColorGenerator(minAverage, maxAverage);
   const processedData = useProcessedData(data, averageMode, visibleColumns);
   const columnVisibility = useColumnVisibility(visibleColumns);
-  const {resolveLocalizedString} = useResolveLocalizedString();
-  const {lang, setLang} = useLang();
 
   // Memoize filters
   const filterConfig = useMemo(
@@ -95,16 +76,8 @@ export const useDataProcessing = (
 
   // Memoize columns creation
   const columns = useMemo(
-    () => {
-
-      const headerNames = {
-        rank: resolveLocalizedString(INT.RANK),
-        model: resolveLocalizedString(INT.MODEL),
-        avg: resolveLocalizedString(INT.AVG),
-      }
-
-      return createColumns(
-        headerNames,
+    () =>
+      createColumns(
         getColorForValue,
         scoreDisplay,
         columnVisibility,
@@ -112,9 +85,8 @@ export const useDataProcessing = (
         averageMode,
         searchValue,
         rankingMode,
-        onTogglePin,
-      );
-    },
+        onTogglePin
+      ),
     [
       getColorForValue,
       scoreDisplay,
@@ -124,7 +96,6 @@ export const useDataProcessing = (
       searchValue,
       rankingMode,
       onTogglePin,
-      lang
     ]
   );
 

frontend/src/pages/LeaderboardPage/components/Leaderboard/constants/{defaults.tsx → defaults.js}

@@ -1,5 +1,4 @@
 import { MODEL_TYPE_ORDER } from "./modelTypes";
-import { LocalizedString, resolveLocalizedString } from "i18n";
 
 // Time constants (in milliseconds)
 const TIME = {
@@ -97,21 +96,6 @@ const COLUMN_SIZES = {
   CHAT_TEMPLATE: 140,
 };
 
-const RANK : LocalizedString = {
-    "en": "Rank",
-    "fr": "Rang"
-}
-
-const MODEL : LocalizedString = {
-    "en": "Model",
-    "fr": "Modèle"
-}
-
-const SCORE : LocalizedString = {
-    "en": "Average Score",
-    "fr": "Score moyen"
-}
-
 // Column definitions with organized structure
 const COLUMNS = {
   FIXED: {
@@ -119,7 +103,7 @@ const COLUMNS = {
       group: "fixed",
       size: COLUMN_SIZES.RANK,
       defaultVisible: true,
-      label: RANK,
+      label: "Rank",
     },
     "model.type_icon": {
       group: "fixed",
@@ -131,13 +115,13 @@ const COLUMNS = {
       group: "fixed",
       size: COLUMN_SIZES.MODEL,
       defaultVisible: true,
-      label: MODEL,
+      label: "Model",
     },
     "model.average_score": {
       group: "fixed",
       size: COLUMN_SIZES.AVERAGE_SCORE,
       defaultVisible: true,
-      label: SCORE,
+      label: "Average Score",
     },
   },
   EVALUATION: {
@@ -160,108 +144,108 @@ const COLUMNS = {
       label: "BAC FR",
     },
   },
-//   MODEL_INFO: {
-//     "metadata.co2_cost": {
-//       group: "model_info",
-//       size: COLUMN_SIZES.CO2_COST,
-//       defaultVisible: true,
-//       label: "CO₂ Cost (kg)",
-//     },
-//     "metadata.hub_hearts": {
-//       group: "model_info",
-//       size: COLUMN_SIZES.HUB_HEARTS,
-//       defaultVisible: false,
-//       label: "Hub ❤️",
-//     },
-//     "model.architecture": {
-//       group: "model_info",
-//       size: COLUMN_SIZES.ARCHITECTURE,
-//       defaultVisible: false,
-//       label: "Architecture",
-//     },
-//     "model.precision": {
-//       group: "model_info",
-//       size: COLUMN_SIZES.PRECISION,
-//       defaultVisible: false,
-//       label: "Precision",
-//     },
-//     "metadata.params_billions": {
-//       group: "model_info",
-//       size: COLUMN_SIZES.PARAMS,
-//       defaultVisible: false,
-//       label: "Parameters (B)",
-//     },
-//     "metadata.hub_license": {
-//       group: "model_info",
-//       size: COLUMN_SIZES.LICENSE,
-//       defaultVisible: false,
-//       label: "License",
-//     },
-//     "model.has_chat_template": {
-//       group: "model_info",
-//       size: COLUMN_SIZES.CHAT_TEMPLATE,
-//       defaultVisible: false,
-//       label: "Chat Template",
-//     },
-//   },
-//   ADDITIONAL_INFO: {
-//     "metadata.upload_date": {
-//       group: "additional_info",
-//       size: COLUMN_SIZES.UPLOAD_DATE,
-//       defaultVisible: false,
-//       label: "Upload Date",
-//     },
-//     "metadata.submission_date": {
-//       group: "additional_info",
-//       size: COLUMN_SIZES.SUBMISSION_DATE,
-//       defaultVisible: false,
-//       label: "Submission Date",
-//     },
-//     "metadata.generation": {
-//       group: "additional_info",
-//       size: COLUMN_SIZES.GENERATION,
-//       defaultVisible: false,
-//       label: "Generation",
-//     },
-//     "metadata.base_model": {
-//       group: "additional_info",
-//       size: COLUMN_SIZES.BASE_MODEL,
-//       defaultVisible: false,
-//       label: "Base Model",
-//     },
-//     "features.is_not_available_on_hub": {
-//       group: "additional_info",
-//       size: COLUMN_SIZES.HUB_AVAILABILITY,
-//       defaultVisible: false,
-//       label: "Hub Availability",
-//     },
-//     "features.is_official_provider": {
-//       group: "additional_info",
-//       size: COLUMN_SIZES.OFFICIAL_PROVIDER,
-//       defaultVisible: false,
-//       label: "Only Official Providers",
-//     },
-//     "features.is_moe": {
-//       group: "additional_info",
-//       size: COLUMN_SIZES.MOE,
-//       defaultVisible: false,
-//       label: "Mixture of Experts",
-//     },
-//     "features.is_flagged": {
-//       group: "additional_info",
-//       size: COLUMN_SIZES.FLAG_STATUS,
-//       defaultVisible: false,
-//       label: "Flag Status",
-//     },
-//   },
+  MODEL_INFO: {
+    "metadata.co2_cost": {
+      group: "model_info",
+      size: COLUMN_SIZES.CO2_COST,
+      defaultVisible: true,
+      label: "CO₂ Cost (kg)",
+    },
+    "metadata.hub_hearts": {
+      group: "model_info",
+      size: COLUMN_SIZES.HUB_HEARTS,
+      defaultVisible: false,
+      label: "Hub ❤️",
+    },
+    "model.architecture": {
+      group: "model_info",
+      size: COLUMN_SIZES.ARCHITECTURE,
+      defaultVisible: false,
+      label: "Architecture",
+    },
+    "model.precision": {
+      group: "model_info",
+      size: COLUMN_SIZES.PRECISION,
+      defaultVisible: false,
+      label: "Precision",
+    },
+    "metadata.params_billions": {
+      group: "model_info",
+      size: COLUMN_SIZES.PARAMS,
+      defaultVisible: false,
+      label: "Parameters (B)",
+    },
+    "metadata.hub_license": {
+      group: "model_info",
+      size: COLUMN_SIZES.LICENSE,
+      defaultVisible: false,
+      label: "License",
+    },
+    "model.has_chat_template": {
+      group: "model_info",
+      size: COLUMN_SIZES.CHAT_TEMPLATE,
+      defaultVisible: false,
+      label: "Chat Template",
+    },
+  },
+  ADDITIONAL_INFO: {
+    "metadata.upload_date": {
+      group: "additional_info",
+      size: COLUMN_SIZES.UPLOAD_DATE,
+      defaultVisible: false,
+      label: "Upload Date",
+    },
+    "metadata.submission_date": {
+      group: "additional_info",
+      size: COLUMN_SIZES.SUBMISSION_DATE,
+      defaultVisible: false,
+      label: "Submission Date",
+    },
+    "metadata.generation": {
+      group: "additional_info",
+      size: COLUMN_SIZES.GENERATION,
+      defaultVisible: false,
+      label: "Generation",
+    },
+    "metadata.base_model": {
+      group: "additional_info",
+      size: COLUMN_SIZES.BASE_MODEL,
+      defaultVisible: false,
+      label: "Base Model",
+    },
+    "features.is_not_available_on_hub": {
+      group: "additional_info",
+      size: COLUMN_SIZES.HUB_AVAILABILITY,
+      defaultVisible: false,
+      label: "Hub Availability",
+    },
+    "features.is_official_provider": {
+      group: "additional_info",
+      size: COLUMN_SIZES.OFFICIAL_PROVIDER,
+      defaultVisible: false,
+      label: "Only Official Providers",
+    },
+    "features.is_moe": {
+      group: "additional_info",
+      size: COLUMN_SIZES.MOE,
+      defaultVisible: false,
+      label: "Mixture of Experts",
+    },
+    "features.is_flagged": {
+      group: "additional_info",
+      size: COLUMN_SIZES.FLAG_STATUS,
+      defaultVisible: false,
+      label: "Flag Status",
+    },
+  },
 };
 
 // Combine all columns for backward compatibility
 const ALL_COLUMNS = {
   ...COLUMNS.FIXED,
   ...COLUMNS.EVALUATION,
-//   ...COLUMNS.MODEL_INFO,
-//   ...COLUMNS.ADDITIONAL_INFO,
+  ...COLUMNS.MODEL_INFO,
+  ...COLUMNS.ADDITIONAL_INFO,
 };
 
 // Column definitions for external use (maintaining the same interface)
@@ -269,8 +253,8 @@ const COLUMN_DEFINITIONS = {
   ALL_COLUMNS,
   COLUMN_GROUPS: {
     "Evaluation Scores": Object.keys(COLUMNS.EVALUATION),
-    // "Model Information": Object.keys(COLUMNS.MODEL_INFO),
-    // "Additional Information": Object.keys(COLUMNS.ADDITIONAL_INFO),
+    "Model Information": Object.keys(COLUMNS.MODEL_INFO),
+    "Additional Information": Object.keys(COLUMNS.ADDITIONAL_INFO),
   },
   COLUMN_LABELS: Object.entries(ALL_COLUMNS).reduce((acc, [key, value]) => {
     acc[key] = value.label;

frontend/src/pages/LeaderboardPage/components/Leaderboard/constants/tooltips.jsx

@@ -70,15 +70,20 @@ export const COLUMN_TOOLTIPS = {
     },
   ]),
 
-  BACFR: createTooltipContent("French Baccalauréat (BAC FR):", [
+  BACFR: createTooltipContent("Multistep Soft Reasoning (MuSR):", [
     {
       label: "Scope",
-      description: "more than 700 question from the baccalauréat exam (end of high school national French exam), including the followong subjects : maths, computer science and physics-chemestry. The extracted questions are multiple choice, code completation or exact solution answer (with a tolerence degree).",
+      description: "Reasoning and understanding on/of long texts",
+      subItems: [
+        "Language understanding",
+        "Reasoning capabilities",
+        "Long context reasoning",
+      ],
     },
     {
       label: "Scoring: Accuracy",
       description:
-        "(Prefix quasi-exact match) Was the solution generated correct and in the expected format.",
+        "Was the correct choice selected among the options.",
     },
   ]),
 

frontend/src/pages/LeaderboardPage/components/Leaderboard/utils/columnUtils.jsx

@@ -18,7 +18,6 @@ import {
 import OpenInNewIcon from "@mui/icons-material/OpenInNew";
 import { alpha } from "@mui/material/styles";
 import InfoIconWithTooltip from "../../../../../components/shared/InfoIconWithTooltip";
-import { useResolveLocalizedString } from "i18n";
 
 const DatabaseIcon = () => (
   <svg
@@ -280,48 +279,45 @@ const getDetailsUrl = (modelName) => {
   return `https://huggingface.co/datasets/open-llm-leaderboard/${formattedName}-details`;
 };
 
-const HeaderLabel = ({ label, tooltip, className, isSorted }) => {
-
-    const { resolveLocalisedString } = useResolveLocalizedString();
-
-    return (<Tooltip
-        title={label}
-        arrow
-        placement="top"
-        enterDelay={1000}
-        componentsProps={getTooltipStyle}
-      >
-        <Typography
-          className={className}
-          sx={{
-            fontWeight: 600,
-            color: isSorted ? "primary.main" : "grey.700",
-            flex: 1,
-            transition: "max-width 0.2s ease",
-            maxWidth: "100%",
-            ...(label === "Rank" || label === "Type"
-              ? {
-                  overflow: "visible",
-                  whiteSpace: "normal",
-                  textOverflow: "clip",
-                  textAlign: "center",
-                }
-              : {
-                  overflow: "hidden",
-                  textOverflow: "ellipsis",
-                  whiteSpace: "nowrap",
-                }),
-            "@media (hover: hover)": {
-              ".MuiTableCell-root:hover &": {
-                maxWidth: tooltip ? "calc(100% - 48px)" : "100%",
-              },
-            },
-          }}
-        >
-          {label}
-        </Typography>
-      </Tooltip>);
-};
+const HeaderLabel = ({ label, tooltip, className, isSorted }) => (
+  <Tooltip
+    title={label}
+    arrow
+    placement="top"
+    enterDelay={1000}
+    componentsProps={getTooltipStyle}
+  >
+    <Typography
+      className={className}
+      sx={{
+        fontWeight: 600,
+        color: isSorted ? "primary.main" : "grey.700",
+        flex: 1,
+        transition: "max-width 0.2s ease",
+        maxWidth: "100%",
+        ...(label === "Rank" || label === "Type"
+          ? {
+              overflow: "visible",
+              whiteSpace: "normal",
+              textOverflow: "clip",
+              textAlign: "center",
+            }
+          : {
+              overflow: "hidden",
+              textOverflow: "ellipsis",
+              whiteSpace: "nowrap",
+            }),
+        "@media (hover: hover)": {
+          ".MuiTableCell-root:hover &": {
+            maxWidth: tooltip ? "calc(100% - 48px)" : "100%",
+          },
+        },
+      }}
+    >
+      {label}
+    </Typography>
+  </Tooltip>
+);
 
 const InfoIcon = ({ tooltip }) => (
   <Box
@@ -370,7 +366,7 @@ const createHeaderCell = (label, tooltip) => (header) =>
   );
 
 const createModelHeader =
-  (localizedModelString, totalModels, officialProvidersCount = 0, isOfficialProviderActive = false) =>
+  (totalModels, officialProvidersCount = 0, isOfficialProviderActive = false) =>
   ({ table }) => {
     return (
       <Box
@@ -397,7 +393,7 @@ const createModelHeader =
               whiteSpace: "nowrap",
             }}
           >
-            {localizedModelString}
+            Model
           </Typography>
         </Box>
       </Box>
@@ -445,7 +441,6 @@ const BooleanValue = ({ value }) => {
 };
 
 export const createColumns = (
-  headerNames,
   getColorForValue,
   scoreDisplay = "normalized",
   columnVisibility = {},
@@ -454,14 +449,12 @@ export const createColumns = (
   searchValue = "",
   rankingMode = "static",
   onTogglePin,
-  hasPinnedRows = false,
+  hasPinnedRows = false
 ) => {
   // Ajuster les tailles des colonnes en fonction de la présence de lignes épinglées
   const getColumnSize = (defaultSize) =>
     hasPinnedRows ? "auto" : `${defaultSize}px`;
 
-    console.log(headerNames)
-
   const baseColumns = [
     {
       accessorKey: "isPinned",
@@ -503,7 +496,7 @@ export const createColumns = (
     },
     {
       accessorKey: "rank",
-      header: headerNames ? createHeaderCell(headerNames.rank) : "",
+      header: createHeaderCell("Rank"),
       cell: ({ row }) => {
         const rank =
           rankingMode === "static"
@@ -553,7 +546,7 @@ export const createColumns = (
     },
     {
       accessorKey: "id",
-      header: createModelHeader(headerNames.model, totalModels),
+      header: createModelHeader(totalModels),
       cell: ({ row }) => {
         const textSearch = extractTextSearch(searchValue);
         const modelName = row.original.model.name;
@@ -607,6 +600,38 @@ export const createColumns = (
                 }}
               >
                 <HighlightedText text={modelName} searchValue={textSearch} />
+                <OpenInNewIcon
+                  sx={{
+                    fontSize: "0.75rem",
+                    opacity: 0.6,
+                    transition: "opacity 0.2s ease-in-out",
+                    ml: 0.5,
+                    flexShrink: 0,
+                  }}
+                />
+              </Link>
+              <Link
+                href={getDetailsUrl(modelName)}
+                target="_blank"
+                rel="noopener noreferrer"
+                aria-label={`View detailed evaluation results for ${modelName}`}
+                title={TABLE_TOOLTIPS.EVAL_RESULTS(modelName)}
+                sx={{
+                  textDecoration: "none",
+                  "&:hover": {
+                    textDecoration: "underline",
+                    "& svg": {
+                      color: "text.primary",
+                    },
+                  },
+                  display: "flex",
+                  alignItems: "center",
+                  color: "text.secondary",
+                  flexShrink: 0,
+                  mr: 0,
+                }}
+              >
+                <DatabaseIcon />
               </Link>
             </Box>
           </Box>
@@ -616,7 +641,7 @@ export const createColumns = (
     },
     {
       accessorKey: "model.average_score",
-      header: createHeaderCell(headerNames.avg, COLUMN_TOOLTIPS.AVERAGE),
+      header: createHeaderCell("Average", COLUMN_TOOLTIPS.AVERAGE),
       cell: ({ row, getValue }) =>
         createScoreCell(getValue, row, "model.average_score"),
       size: TABLE_DEFAULTS.COLUMNS.COLUMN_SIZES["model.average_score"],

frontend/tsconfig.app.json

@@ -1,30 +0,0 @@
-{
-    "compilerOptions": {
-      "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
-      "target": "ES2020",
-      "useDefineForClassFields": true,
-      "lib": ["ES2020", "DOM", "DOM.Iterable"],
-      "module": "ESNext",
-      "skipLibCheck": true,
-      "baseUrl": "src",
-  
-      /* Bundler mode */
-      "moduleResolution": "bundler",
-      "allowImportingTsExtensions": true,
-      "isolatedModules": true,
-      "moduleDetection": "force",
-      "noEmit": true,
-      "jsx": "react-jsx",
-      "allowJs": true,
-  
-      /* Linting */
-      "strict": true,
-      "noImplicitAny": false,
-      "noUnusedLocals": true,
-      "noUnusedParameters": true,
-      "noFallthroughCasesInSwitch": true,
-      "noUncheckedSideEffectImports": true
-    },
-    "include": ["src"]
-  }
-  

frontend/tsconfig.json

@@ -1,8 +0,0 @@
-{
-    "files": [],
-    "references": [
-      { "path": "./tsconfig.app.json" },
-      { "path": "./tsconfig.node.json" }
-    ]
-  }
-  

frontend/tsconfig.node.json

@@ -1,25 +0,0 @@
-{
-    "compilerOptions": {
-      "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
-      "target": "ES2022",
-      "lib": ["ES2023"],
-      "module": "ESNext",
-      "skipLibCheck": true,
-  
-      /* Bundler mode */
-      "moduleResolution": "bundler",
-      "allowImportingTsExtensions": true,
-      "isolatedModules": true,
-      "moduleDetection": "force",
-      "noEmit": true,
-  
-      /* Linting */
-      "strict": true,
-      "noUnusedLocals": true,
-      "noUnusedParameters": true,
-      "noFallthroughCasesInSwitch": true,
-      "noUncheckedSideEffectImports": true
-    },
-    "include": ["vite.config.ts"]
-  }
-  

frontend/vite.config.js

@@ -1,13 +1,9 @@
 import { defineConfig } from 'vite'
-import tsconfigPaths from "vite-tsconfig-paths";
 import react from '@vitejs/plugin-react'
 
 // https://vite.dev/config/
 export default defineConfig({
-  plugins: [
-    react(),
-    tsconfigPaths()
- ],
+  plugins: [react()],
   server: {
     proxy: {
       '/api': {