Darwin-31B-Opus

Running on Zero

App Files Files Community

SeaWolf-AI commited on 14 days ago

Commit

43ce839

verified ·

1 Parent(s): 2580e39

Update index.html

Browse files

Files changed (1) hide show

index.html +22 -24

index.html CHANGED Viewed

@@ -3,7 +3,7 @@
 <head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
-<title>💎 Gemma 4 Playground</title>
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link href="https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Cabinet+Grotesk:wght@300;400;500;600;700;800&family=Geist+Mono:wght@300;400;500&display=swap" rel="stylesheet">
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github-dark.min.css">
@@ -254,8 +254,8 @@ input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2);}
       <div class="logo-row">
         <div class="logo-icon">💎</div>
         <div class="logo-text">
-          <div class="logo-name"><em>Gemma</em> 4</div>
-          <div class="logo-sub">Google DeepMind</div>
         </div>
       </div>
     </div>
@@ -265,13 +265,12 @@ input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2);}
       <div class="field" style="margin-bottom:8px;">
         <span class="field-lbl">Model</span>
         <select id="modelSelect" onchange="switchModel(this.value)" style="width:100%;padding:7px 10px;border-radius:8px;border:1.5px solid rgba(109,40,217,.2);background:rgba(109,40,217,.03);font-size:12px;font-weight:600;font-family:var(--fm);color:var(--fg);cursor:pointer;outline:none;">
-          <option value="Gemma-4-26B-A4B-it">💎 Gemma 4 26B-A4B (MoE, 3.8B active) — Fast</option>
-          <option value="Gemma-4-31B-it">💎 Gemma 4 31B (Dense) — Best Quality</option>
         </select>
       </div>
       <div class="mc-top">
-        <span class="mc-name" id="mcName">Gemma-4-26B-A4B-it</span>
-        <span class="mc-arch" id="mcArch">MoE 3.8B/26B</span>
       </div>
       <div class="mc-stats" id="mcStats">
         <span class="mc-stat mc-hl">GPQA 82.3%</span>
@@ -279,15 +278,15 @@ input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2);}
         <span class="mc-stat mc-ok">👁️ Vision</span>
         <span class="mc-stat mc-ok">256K ctx</span>
       </div>
-      <div class="mc-desc" id="mcDesc">MoE 128 experts · 3.8B active · 31B의 95% 성능, 추론 ~8배 빠름 · 140+ languages</div>
-      <a href="https://huggingface.co/google/gemma-4-26B-A4B-it" id="mcHfLink" target="_blank" style="display:inline-flex;align-items:center;gap:5px;margin-top:8px;font-size:10px;font-weight:700;color:var(--v);text-decoration:none;padding:4px 10px;border-radius:16px;background:var(--vg);border:1px solid rgba(109,40,217,.15);transition:all .2s;">🤗 Model Card ↗</a>
       <div style="display:flex;flex-wrap:wrap;gap:4px;margin-top:6px;">
-        <a href="https://huggingface.co/collections/google/gemma-4" target="_blank" style="display:inline-flex;align-items:center;gap:3px;font-size:8px;font-weight:700;color:#059669;text-decoration:none;padding:3px 8px;border-radius:12px;background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.15);transition:all .2s;">💎 Gemma 4</a>
         <a href="https://huggingface.co/spaces/FINAL-Bench/all-bench-leaderboard" target="_blank" style="display:inline-flex;align-items:center;gap:3px;font-size:8px;font-weight:700;color:var(--amber);text-decoration:none;padding:3px 8px;border-radius:12px;background:rgba(217,119,6,.08);border:1px solid rgba(217,119,6,.15);transition:all .2s;">📊 ALL Bench</a>
         <a href="https://huggingface.co/spaces/MAYA-AI/all-leaderboard" target="_blank" style="display:inline-flex;align-items:center;gap:3px;font-size:8px;font-weight:700;color:var(--v);text-decoration:none;padding:3px 8px;border-radius:12px;background:rgba(109,40,217,.06);border:1px solid rgba(109,40,217,.12);transition:all .2s;">🌐 MAYA LB</a>
       </div>
       <div style="display:flex;flex-wrap:wrap;gap:4px;margin-top:6px;">
