Update index.html

index.html

@@ -557,13 +557,15 @@
         </div>
     </header>
 
+    <!-- Tab顺序修改：0 Partial Replication(默认active),1 Compilation Success,2 Coefficient Direction -->
     <div class="tab-bar">
-        <button class="tab active" data-idx="0">Compilation Success</button>
-        <button class="tab" data-idx="1">Partial Replication</button>
+        <button class="tab active" data-idx="0">Partial Replication</button>
+        <button class="tab" data-idx="1">Compilation Success</button>
         <button class="tab" data-idx="2">Coefficient Direction</button>
     </div>
 
-    <div class="panel show" id="panel-compile">
+    <!-- panel顺序同步调换，第一个show是Partial Replication -->
+    <div class="panel show" id="panel-rep">
         <div class="leaderboard-card">
             <div class="leaderboard-header">
                 <h2>
@@ -577,11 +579,11 @@
                 <span>Model</span>
                 <span class="col-score">Score</span>
             </div>
-            <div id="rows-compile"><div class="loading"><div class="loading-spinner"></div>Loading rankings…</div></div>
+            <div id="rows-rep"><div class="loading"><div class="loading-spinner"></div>Loading rankings…</div></div>
         </div>
     </div>
 
-    <div class="panel" id="panel-rep">
+    <div class="panel" id="panel-compile">
         <div class="leaderboard-card">
             <div class="leaderboard-header">
                 <h2>
@@ -595,7 +597,7 @@
                 <span>Model</span>
                 <span class="col-score">Score</span>
             </div>
-            <div id="rows-rep"><div class="loading"><div class="loading-spinner"></div>Loading rankings…</div></div>
+            <div id="rows-compile"><div class="loading"><div class="loading-spinner"></div>Loading rankings…</div></div>
         </div>
     </div>
 
@@ -625,14 +627,15 @@
             Metric Definitions
         </h3>
         <ul class="metric-list">
-            <li><strong>Compilation Success:</strong> Generated code runs without runtime errors.</li>
-            <li><strong>Partial Replication:</strong> Target treatment coefficient reproduced within 10% relative error.</li>
-            <li><strong>Correct Coefficient Direction:</strong> Correct sign of estimated coefficients.</li>
+            <li><strong>Compilation Success:</strong> Generated econometric code executes completely without runtime or syntax errors.</li>
+            <li><strong>Partial Replication:</strong> The target treatment coefficient can be reproduced within a 10% relative error threshold.</li>
+            <li><strong>Correct Coefficient Direction:</strong> The sign (positive/negative) of the treatment‑effect coefficient matches ground‑truth results.</li>
         </ul>
-        <p class="metric-note">
-            Native Hugging Face Community Evals leaderboard pending official allowlist.
+        <div class="metric-note">
+            <em>Note:</em> Codex serves as a strong code‑specialized upper‑bound baseline with high overall metrics across all three evaluation dimensions. However, it only supports one‑shot code generation without agent‑level interactive planning or multi‑round revision capabilities, and its public API is no longer available. MetricsAI outperforms vanilla‑LLM and general‑purpose‑agent baselines for interactive real‑world econometric‑research workflows.
+            <br><br>
             Dataset: <a href="https://huggingface.co/datasets/CamoAiLab/Infernet" target="_blank">CamoAiLab/Infernet</a>
-        </p>
+        </div>
     </div>
 </div>
 
@@ -714,9 +717,8 @@ function buildRows(data, sortKey, containerId) {
                         <div class="model-info">
                             <div class="model-name" title="${modelId}">${modelId}</div>
                             <div class="model-meta">
-                                <span class="status-badge ${isTop ? "verified" : "self-reported"}">
-                                    ${isTop ? "✓ verified" : "self-reported"}
-                                </span>
+                                <!-- 全部硬编码 verified；后续csv增加verified字段后，这里改成读取row["verified"]做判断 -->
+                                <span class="status-badge verified">✓ verified</span>
                             </div>
                         </div>
                     </div>
@@ -760,15 +762,16 @@ async function loadData() {
             throw new Error("CSV parsed zero rows");
         }
 
-        buildRows(data, "Compilation Success (%)", "rows-compile");
+        // 对应panel‑idx 0:rep,1:compile,2:dir
         buildRows(data, "Partial Replication (%)", "rows-rep");
+        buildRows(data, "Compilation Success (%)", "rows-compile");
         buildRows(data, "Correct Coefficient Direction (%)", "rows-dir");
     } catch (err) {
         console.error("load csv error", err);
         const banner = document.getElementById("error-banner");
         banner.textContent = `Failed to load ranking data: ${err.message}`;
         banner.classList.remove("hidden");
-        ["rows-compile", "rows-rep", "rows-dir"].forEach(id => {
+        ["rows-rep","rows-compile", "rows-dir"].forEach(id => {
             document.getElementById(id).innerHTML = '<div class="loading">Unable to load data</div>';
         });
     }
@@ -777,4 +780,4 @@ async function loadData() {
 loadData();
 </script>
 </body>
-</html>
+</html>