SeaWolf-AI commited on
Commit
2c692a5
Β·
1 Parent(s): c8a5e69

Rebrand UI to Darwin-4B-David and fix Gradio Radio value mismatch

Browse files

- Replace all DECKARD-E4B-Opus strings in index.html with Darwin-4B-David
(title, header pill, model card, sidebar pill, 2 model card links,
welcome badge set, general preset, sysPrompt textarea).
- Arch/stats: "Dense 9B" -> "Gemma4 4B", "Qwen3.5 Dense" -> "Gemma4
Multimodal", "9B params" -> "4B params", description line updated to
reflect Gemma4 + Vision/Audio + 131K context.
- Fix gradio.exceptions.Error: the frontend was sending
'⚑ Fast Mode (direct answer)' which is not in the Radio choices list
['⚑ Fast Mode', '🧠 Thinking Mode']. Truncate the frontend literal to
'⚑ Fast Mode' so the Gradio preprocess step accepts it.

Files changed (1) hide show
  1. index.html +16 -16
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>🧬 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,17 +263,17 @@ 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">DECKARD-E4B-Opus</span>
267
- <span class="mc-arch">Dense 9B</span>
268
  </div>
269
  <div class="mc-stats">
270
- <span class="mc-stat mc-hl">Qwen3.5 Dense</span>
271
  <span class="mc-stat mc-ok">Reasoning βœ“</span>
272
  <span class="mc-stat mc-ok">BF16</span>
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,7 +305,7 @@ 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 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">
@@ -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">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>
@@ -367,10 +367,10 @@ input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2);}
367
  <div class="welcome-title">Hello, I'm <em>Darwin</em></div>
368
  <div class="welcome-sub">The child that surpassed both parents β€” built by VIDRAFT with evolutionary merge + Model MRI. Upload an image or ask anything.</div>
369
  <div class="welcome-badges">
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,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 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.',
@@ -550,7 +550,7 @@ async function sendMsg(){
550
  const startTime=performance.now();
551
 
552
  const payload=[
553
- finalMsg,S.history,'⚑ Fast Mode (direct answer)',
554
  imgData,
555
  document.getElementById('sysPrompt').value.trim()||S.presets.general,
556
  parseInt(document.getElementById('tokSl').value),
 
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>🧬 Darwin-4B-David</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">Darwin-4B-David</span>
267
+ <span class="mc-arch">Gemma4 4B</span>
268
  </div>
269
  <div class="mc-stats">
270
+ <span class="mc-stat mc-hl">Gemma4 Multimodal</span>
271
  <span class="mc-stat mc-ok">Reasoning βœ“</span>
272
  <span class="mc-stat mc-ok">BF16</span>
273
+ <span class="mc-stat mc-ok">4B params</span>
274
  </div>
275
+ <div class="mc-desc">Evolutionary merge Β· Gemma4 architecture Β· Vision+Audio Β· 131K context</div>
276
+ <a href="https://huggingface.co/FINAL-Bench/Darwin-4B-David" 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 Darwin-4B-David, a highly capable multimodal reasoning model created by VIDRAFT Β· Darwin + MTI. Think step by step for complex questions.</textarea>
309
  </div>
310
 
311
  <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">Darwin-4B-David</span></div>
335
  </div>
336
  <div style="display:flex;align-items:center;gap:12px;">
337
+ <a href="https://huggingface.co/FINAL-Bench/Darwin-4B-David" 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>
 
367
  <div class="welcome-title">Hello, I'm <em>Darwin</em></div>
368
  <div class="welcome-sub">The child that surpassed both parents β€” built by VIDRAFT with evolutionary merge + Model MRI. Upload an image or ask anything.</div>
369
  <div class="welcome-badges">
370
+ <span class="welcome-badge wb-purple">Gemma4 4B</span>
371
+ <span class="welcome-badge wb-green">Vision + Audio</span>
372
+ <span class="welcome-badge wb-amber">131K context</span>
373
+ <a href="https://huggingface.co/FINAL-Bench/Darwin-4B-David" 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 Darwin-4B-David, a highly capable multimodal reasoning model created by VIDRAFT Β· Darwin + 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.',
 
550
  const startTime=performance.now();
551
 
552
  const payload=[
553
+ finalMsg,S.history,'⚑ Fast Mode',
554
  imgData,
555
  document.getElementById('sysPrompt').value.trim()||S.presets.general,
556
  parseInt(document.getElementById('tokSl').value),