Update index.html

index.html

@@ -222,11 +222,11 @@ body.dark thead{background:var(--surface-alt)!important;}
 
 <!-- ===== TABS ===== -->
 <div class="tab-bar" id="WM_TAB_BAR">
-  <div class="tab on" data-tab="lb">🏆 Leaderboard</div>
-  <div class="tab" data-tab="cats">📋 Categories</div>
-  <div class="tab" data-tab="structure">📐 Structure</div>
-  <div class="tab" data-tab="submit">📝 Submit</div>
-  <div class="tab" data-tab="about">ℹ️ About</div>
+  <div class="tab on" data-tab="lb" onclick="WMshowTab('lb',this)">🏆 Leaderboard</div>
+  <div class="tab" data-tab="cats" onclick="WMshowTab('cats',this)">📋 Categories</div>
+  <div class="tab" data-tab="structure" onclick="WMshowTab('structure',this)">📐 Structure</div>
+  <div class="tab" data-tab="submit" onclick="WMshowTab('submit',this)">📝 Submit</div>
+  <div class="tab" data-tab="about" onclick="WMshowTab('about',this)">ℹ️ About</div>
 </div>
 
 <!-- ===== TAB: LEADERBOARD ===== -->
@@ -238,9 +238,9 @@ body.dark thead{background:var(--surface-alt)!important;}
         <th class="c-model" style="text-align:left">Model</th>
         <th title="WM Score (0~1000)">WM Score<span class="sa">↕</span></th>
         <th>Grade</th>
-        <th class="p1-col" title="👁 Perception (0~250)">👁 인식<span class="sa">↕</span></th>
-        <th class="p2-col" title="🧠 Cognition (0~450)">🧠 인지<span class="sa">↕</span></th>
-        <th class="p3-col" title="🔥 Embodiment (0~300)">🔥 구현<span class="sa">↕</span></th>
+        <th class="p1-col" title="👁 Perception (0~250)">👁 Perception<span class="sa">↕</span></th>
+        <th class="p2-col" title="🧠 Cognition (0~450)">🧠 Cognition<span class="sa">↕</span></th>
+        <th class="p3-col" title="🔥 Embodiment (0~300)">🔥 Embodiment<span class="sa">↕</span></th>
         <th title="FPS">FPS<span class="sa">↕</span></th>
         <th title="Cognitive Latency (ms)">Lat(ms)<span class="sa">↕</span></th>
         <th>Track</th>
@@ -735,7 +735,7 @@ body.dark thead{background:var(--surface-alt)!important;}
     </div>
     <div class="card">
       <h3>📊 VIDRAFT PROMETHEUS</h3>
-      <p>현재 기준점(Baseline). Open LLM brain (any LLM pluggable) + FloodDiffusion-VIDRAFT motion. RTX5070 (local/16GB). 47 FPS. WM Score 726/1000 (Grade B).</p>
+      <p>Current baseline. Open LLM brain (any LLM pluggable) + FloodDiffusion-VIDRAFT motion engine. RTX5070 (local/16GB). 47 FPS. WM Score 726/1000 (Grade B).</p>
     </div>
     <div class="card">
       <h3>📋 Version History</h3>
@@ -747,7 +747,7 @@ body.dark thead{background:var(--surface-alt)!important;}
       </p>
     </div>
     <div class="card">
-      <h3>📄 인용</h3>
+      <h3>📄 Citation</h3>
       <div style="background:var(--bg2);border-radius:6px;padding:10px;font-family:var(--mono);font-size:8.5px;color:var(--text-sec);line-height:1.8">
         @dataset{wmbench2026,<br>
         &nbsp; title={World Model Bench},<br>
@@ -759,7 +759,7 @@ body.dark thead{background:var(--surface-alt)!important;}
     </div>
     <div class="card">
       <h3>⚖️ License</h3>
-      <p>데이터셋: <b>CC-BY-SA-4.0</b><br>채점 코드: <b>Apache 2.0</b><br>Free to use and cite. Attribution required.</p>
+      <p>Dataset: <b>CC-BY-SA-4.0</b><br>Scoring code: <b>Apache 2.0</b><br>Free to use and cite. Attribution required.</p>
     </div>
   </div>
 </div>
@@ -768,6 +768,13 @@ body.dark thead{background:var(--surface-alt)!important;}
 
 <!-- ===== DATA & LOGIC ===== -->
 <script>
+function WMshowTab(id,clicked){
+  document.querySelectorAll('.tpane').forEach(function(p){p.classList.remove('on');});
+  document.querySelectorAll('#WM_TAB_BAR .tab').forEach(function(t){t.classList.remove('on');});
+  var pane=document.getElementById(id);
+  if(pane) pane.classList.add('on');
+  if(clicked) clicked.classList.add('on');
+}
 (function(){
   /* ── 데이터 ── */
   var LB_DATA = [
@@ -975,14 +982,7 @@ body.dark thead{background:var(--surface-alt)!important;}
 
   /* ── 이벤트 바인딩 ── */
   function bindEvents(){
-    /* 탭 */
-    var tabBar=$('WM_TAB_BAR');
-    if(tabBar){
-      tabBar.addEventListener('click',function(e){
-        var tab=e.target.closest('[data-tab]');
-        if(tab) showTab(tab.getAttribute('data-tab'));
-      });
-    }
+    /* 탭 — onclick으로 처리 */
     /* 다크모드 */
     var darkBtn=$('WM_DARK_BTN');
     if(darkBtn){
@@ -1005,7 +1005,10 @@ body.dark thead{background:var(--surface-alt)!important;}
     renderLB();
     renderCatTable();
     bindEvents();
-    setTimeout(function(){initCharts();},100);
+    setTimeout(function(){
+      try{ initCharts(); }
+      catch(e){ console.warn('WM Bench chart error:',e); }
+    },200);
   }
 
   /* Gradio gr.HTML()은 DOMContentLoaded 이후에 주입되므로 즉시 실행 */