Update index.html

index.html

@@ -118,7 +118,7 @@ input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2);}
 .logout-btn{padding:5px 11px;border-radius:18px;border:1.5px solid var(--line);background:var(--fog);color:var(--ink4);font-size:11px;font-weight:600;cursor:pointer;transition:all .2s;font-family:var(--fb);}
 .logout-btn:hover{border-color:rgba(225,29,72,.3);color:var(--rose);}
 
-.messages{flex:1;overflow-y:auto;padding:22px 26px;display:flex;flex-direction:column;gap:18px;scroll-behavior:smooth;}
+.messages{flex:1;overflow-y:auto;padding:22px 36px;display:flex;flex-direction:column;gap:18px;scroll-behavior:smooth;}
 .messages::-webkit-scrollbar{width:4px;}
 .messages::-webkit-scrollbar-thumb{background:var(--line2);border-radius:10px;}
 
@@ -146,11 +146,11 @@ input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2);}
 .avatar{width:30px;height:30px;border-radius:9px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:13px;margin-top:2px;}
 .msg.user .avatar{background:linear-gradient(135deg,var(--v),#a78bfa);color:#fff;}
 .msg.bot .avatar{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #d1fae5;font-size:15px;}
-.body{max-width:74%;display:flex;flex-direction:column;gap:3px;}
+.body{max-width:82%;display:flex;flex-direction:column;gap:3px;}
 .msg.user .body{align-items:flex-end;}
 .bubble{padding:11px 15px;border-radius:17px;font-size:13.5px;line-height:1.7;color:var(--ink);}
 .msg.user .bubble{background:linear-gradient(135deg,#6d28d9,#7c3aed);color:#fff;border-radius:17px 3px 17px 17px;box-shadow:0 4px 16px rgba(109,40,217,.22);}
-.msg.bot .bubble{background:var(--white);border:1px solid var(--line);border-radius:3px 17px 17px 17px;box-shadow:var(--sh);}
+.msg.bot .bubble{background:var(--white);border:1px solid var(--line);border-radius:3px 17px 17px 17px;box-shadow:var(--sh);margin-left:4px;padding:14px 18px;}
 .msg-time{font-size:9px;color:var(--ink4);padding:0 3px;font-family:var(--fm);}
 
 .think-blk{background:linear-gradient(135deg,rgba(13,148,136,.04),rgba(6,182,212,.04));border:1px solid rgba(13,148,136,.2);border-radius:9px;padding:8px 12px;margin-bottom:10px;}
@@ -239,17 +239,13 @@ input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2);}
         <span class="mc-stat mc-ok">147.8 t/s</span>
       </div>
       <div class="mc-desc">MRI-guided evolutionary merge · Surpassed both parents · 201 languages · 262K context</div>
+      <a href="https://huggingface.co/FINAL-Bench/Darwin-35B-A3B-Opus" 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>
 
     <!-- Settings -->
     <div class="settings">
       <div class="section-lbl">Settings</div>
 
-      <div class="toggle-row">
-        <div class="toggle-info"><div class="tl">🧠 Thinking Mode</div><div class="ts">Chain-of-thought reasoning</div></div>
-        <label class="toggle"><input type="checkbox" id="thinkToggle"><span class="t-track"></span><span class="t-thumb"></span></label>
-      </div>
-
       <div class="toggle-row">
         <div class="toggle-info"><div class="tl">👁️ Vision</div><div class="ts">Image understanding</div></div>
         <label class="toggle"><input type="checkbox" id="visionToggle" checked><span class="t-track"></span><span class="t-thumb"></span></label>
@@ -292,9 +288,9 @@ input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2);}
     <header class="chat-hdr">
       <div class="hdr-left">
         <div class="model-pill"><div class="dot"></div><span class="model-name" id="hdrModel">Darwin-35B-A3B-Opus</span></div>
-        <div class="mode-tag" id="modeTag">⚡ Fast Mode</div>
       </div>
       <div style="display:flex;align-items:center;gap:12px;">
+        <a href="https://huggingface.co/FINAL-Bench/Darwin-35B-A3B-Opus" 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 class="hf-login-btn" id="loginBtn" href="/oauth/login">
           <svg viewBox="0 0 120 120" width="16" height="16"><path fill="currentColor" d="M41.7 56.6c-5 0-8.8 4-8.8 9s3.8 9 8.8 9 8.8-4 8.8-9-3.8-9-8.8-9zm36.6 0c-5 0-8.8 4-8.8 9s3.8 9 8.8 9 8.8-4 8.8-9-3.8-9-8.8-9z"/></svg>
           Sign in with HF
@@ -327,6 +323,7 @@ input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2);}
           <span class="welcome-badge wb-purple">GPQA 90.0%</span>
           <span class="welcome-badge wb-green">MMMLU 85%</span>
           <span class="welcome-badge wb-amber">147.8 tok/s</span>
+          <a href="https://huggingface.co/FINAL-Bench/Darwin-35B-A3B-Opus" 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 V5 evolutionary merge with Model MRI works, and why it surpasses both parent models.')"><span class="ex-icon">🧬</span><div class="ex-title">Darwin Architecture</div><div class="ex-desc">How evolutionary merge works</div></div>
@@ -358,7 +355,7 @@ input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2);}
 <div class="toast" id="toast"></div>
 
 <script>
-const S={thinking:false,vision:true,history:[],msgCount:0,totalTok:0,pending:null,busy:false,
+const S={vision:true,history:[],msgCount:0,totalTok:0,pending:null,busy:false,
   presets:{
     general:'You are Darwin-35B-A3B-Opus, a highly capable reasoning model created by VIDRAFT via evolutionary merge. 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.',
@@ -372,12 +369,6 @@ const S={thinking:false,vision:true,history:[],msgCount:0,totalTok:0,pending:nul
 function apiBase(){return'/gradio';}
 
 // Toggles
-document.getElementById('thinkToggle').addEventListener('change',function(){
-  S.thinking=this.checked;
-  const t=document.getElementById('modeTag');
-  t.textContent=this.checked?'🧠 Thinking Mode':'⚡ Fast Mode';
-  t.className='mode-tag'+(this.checked?' thinking':'');
-});
 document.getElementById('visionToggle').addEventListener('change',function(){
   S.vision=this.checked;
   const l=document.getElementById('fileLabel');
@@ -421,10 +412,8 @@ async function sendMsg(){
   removeImg();
   appendUser(msg,imgSnap);
 
-  const thinkStr=S.thinking?'🧠 Thinking Mode  (chain-of-thought reasoning)':'⚡ Fast Mode  (direct answer)';
-
   const payload=[
-    msg,S.history,thinkStr,
+    msg,S.history,'⚡ Fast Mode  (direct answer)',
     imgSnap?imgSnap.data:null,
     document.getElementById('sysPrompt').value.trim()||S.presets.general,
     parseInt(document.getElementById('tokSl').value),
@@ -562,4 +551,4 @@ function showLoggedOut(){document.getElementById('loginBtn').style.display='inli
 checkAuth();
 </script>
 </body>
-</html>
+</html>