update color filter

client/src/components/LeaderboardCard.jsx

@@ -12,6 +12,7 @@ const LeaderboardCard = ({ leaderboard }) => {
     consolidated_notes,
     organization,
     last_modified,
+    editor_short_description,
   } = leaderboard;
 
   const { getHighlightedText, searchQuery } = useLeaderboard();
@@ -51,6 +52,12 @@ const LeaderboardCard = ({ leaderboard }) => {
   // Séparer les emojis s'il y en a plusieurs
   const emojis = card_data.emoji?.trim().split(/\s+/) || ["🎯"];
 
+  // Obtenir la description à afficher
+  const displayDescription =
+    card_data.short_description ||
+    editor_short_description ||
+    consolidated_notes;
+
   return (
     <Box
       component="a"
@@ -244,13 +251,12 @@ const LeaderboardCard = ({ leaderboard }) => {
                 ))}
               </Box>
             </Box>
-            {(card_data.short_description || consolidated_notes) && (
+            {displayDescription && (
               <Typography
                 variant="body2"
                 sx={{
-                  color: "white",
-                  opacity: 0.8,
-                  fontSize: "0.875rem",
+                  mt: 1,
+                  opacity: 0.9,
                   overflow: "hidden",
                   textOverflow: "ellipsis",
                   display: "-webkit-box",
@@ -260,7 +266,7 @@ const LeaderboardCard = ({ leaderboard }) => {
                     "drop-shadow(0 10px 8px rgb(0 0 0 / .04)) drop-shadow(0 4px 3px rgb(0 0 0 / .1))",
                 }}
               >
-                {card_data.short_description || consolidated_notes}
+                {displayDescription}
               </Typography>
             )}
           </CardContent>

client/src/components/LeaderboardFilters/LeaderboardFilters.jsx

@@ -1,29 +1,25 @@
 import React, { useState, useMemo } from "react";
-import {
-  Box,
-  Stack,
-  Button,
-  FormControlLabel,
-  Switch,
-  TextField,
-  InputAdornment,
-  Typography,
-  Divider,
-} from "@mui/material";
-import SearchIcon from "@mui/icons-material/Search";
+import { Box, Stack, Button, useMediaQuery } from "@mui/material";
 import { useLeaderboard } from "../../context/LeaderboardContext";
 import { useDebounce } from "../../hooks/useDebounce";
 import { alpha } from "@mui/material/styles";
-import { useMediaQuery } from "@mui/material";
+import SearchBar from "./SearchBar";
 
 // Helper function to get the category group of a section
 const getSectionGroup = (id) => {
   const groups = {
-    modalities: ["agentic", "vision", "audio"],
-    capabilities: ["code", "math", "rag"],
-    languages: ["language"],
-    domains: ["financial", "medical", "legal", "biology"],
-    evaluation: ["safety"],
+    science: ["code", "math", "biology", "chemistry", "physics"],
+    modalities: ["text", "image", "video", "audio", "threeD", "embeddings"],
+    llm_capabilities: [
+      "rag",
+      "reasoning",
+      "agentic",
+      "safety",
+      "performance",
+      "hallucination",
+    ],
+    domain_specific: ["medical", "financial", "legal", "commercial"],
+    language_related: ["language", "translation"],
     misc: ["uncategorized"],
   };
 
@@ -35,16 +31,40 @@ const getSectionGroup = (id) => {
   return "misc";
 };
 
-const LeaderboardFilters = ({ allSections }) => {
+// Colors for each group
+const groupColors = {
+  science: {
+    main: "#2196F3",
+    light: "#E3F2FD",
+  },
+  modalities: {
+    main: "#9C27B0",
+    light: "#F3E5F5",
+  },
+  llm_capabilities: {
+    main: "#4CAF50",
+    light: "#E8F5E9",
+  },
+  domain_specific: {
+    main: "#FF9800",
+    light: "#FFF3E0",
+  },
+  language_related: {
+    main: "#F44336",
+    light: "#FFEBEE",
+  },
+  misc: {
+    main: "#607D8B",
+    light: "#ECEFF1",
+  },
+};
+
+const LeaderboardFilters = ({ allSections = [] }) => {
   const {
     setSearchQuery,
     arenaOnly,
     setArenaOnly,
-    totalLeaderboards,
-    filteredCount,
     filterLeaderboards,
-    filterLeaderboardsForCount,
-    leaderboards,
     selectedCategory,
     setSelectedCategory,
     searchQuery,
@@ -66,33 +86,34 @@ const LeaderboardFilters = ({ allSections }) => {
 
   // Update total arena count
   React.useEffect(() => {
-    // Si une catégorie est sélectionnée, on compte les arena dans cette catégorie
     const boardsToCount = selectedCategory
       ? allSections.find((section) => section.id === selectedCategory)?.data ||
         []
-      : allSections.reduce((acc, section) => [...acc, ...section.data], []);
+      : allSections.reduce(
+          (acc, section) => [...acc, ...(section.data || [])],
+          []
+        );
 
     const arenaCount = boardsToCount.filter((board) =>
       board.tags?.includes("judge:humans")
     ).length;
     setTotalArenaCount(arenaCount);
-  }, [leaderboards, selectedCategory, allSections]);
-
-  // Check if any filter is active
-  const isFilterActive = debouncedSearch || arenaOnly;
+  }, [selectedCategory, allSections]);
 
   // Calculer le nombre total en fonction de la catégorie sélectionnée
   const totalCount = useMemo(() => {
+    if (!allSections) return 0;
+
     if (selectedCategory) {
       const categorySection = allSections.find(
         (section) => section.id === selectedCategory
       );
-      return categorySection ? categorySection.data.length : 0;
+      return categorySection?.data?.length || 0;
     }
-    // Quand aucune catégorie n'est sélectionnée, on compte les leaderboards uniques
+
     const uniqueIds = new Set();
     allSections.forEach((section) => {
-      section.data.forEach((board) => {
+      (section.data || []).forEach((board) => {
         if (board.approval_status === "approved") {
           uniqueIds.add(board.id);
         }
@@ -103,8 +124,9 @@ const LeaderboardFilters = ({ allSections }) => {
 
   // Calculer le nombre filtré en prenant en compte tous les filtres
   const currentFilteredCount = useMemo(() => {
-    // Si on a uniquement le filtre arena actif (pas de recherche ni de catégorie)
-    if (arenaOnly && !debouncedSearch && !selectedCategory) {
+    if (!allSections) return 0;
+
+    if (arenaOnly && !searchQuery && !selectedCategory) {
       return totalArenaCount;
     }
 
@@ -112,14 +134,13 @@ const LeaderboardFilters = ({ allSections }) => {
       const categorySection = allSections.find(
         (section) => section.id === selectedCategory
       );
-      if (!categorySection) return 0;
+      if (!categorySection?.data) return 0;
       return filterLeaderboards(categorySection.data).length;
     }
 
-    // Quand aucune catégorie n'est sélectionnée, on utilise un Set pour éviter les doublons
     const uniqueFilteredIds = new Set();
     allSections.forEach((section) => {
-      const filteredBoards = filterLeaderboards(section.data);
+      const filteredBoards = filterLeaderboards(section.data || []);
       filteredBoards.forEach((board) => {
         if (board.approval_status === "approved") {
           uniqueFilteredIds.add(board.id);
@@ -132,7 +153,7 @@ const LeaderboardFilters = ({ allSections }) => {
     allSections,
     filterLeaderboards,
     arenaOnly,
-    debouncedSearch,
+    searchQuery,
     totalArenaCount,
   ]);
 
@@ -145,7 +166,7 @@ const LeaderboardFilters = ({ allSections }) => {
         sx={{
           width: {
             xs: "100%",
-            md: "60%",
+            md: "68%",
           },
         }}
       >
@@ -157,8 +178,8 @@ const LeaderboardFilters = ({ allSections }) => {
           justifyContent="center"
           sx={{ pb: 2 }}
         >
-          {allSections.map(({ id, title, data }, index) => {
-            const filteredCount = filterLeaderboardsForCount(data).length;
+          {(allSections || []).map(({ id, title, data = [] }, index) => {
+            const count = data.length;
             const currentGroup = getSectionGroup(id);
             const prevGroup =
               index > 0 ? getSectionGroup(allSections[index - 1].id) : null;
@@ -171,33 +192,44 @@ const LeaderboardFilters = ({ allSections }) => {
                 )}
                 <Button
                   onClick={() => {
-                    if (selectedCategory === id || filteredCount > 0) {
+                    if (selectedCategory === id || count > 0) {
                       setSelectedCategory(selectedCategory === id ? null : id);
                     }
                   }}
                   variant={selectedCategory === id ? "contained" : "outlined"}
                   size="small"
-                  disabled={filteredCount === 0 && selectedCategory !== id}
+                  disabled={count === 0 && selectedCategory !== id}
                   sx={{
                     textTransform: "none",
                     cursor:
-                      filteredCount === 0 && selectedCategory !== id
+                      count === 0 && selectedCategory !== id
                         ? "default"
                         : "pointer",
                     mb: 1,
-                    backgroundColor: (theme) =>
-                      selectedCategory === id
-                        ? undefined
-                        : theme.palette.mode === "dark"
+                    backgroundColor: (theme) => {
+                      if (selectedCategory === id) {
+                        return groupColors[currentGroup]?.main;
+                      }
+                      return theme.palette.mode === "dark"
                         ? "background.paper"
-                        : "white",
+                        : groupColors[currentGroup]?.light;
+                    },
+                    color: (theme) => {
+                      if (selectedCategory === id) {
+                        return "white";
+                      }
+                      return groupColors[currentGroup]?.main;
+                    },
+                    borderColor: (theme) => {
+                      return groupColors[currentGroup]?.main;
+                    },
                     "&:hover": {
-                      backgroundColor: (theme) =>
-                        selectedCategory === id
-                          ? undefined
-                          : theme.palette.mode === "dark"
-                          ? "background.paper"
-                          : "white",
+                      backgroundColor: (theme) => {
+                        if (selectedCategory === id) {
+                          return groupColors[currentGroup]?.main;
+                        }
+                        return groupColors[currentGroup]?.light;
+                      },
                     },
                     "& .MuiTouchRipple-root": {
                       transition: "none",
@@ -228,7 +260,7 @@ const LeaderboardFilters = ({ allSections }) => {
                         ),
                       })}
                     />
-                    {filteredCount}
+                    {count}
                   </Box>
                 </Button>
               </React.Fragment>
@@ -238,121 +270,16 @@ const LeaderboardFilters = ({ allSections }) => {
       </Box>
 
       {/* Search bar */}
-      <Box sx={{ width: "100%" }}>
-        <TextField
-          size="large"
-          placeholder={
-            isMobile
-              ? "Search by name or tags..."
-              : "Search by name or use domain:, language:, eval:, judge:, test:, modality:, submission:"
-          }
-          value={inputValue}
-          onChange={(e) => setInputValue(e.target.value)}
-          fullWidth
-          sx={{
-            backgroundColor: (theme) =>
-              theme.palette.mode === "dark" ? "background.paper" : "white",
-            "& .MuiOutlinedInput-root": {
-              borderRadius: 1,
-              fontSize: "0.875rem",
-              backgroundColor: (theme) =>
-                theme.palette.mode === "dark" ? "background.paper" : "white",
-            },
-          }}
-          InputProps={{
-            startAdornment: (
-              <InputAdornment position="start">
-                <SearchIcon
-                  sx={{ fontSize: "1.25rem", color: "text.secondary" }}
-                />
-              </InputAdornment>
-            ),
-            endAdornment: (
-              <InputAdornment position="end">
-                <Stack direction="row" spacing={2} alignItems="center">
-                  <Box sx={{ display: "flex", alignItems: "center" }}>
-                    <Typography
-                      variant="body2"
-                      sx={{
-                        color: debouncedSearch
-                          ? "primary.main"
-                          : "text.secondary",
-                        fontWeight: 500,
-                      }}
-                    >
-                      {currentFilteredCount}
-                    </Typography>
-                    <Box
-                      sx={{
-                        display: "flex",
-                        alignItems: "center",
-                        color: arenaOnly ? "secondary.main" : "text.secondary",
-                      }}
-                    >
-                      <Typography
-                        variant="body2"
-                        sx={{
-                          fontWeight: 500,
-                          mx: 0.5,
-                        }}
-                      >
-                        /
-                      </Typography>
-                      <Typography
-                        variant="body2"
-                        sx={{
-                          fontWeight: 500,
-                        }}
-                      >
-                        {arenaOnly ? totalArenaCount : totalCount}
-                      </Typography>
-                    </Box>
-                    <Typography
-                      variant="body2"
-                      sx={{
-                        color: "text.secondary",
-                        fontWeight: 400,
-                        ml: 0.5,
-                      }}
-                    >
-                      leaderboards
-                    </Typography>
-                  </Box>
-
-                  <Divider orientation="vertical" flexItem />
-                  <FormControlLabel
-                    control={
-                      <Switch
-                        checked={arenaOnly}
-                        onChange={(e) => setArenaOnly(e.target.checked)}
-                        size="small"
-                        color="secondary"
-                        sx={{
-                          "&.Mui-checked": {
-                            color: "secondary.light",
-                            "& .MuiSwitch-track": {
-                              backgroundColor: "secondary.light",
-                            },
-                          },
-                        }}
-                      />
-                    }
-                    label={isMobile ? "Arena only" : "Show arena only"}
-                    sx={{
-                      userSelect: "none!important",
-                      mr: 0,
-                      "& .MuiFormControlLabel-label": {
-                        color: arenaOnly ? "secondary.light" : "inherit",
-                        userSelect: arenaOnly ? "none" : "auto",
-                      },
-                    }}
-                  />
-                </Stack>
-              </InputAdornment>
-            ),
-          }}
-        />
-      </Box>
+      <SearchBar
+        searchQuery={searchQuery}
+        setSearchQuery={setSearchQuery}
+        arenaOnly={arenaOnly}
+        setArenaOnly={setArenaOnly}
+        currentFilteredCount={currentFilteredCount}
+        totalCount={totalCount}
+        totalArenaCount={totalArenaCount}
+        isMobile={isMobile}
+      />
     </Stack>
   );
 };

client/src/components/LeaderboardFilters/SearchBar.jsx

@@ -0,0 +1,169 @@
+import React, { useState } from "react";
+import PropTypes from "prop-types";
+import {
+  Box,
+  Stack,
+  TextField,
+  InputAdornment,
+  Typography,
+  Divider,
+  FormControlLabel,
+  Switch,
+} from "@mui/material";
+import SearchIcon from "@mui/icons-material/Search";
+import { useDebounce } from "../../hooks/useDebounce";
+
+const SearchBar = ({
+  searchQuery,
+  setSearchQuery,
+  arenaOnly,
+  setArenaOnly,
+  currentFilteredCount,
+  totalCount,
+  totalArenaCount,
+  isMobile,
+}) => {
+  const [inputValue, setInputValue] = useState(searchQuery || "");
+  const debouncedSearch = useDebounce(inputValue, 200);
+
+  // Update the search query after debounce
+  React.useEffect(() => {
+    setSearchQuery(debouncedSearch);
+  }, [debouncedSearch, setSearchQuery]);
+
+  // Update input value when searchQuery changes externally
+  React.useEffect(() => {
+    setInputValue(searchQuery || "");
+  }, [searchQuery]);
+
+  return (
+    <Box sx={{ width: "100%" }}>
+      <TextField
+        size="large"
+        placeholder={
+          isMobile
+            ? "Search by name or tags..."
+            : "Search by name or use domain:, language:, eval:, judge:, test:, modality:, submission:"
+        }
+        value={inputValue}
+        onChange={(e) => setInputValue(e.target.value)}
+        fullWidth
+        sx={{
+          backgroundColor: (theme) =>
+            theme.palette.mode === "dark" ? "background.paper" : "white",
+          "& .MuiOutlinedInput-root": {
+            borderRadius: 1,
+            fontSize: "0.875rem",
+            backgroundColor: (theme) =>
+              theme.palette.mode === "dark" ? "background.paper" : "white",
+          },
+        }}
+        InputProps={{
+          startAdornment: (
+            <InputAdornment position="start">
+              <SearchIcon
+                sx={{ fontSize: "1.25rem", color: "text.secondary" }}
+              />
+            </InputAdornment>
+          ),
+          endAdornment: (
+            <InputAdornment position="end">
+              <Stack direction="row" spacing={2} alignItems="center">
+                <Box sx={{ display: "flex", alignItems: "center" }}>
+                  <Typography
+                    variant="body2"
+                    sx={{
+                      color: debouncedSearch
+                        ? "primary.main"
+                        : "text.secondary",
+                      fontWeight: 500,
+                    }}
+                  >
+                    {currentFilteredCount}
+                  </Typography>
+                  <Box
+                    sx={{
+                      display: "flex",
+                      alignItems: "center",
+                      color: arenaOnly ? "secondary.main" : "text.secondary",
+                    }}
+                  >
+                    <Typography
+                      variant="body2"
+                      sx={{
+                        fontWeight: 500,
+                        mx: 0.5,
+                      }}
+                    >
+                      /
+                    </Typography>
+                    <Typography
+                      variant="body2"
+                      sx={{
+                        fontWeight: 500,
+                      }}
+                    >
+                      {arenaOnly ? totalArenaCount : totalCount}
+                    </Typography>
+                  </Box>
+                  <Typography
+                    variant="body2"
+                    sx={{
+                      color: "text.secondary",
+                      fontWeight: 400,
+                      ml: 0.5,
+                    }}
+                  >
+                    leaderboards
+                  </Typography>
+                </Box>
+
+                <Divider orientation="vertical" flexItem />
+                <FormControlLabel
+                  control={
+                    <Switch
+                      checked={arenaOnly}
+                      onChange={(e) => setArenaOnly(e.target.checked)}
+                      size="small"
+                      color="secondary"
+                      sx={{
+                        "&.Mui-checked": {
+                          color: "secondary.light",
+                          "& .MuiSwitch-track": {
+                            backgroundColor: "secondary.light",
+                          },
+                        },
+                      }}
+                    />
+                  }
+                  label={isMobile ? "Arena only" : "Show arena only"}
+                  sx={{
+                    userSelect: "none!important",
+                    mr: 0,
+                    "& .MuiFormControlLabel-label": {
+                      color: arenaOnly ? "secondary.light" : "inherit",
+                      userSelect: arenaOnly ? "none" : "auto",
+                    },
+                  }}
+                />
+              </Stack>
+            </InputAdornment>
+          ),
+        }}
+      />
+    </Box>
+  );
+};
+
+SearchBar.propTypes = {
+  searchQuery: PropTypes.string,
+  setSearchQuery: PropTypes.func.isRequired,
+  arenaOnly: PropTypes.bool.isRequired,
+  setArenaOnly: PropTypes.func.isRequired,
+  currentFilteredCount: PropTypes.number.isRequired,
+  totalCount: PropTypes.number.isRequired,
+  totalArenaCount: PropTypes.number.isRequired,
+  isMobile: PropTypes.bool.isRequired,
+};
+
+export default SearchBar;

client/src/context/LeaderboardContext.jsx

@@ -36,9 +36,12 @@ const getURLParams = () => {
 // Constantes pour les tags de catégorisation
 const CATEGORIZATION_TAGS = [
   "modality:agent",
+  "modality:artefacts",
+  "modality:text",
   "eval:code",
   "eval:math",
   "eval:reasoning",
+  "eval:hallucination",
   "modality:video",
   "modality:image",
   "modality:3d",
@@ -49,6 +52,8 @@ const CATEGORIZATION_TAGS = [
   "domain:biology",
   "domain:translation",
   "domain:chemistry",
+  "domain:physics",
+  "domain:commercial",
   "eval:safety",
   "eval:performance",
   "eval:rag",
@@ -201,12 +206,20 @@ export const LeaderboardProvider = ({ children }) => {
           switch (selectedCategory) {
             case "agentic":
               return tags.includes("modality:agent");
+            case "text":
+              return tags.includes("modality:text");
+            case "image":
+              return tags.includes("modality:image");
+            case "video":
+              return tags.includes("modality:video");
             case "code":
               return tags.includes("eval:code");
             case "math":
               return tags.includes("eval:math");
             case "reasoning":
               return tags.includes("eval:reasoning");
+            case "hallucination":
+              return tags.includes("eval:hallucination");
             case "rag":
               return tags.includes("eval:rag");
             case "language":
@@ -227,6 +240,8 @@ export const LeaderboardProvider = ({ children }) => {
               return tags.includes("domain:legal");
             case "biology":
               return tags.includes("domain:biology");
+            case "commercial":
+              return tags.includes("domain:commercial");
             case "translation":
               return tags.includes("domain:translation");
             case "chemistry":
@@ -312,44 +327,6 @@ export const LeaderboardProvider = ({ children }) => {
     );
   }, []);
 
-  const filterByVision = useCallback((boards) => {
-    return (
-      boards?.filter((board) =>
-        board.tags?.some(
-          (tag) => tag === "modality:video" || tag === "modality:image"
-        )
-      ) || []
-    );
-  }, []);
-
-  // Helper function to get the category group of a section
-  const getSectionGroup = (id) => {
-    const groups = {
-      agentic: ["agentic"],
-      capabilities: ["code", "math", "rag", "reasoning"],
-      languages: ["language"],
-      modalities: ["vision", "audio"],
-      threeD: ["threeD"],
-      domains: [
-        "financial",
-        "medical",
-        "legal",
-        "biology",
-        "translation",
-        "chemistry",
-      ],
-      evaluation: ["safety", "performance"],
-      misc: ["uncategorized"],
-    };
-
-    for (const [group, ids] of Object.entries(groups)) {
-      if (ids.includes(id)) {
-        return group;
-      }
-    }
-    return "misc";
-  };
-
   // Define sections with raw data
   const allSections = useMemo(() => {
     if (!leaderboards) return [];
@@ -358,14 +335,7 @@ export const LeaderboardProvider = ({ children }) => {
     const categorizedIds = new Set();
 
     const sections = [
-      {
-        id: "agentic",
-        title: "Agentic",
-        data: filterByTag("modality:agent", leaderboards).map((board) => {
-          categorizedIds.add(board.id);
-          return board;
-        }),
-      },
+      // Science
       {
         id: "code",
         title: "Code",
@@ -383,33 +353,42 @@ export const LeaderboardProvider = ({ children }) => {
         }),
       },
       {
-        id: "reasoning",
-        title: "Reasoning",
-        data: filterByTag("eval:reasoning", leaderboards).map((board) => {
+        id: "biology",
+        title: "Biology",
+        data: filterByTag("domain:biology", leaderboards).map((board) => {
           categorizedIds.add(board.id);
           return board;
         }),
       },
       {
-        id: "rag",
-        title: "RAG",
-        data: filterByTag("eval:rag", leaderboards).map((board) => {
+        id: "chemistry",
+        title: "Chemistry",
+        data: filterByTag("domain:chemistry", leaderboards).map((board) => {
           categorizedIds.add(board.id);
           return board;
         }),
       },
       {
-        id: "language",
-        title: "Language Specific",
-        data: filterByLanguage(leaderboards).map((board) => {
+        id: "physics",
+        title: "Physics",
+        data: filterByTag("domain:physics", leaderboards).map((board) => {
           categorizedIds.add(board.id);
           return board;
         }),
       },
+      // Modalities
       {
-        id: "vision",
-        title: "Vision",
-        data: filterByVision(leaderboards).map((board) => {
+        id: "image",
+        title: "Image",
+        data: filterByTag("modality:image", leaderboards).map((board) => {
+          categorizedIds.add(board.id);
+          return board;
+        }),
+      },
+      {
+        id: "video",
+        title: "Video",
+        data: filterByTag("modality:video", leaderboards).map((board) => {
           categorizedIds.add(board.id);
           return board;
         }),
@@ -422,6 +401,14 @@ export const LeaderboardProvider = ({ children }) => {
           return board;
         }),
       },
+      {
+        id: "text",
+        title: "Text",
+        data: filterByTag("modality:text", leaderboards).map((board) => {
+          categorizedIds.add(board.id);
+          return board;
+        }),
+      },
       {
         id: "threeD",
         title: "3D",
@@ -431,13 +418,63 @@ export const LeaderboardProvider = ({ children }) => {
         }),
       },
       {
-        id: "financial",
-        title: "Financial",
-        data: filterByTag("domain:financial", leaderboards).map((board) => {
+        id: "embeddings",
+        title: "Embeddings",
+        data: filterByTag("modality:artefacts", leaderboards).map((board) => {
+          categorizedIds.add(board.id);
+          return board;
+        }),
+      },
+      // LLM Capabilities
+      {
+        id: "rag",
+        title: "RAG",
+        data: filterByTag("eval:rag", leaderboards).map((board) => {
+          categorizedIds.add(board.id);
+          return board;
+        }),
+      },
+      {
+        id: "reasoning",
+        title: "Reasoning",
+        data: filterByTag("eval:reasoning", leaderboards).map((board) => {
+          categorizedIds.add(board.id);
+          return board;
+        }),
+      },
+      {
+        id: "agentic",
+        title: "Agentic",
+        data: filterByTag("modality:agent", leaderboards).map((board) => {
           categorizedIds.add(board.id);
           return board;
         }),
       },
+      {
+        id: "safety",
+        title: "Safety",
+        data: filterByTag("eval:safety", leaderboards).map((board) => {
+          categorizedIds.add(board.id);
+          return board;
+        }),
+      },
+      {
+        id: "performance",
+        title: "Performance",
+        data: filterByTag("eval:performance", leaderboards).map((board) => {
+          categorizedIds.add(board.id);
+          return board;
+        }),
+      },
+      {
+        id: "hallucination",
+        title: "Hallucination",
+        data: filterByTag("eval:hallucination", leaderboards).map((board) => {
+          categorizedIds.add(board.id);
+          return board;
+        }),
+      },
+      // Domain Specific
       {
         id: "medical",
         title: "Medical",
@@ -447,9 +484,9 @@ export const LeaderboardProvider = ({ children }) => {
         }),
       },
       {
-        id: "biology",
-        title: "Biology",
-        data: filterByTag("domain:biology", leaderboards).map((board) => {
+        id: "financial",
+        title: "Financial",
+        data: filterByTag("domain:financial", leaderboards).map((board) => {
           categorizedIds.add(board.id);
           return board;
         }),
@@ -463,37 +500,31 @@ export const LeaderboardProvider = ({ children }) => {
         }),
       },
       {
-        id: "translation",
-        title: "Translation",
-        data: filterByTag("domain:translation", leaderboards).map((board) => {
-          categorizedIds.add(board.id);
-          return board;
-        }),
-      },
-      {
-        id: "chemistry",
-        title: "Chemistry",
-        data: filterByTag("domain:chemistry", leaderboards).map((board) => {
+        id: "commercial",
+        title: "Commercial",
+        data: filterByTag("domain:commercial", leaderboards).map((board) => {
           categorizedIds.add(board.id);
           return board;
         }),
       },
+      // Language Related
       {
-        id: "safety",
-        title: "Safety",
-        data: filterByTag("eval:safety", leaderboards).map((board) => {
+        id: "language",
+        title: "Language Specific",
+        data: filterByLanguage(leaderboards).map((board) => {
           categorizedIds.add(board.id);
           return board;
         }),
       },
       {
-        id: "performance",
-        title: "Performance",
-        data: filterByTag("eval:performance", leaderboards).map((board) => {
+        id: "translation",
+        title: "Translation",
+        data: filterByTag("domain:translation", leaderboards).map((board) => {
           categorizedIds.add(board.id);
           return board;
         }),
       },
+      // Misc
       {
         id: "uncategorized",
         title: "Uncategorized",
@@ -504,7 +535,7 @@ export const LeaderboardProvider = ({ children }) => {
     ];
 
     return sections;
-  }, [leaderboards, filterByTag, filterByLanguage, filterByVision]);
+  }, [leaderboards, filterByTag, filterByLanguage]);
 
   // Get sections with data
   const sections = useMemo(() => {

client/src/pages/HowToSubmitPage/HowToSubmitPage.jsx

@@ -211,10 +211,10 @@ const getTagEmoji = (tag) => {
       text: "📝",
       image: "🖼️",
       audio: "🎵",
-      audio: "🎵",
       video: "🎥",
       tools: "🛠️",
       artefacts: "🏺",
+      embeddings: "🔤",
     },
     eval: {
       generation: "✨",
@@ -239,6 +239,8 @@ const getTagEmoji = (tag) => {
       biology: "🧬",
       translation: "🔄",
       chemistry: "🧪",
+      physics: "⚛️",
+      commercial: "🏢",
     },
   };
 
@@ -679,7 +681,8 @@ const HowToSubmitPage = () => {
             "",
             "",
             "requires added <strong>tool usage</strong> - mostly for <strong>assistant models</strong> (a bit outside of usual modalities)",
-            "the leaderboard concerns itself with <strong>machine learning artefacts</strong> as themselves, for example, quality evaluation of <strong>text embeddings</strong> (a bit outside of usual modalities)",
+            "the leaderboard concerns itself with <strong>machine learning artefacts</strong> as themselves, for example, quality evaluation of <strong>text embeddings</strong>",
+            "",
           ]}
         />
 
@@ -731,6 +734,8 @@ const HowToSubmitPage = () => {
             "domain:biology",
             "domain:translation",
             "domain:chemistry",
+            "domain:physics",
+            "domain:commercial",
           ]}
         />