Update index.html

index.html

@@ -182,6 +182,16 @@ tbody tr:hover td.c-model{background:rgba(99,102,241,.022);}
 /* ARCH BADGES */
 .at{display:flex;flex-direction:column;align-items:center;gap:2px;}
 .atb{font-size:7px;font-family:var(--font-mono);padding:1.5px 4px;border-radius:4px;font-weight:700;}
+
+/* SIZE BADGES */
+.sz{display:flex;flex-direction:column;align-items:center;gap:1px;}
+.szb{font-size:7.5px;font-family:var(--font-mono);padding:2px 6px;border-radius:4px;font-weight:800;letter-spacing:.3px;white-space:nowrap;border:1px solid transparent;}
+.sz-xl{background:rgba(225,29,72,.1);color:#e11d48;border-color:rgba(225,29,72,.2);}
+.sz-l{background:rgba(217,119,6,.1);color:#d97706;border-color:rgba(217,119,6,.2);}
+.sz-m{background:rgba(22,163,74,.1);color:#16a34a;border-color:rgba(22,163,74,.2);}
+.sz-s{background:rgba(59,130,246,.1);color:#3b82f6;border-color:rgba(59,130,246,.2);}
+.sz-u{background:rgba(100,116,139,.08);color:#94a3b8;border-color:rgba(100,116,139,.15);}
+.szp{font-size:6.5px;color:var(--text-muted);font-family:var(--font-mono);white-space:nowrap;}
 .at-moe{background:rgba(217,119,6,.1);color:#d97706;border:1px solid rgba(217,119,6,.2);}
 .at-den{background:rgba(99,102,241,.1);color:#6366f1;border:1px solid rgba(99,102,241,.2);}
 .at-hyb{background:rgba(139,92,246,.1);color:#7c3aed;border:1px solid rgba(139,92,246,.2);}
@@ -407,6 +417,11 @@ body.dark canvas{filter:none;}
   <button class="fb" onclick="flt('value',this)">💚 Value</button>
   <button class="fb" onclick="flt('flagship',this)">👑 Flagship</button>
   <button class="fb" onclick="flt('korean',this)" style="background:linear-gradient(135deg,#c9002b,#003478);color:#fff;border-color:#c9002b;font-weight:700">🇰🇷 Sovereign AI</button>
+  <span class="flbl" style="margin-left:4px">Size:</span>
+  <button class="fb" onclick="flt('sz-xl',this)" style="font-size:9px">🔴 XL</button>
+  <button class="fb" onclick="flt('sz-l',this)" style="font-size:9px">🟠 L</button>
+  <button class="fb" onclick="flt('sz-m',this)" style="font-size:9px">🟢 M</button>
+  <button class="fb" onclick="flt('sz-s',this)" style="font-size:9px">🔵 S</button>
   <div class="col-toggle-wrap" style="margin-left:auto">
     <button class="col-toggle-btn" onclick="toggleColMenu()" id="colBtn">⚙ Columns ▾</button>
     <div class="col-dropdown" id="colMenu"></div>
@@ -425,6 +440,7 @@ body.dark canvas{filter:none;}
 <thead>
 <tr>
   <th class="c-model" onclick="srt(0)">Model<span class="sa">↕</span></th>
+  <th onclick="srt(39)" class="gN" data-col="38" title="Model Size: XL(300B+) L(70-299B) M(20-69B) S(<20B). MoE=Total(Active). ~=estimated." style="min-width:48px">📏 Size<span class="sa">↕</span></th>
   <th class="gP" style="min-width:72px">Provider</th>
   <th onclick="srt(2)" class="gA" title="Coverage⁰·⁷ Score = Avg(confirmed) × (N/10)⁰·⁷. Coverage badge: ✓Full(7+) ◐Moderate(5-6) ⚠Partial(<5). 10 benchmarks: MMLU-Pro·GPQA·AIME·HLE·ARC-AGI-2·Metacog·SWE-Pro·BFCL·IFEval·LCB" style="min-width:58px">🏆 Score<span class="sa">↕</span></th>
   <th onclick="srt(3)" class="gT" style="min-width:48px">📅 Release<span class="sa">↕</span></th>
@@ -467,6 +483,12 @@ body.dark canvas{filter:none;}
   <span style="color:#16a34a;font-size:9px;margin-left:6px">💚 Green row = Open-source value pick</span>
   <span style="font-family:var(--font-mono);font-size:8px;color:#0ea5e9;margin-left:6px">🧩 ARC-AGI-2 = arcprize.org official</span>
   <span style="font-family:var(--font-mono);font-size:8px;color:#7c3aed;margin-left:6px">🧬 Metacog = FINAL-Bench official (15 models tested)</span>
+  <span style="margin-left:10px;font-size:8px;font-family:var(--font-mono);color:var(--text-muted)">📏 Size:</span>
+  <div class="li"><div class="ld" style="background:#e11d48"></div><span style="font-size:8px">XL 300B+</span></div>
+  <div class="li"><div class="ld" style="background:#d97706"></div><span style="font-size:8px">L 70-299B</span></div>
+  <div class="li"><div class="ld" style="background:#16a34a"></div><span style="font-size:8px">M 20-69B</span></div>
+  <div class="li"><div class="ld" style="background:#3b82f6"></div><span style="font-size:8px">S &lt;20B</span></div>
+  <span style="font-size:7px;color:var(--text-muted)">~=est</span>
   <span style="font-family:var(--font-mono);font-size:8px;color:#f59e0b;margin-left:6px">🏅 Union = ALL Bench Union Eval S3 (100% JSON auto-graded, 8 rounds validated)</span>
   <span style="font-family:var(--font-mono);font-size:8px;color:#0ea5e9;margin-left:6px">🖥 TB2.0 = tbench.ai official · 🔬 SciCode = AA independent</span>
   <span style="font-family:var(--font-mono);font-size:8px;color:#e11d48;margin-left:6px">⚙ Avg × (N/10)⁰·⁷ · <span style="color:#16a34a">✓</span>7+ <span style="color:#d97706">◐</span>5-6 <span style="color:#e11d48">⚠</span>&lt;5</span>
@@ -1447,6 +1469,65 @@ function compScore(r){
   return Math.round(avg*Math.pow(coverage,0.7)*10)/10;
 }
 
+// ========== GRADE COLOR ==========
+// ========== SIZE CLASSIFICATION ==========
+const sizeMap={
+  "GPT-5.2":{t:null,a:null,cls:"XL",est:true},
+  "GPT-5.3 Codex":{t:null,a:null,cls:"XL",est:true},
+  "GPT-5.4":{t:null,a:null,cls:"XL",est:true},
+  "GPT-5.1":{t:null,a:null,cls:"L",est:true},
+  "GPT-5-Nano":{t:null,a:null,cls:"S",est:true},
+  "GPT-OSS-120B":{t:116.8,a:5.1,cls:"L",est:false},
+  "GPT-OSS-20B":{t:20.9,a:3.6,cls:"M",est:false},
+  "Claude Opus 4.6":{t:null,a:null,cls:"XL",est:true},
+  "Claude Sonnet 4.6":{t:null,a:null,cls:"L",est:true},
+  "Claude Sonnet 4.5":{t:null,a:null,cls:"L",est:true},
+  "Claude Haiku 4.5":{t:null,a:null,cls:"S",est:true},
+  "Gemini 3.1 Pro":{t:null,a:null,cls:"XL",est:true},
+  "Gemini 3 Pro":{t:null,a:null,cls:"XL",est:true},
+  "Gemini 3 Flash":{t:null,a:null,cls:"M",est:true},
+  "Gemini 2.5 FL-Lite":{t:null,a:null,cls:"S",est:true},
+  "Grok 4 Heavy":{t:null,a:null,cls:"XL",est:true},
+  "Grok 4.1 Fast":{t:null,a:null,cls:"L",est:true},
+  "Qwen3.5-397B":{t:397,a:17,cls:"XL",est:false},
+  "Qwen3.5-122B":{t:122,a:10,cls:"L",est:false},
+  "Qwen3.5-27B":{t:27,a:27,cls:"M",est:false},
+  "Qwen3.5-35B":{t:35,a:3,cls:"M",est:false},
+  "Qwen3.5-Flash":{t:null,a:null,cls:"M",est:true},
+  "Qwen3.5-9B":{t:9,a:9,cls:"S",est:false},
+  "Qwen3.5-4B":{t:4,a:4,cls:"S",est:false},
+  "Qwen3-Next-80B":{t:80,a:3,cls:"L",est:false},
+  "Darwin-35B-A3B-Opus":{t:35,a:3,cls:"M",est:false},
+  "DeepSeek V3.2":{t:671,a:37,cls:"XL",est:false},
+  "DeepSeek R1":{t:671,a:37,cls:"XL",est:false},
+  "Kimi K2.5":{t:1000,a:null,cls:"XL",est:false},
+  "GLM-5":{t:745,a:40,cls:"XL",est:false},
+  "Llama 4 Scout":{t:400,a:17,cls:"XL",est:false},
+  "Llama 4 Maverick":{t:400,a:17,cls:"XL",est:false},
+  "Mistral Large 3":{t:675,a:null,cls:"XL",est:false},
+  "Nemotron 3 Super":{t:120,a:12,cls:"L",est:false},
+  "Phi-4":{t:14,a:14,cls:"S",est:false},
+  "K-EXAONE":{t:236,a:null,cls:"L",est:false},
+  "A.X K1":{t:500,a:null,cls:"XL",est:false},
+  "Solar Open 100B":{t:100,a:null,cls:"L",est:false},
+  "Motif AI":{t:null,a:null,cls:"M",est:true},
+  "Mi:dm 2.0 Base":{t:11.5,a:11.5,cls:"S",est:false},
+  "Nanbeige4.1-3B":{t:3,a:3,cls:"S",est:false},
+  "MiniMax-M2.5":{t:230,a:10,cls:"L",est:false},
+  "Step-3.5-Flash":{t:196,a:11,cls:"L",est:false},
+};
+const szMeta={XL:{label:"XL",emoji:"🔴",color:"#e11d48",css:"sz-xl",desc:"300B+"},L:{label:"L",emoji:"🟠",color:"#d97706",css:"sz-l",desc:"70-299B"},M:{label:"M",emoji:"🟢",color:"#16a34a",css:"sz-m",desc:"20-69B"},S:{label:"S",emoji:"🔵",color:"#3b82f6",css:"sz-s",desc:"<20B"}};
+function sizeCell(r){
+  const s=sizeMap[r[0]];
+  if(!s)return'<span class="na">—</span>';
+  const m=szMeta[s.cls];
+  const tStr=s.t?s.t+'B':'?';
+  const aStr=(s.a&&s.a!==s.t)?'('+s.a+'B)':'';
+  const estMark=s.est?'~':'';
+  return`<div class="sz"><span class="szb ${m.css}">${estMark}${m.label}</span><span class="szp">${tStr}${aStr}</span></div>`;
+}
+function sizeSort(r){const s=sizeMap[r[0]];return s?(s.t||{XL:999,L:150,M:40,S:10}[s.cls]):0;}
+
 // ========== GRADE COLOR ==========
 function gc(v,mx){
   if(v===null||v===undefined)return null;
@@ -1680,6 +1761,7 @@ function buildTable(data){
     tr.dataset.vis=JSON.stringify(r[23]||[]);
     tr.dataset.val=r[30]||0;
     tr.dataset.name=r[0].toLowerCase();
+    tr.dataset.size=(sizeMap[r[0]]||{}).cls||'';
     tr.innerHTML=`
       <td class="c-model">
         <div class="mc">
@@ -1695,6 +1777,7 @@ function buildTable(data){
           </div>
         </div>
       </td>
+      <td data-col="38">${sizeCell(r)}</td>
       <td>${provBadge(r)}</td>
       <td>${compCell(r)}</td>
       <td><span class="rel" style="font-family:var(--font-mono);font-size:9px;color:var(--text-muted)">${r[6]}</span></td>
@@ -1734,8 +1817,7 @@ function srt(col){
   if(lastCol===col)sortDir*=-1; else sortDir=1;
   lastCol=col;
   const th=document.querySelectorAll('th');
-  th.forEach(t=>t.classList.remove('on'));
-  if(th[col])th[col].classList.add('on');
+  th.forEach(t=>{t.classList.remove('on');if(t.getAttribute('onclick')===`srt(${col})`)t.classList.add('on');});
 
   const arr=[...D].sort((a,b)=>{
     let va,vb;
@@ -1764,6 +1846,7 @@ function srt(col){
       case 35:va=a[35]||0;vb=b[35]||0;break;
       case 36:va=a[36]||0;vb=b[36]||0;break;
       case 37:va=a[37]||0;vb=b[37]||0;break;
+      case 39:va=sizeSort(a);vb=sizeSort(b);break;
       default:va=0;vb=0;
     }
     if(typeof va==='string')return va.localeCompare(vb)*sortDir;
@@ -1781,7 +1864,7 @@ function srt(col){
   const arr=[...D].sort((a,b)=>(compScore(b)||0)-(compScore(a)||0));
   buildTable(arr);
   const th=document.querySelectorAll('th');
-  if(th[2])th[2].classList.add('on');
+  th.forEach(t=>{if(t.getAttribute('onclick')===`srt(2)`)t.classList.add('on');});
 })();
 let currentFilter='all';
 function flt(f,btn){
@@ -1793,7 +1876,7 @@ function flt(f,btn){
 function applyFilter(f){
   document.querySelectorAll('#TB tr').forEach(tr=>{
     const g=tr.dataset.group,tp=tr.dataset.type,arch=tr.dataset.arch;
-    const vis=JSON.parse(tr.dataset.vis||'[]'),val=parseInt(tr.dataset.val||0);
+    const vis=JSON.parse(tr.dataset.vis||'[]'),val=parseInt(tr.dataset.val||0),sz=tr.dataset.size||'';
     let show=true;
     if(f==='open')show=tp==='open';
     else if(f==='closed')show=tp==='closed';
@@ -1805,6 +1888,10 @@ function applyFilter(f){
     else if(f==='value')show=val>=4&&tp==='open';
     else if(f==='flagship')show=g==='flagship';
     else if(f==='korean')show=g==='korean';
+    else if(f==='sz-xl')show=sz==='XL';
+    else if(f==='sz-l')show=sz==='L';
+    else if(f==='sz-m')show=sz==='M';
+    else if(f==='sz-s')show=sz==='S';
     if(!show)tr.classList.add('hidden'); else tr.classList.remove('hidden');
   });
   applySearch(document.getElementById('searchBox').value);
@@ -1823,7 +1910,7 @@ function applySearch(q){
 }
 
 // ========== COLUMN TOGGLE ==========
-const colLabels={5:"GPQA◆",15:"MMMLU",6:"AIME25",7:"HLE",14:"SWE-V⚠",4:"MMLU-Pro",12:"IFEval",10:"SWE-Pro",9:"Metacog",35:"TB2.0★",13:"LCB",8:"ARC-AGI-2",11:"BFCL",36:"SciCode★",16:"CtxIn",17:"CtxOut",18:"tok/s",19:"TTFT",20:"Vision",21:"Arch",22:"ELO",23:"License",24:"$/M"};
+const colLabels={38:"Size",5:"GPQA◆",15:"MMMLU",6:"AIME25",7:"HLE",14:"SWE-V⚠",4:"MMLU-Pro",12:"IFEval",10:"SWE-Pro",9:"Metacog",35:"TB2.0★",13:"LCB",8:"ARC-AGI-2",11:"BFCL",36:"SciCode★",16:"CtxIn",17:"CtxOut",18:"tok/s",19:"TTFT",20:"Vision",21:"Arch",22:"ELO",23:"License",24:"$/M"};
 const hiddenCols=new Set([13,8,11,36]); // default hide <30% coverage: LCB·ARC-AGI-2·BFCL·SciCode
 
 function buildColMenu(){
@@ -3263,7 +3350,8 @@ function showModelCard(name){
         <div style="font-size:10px;color:var(--text-muted)">${r[1]} · ${r[3]} · ${r[6]} · ${r[24]||''}</div></div>
       <div style="margin-left:auto;text-align:right"><div style="font-family:var(--font-mono);font-size:22px;font-weight:800;color:var(--ac)">${cs||'—'}</div><div style="font-size:8px;color:var(--text-muted)">Score · ${cov}/10</div></div>
     </div>
-    <div style="display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px">
+    <div style="display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:14px">
+      <div style="text-align:center;padding:8px;background:var(--bg);border-radius:8px"><div style="font-size:8px;color:var(--text-muted)">Size</div><div style="font-family:var(--font-mono);font-size:9px;font-weight:700;color:var(--text)">${(()=>{const s=sizeMap[r[0]];if(!s)return'—';const m=szMeta[s.cls];return'<span style="color:'+m.color+'">'+(s.est?'~':'')+m.label+'</span> '+(s.t?s.t+'B':'?')+(s.a&&s.a!==s.t?' ('+s.a+'B)':'');})()}</div></div>
       <div style="text-align:center;padding:8px;background:var(--bg);border-radius:8px"><div style="font-size:8px;color:var(--text-muted)">Architecture</div><div style="font-family:var(--font-mono);font-size:9px;font-weight:700;color:var(--text)">${r[25]||'—'}</div></div>
       <div style="text-align:center;padding:8px;background:var(--bg);border-radius:8px"><div style="font-size:8px;color:var(--text-muted)">Context</div><div style="font-family:var(--font-mono);font-size:9px;font-weight:700;color:var(--text)">${r[19]?r[19]+'K':'—'}</div></div>
       <div style="text-align:center;padding:8px;background:var(--bg);border-radius:8px"><div style="font-size:8px;color:var(--text-muted)">License</div><div style="font-family:var(--font-mono);font-size:9px;font-weight:700;color:var(--text)">${r[27]||'—'}</div></div>