| | <!DOCTYPE html> |
| | <html lang="en"> |
| | <head> |
| | <meta charset="UTF-8"> |
| | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| | <title>Qwen3 Reranker · Signal Intelligence</title> |
| | <link rel="preconnect" href="https://fonts.googleapis.com"> |
| | <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> |
| | <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,300;0,400;0,600;0,700;1,300&family=Syne:wght@700;800;900&display=swap" rel="stylesheet"> |
| | <script type="module" crossorigin src="./assets/index-COGfPvML.js"></script> |
| | <link rel="stylesheet" crossorigin href="./assets/index-DRl0_D0u.css"> |
| | </head> |
| | <body> |
| |
|
| | <header> |
| | <div class="header-tag">Semantic Reranking · In-Browser</div> |
| | <h1 class="header-title">Qwen3 <span>Reranker</span></h1> |
| | <p class="header-sub"> |
| | <a href="https://huggingface.co/onnx-community/Qwen3-Reranker-0.6B-ONNX" target="_blank" rel="noopener">onnx-community/Qwen3-Reranker-0.6B-ONNX</a> |
| | · 0.6B params · ONNX via |
| | <a href="https://github.com/huggingface/transformers.js" target="_blank" rel="noopener">Transformers.js</a> |
| | · No server required |
| | </p> |
| | </header> |
| |
|
| | <main> |
| | <div id="status-bar"> |
| | <div class="status-icon"></div> |
| | <span id="status-text">Loading model…</span> |
| | <div id="progress-bar-wrap" class="visible"> |
| | <div id="progress-bar"></div> |
| | </div> |
| | <select class="dtype-select" id="dtype-select" title="Model precision"> |
| | <option value="q4" selected>q4 · ~220MB</option> |
| | <option value="q8">q8 · ~350MB</option> |
| | </select> |
| | </div> |
| |
|
| | <div class="panel" id="query-panel"> |
| | <div class="panel-label">Query</div> |
| | <textarea id="query-input" rows="1" placeholder="Enter your search query…">What is the capital of France?</textarea> |
| | <div class="instruction-row"> |
| | <span class="instruction-label">Instruct</span> |
| | <input type="text" id="instruction-input" |
| | placeholder="Given a web search query, retrieve relevant passages that answer the query" |
| | value="Given a web search query, retrieve relevant passages that answer the query"> |
| | </div> |
| | </div> |
| |
|
| | <div id="results-header">ranked results</div> |
| | <div id="docs-list"></div> |
| |
|
| | <div class="actions-row"> |
| | <button id="rank-btn" disabled>▶ Rank Documents</button> |
| | <button id="add-doc-btn">+ Add Document</button> |
| | <button id="clear-btn">✕ Clear scores</button> |
| | </div> |
| | </main> |
| |
|
| | <footer> |
| | <span>Qwen3-Reranker-0.6B-ONNX</span> |
| | <span class="sep">·</span> |
| | <a href="https://huggingface.co/onnx-community/Qwen3-Reranker-0.6B-ONNX" target="_blank" rel="noopener">Model</a> |
| | <span class="sep">·</span> |
| | <a href="https://huggingface.co/Qwen/Qwen3-Reranker-0.6B" target="_blank" rel="noopener">Original</a> |
| | <span class="sep">·</span> |
| | <a href="https://github.com/huggingface/transformers.js" target="_blank" rel="noopener">Transformers.js</a> |
| | <span id="runtime-info"></span> |
| | </footer> |
| |
|
| | </body> |
| | </html> |
| |
|
