Upload 10 files

README.md

@@ -3,11 +3,9 @@ title: MCP-Bench Leaderboard
 emoji: 🏆
 colorFrom: blue
 colorTo: indigo
-sdk: gradio
-sdk_version: "4.44.0"
-app_file: app.py
+sdk: static
 pinned: false
-short_description:  Leaderboard for MCP-Bench
+short_description: Leaderboard for MCP-Bench
 tags:
   - benchmark
   - leaderboard

index.html

@@ -48,6 +48,33 @@
         <section class="leaderboard-section" id="leaderboard">
             <h2 class="section-title">Detailed Results</h2>
 
+        <div class="controls">
+            <div class="search-container">
+                <i class="fas fa-search"></i>
+                <input type="text" id="searchInput" placeholder="Search models..." class="search-input">
+            </div>
+            
+            <div class="filter-container">
+                <label for="sortSelect">Sort by:</label>
+                <select id="sortSelect" class="sort-select">
+                    <option value="overall_score">Overall Score</option>
+                    <option value="valid_tool_name_rate">Valid Tool Name Rate</option>
+                    <option value="schema_compliance">Schema Compliance</option>
+                    <option value="execution_success">Execution Success</option>
+                    <option value="task_fulfillment">Task Fulfillment</option>
+                    <option value="information_grounding">Information Grounding</option>
+                    <option value="tool_appropriateness">Tool Appropriateness</option>
+                    <option value="parameter_accuracy">Parameter Accuracy</option>
+                    <option value="dependency_awareness">Dependency Awareness</option>
+                    <option value="parallelism_efficiency">Parallelism Efficiency</option>
+                </select>
+                
+                <button id="sortOrder" class="sort-btn" title="Toggle sort order">
+                    <i class="fas fa-sort-amount-down"></i>
+                </button>
+            </div>
+        </div>
+
         <div class="table-container">
             <table class="leaderboard-table" id="leaderboardTable">
                 <thead>
@@ -93,6 +120,10 @@
             </table>
         </div>
 
+        <div class="loading" id="loading">
+            <i class="fas fa-spinner fa-spin"></i>
+            Loading leaderboard data...
+        </div>
 
         </section>
 
@@ -118,30 +149,6 @@
         </footer>
     </div>
 
-    <script>
-        // Copy citation function
-        function copyCitation() {
-            const citationText = document.querySelector('.citation-text').textContent;
-            navigator.clipboard.writeText(citationText).then(() => {
-                const button = document.querySelector('.copy-citation-btn');
-                const originalText = button.innerHTML;
-                button.innerHTML = '<i class="fas fa-check"></i> Copied!';
-                button.style.backgroundColor = '#4caf50';
-                
-                setTimeout(() => {
-                    button.innerHTML = originalText;
-                    button.style.backgroundColor = '';
-                }, 2000);
-            });
-        }
-        
-        // Update last updated date
-        document.addEventListener('DOMContentLoaded', function() {
-            const lastUpdated = document.getElementById('lastUpdated');
-            if (lastUpdated) {
-                lastUpdated.textContent = 'December 2024';
-            }
-        });
-    </script>
+    <script src="script.js"></script>
 </body>
 </html>