pennaburry/parallel-constrained-decoding

1<!DOCTYPE html>2<html lang="en">3<head>4  <meta charset="UTF-8">5  <meta name="viewport" content="width=device-width, initial-scale=1.0">6  <title>Parallel Constrained vs Normal Inference (Qwen2.5 1.5B)</title>7  <link rel="stylesheet" href="style.css">8  <link rel="preconnect" href="https://fonts.googleapis.com">9  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>10  <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">11</head>12<body>13  <div class="container">14    <!-- Centered Controls -->15    <div class="controls-bar">16      <select id="preset-select" aria-label="Select Scenario Preset"></select>17      <button id="btn-run" class="btn-primary">18        <span>⚡ Run Comparison</span>19      </button>20    </div>21 22    <!-- Speedup Summary Banner (Shows after run) -->23    <div id="summary-bar" class="summary-bar hidden">24      <div class="summary-pill">25        <span class="summary-highlight" id="sum-speedup">2.4x FASTER</span>26        <span class="summary-sep">·</span>27        <span id="sum-times">180 ms vs 435 ms</span>28      </div>29    </div>30 31    <!-- Side by Side Main View -->32    <main class="grid">33      <!-- Left: Parallel Constrained -->34      <section class="card card-parallel">35        <div class="card-header">36          <h2>Parallel Constrained (Qwen2.5 1.5B)</h2>37          <span class="timer-badge badge-green" id="timer-parallel">0.0 ms</span>38        </div>39        <div class="card-body" id="body-parallel">40          <pre id="parallel-output" class="code-box"><span class="placeholder-text">Click "Run Comparison" to start...</span></pre>41        </div>42      </section>43 44      <!-- Right: Normal Autoregressive -->45      <section class="card">46        <div class="card-header">47          <div class="title-with-badge">48            <h2>Normal Inference (Qwen2.5 1.5B)</h2>49            <span id="badge-naive-hallucinated" class="badge-red hidden">0 fields hallucinated</span>50          </div>51          <span class="timer-badge" id="timer-naive">0.0 ms</span>52        </div>53        <div class="card-body" id="body-naive">54          <pre id="stream-output" class="code-box"><span class="placeholder-text">Click "Run Comparison" to start...</span></pre>55        </div>56      </section>57    </main>58  </div>59 60  <script src="app.js"></script>61</body>62</html>63