-        <a href="https://huggingface.co/collections/google/gemma-4" target="_blank" style="font-size:8px;font-weight:700;padding:2px 7px;border-radius:10px;background:rgba(22,163,74,.08);border:1px solid rgba(22,163,74,.18);color:#16a34a;text-decoration:none;transition:all .2s;">💎 Gemma 4</a>
         <a href="https://huggingface.co/spaces/FINAL-Bench/all-bench-leaderboard" target="_blank" style="font-size:8px;font-weight:700;padding:2px 7px;border-radius:10px;background:rgba(217,119,6,.08);border:1px solid rgba(217,119,6,.18);color:#d97706;text-decoration:none;transition:all .2s;">📊 ALL Bench</a>
         <a href="https://huggingface.co/spaces/MAYA-AI/all-leaderboard" target="_blank" style="font-size:8px;font-weight:700;padding:2px 7px;border-radius:10px;background:rgba(109,40,217,.08);border:1px solid rgba(109,40,217,.18);color:var(--v);text-decoration:none;transition:all .2s;">🌐 MAYA LB</a>
       </div>
@@ -312,7 +311,7 @@ input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2);}
           <span class="chip" onclick="setPreset('translate')">Translate</span>
           <span class="chip" onclick="setPreset('research')">Research</span>
         </div>
-        <textarea id="sysPrompt">You are Gemma 4, a highly capable multimodal AI assistant by Google DeepMind. Think step by step for complex questions.</textarea>
       </div>
       <div class="sl-wrap">
@@ -338,11 +337,11 @@ input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2);}
   <main class="chat-main">
     <header class="chat-hdr">
       <div class="hdr-left">
-        <div class="model-pill"><div class="dot"></div><span class="model-name" id="hdrModel">Gemma-4-26B-A4B-it</span></div>
       </div>
       <div style="display:flex;align-items:center;gap:12px;">
-        <a href="https://huggingface.co/google/gemma-4-26B-A4B-it" id="mcHfLink" target="_blank" style="display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:22px;background:linear-gradient(135deg,rgba(109,40,217,.1),rgba(16,185,129,.08));border:1.5px solid rgba(109,40,217,.25);color:var(--v);font-size:12px;font-weight:700;text-decoration:none;transition:all .22s;font-family:var(--fm);">🤗 Model Card ↗</a>
-        <a href="https://huggingface.co/collections/google/gemma-4" target="_blank" style="padding:4px 9px;border-radius:14px;background:rgba(22,163,74,.08);border:1px solid rgba(22,163,74,.18);color:#16a34a;font-size:9px;font-weight:700;text-decoration:none;font-family:var(--fm);">💎 Gemma</a>
         <a href="https://huggingface.co/spaces/FINAL-Bench/all-bench-leaderboard" target="_blank" style="padding:4px 9px;border-radius:14px;background:rgba(217,119,6,.08);border:1px solid rgba(217,119,6,.18);color:#d97706;font-size:9px;font-weight:700;text-decoration:none;font-family:var(--fm);">📊 ALL</a>
         <a href="https://huggingface.co/spaces/MAYA-AI/all-leaderboard" target="_blank" style="padding:4px 9px;border-radius:14px;background:rgba(109,40,217,.08);border:1px solid rgba(109,40,217,.18);color:var(--v);font-size:9px;font-weight:700;text-decoration:none;font-family:var(--fm);">🌐 MAYA</a>
         <a class="hf-login-btn" id="loginBtn" href="/oauth/login">
@@ -371,16 +370,16 @@ input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2);}
     <div class="messages" id="msgs">
       <div class="welcome" id="welcome">
         <div class="welcome-icon">💎</div>
-        <div class="welcome-title">Hello, I'm <em>Gemma 4</em></div>
-        <div class="welcome-sub">Google DeepMind's most intelligent open model — Dense 31B or MoE 26B. Upload an image or ask anything. Apache 2.0 licensed.</div>
         <div class="welcome-badges">
           <span class="welcome-badge wb-purple">AIME 89.2%</span>
           <span class="welcome-badge wb-green">GPQA 84.3%</span>
           <span class="welcome-badge wb-amber">256K context</span>
-          <a href="https://huggingface.co/google/gemma-4-26B-A4B-it" id="mcHfLink" target="_blank" style="font-size:11px;font-weight:600;padding:4px 12px;border-radius:20px;background:rgba(109,40,217,.08);color:var(--v);border:1px solid rgba(109,40,217,.15);text-decoration:none;transition:all .2s;">🤗 Model Card ↗</a>
         </div>
         <div class="ex-grid">
