add uid to context

backend/app/services/leaderboard.py

@@ -102,6 +102,9 @@ class LeaderboardService:
             model_name = data.get("fullname", "Unknown")
             logger.debug(LogFormatter.info(f"Transforming data for model: {model_name}"))
             
+            # Create unique ID combining model name, precision, sha and chat template status
+            unique_id = f"{data.get('fullname', 'Unknown')}_{data.get('Precision', 'Unknown')}_{data.get('Model sha', 'Unknown')}_{str(data.get('Chat Template', False))}"
+            
             evaluations = {
                 "ifeval": {
                     "name": "IFEval",
@@ -174,14 +177,14 @@ class LeaderboardService:
                 "fine tuning": "fined-tuned-on-domain-specific-dataset",
                 "fine-tuning": "fined-tuned-on-domain-specific-dataset"
             }
-            
+
             mapped_type = model_type_mapping.get(model_type.lower().strip(), model_type)
             
             if mapped_type != model_type:
                 logger.debug(LogFormatter.info(f"Model type mapped: {original_type} -> {mapped_type}"))
             
             transformed_data = {
-                "id": data.get("eval_name"),
+                "id": unique_id,
                 "model": {
                     "name": data.get("fullname"),
                     "sha": data.get("Model sha"),

frontend/src/pages/LeaderboardPage/components/Leaderboard/components/Filters/Filters.js

@@ -379,9 +379,12 @@ const LeaderboardFilters = ({
       clearTimeout(stableTimerRef.current);
     }
 
-    // Trigger search after debounce
+    // Update URL immediately
+    onParamsRangeChange(newValue);
+
+    // Trigger data update after debounce
     stableTimerRef.current = setTimeout(() => {
-      onParamsRangeChange(newValue);
+      actions.updateFilteredData();
     }, TABLE_DEFAULTS.DEBOUNCE.SEARCH);
   };
 

frontend/src/pages/LeaderboardPage/components/Leaderboard/components/Filters/hooks/useOfficialProvidersMode.js

@@ -117,10 +117,8 @@ export const useOfficialProvidersMode = () => {
         timestamp: now,
       };
 
-      // Update URL with a slight delay
-      setTimeout(() => {
-        setSearchParams(newSearchParams, { replace: true });
-      }, 0);
+      // Update search params and let HashRouter handle the URL
+      setSearchParams(newSearchParams);
     },
     [searchParams, setSearchParams]
   );

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

@@ -259,8 +259,8 @@ const LeaderboardTable = ({
     const pinnedModelRows = rows.filter((row) => row.original.isPinned);
     // Sort pinned models according to their original order in pinnedModels
     return pinnedModelRows.sort((a, b) => {
-      const aIndex = pinnedModels.indexOf(a.original.model.name);
-      const bIndex = pinnedModels.indexOf(b.original.model.name);
+      const aIndex = pinnedModels.indexOf(a.original.id);
+      const bIndex = pinnedModels.indexOf(b.original.id);
       return aIndex - bIndex;
     });
   }, [rows, pinnedModels]);

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

@@ -119,8 +119,8 @@ export const useDataProcessing = (
 
           if (rowA.original.isPinned && rowB.original.isPinned) {
             return (
-              pinnedModels.indexOf(rowA.original.model.name) -
-              pinnedModels.indexOf(rowB.original.model.name)
+              pinnedModels.indexOf(rowA.original.id) -
+              pinnedModels.indexOf(rowB.original.id)
             );
           }
 

frontend/src/pages/LeaderboardPage/components/Leaderboard/context/LeaderboardContext.js

@@ -297,12 +297,12 @@ const reducer = (state, action) => {
       };
 
     case "TOGGLE_PINNED_MODEL":
-      const modelName = action.payload;
+      const modelKey = action.payload;
       const pinnedModels = [...state.pinnedModels];
-      const modelIndex = pinnedModels.indexOf(modelName);
+      const modelIndex = pinnedModels.indexOf(modelKey);
 
       if (modelIndex === -1) {
-        pinnedModels.push(modelName);
+        pinnedModels.push(modelKey);
       } else {
         pinnedModels.splice(modelIndex, 1);
       }
@@ -659,25 +659,10 @@ const LeaderboardProvider = ({ children }) => {
       precisionsChanged ||
       typesChanged
     ) {
-      setSearchParams(newSearchParams, { replace: true });
+      // Update search params and let HashRouter handle the URL
+      setSearchParams(newSearchParams);
     }
-  }, [
-    state.filters.paramsRange,
-    state.filters.booleanFilters,
-    state.filters.search,
-    state.filters.isOfficialProviderActive,
-    state.filters.precisions,
-    state.filters.types,
-    state.pinnedModels,
-    state.display.visibleColumns,
-    state.display.rowSize,
-    state.display.scoreDisplay,
-    state.display.averageMode,
-    state.display.rankingMode,
-    searchParams,
-    setSearchParams,
-    location.state,
-  ]);
+  }, [state, searchParams, location.state]);
 
   const actions = useMemo(
     () => ({
@@ -688,8 +673,8 @@ const LeaderboardProvider = ({ children }) => {
       setFilter: (key, value) => dispatch({ type: "SET_FILTER", key, value }),
       setDisplayOption: (key, value) =>
         dispatch({ type: "SET_DISPLAY_OPTION", key, value }),
-      togglePinnedModel: (modelName) =>
-        dispatch({ type: "TOGGLE_PINNED_MODEL", payload: modelName }),
+      togglePinnedModel: (modelKey) =>
+        dispatch({ type: "TOGGLE_PINNED_MODEL", payload: modelKey }),
       toggleOfficialProvider: () =>
         dispatch({ type: "TOGGLE_OFFICIAL_PROVIDER" }),
       toggleFiltersExpanded: () =>
@@ -707,19 +692,13 @@ const LeaderboardProvider = ({ children }) => {
         ].forEach((param) => {
           newParams.delete(param);
         });
-        setSearchParams(newParams, { replace: true });
+        setSearchParams(newParams);
       },
       resetAll: () => {
         // Reset all state
         dispatch({ type: "RESET_ALL" });
         // Clear all URL params with skipUrlSync flag
-        setSearchParams(
-          {},
-          {
-            replace: true,
-            state: { skipUrlSync: true },
-          }
-        );
+        setSearchParams({}, { state: { skipUrlSync: true } });
       },
     }),
     [searchParams, setSearchParams]

frontend/src/pages/LeaderboardPage/components/Leaderboard/hooks/useDataUtils.js

@@ -104,12 +104,12 @@ export const useFilteredData = (
   isOfficialProviderActive = false
 ) => {
   return useMemo(() => {
-    const pinnedData = processedData.filter((row) =>
-      pinnedModels.includes(row.model.name)
-    );
-    const unpinnedData = processedData.filter(
-      (row) => !pinnedModels.includes(row.model.name)
-    );
+    const pinnedData = processedData.filter((row) => {
+      return pinnedModels.includes(row.id);
+    });
+    const unpinnedData = processedData.filter((row) => {
+      return !pinnedModels.includes(row.id);
+    });
 
     let filteredUnpinned = unpinnedData;
 
@@ -213,8 +213,8 @@ export const useFilteredData = (
 
     // Create ordered array of pinned models respecting pinnedModels order
     const orderedPinnedData = pinnedModels
-      .map((pinnedModelName) =>
-        pinnedData.find((item) => item.model.name === pinnedModelName)
+      .map((pinnedModelId) =>
+        pinnedData.find((item) => item.id === pinnedModelId)
       )
       .filter(Boolean);
 
@@ -223,31 +223,47 @@ export const useFilteredData = (
 
     // Sort all data by average_score for dynamic_rank
     const sortedByScore = [...allFilteredData].sort((a, b) => {
-      if (a.model.average_score === null && b.model.average_score === null)
-        return 0;
-      if (a.model.average_score === null) return 1;
-      if (b.model.average_score === null) return -1;
-      return b.model.average_score - a.model.average_score;
+      // Si les scores moyens sont différents, trier par score
+      if (a.model.average_score !== b.model.average_score) {
+        if (a.model.average_score === null && b.model.average_score === null)
+          return 0;
+        if (a.model.average_score === null) return 1;
+        if (b.model.average_score === null) return -1;
+        return b.model.average_score - a.model.average_score;
+      }
+
+      // Si les scores sont égaux, comparer le nom du modèle et la date de soumission
+      if (a.model.name === b.model.name) {
+        // Si même nom, trier par date de soumission (la plus récente d'abord)
+        const dateA = new Date(a.metadata?.submission_date || 0);
+        const dateB = new Date(b.metadata?.submission_date || 0);
+        return dateB - dateA;
+      }
+
+      // Si noms différents, trier par nom
+      return a.model.name.localeCompare(b.model.name);
     });
 
     // Create Map to store dynamic_ranks
     const dynamicRankMap = new Map();
     sortedByScore.forEach((item, index) => {
-      dynamicRankMap.set(item.model.name, index + 1);
+      dynamicRankMap.set(item.id, index + 1);
     });
 
     // Add ranks to final data
     const finalData = [...orderedPinnedData, ...filteredUnpinned].map(
-      (item) => ({
-        ...item,
-        dynamic_rank: dynamicRankMap.get(item.model.name),
-        rank: item.isPinned
-          ? pinnedModels.indexOf(item.model.name) + 1
-          : rankingMode === "static"
-          ? item.static_rank
-          : dynamicRankMap.get(item.model.name),
-        isPinned: pinnedModels.includes(item.model.name),
-      })
+      (item) => {
+        return {
+          ...item,
+          dynamic_rank: dynamicRankMap.get(item.id),
+          rank: item.isPinned
+            ? pinnedModels.indexOf(item.id) + 1
+            : rankingMode === "static"
+            ? item.static_rank
+            : dynamicRankMap.get(item.id),
+          isPinned: pinnedModels.includes(item.id),
+        };
+      }
     );
 
     return finalData;

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

@@ -473,7 +473,7 @@ export const createColumns = (
             onClick={(e) => {
               e.stopPropagation();
               e.preventDefault();
-              onTogglePin(row.original.model.name);
+              onTogglePin(row.original.id);
             }}
             sx={{
               padding: 0.5,