update

client/src/context/LeaderboardContext.jsx

@@ -155,6 +155,8 @@ export const LeaderboardProvider = ({ children }) => {
               return tags.some(
                 (tag) => tag === "modality:video" || tag === "modality:image"
               );
+            case "threeD":
+              return tags.includes("modality:3d");
             case "audio":
               return tags.includes("modality:audio");
             case "financial":
@@ -174,6 +176,7 @@ export const LeaderboardProvider = ({ children }) => {
                     "eval:math",
                     "modality:video",
                     "modality:image",
+                    "modality:3d",
                     "modality:audio",
                     "domain:financial",
                     "domain:medical",
@@ -261,6 +264,27 @@ export const LeaderboardProvider = ({ children }) => {
     );
   }, []);
 
+  // Helper function to get the category group of a section
+  const getSectionGroup = (id) => {
+    const groups = {
+      agentic: ["agentic"],
+      capabilities: ["code", "math"],
+      languages: ["language"],
+      modalities: ["vision", "audio"],
+      threeD: ["threeD"],
+      domains: ["financial", "medical", "legal"],
+      evaluation: ["safety"],
+      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 [];
@@ -317,6 +341,14 @@ export const LeaderboardProvider = ({ children }) => {
           return board;
         }),
       },
+      {
+        id: "threeD",
+        title: "3D",
+        data: filterByTag("modality:3d", leaderboards).map((board) => {
+          categorizedIds.add(board.id);
+          return board;
+        }),
+      },
       {
         id: "financial",
         title: "Financial",

client/src/pages/HowToSubmitPage/HowToSubmitPage.jsx

@@ -211,6 +211,7 @@ const getTagEmoji = (tag) => {
       text: "📝",
       image: "🖼️",
       audio: "🎵",
+      audio: "🎵",
       video: "🎥",
       tools: "🛠️",
       artefacts: "🏺",
@@ -665,6 +666,7 @@ const HowToSubmitPage = () => {
             "modality:video",
             "modality:tools",
             "modality:artefacts",
+            "modality:3d",
           ]}
           explanations={[
             "",