Spaces:
Running on L4
Running on L4
Update index.html
Browse files- index.html +13 -33
index.html
CHANGED
|
@@ -3,7 +3,7 @@
|
|
| 3 |
<head>
|
| 4 |
<meta charset="UTF-8">
|
| 5 |
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 6 |
-
<title>π§¬
|
| 7 |
<link rel="preconnect" href="https://fonts.googleapis.com">
|
| 8 |
<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">
|
| 9 |
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github-dark.min.css">
|
|
@@ -263,7 +263,7 @@ input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2);}
|
|
| 263 |
<!-- Single Model Card -->
|
| 264 |
<div class="model-card">
|
| 265 |
<div class="mc-top">
|
| 266 |
-
<span class="mc-name">
|
| 267 |
<span class="mc-arch">Dense 9B</span>
|
| 268 |
</div>
|
| 269 |
<div class="mc-stats">
|
|
@@ -273,7 +273,7 @@ input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2);}
|
|
| 273 |
<span class="mc-stat mc-ok">9B params</span>
|
| 274 |
</div>
|
| 275 |
<div class="mc-desc">Evolutionary merge Β· Qwen3.5 architecture Β· Reasoning Β· 131K context</div>
|
| 276 |
-
<a href="https://huggingface.co/FINAL-Bench/
|
| 277 |
<div style="display:flex;flex-wrap:wrap;gap:4px;margin-top:6px;">
|
| 278 |
<a href="https://huggingface.co/spaces/FINAL-Bench/Leaderboard" 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>
|
| 279 |
<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>
|
|
@@ -305,12 +305,12 @@ input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2);}
|
|
| 305 |
<span class="chip" onclick="setPreset('translate')">Translate</span>
|
| 306 |
<span class="chip" onclick="setPreset('research')">Research</span>
|
| 307 |
</div>
|
| 308 |
-
<textarea id="sysPrompt">You are
|
| 309 |
</div>
|
| 310 |
|
| 311 |
<div class="sl-wrap">
|
| 312 |
-
<div class="sl-meta"><span class="sl-title">Max Tokens</span><span class="sl-val" id="tokVal">4096</span><
|
| 313 |
-
<input type="range" id="tokSl" min="64" max="
|
| 314 |
</div>
|
| 315 |
|
| 316 |
<div class="sl-wrap">
|
|
@@ -331,10 +331,10 @@ input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2);}
|
|
| 331 |
<main class="chat-main">
|
| 332 |
<header class="chat-hdr">
|
| 333 |
<div class="hdr-left">
|
| 334 |
-
<div class="model-pill"><div class="dot"></div><span class="model-name" id="hdrModel">
|
| 335 |
</div>
|
| 336 |
<div style="display:flex;align-items:center;gap:12px;">
|
| 337 |
-
<a href="https://huggingface.co/FINAL-Bench/
|
| 338 |
<a href="https://huggingface.co/spaces/FINAL-Bench/Leaderboard" 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);">π FINAL</a>
|
| 339 |
<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>
|
| 340 |
<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>
|
|
@@ -370,7 +370,7 @@ input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2);}
|
|
| 370 |
<span class="welcome-badge wb-purple">Qwen3.5 Dense</span>
|
| 371 |
<span class="welcome-badge wb-green">Reasoning β</span>
|
| 372 |
<span class="welcome-badge wb-amber">147.8 tok/s</span>
|
| 373 |
-
<a href="https://huggingface.co/FINAL-Bench/
|
| 374 |
</div>
|
| 375 |
<div class="ex-grid">
|
| 376 |
<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>
|
|
@@ -415,7 +415,7 @@ input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2);}
|
|
| 415 |
<script>
|
| 416 |
const S={vision:false,history:[],msgCount:0,totalTok:0,pending:null,busy:false,searchResults:null,
|
| 417 |
presets:{
|
| 418 |
-
general:'You are
|
| 419 |
code:'You are an expert software engineer. Write clean, efficient, well-commented code. Explain your approach before writing.',
|
| 420 |
math:'You are a world-class mathematician. Break problems step-by-step. Show full working.',
|
| 421 |
creative:'You are a brilliant creative writer. Be imaginative, vivid, and engaging.',
|
|
@@ -740,7 +740,8 @@ function showToast(msg,dur=2200){const t=document.getElementById('toast');t.text
|
|
| 740 |
|
| 741 |
// HF OAuth
|
| 742 |
async function checkAuth(){try{const res=await fetch('/oauth/user');if(res.ok){const u=await res.json();if(u.logged_in){showLoggedIn(u);return;}}}catch(e){}showLoggedOut();}
|
| 743 |
-
document.addEventListener('visibilitychange',()=>{if(!document.hidden)checkAuth();
|
|
|
|
| 744 |
function showLoggedIn(u){
|
| 745 |
document.getElementById('loginBtn').style.display='none';
|
| 746 |
const ua=document.getElementById('userArea');ua.style.display='flex';
|
|
@@ -752,28 +753,7 @@ function showLoggedIn(u){
|
|
| 752 |
}
|
| 753 |
function showLoggedOut(){document.getElementById('loginBtn').style.display='inline-flex';document.getElementById('userArea').style.display='none';}
|
| 754 |
checkAuth();
|
| 755 |
-
|
| 756 |
-
// ββ KV Cache μνμ λ°λΌ Max Tokens μ¬λΌμ΄λ λμ μ‘°μ ββ
|
| 757 |
-
(async function updateTokenLimit(){
|
| 758 |
-
try{
|
| 759 |
-
const r=await fetch('/health');
|
| 760 |
-
if(!r.ok)return;
|
| 761 |
-
const h=await r.json();
|
| 762 |
-
const kvMode=h.kv_cache||'standard';
|
| 763 |
-
const limits={triattention:32768,quantized:16384,sink_eviction:16384,standard:4096};
|
| 764 |
-
const maxTok=limits[kvMode]||4096;
|
| 765 |
-
const sl=document.getElementById('tokSl');
|
| 766 |
-
sl.max=maxTok;
|
| 767 |
-
if(parseInt(sl.value)>maxTok)sl.value=maxTok;
|
| 768 |
-
const info=document.getElementById('tokCacheInfo');
|
| 769 |
-
if(info){
|
| 770 |
-
const labels={triattention:'TriAttention ~10x',quantized:'Quantized ~4x',sink_eviction:'SinkWindow',standard:'Standard'};
|
| 771 |
-
info.textContent='('+( labels[kvMode]||kvMode )+' Β· max '+maxTok+')';
|
| 772 |
-
if(kvMode==='triattention')info.style.color='#16a34a';
|
| 773 |
-
}
|
| 774 |
-
console.log('[KV]',kvMode,'β max_tokens='+maxTok, h.vram_used_gb?('VRAM:'+h.vram_used_gb+'GB'):'');
|
| 775 |
-
}catch(e){}
|
| 776 |
-
})();
|
| 777 |
</script>
|
| 778 |
</body>
|
| 779 |
</html>
|
|
|
|
| 3 |
<head>
|
| 4 |
<meta charset="UTF-8">
|
| 5 |
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 6 |
+
<title>𧬠DECKARD-E4B-Opus</title>
|
| 7 |
<link rel="preconnect" href="https://fonts.googleapis.com">
|
| 8 |
<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">
|
| 9 |
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github-dark.min.css">
|
|
|
|
| 263 |
<!-- Single Model Card -->
|
| 264 |
<div class="model-card">
|
| 265 |
<div class="mc-top">
|
| 266 |
+
<span class="mc-name">DECKARD-E4B-Opus</span>
|
| 267 |
<span class="mc-arch">Dense 9B</span>
|
| 268 |
</div>
|
| 269 |
<div class="mc-stats">
|
|
|
|
| 273 |
<span class="mc-stat mc-ok">9B params</span>
|
| 274 |
</div>
|
| 275 |
<div class="mc-desc">Evolutionary merge Β· Qwen3.5 architecture Β· Reasoning Β· 131K context</div>
|
| 276 |
+
<a href="https://huggingface.co/FINAL-Bench/DECKARD-E4B-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>
|
| 277 |
<div style="display:flex;flex-wrap:wrap;gap:4px;margin-top:6px;">
|
| 278 |
<a href="https://huggingface.co/spaces/FINAL-Bench/Leaderboard" 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>
|
| 279 |
<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>
|
|
|
|
| 305 |
<span class="chip" onclick="setPreset('translate')">Translate</span>
|
| 306 |
<span class="chip" onclick="setPreset('research')">Research</span>
|
| 307 |
</div>
|
| 308 |
+
<textarea id="sysPrompt">You are DECKARD-E4B-Opus, a highly capable reasoning model created by VIDRAFT Β· DECKARD + MTI. Think step by step for complex questions.</textarea>
|
| 309 |
</div>
|
| 310 |
|
| 311 |
<div class="sl-wrap">
|
| 312 |
+
<div class="sl-meta"><span class="sl-title">Max Tokens</span><span class="sl-val" id="tokVal">4096</span></div>
|
| 313 |
+
<input type="range" id="tokSl" min="64" max="16384" value="4096" step="64" oninput="document.getElementById('tokVal').textContent=this.value">
|
| 314 |
</div>
|
| 315 |
|
| 316 |
<div class="sl-wrap">
|
|
|
|
| 331 |
<main class="chat-main">
|
| 332 |
<header class="chat-hdr">
|
| 333 |
<div class="hdr-left">
|
| 334 |
+
<div class="model-pill"><div class="dot"></div><span class="model-name" id="hdrModel">DECKARD-E4B-Opus</span></div>
|
| 335 |
</div>
|
| 336 |
<div style="display:flex;align-items:center;gap:12px;">
|
| 337 |
+
<a href="https://huggingface.co/FINAL-Bench/DECKARD-E4B-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>
|
| 338 |
<a href="https://huggingface.co/spaces/FINAL-Bench/Leaderboard" 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);">π FINAL</a>
|
| 339 |
<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>
|
| 340 |
<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>
|
|
|
|
| 370 |
<span class="welcome-badge wb-purple">Qwen3.5 Dense</span>
|
| 371 |
<span class="welcome-badge wb-green">Reasoning β</span>
|
| 372 |
<span class="welcome-badge wb-amber">147.8 tok/s</span>
|
| 373 |
+
<a href="https://huggingface.co/FINAL-Bench/DECKARD-E4B-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>
|
| 374 |
</div>
|
| 375 |
<div class="ex-grid">
|
| 376 |
<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>
|
|
|
|
| 415 |
<script>
|
| 416 |
const S={vision:false,history:[],msgCount:0,totalTok:0,pending:null,busy:false,searchResults:null,
|
| 417 |
presets:{
|
| 418 |
+
general:'You are DECKARD-E4B-Opus, a highly capable reasoning model created by VIDRAFT Β· DECKARD + MTI. Think step by step for complex questions.',
|
| 419 |
code:'You are an expert software engineer. Write clean, efficient, well-commented code. Explain your approach before writing.',
|
| 420 |
math:'You are a world-class mathematician. Break problems step-by-step. Show full working.',
|
| 421 |
creative:'You are a brilliant creative writer. Be imaginative, vivid, and engaging.',
|
|
|
|
| 740 |
|
| 741 |
// HF OAuth
|
| 742 |
async function checkAuth(){try{const res=await fetch('/oauth/user');if(res.ok){const u=await res.json();if(u.logged_in){showLoggedIn(u);return;}}}catch(e){}showLoggedOut();}
|
| 743 |
+
document.addEventListener('visibilitychange',()=>{if(!document.hidden)checkAuth();
|
| 744 |
+
(async function(){try{const r=await fetch("/health");if(!r.ok)return;const h=await r.json();const sl=document.getElementById("tokSl");if(sl&&h.max_tokens){sl.max=h.max_tokens;}const info=document.getElementById("tokCacheInfo");if(!info){const s=document.createElement("span");s.id="tokCacheInfo";s.style.cssText="font-size:9px;color:#a8a29e;margin-left:6px";sl.parentElement.previousElementSibling.appendChild(s);}const ci=document.getElementById("tokCacheInfo");if(ci){ci.textContent="("+h.attention+" Β· MTI Β· max "+h.max_tokens+")";if(h.attention==="TriAttention")ci.style.color="#16a34a";}}catch(e){}})();});
|
| 745 |
function showLoggedIn(u){
|
| 746 |
document.getElementById('loginBtn').style.display='none';
|
| 747 |
const ua=document.getElementById('userArea');ua.style.display='flex';
|
|
|
|
| 753 |
}
|
| 754 |
function showLoggedOut(){document.getElementById('loginBtn').style.display='inline-flex';document.getElementById('userArea').style.display='none';}
|
| 755 |
checkAuth();
|
| 756 |
+
(async function(){try{const r=await fetch("/health");if(!r.ok)return;const h=await r.json();const sl=document.getElementById("tokSl");if(sl&&h.max_tokens){sl.max=h.max_tokens;}const info=document.getElementById("tokCacheInfo");if(!info){const s=document.createElement("span");s.id="tokCacheInfo";s.style.cssText="font-size:9px;color:#a8a29e;margin-left:6px";sl.parentElement.previousElementSibling.appendChild(s);}const ci=document.getElementById("tokCacheInfo");if(ci){ci.textContent="("+h.attention+" Β· MTI Β· max "+h.max_tokens+")";if(h.attention==="TriAttention")ci.style.color="#16a34a";}}catch(e){}})();
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 757 |
</script>
|
| 758 |
</body>
|
| 759 |
</html>
|