-          <div class="ex-card" onclick="sendEx('Explain how Gemma 4 achieves frontier-level performance with Mixture-of-Experts architecture and hybrid attention.')"><span class="ex-icon">🧬</span><div class="ex-title">Gemma 4 Architecture</div><div class="ex-desc">MoE + hybrid attention</div></div>
           <div class="ex-card" onclick="sendEx('Write a Python async web scraper with retry logic and rate limiting. Include type hints.')"><span class="ex-icon">💻</span><div class="ex-title">Code Generation</div><div class="ex-desc">Production-quality code</div></div>
           <div class="ex-card" onclick="trySampleVision()"><span class="ex-icon">👁️</span><div class="ex-title">Vision Demo</div><div class="ex-desc">Try image analysis now</div></div>
           <div class="ex-card" onclick="sendEx('한국의 K-pop이 세계적으로 성공한 이유를 문화적, 경제적 관점에서 분석해주세요.')"><span class="ex-icon">🌐</span><div class="ex-title">140+ Languages</div><div class="ex-desc">Korean, Japanese, Arabic…</div></div>
@@ -400,7 +399,7 @@ input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2);}
     <div class="inputbar">
       <div class="input-wrap">
-        <textarea class="chat-ta" id="chatInput" placeholder="Message Gemma 4…" rows="1" onkeydown="handleKey(event)" oninput="autoGrow(this)"></textarea>
         <div class="input-acts">
           <label class="icon-btn file-btn" id="fileLabel" title="Upload image or PDF">🖼<input type="file" accept="image/*,.pdf" onchange="handleFile(this)" id="fileInput"></label>
           <button class="icon-btn" id="searchToggleBtn" onclick="toggleSearch()" title="Web search">🔍</button>
