Remove type column from table

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

@@ -5,12 +5,6 @@ import {
   Typography,
   TextField,
   Button,
-  FormControl,
-  InputLabel,
-  Select,
-  MenuItem,
-  FormControlLabel,
-  Switch,
   Stack,
   Grid,
   CircularProgress,
@@ -20,16 +14,8 @@ import RocketLaunchIcon from "@mui/icons-material/RocketLaunch";
 import CheckCircleOutlineIcon from "@mui/icons-material/CheckCircleOutline";
 import { alpha } from "@mui/material/styles";
 import InfoIconWithTooltip from "../../../../components/shared/InfoIconWithTooltip";
-import { MODEL_TYPES } from "../../../../pages/LeaderboardPage/components/Leaderboard/constants/modelTypes";
-import { SUBMISSION_PRECISIONS } from "../../../../pages/LeaderboardPage/components/Leaderboard/constants/defaults";
 import AuthContainer from "../../../../components/shared/AuthContainer";
 
-const WEIGHT_TYPES = [
-  { value: "Original", label: "Original" },
-  { value: "Delta", label: "Delta" },
-  { value: "Adapter", label: "Adapter" },
-];
-
 const HELP_TEXTS = {
   modelName: (
     <Box sx={{ p: 1 }}>
@@ -121,14 +107,6 @@ const HELP_TEXTS = {
   ),
 };
 
-// Convert MODEL_TYPES to format expected by Select component
-const modelTypeOptions = Object.entries(MODEL_TYPES).map(
-  ([value, { icon, label }]) => ({
-    value,
-    label: `${icon} ${label}`,
-  })
-);
-
 function ModelSubmissionForm({ user, isAuthenticated }) {
   const [formData, setFormData] = useState({
     modelName: "",
@@ -167,7 +145,6 @@ function ModelSubmissionForm({ user, isAuthenticated }) {
         body: JSON.stringify({
           model_id: formData.modelName,
           revision: formData.revision,
-          model_type: formData.modelType,
           precision: formData.precision,
           weight_type: formData.weightsType,
           base_model: formData.baseModel,

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

@@ -24,7 +24,6 @@ import {
   FILTER_PRECISIONS,
 } from "../../constants/defaults";
 import FilterTag from "../../../../../../components/shared/FilterTag";
-import { MODEL_TYPE_ORDER, MODEL_TYPES } from "../../constants/modelTypes";
 import { useLeaderboard } from "../../context/LeaderboardContext";
 import InfoIconWithTooltip from "../../../../../../components/shared/InfoIconWithTooltip";
 import { COLUMN_TOOLTIPS } from "../../constants/tooltips";
@@ -334,7 +333,6 @@ const CustomCollapse = forwardRef((props, ref) => {
 const LeaderboardFilters = ({
   selectedPrecisions = FILTER_PRECISIONS,
   onPrecisionsChange = () => {},
-  selectedTypes = MODEL_TYPE_ORDER,
   onTypesChange = () => {},
   paramsRange = [-1, 140],
   onParamsRangeChange = () => {},
@@ -610,38 +608,6 @@ const LeaderboardFilters = ({
                         </Box>
                       </Grid>
 
-                      {/* Deuxième ligne */}
-                      <Grid item xs={12} md={6}>
-                        <Box>
-                          <FilterGroup
-                            title="Model Type"
-                            tooltip={COLUMN_TOOLTIPS.ARCHITECTURE}
-                          >
-                            {MODEL_TYPE_ORDER.sort(
-                              (a, b) =>
-                                MODEL_TYPES[a].order - MODEL_TYPES[b].order
-                            ).map((type) => (
-                              <FilterTag
-                                key={type}
-                                label={`${MODEL_TYPES[type]?.icon} ${
-                                  MODEL_TYPES[type]?.label || type
-                                }`}
-                                checked={selectedTypes.includes(type)}
-                                onChange={() => {
-                                  const newTypes = selectedTypes.includes(type)
-                                    ? selectedTypes.filter((t) => t !== type)
-                                    : [...selectedTypes, type];
-                                  onTypesChange(newTypes);
-                                }}
-                                count={currentCounts.modelTypes[type]}
-                                variant="tag"
-                                showCheckbox={true}
-                              />
-                            ))}
-                          </FilterGroup>
-                        </Box>
-                      </Grid>
-
                       <Grid item xs={12} md={6}>
                         <Box>
                           <FilterGroup

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

@@ -11,7 +11,6 @@ import {
   TABLE_DEFAULTS,
   FILTER_PRECISIONS,
 } from "../../constants/defaults";
-import { MODEL_TYPE_ORDER } from "../../constants/modelTypes";
 import { alpha } from "@mui/material/styles";
 import FilteredModelCount from "./FilteredModelCount";
 import { useLeaderboard } from "../../context/LeaderboardContext";
@@ -146,7 +145,6 @@ const SearchBar = ({
   const hasActiveFilters =
     Object.values(state.filters.booleanFilters).some((value) => value) ||
     state.filters.precisions.length !== FILTER_PRECISIONS.length ||
-    state.filters.types.length !== MODEL_TYPE_ORDER.length ||
     state.filters.paramsRange[0] !== -1 ||
     state.filters.paramsRange[1] !== 140 ||
     state.filters.isOfficialProviderActive;

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

@@ -17,8 +17,6 @@ import {
 export const useDataProcessing = (
   data,
   searchValue,
-  //selectedPrecisions,
-  selectedTypes,
   paramsRange,
   selectedBooleanFilters,
   sorting,
@@ -41,8 +39,6 @@ export const useDataProcessing = (
   // Memoize filters
   const filterConfig = useMemo(
     () => ({
-      //selectedPrecisions,
-      selectedTypes,
       paramsRange,
       searchValue,
       selectedBooleanFilters,
@@ -51,8 +47,6 @@ export const useDataProcessing = (
       isOfficialProviderActive,
     }),
     [
-      //selectedPrecisions,
-      selectedTypes,
       paramsRange,
       searchValue,
       selectedBooleanFilters,
@@ -67,8 +61,6 @@ export const useDataProcessing = (
   // Call useFilteredData at root level
   const filteredData = useFilteredData(
     processedData,
-    //filterConfig.selectedPrecisions,
-    filterConfig.selectedTypes,
     filterConfig.paramsRange,
     filterConfig.searchValue,
     filterConfig.selectedBooleanFilters,

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

@@ -1,16 +0,0 @@
-export const typeColumnSort = (rowA, rowB) => {
-  const aValue = rowA.getValue("model_type");
-  const bValue = rowB.getValue("model_type");
-
-  // If both values are arrays, compare their first elements
-  if (Array.isArray(aValue) && Array.isArray(bValue)) {
-    return String(aValue[0] || "").localeCompare(String(bValue[0] || ""));
-  }
-
-  // If one is array and other isn't, array comes first
-  if (Array.isArray(aValue)) return -1;
-  if (Array.isArray(bValue)) return 1;
-
-  // If neither is array, compare as strings
-  return String(aValue || "").localeCompare(String(bValue || ""));
-};

frontend/src/pages/LeaderboardPage/components/Leaderboard/constants/defaults.js

@@ -1,5 +1,3 @@
-import { MODEL_TYPE_ORDER } from "./modelTypes";
-
 // Time constants (in milliseconds)
 const TIME = {
   CACHE_DURATION: 5 * 60 * 1000, // 5 minutes
@@ -322,13 +320,11 @@ export const TABLE_DEFAULTS = {
   RANKING_MODE: "static",
   SEARCH: {
     PRECISIONS: FILTERS.PRECISIONS,
-    TYPES: MODEL_TYPE_ORDER,
     PARAMS_RANGE: FILTERS.PARAMS_RANGE,
   },
   DEFAULT_SELECTED: {
     searchValue: "",
     selectedPrecisions: FILTERS.PRECISIONS,
-    selectedTypes: MODEL_TYPE_ORDER,
     paramsRange: FILTERS.PARAMS_RANGE,
     selectedBooleanFilters: [],
   },

frontend/src/pages/LeaderboardPage/components/Leaderboard/constants/modelTypes.js

@@ -1,79 +0,0 @@
-export const MODEL_TYPE_ORDER = [
-  'pretrained',
-  'continuously pretrained',
-  'fine-tuned',
-  'chat',
-  'merge',
-  'multimodal'
-];
-
-export const MODEL_TYPES = {
-  'pretrained': {
-    icon: '🟢',
-    label: 'Pretrained',
-    description: 'Base models trained on raw text data using self-supervised learning objectives',
-    order: 0
-  },
-  'continuously pretrained': {
-    icon: '🟩',
-    label: 'Continuously Pretrained',
-    description: 'Base models with extended pretraining on additional data while maintaining original architecture',
-    order: 1
-  },
-  'fine-tuned': {
-    icon: '🔶',
-    label: 'Fine-tuned',
-    description: 'Models specialized through task-specific training on curated datasets',
-    order: 2
-  },
-  'chat': {
-    icon: '💬',
-    label: 'Chat',
-    description: 'Models optimized for conversation using various techniques: RLHF, DPO, IFT, SFT',
-    order: 3
-  },
-  'merge': {
-    icon: '🤝',
-    label: 'Merge',
-    description: 'Models created by combining weights from multiple models',
-    order: 4
-  },
-  'multimodal': {
-    icon: '🌸',
-    label: 'Multimodal',
-    description: 'Models capable of processing multiple types of input',
-    order: 5
-  }
-};
-
-export const getModelTypeIcon = (type) => {
-  const cleanType = type.toLowerCase().trim();
-  const matchedType = Object.entries(MODEL_TYPES).find(([key]) =>
-    cleanType.includes(key)
-  );
-  return matchedType ? matchedType[1].icon : '❓';
-};
-
-export const getModelTypeLabel = (type) => {
-  const cleanType = type.toLowerCase().trim();
-  const matchedType = Object.entries(MODEL_TYPES).find(([key]) =>
-    cleanType.includes(key)
-  );
-  return matchedType ? matchedType[1].label : type;
-};
-
-export const getModelTypeDescription = (type) => {
-  const cleanType = type.toLowerCase().trim();
-  const matchedType = Object.entries(MODEL_TYPES).find(([key]) =>
-    cleanType.includes(key)
-  );
-  return matchedType ? matchedType[1].description : 'Unknown model type';
-};
-
-export const getModelTypeOrder = (type) => {
-  const cleanType = type.toLowerCase().trim();
-  const matchedType = Object.entries(MODEL_TYPES).find(([key]) =>
-    cleanType.includes(key)
-  );
-  return matchedType ? matchedType[1].order : Infinity;
-};

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

@@ -7,7 +7,6 @@ import React, {
   useCallback,
 } from "react";
 import { useSearchParams, useLocation } from "react-router-dom";
-import { MODEL_TYPE_ORDER } from "../constants/modelTypes";
 import { FILTER_PRECISIONS, TABLE_DEFAULTS } from "../constants/defaults";
 
 // Create context
@@ -17,7 +16,6 @@ const LeaderboardContext = createContext();
 const DEFAULT_FILTERS = {
   search: "",
   precisions: FILTER_PRECISIONS,
-  types: MODEL_TYPE_ORDER,
   paramsRange: [-1, 140],
   booleanFilters: [],
   isOfficialProviderActive: false,
@@ -34,10 +32,6 @@ const DEFAULT_DISPLAY = {
 
 // Create initial counter structure
 const createInitialCounts = () => {
-  const modelTypes = {};
-  MODEL_TYPE_ORDER.forEach((type) => {
-    modelTypes[type] = 0;
-  });
 
   const precisions = {};
   FILTER_PRECISIONS.forEach((precision) => {
@@ -45,7 +39,6 @@ const createInitialCounts = () => {
   });
 
   return {
-    modelTypes,
     precisions,
     officialProviders: 0,
     mixtureOfExperts: 0,
@@ -102,14 +95,6 @@ const modelMatchesFilters = (model, filters) => {
     return false;
   }
 
-  // Filter by type
-  if (filters.types.length > 0) {
-    const modelType = model.model.type?.toLowerCase().trim();
-    if (!filters.types.some((type) => modelType?.includes(type))) {
-      return false;
-    }
-  }
-
   // Filter by parameters
   const params = Number(
     model.metadata?.params_billions || model.features?.params_billions
@@ -196,16 +181,6 @@ const calculateModelCounts = (models) => {
     }
 
     countsToUpdate.forEach((counts) => {
-      // Model type
-      if (model.model?.type) {
-        const cleanType = model.model.type.toLowerCase().trim();
-        const matchedType = MODEL_TYPE_ORDER.find((key) =>
-          cleanType.includes(key)
-        );
-        if (matchedType) {
-          counts.modelTypes[matchedType]++;
-        }
-      }
 
       // Precision
       if (model.model?.precision) {
@@ -500,8 +475,6 @@ const LeaderboardProvider = ({ children }) => {
     const currentOfficialProvider = searchParams.get("official") === "true";
     const currentPrecisions =
       searchParams.get("precision")?.split(",").filter(Boolean) || [];
-    const currentTypes =
-      searchParams.get("types")?.split(",").filter(Boolean) || [];
 
     // Only update URL if values have changed
     const paramsChanged =
@@ -533,9 +506,6 @@ const LeaderboardProvider = ({ children }) => {
     const precisionsChanged =
       state.filters.precisions.length !== currentPrecisions.length ||
       state.filters.precisions.some((p) => !currentPrecisions.includes(p));
-    const typesChanged =
-      state.filters.types.length !== currentTypes.length ||
-      state.filters.types.some((t) => !currentTypes.includes(t));
 
     if (paramsChanged) {
       if (
@@ -634,17 +604,6 @@ const LeaderboardProvider = ({ children }) => {
       }
     }
 
-    if (typesChanged) {
-      if (
-        JSON.stringify([...state.filters.types].sort()) !==
-        JSON.stringify([...MODEL_TYPE_ORDER].sort())
-      ) {
-        newSearchParams.set("types", state.filters.types.join(","));
-      } else {
-        newSearchParams.delete("types");
-      }
-    }
-
     if (
       paramsChanged ||
       filtersChanged ||
@@ -656,8 +615,7 @@ const LeaderboardProvider = ({ children }) => {
       averageModeChanged ||
       rankingModeChanged ||
       officialProviderChanged ||
-      precisionsChanged ||
-      typesChanged
+      precisionsChanged
     ) {
       // Update search params and let HashRouter handle the URL
       setSearchParams(newSearchParams);

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

@@ -4,7 +4,6 @@ import {
   parseSearchQuery,
   getValueByPath,
 } from "../utils/searchUtils";
-import { MODEL_TYPE_ORDER } from "../constants/modelTypes";
 
 // Calculate min/max averages
 export const useAverageRange = (data) => {
@@ -95,8 +94,6 @@ export const useProcessedData = (data, averageMode, visibleColumns) => {
 // Common filtering logic
 export const useFilteredData = (
   processedData,
-  //selectedPrecisions,
-  selectedTypes,
   paramsRange,
   searchValue,
   selectedBooleanFilters,
@@ -124,24 +121,6 @@ export const useFilteredData = (
       );
     }
 
-    //// Filter by precision
-    //if (selectedPrecisions.length > 0) {
-    //  filteredUnpinned = filteredUnpinned.filter((row) =>
-    //    selectedPrecisions.includes(row.model.precision)
-    //  );
-    //}
-
-    // Filter by type
-    if (
-      selectedTypes.length > 0 &&
-      selectedTypes.length < MODEL_TYPE_ORDER.length
-    ) {
-      filteredUnpinned = filteredUnpinned.filter((row) => {
-        const modelType = row.model.type?.toLowerCase().trim();
-        return selectedTypes.some((type) => modelType?.includes(type));
-      });
-    }
-
     // Filter by parameters
     if (!(paramsRange[0] === -1 && paramsRange[1] === 140)) {
       filteredUnpinned = filteredUnpinned.filter((row) => {
@@ -273,8 +252,6 @@ export const useFilteredData = (
     return finalData;
   }, [
     processedData,
-    //selectedPrecisions,
-    selectedTypes,
     paramsRange,
     searchValue,
     selectedBooleanFilters,

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

@@ -71,16 +71,12 @@ export const useLeaderboardProcessing = () => {
   const memoizedFilters = useMemo(
     () => ({
       search: state.filters.search,
-      //precisions: state.filters.precisions,
-      types: state.filters.types,
       paramsRange: state.filters.paramsRange,
       booleanFilters: state.filters.booleanFilters,
       isOfficialProviderActive: state.filters.isOfficialProviderActive,
     }),
     [
       state.filters.search,
-      //state.filters.precisions,
-      state.filters.types,
       state.filters.paramsRange,
       state.filters.booleanFilters,
       state.filters.isOfficialProviderActive,
@@ -99,8 +95,6 @@ export const useLeaderboardProcessing = () => {
   } = useDataProcessing(
     memoizedData,
     memoizedFilters.search,
-    //memoizedFilters.precisions,
-    memoizedFilters.types,
     memoizedFilters.paramsRange,
     memoizedFilters.booleanFilters,
     sorting,

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

@@ -1,6 +1,5 @@
 import React from "react";
 import { Box, Typography, Link, Tooltip, IconButton } from "@mui/material";
-import { getModelTypeIcon } from "../constants/modelTypes";
 import TrendingUpIcon from "@mui/icons-material/TrendingUp";
 import TrendingDownIcon from "@mui/icons-material/TrendingDown";
 import RemoveIcon from "@mui/icons-material/Remove";
@@ -9,7 +8,6 @@ import PushPinOutlinedIcon from "@mui/icons-material/PushPinOutlined";
 import { TABLE_DEFAULTS, HIGHLIGHT_COLORS } from "../constants/defaults";
 import { looksLikeRegex, extractTextSearch } from "./searchUtils";
 import { commonStyles } from "../styles/common";
-import { typeColumnSort } from "../components/Table/hooks/useSorting";
 import {
   COLUMN_TOOLTIPS,
   getTooltipStyle,
@@ -513,37 +511,6 @@ export const createColumns = (
       },
       size: TABLE_DEFAULTS.COLUMNS.COLUMN_SIZES["rank"],
     },
-    {
-      id: "model_type",
-      accessorFn: (row) => row.model.type,
-      header: createHeaderCell("Type"),
-      sortingFn: typeColumnSort,
-      cell: ({ row }) => (
-        <Box
-          sx={{
-            display: "flex",
-            alignItems: "center",
-            justifyContent: "center",
-            width: "100%",
-          }}
-        >
-          <Tooltip title={row.original.model.type}>
-            <Typography
-              sx={{
-                fontSize: "1.2rem",
-                cursor: "help",
-                lineHeight: 1,
-                fontFamily:
-                  '"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", sans-serif',
-              }}
-            >
-              {getModelTypeIcon(row.original.model.type)}
-            </Typography>
-          </Tooltip>
-        </Box>
-      ),
-      size: TABLE_DEFAULTS.COLUMNS.COLUMN_SIZES["model.type_icon"],
-    },
     {
       accessorKey: "id",
       header: createModelHeader(totalModels),