openness

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

@@ -74,44 +74,52 @@ const FILTERS = {
 
 // Column size constants
 const COLUMN_SIZES = {
-  RANK: 65,
-  TYPE_ICON: 65,
-  MODEL: 400,
-  AVERAGE_SCORE: 150,
+  RANK: 80,
+  TYPE_ICON: 50,
+  MODEL: 220,
+  AVERAGE_SCORE: 110,
+  OPENNESS: 150,
   BENCHMARK: 110,
-  CO2_COST: 140,
-  HUB_HEARTS: 140,
-  ARCHITECTURE: 210,
-  PRECISION: 140,
-  PARAMS: 160,
-  LICENSE: 160,
-  UPLOAD_DATE: 160,
-  SUBMISSION_DATE: 200,
-  GENERATION: 160,
-  BASE_MODEL: 390,
-  HUB_AVAILABILITY: 180,
-  OFFICIAL_PROVIDER: 240,
-  MOE: 200,
-  FLAG_STATUS: 160,
-  CHAT_TEMPLATE: 140,
+  ARCHITECTURE: 120,
+  PRECISION: 90,
+  PARAMS: 110,
+  LICENSE: 100,
+  HUB_LINK: 80,
+  HEARTS: 80,
+  CHAT_TEMPLATE: 90,
+  UPLOAD_DATE: 110,
+  SUBMISSION_DATE: 130,
+  GENERATION: 100,
+  BASE_MODEL: 150,
+  CO2_COST: 100,
+  MOE: 80,
+  FLAG_STATUS: 90,
+  HUB_AVAILABILITY: 110,
+  OFFICIAL_PROVIDER: 150,
 };
 
 // Column definitions with organized structure
 const COLUMNS = {
   FIXED: {
-    rank: {
+    "isPinned": {
+      group: "fixed",
+      size: 40,
+      defaultVisible: true,
+      label: "Pin",
+    },
+    "rank": {
       group: "fixed",
       size: COLUMN_SIZES.RANK,
       defaultVisible: true,
       label: "Rank",
     },
-    "model.type_icon": {
+    "model_type": {
       group: "fixed",
       size: COLUMN_SIZES.TYPE_ICON,
       defaultVisible: true,
       label: "Type",
     },
-    id: {
+    "id": {
       group: "fixed",
       size: COLUMN_SIZES.MODEL,
       defaultVisible: true,
@@ -121,7 +129,13 @@ const COLUMNS = {
       group: "fixed",
       size: COLUMN_SIZES.AVERAGE_SCORE,
       defaultVisible: true,
-      label: "Average Score",
+      label: "Average",
+    },
+    "model.openness": {
+      group: "fixed",
+      size: COLUMN_SIZES.OPENNESS,
+      defaultVisible: true,
+      label: "Openness",
     },
   },
   EVALUATION: {
@@ -141,7 +155,7 @@ const COLUMNS = {
     },
     "metadata.hub_hearts": {
       group: "model_info",
-      size: COLUMN_SIZES.HUB_HEARTS,
+      size: COLUMN_SIZES.HEARTS,
       defaultVisible: false,
       label: "Hub ❤️",
     },

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

@@ -869,6 +869,46 @@ export const createColumns = (
         }),
       },
     },
+    {
+      accessorKey: "model.openness",
+      header: createHeaderCell("Openness", "Model openness classification"),
+      cell: ({ row }) => {
+        return (
+          <Box
+            sx={{
+              width: "100%",
+              display: "flex",
+              alignItems: "center",
+            }}
+          >
+            <Typography variant="body2">
+              Class III-Open Model
+            </Typography>
+          </Box>
+        );
+      },
+      size: 150,
+      enableSorting: false,
+      meta: {
+        headerStyle: {
+          borderRight: (theme) =>
+            `2px solid ${alpha(
+              theme.palette.divider,
+              theme.palette.mode === "dark" ? 0.1 : 0.2
+            )}`,
+        },
+        cellStyle: () => ({
+          position: "relative",
+          overflow: "hidden",
+          padding: "8px 16px",
+          borderRight: (theme) =>
+            `2px solid ${alpha(
+              theme.palette.divider,
+              theme.palette.mode === "dark" ? 0.1 : 0.2
+            )}`,
+        }),
+      },
+    },
   ];
   const createScoreCell = (getValue, row, field) => {
     const value = getValue();