Update frontend/src/App.js

frontend/src/App.js

@@ -66,11 +66,6 @@ const App = () => {
     setSortConfig({ key, direction });
   };
 
-  // Filter data based on selected action type
-  const getFilteredData = () => {
-    const actionType = showToolCalling ? 'tool-calling' : 'code';
-    return allData.filter(item => item.agent_action_type === actionType);
-  };
 
   // Get vanilla score for a model
   const getVanillaScore = (modelId, metric) => {
@@ -155,10 +150,14 @@ const App = () => {
             </tr>
           </thead>
           <tbody>
-            {filteredAndSortedData.map((item, index) => (
+            {filteredAndSortedData.map((item, index) => {
+              const displayModelId = item.agent_action_type === "tool-calling" || item.agent_action_type === "tool_calling" 
+                ? `${item.model_id} - tool calling` 
+                : item.model_id;
+              return (
               <tr key={index}>
                 <td className="model-cell">
-                  <div className="model-name">{item.model_id}</div>
+                  <div className="model-name">{displayModelId}</div>
                   {showVanilla && (
                     <div className="vanilla-text"><i>Vanilla score below</i></div>
                   )}
@@ -172,7 +171,8 @@ const App = () => {
                   </td>
                 ))}
               </tr>
-            ))}
+              );
+            })}
           </tbody>
         </table>
       </div>