@@ -422,7 +421,7 @@ input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2);}
 <script>
 const S={vision:true,history:[],msgCount:0,totalTok:0,pending:null,busy:false,searchResults:null,
   presets:{
-    general:'You are Gemma 4, a highly capable multimodal AI assistant by Google DeepMind. Think step by step for complex questions.',
     code:'You are an expert software engineer. Write clean, efficient, well-commented code. Explain your approach before writing.',
     math:'You are a world-class mathematician. Break problems step-by-step. Show full working.',
     creative:'You are a brilliant creative writer. Be imaginative, vivid, and engaging.',
@@ -742,7 +741,7 @@ function scrollDown(){const m=document.getElementById('msgs');m.scrollTop=m.scro
 function updateStats(){document.getElementById('stMsgs').textContent=S.msgCount;const t=S.totalTok;document.getElementById('stTok').textContent=t>999?(t/1000).toFixed(1)+'k':t;}
 function clearChat(){
   S.history=[];S.msgCount=0;S.totalTok=0;updateStats();
-  document.getElementById('msgs').innerHTML='<div class="welcome" id="welcome" style="display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-height:400px;text-align:center;padding:30px 36px;gap:20px;"><div class="welcome-icon" style="width:72px;height:72px;border-radius:20px;background:linear-gradient(135deg,#6d28d9,#a78bfa,#10b981);display:flex;align-items:center;justify-content:center;font-size:34px;box-shadow:0 8px 30px rgba(109,40,217,.25)">💎</div><div class="welcome-title" style="font-family:var(--fd);font-size:34px">Hello, I\'m <em>Gemma 4</em></div></div>';
 }
 function showToast(msg,dur=2200){const t=document.getElementById('toast');t.textContent=msg;t.classList.add('show');setTimeout(()=>t.classList.remove('show'),dur);}
@@ -763,8 +762,7 @@ checkAuth();
 // ── Model Switching ──
 const MODEL_INFO={
-  'Gemma-4-26B-A4B-it':{arch:'MoE 3.8B/26B',stats:'<span class="mc-stat mc-hl">GPQA 82.3%</span><span class="mc-stat mc-ok">AIME 88.3%</span><span class="mc-stat mc-ok">👁️ Vision</span><span class="mc-stat mc-ok">256K ctx</span>',desc:'MoE 128 experts · 3.8B active · 31B의 95% 성능, 추론 ~8배 빠름 · 140+ languages',hint:'26B MoE · 3.8B active · 256K ctx',hf:'https://huggingface.co/google/gemma-4-26B-A4B-it'},
-  'Gemma-4-31B-it':{arch:'Dense 31B',stats:'<span class="mc-stat mc-hl">AIME 89.2%</span><span class="mc-stat mc-ok">GPQA 84.3%</span><span class="mc-stat mc-ok">👁️ Vision</span><span class="mc-stat mc-ok">256K ctx</span>',desc:'Dense 31B · 최고 품질 · Codeforces 2150 · Arena 오픈 모델 3위 · 140+ languages',hint:'31B Dense · 30.7B active · 256K ctx',hf:'https://huggingface.co/google/gemma-4-31B-it'},
 };
 function switchModel(name){
   const m=MODEL_INFO[name];if(!m)return;

 <head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>🧬 Darwin-31B-Opus</title>
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link href="https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Cabinet+Grotesk:wght@300;400;500;600;700;800&family=Geist+Mono:wght@300;400;500&display=swap" rel="stylesheet">
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github-dark.min.css">
       <div class="logo-row">
         <div class="logo-icon">💎</div>
         <div class="logo-text">
+          <div class="logo-name"><em>Darwin</em> 31B</div>
+          <div class="logo-sub">VIDRAFT · Darwin V6</div>
         </div>
       </div>
     </div>
       <div class="field" style="margin-bottom:8px;">
         <span class="field-lbl">Model</span>
         <select id="modelSelect" onchange="switchModel(this.value)" style="width:100%;padding:7px 10px;border-radius:8px;border:1.5px solid rgba(109,40,217,.2);background:rgba(109,40,217,.03);font-size:12px;font-weight:600;font-family:var(--fm);color:var(--fg);cursor:pointer;outline:none;">
+          <option value="Darwin-31B-Opus" selected>🧬 Darwin-31B-Opus (Dense 31B)</option>
         </select>
       </div>
       <div class="mc-top">
+        <span class="mc-name" id="mcName">Darwin-31B-Opus</span>
+        <span class="mc-arch" id="mcArch">Dense 31B</span>
       </div>
       <div class="mc-stats" id="mcStats">
         <span class="mc-stat mc-hl">GPQA 82.3%</span>
         <span class="mc-stat mc-ok">👁️ Vision</span>
         <span class="mc-stat mc-ok">256K ctx</span>
       </div>
+      <div class="mc-desc" id="mcDesc">Gemma 4 31B + Claude Opus Distill · Diagnostic-Guided Evolutionary Merge · 140+ languages</div>
+      <a href="https://huggingface.co/FINAL-Bench/Darwin-31B-Opus" id="mcHfLink" target="_blank" style="display:inline-flex;align-items:center;gap:5px;margin-top:8px;font-size:10px;font-weight:700;color:var(--v);text-decoration:none;padding:4px 10px;border-radius:16px;background:var(--vg);border:1px solid rgba(109,40,217,.15);transition:all .2s;">🤗 Model Card ↗</a>
       <div style="display:flex;flex-wrap:wrap;gap:4px;margin-top:6px;">
+        <a href="https://huggingface.co/FINAL-Bench" target="_blank" style="display:inline-flex;align-items:center;gap:3px;font-size:8px;font-weight:700;color:#059669;text-decoration:none;padding:3px 8px;border-radius:12px;background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.15);transition:all .2s;">🧬 FINAL-Bench</a>
         <a href="https://huggingface.co/spaces/FINAL-Bench/all-bench-leaderboard" target="_blank" style="display:inline-flex;align-items:center;gap:3px;font-size:8px;font-weight:700;color:var(--amber);text-decoration:none;padding:3px 8px;border-radius:12px;background:rgba(217,119,6,.08);border:1px solid rgba(217,119,6,.15);transition:all .2s;">📊 ALL Bench</a>
         <a href="https://huggingface.co/spaces/MAYA-AI/all-leaderboard" target="_blank" style="display:inline-flex;align-items:center;gap:3px;font-size:8px;font-weight:700;color:var(--v);text-decoration:none;padding:3px 8px;border-radius:12px;background:rgba(109,40,217,.06);border:1px solid rgba(109,40,217,.12);transition:all .2s;">🌐 MAYA LB</a>
       </div>
       <div style="display:flex;flex-wrap:wrap;gap:4px;margin-top:6px;">
+        <a href="https://huggingface.co/FINAL-Bench" target="_blank" style="font-size:8px;font-weight:700;padding:2px 7px;border-radius:10px;background:rgba(22,163,74,.08);border:1px solid rgba(22,163,74,.18);color:#16a34a;text-decoration:none;transition:all .2s;">🧬 FINAL-Bench</a>
         <a href="https://huggingface.co/spaces/FINAL-Bench/all-bench-leaderboard" target="_blank" style="font-size:8px;font-weight:700;padding:2px 7px;border-radius:10px;background:rgba(217,119,6,.08);border:1px solid rgba(217,119,6,.18);color:#d97706;text-decoration:none;transition:all .2s;">📊 ALL Bench</a>
         <a href="https://huggingface.co/spaces/MAYA-AI/all-leaderboard" target="_blank" style="font-size:8px;font-weight:700;padding:2px 7px;border-radius:10px;background:rgba(109,40,217,.08);border:1px solid rgba(109,40,217,.18);color:var(--v);text-decoration:none;transition:all .2s;">🌐 MAYA LB</a>
       </div>
           <span class="chip" onclick="setPreset('translate')">Translate</span>
           <span class="chip" onclick="setPreset('research')">Research</span>
         </div>
+        <textarea id="sysPrompt">You are Darwin-31B-Opus, a reasoning-enhanced AI assistant created by VIDRAFT. Think step by step for complex questions.</textarea>
       </div>
       <div class="sl-wrap">
   <main class="chat-main">
     <header class="chat-hdr">
       <div class="hdr-left">
+        <div class="model-pill"><div class="dot"></div><span class="model-name" id="hdrModel">Darwin-31B-Opus</span></div>
       </div>
       <div style="display:flex;align-items:center;gap:12px;">
+        <a href="https://huggingface.co/FINAL-Bench/Darwin-31B-Opus" id="mcHfLink" target="_blank" style="display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:22px;background:linear-gradient(135deg,rgba(109,40,217,.1),rgba(16,185,129,.08));border:1.5px solid rgba(109,40,217,.25);color:var(--v);font-size:12px;font-weight:700;text-decoration:none;transition:all .22s;font-family:var(--fm);">🤗 Model Card ↗</a>
+        <a href="https://huggingface.co/FINAL-Bench" target="_blank" style="padding:4px 9px;border-radius:14px;background:rgba(22,163,74,.08);border:1px solid rgba(22,163,74,.18);color:#16a34a;font-size:9px;font-weight:700;text-decoration:none;font-family:var(--fm);">🧬 VIDRAFT</a>
         <a href="https://huggingface.co/spaces/FINAL-Bench/all-bench-leaderboard" target="_blank" style="padding:4px 9px;border-radius:14px;background:rgba(217,119,6,.08);border:1px solid rgba(217,119,6,.18);color:#d97706;font-size:9px;font-weight:700;text-decoration:none;font-family:var(--fm);">📊 ALL</a>
         <a href="https://huggingface.co/spaces/MAYA-AI/all-leaderboard" target="_blank" style="padding:4px 9px;border-radius:14px;background:rgba(109,40,217,.08);border:1px solid rgba(109,40,217,.18);color:var(--v);font-size:9px;font-weight:700;text-decoration:none;font-family:var(--fm);">🌐 MAYA</a>
         <a class="hf-login-btn" id="loginBtn" href="/oauth/login">
     <div class="messages" id="msgs">
       <div class="welcome" id="welcome">
         <div class="welcome-icon">💎</div>
+        <div class="welcome-title">Hello, I'm <em>Darwin</em></div>
+        <div class="welcome-sub">VIDRAFT · Darwin V6's most intelligent open model — Dense 31B or MoE 26B. Upload an image or ask anything. Apache 2.0 licensed.</div>
         <div class="welcome-badges">
           <span class="welcome-badge wb-purple">AIME 89.2%</span>
           <span class="welcome-badge wb-green">GPQA 84.3%</span>
           <span class="welcome-badge wb-amber">256K context</span>
+          <a href="https://huggingface.co/FINAL-Bench/Darwin-31B-Opus" id="mcHfLink" target="_blank" style="font-size:11px;font-weight:600;padding:4px 12px;border-radius:20px;background:rgba(109,40,217,.08);color:var(--v);border:1px solid rgba(109,40,217,.15);text-decoration:none;transition:all .2s;">🤗 Model Card ↗</a>
         </div>
         <div class="ex-grid">
+          <div class="ex-card" onclick="sendEx('Explain how Darwin V6 uses diagnostic-guided evolutionary merge to combine knowledge from multiple AI models.')"><span class="ex-icon">🧬</span><div class="ex-title">Darwin V6 Engine</div><div class="ex-desc">MDS + evolutionary merge</div></div>
           <div class="ex-card" onclick="sendEx('Write a Python async web scraper with retry logic and rate limiting. Include type hints.')"><span class="ex-icon">💻</span><div class="ex-title">Code Generation</div><div class="ex-desc">Production-quality code</div></div>
           <div class="ex-card" onclick="trySampleVision()"><span class="ex-icon">👁️</span><div class="ex-title">Vision Demo</div><div class="ex-desc">Try image analysis now</div></div>
           <div class="ex-card" onclick="sendEx('한국의 K-pop이 세계적으로 성공한 이유를 문화적, 경제적 관점에서 분석해주세요.')"><span class="ex-icon">🌐</span><div class="ex-title">140+ Languages</div><div class="ex-desc">Korean, Japanese, Arabic…</div></div>
     <div class="inputbar">
       <div class="input-wrap">
+        <textarea class="chat-ta" id="chatInput" placeholder="Message Darwin 4…" rows="1" onkeydown="handleKey(event)" oninput="autoGrow(this)"></textarea>
         <div class="input-acts">
           <label class="icon-btn file-btn" id="fileLabel" title="Upload image or PDF">🖼<input type="file" accept="image/*,.pdf" onchange="handleFile(this)" id="fileInput"></label>
           <button class="icon-btn" id="searchToggleBtn" onclick="toggleSearch()" title="Web search">🔍</button>
 <script>
 const S={vision:true,history:[],msgCount:0,totalTok:0,pending:null,busy:false,searchResults:null,
   presets:{
+    general:'You are Darwin-31B-Opus, a reasoning-enhanced AI assistant created by VIDRAFT. Think step by step for complex questions.',
     code:'You are an expert software engineer. Write clean, efficient, well-commented code. Explain your approach before writing.',
     math:'You are a world-class mathematician. Break problems step-by-step. Show full working.',
     creative:'You are a brilliant creative writer. Be imaginative, vivid, and engaging.',
 function updateStats(){document.getElementById('stMsgs').textContent=S.msgCount;const t=S.totalTok;document.getElementById('stTok').textContent=t>999?(t/1000).toFixed(1)+'k':t;}
 function clearChat(){
   S.history=[];S.msgCount=0;S.totalTok=0;updateStats();
+  document.getElementById('msgs').innerHTML='<div class="welcome" id="welcome" style="display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-height:400px;text-align:center;padding:30px 36px;gap:20px;"><div class="welcome-icon" style="width:72px;height:72px;border-radius:20px;background:linear-gradient(135deg,#6d28d9,#a78bfa,#10b981);display:flex;align-items:center;justify-content:center;font-size:34px;box-shadow:0 8px 30px rgba(109,40,217,.25)">🧬</div><div class="welcome-title" style="font-family:var(--fd);font-size:34px">Hello, I\'m <em>Darwin</em></div></div>';
 }
 function showToast(msg,dur=2200){const t=document.getElementById('toast');t.textContent=msg;t.classList.add('show');setTimeout(()=>t.classList.remove('show'),dur);}
 // ── Model Switching ──
 const MODEL_INFO={
+  'Darwin-31B-Opus':{arch:'Dense 31B',stats:'<span class="mc-stat mc-hl">ARC 82.89%</span><span class="mc-stat mc-ok">GPQA 66%</span><span class="mc-stat mc-ok">👁️ Vision</span><span class="mc-stat mc-ok">256K ctx</span>',desc:'Gemma 4 31B + Claude Opus Distill · Darwin V6 Evolutionary Merge · 140+ languages',hint:'31B Dense · 30.7B active · 256K ctx',hf:'https://huggingface.co/FINAL-Bench/Darwin-31B-Opus'},
 };
 function switchModel(name){
   const m=MODEL_INFO[name];if(!m)return;