Skip to content

BYO OpenRouter key on review page #13

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
dangng2004 wants to merge 2 commits into
base: main
Choose a base branch
from
Open

BYO OpenRouter key on review page #13

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
9a719a9
WIP: bring-your-own OpenRouter key on review page
dangng2004 May 13, 2026
a67e7f5
WIP: reframe BYOK box around full-paper reviews + length picker
dangng2004 May 13, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
51 changes: 50 additions & 1 deletion review.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -406,6 +406,34 @@ <h1>Upload your paper</h1>
We only use your submission for reviewing purposes. If you give feedback on the result page, your feedback (and submission) may be used in an open benchmark for improving AI reviewing.
</div>

<!-- BYO OpenRouter key -->
<div id="byok-section" style="border:1.5px solid #f9c0c0;border-radius:var(--radius-sm);background:var(--accent-light);margin-top:50px;margin-bottom:14px;padding:16px;box-shadow:var(--shadow-sm);">
<div style="font-size:14px;font-weight:700;color:var(--accent);margin-bottom:8px;letter-spacing:-0.1px;">Use your own key to review full papers</div>
<div style="font-size:13px;color:var(--text);line-height:1.55;margin-bottom:12px;">
By default, submissions are capped at 20 pages / 20k tokens to protect a shared daily budget. With your own OpenRouter key you can review the full paper, and you also leave more of the shared budget for less well-resourced users. Your key is used only for this single review and is never stored or logged. Get one at <a href="https://openrouter.ai/keys" target="_blank">openrouter.ai/keys</a>.
</div>
<input type="password" id="byok-input" placeholder="sk-or-v1-..." autocomplete="off" spellcheck="false"
style="width:100%;padding:10px 14px;font-size:13px;font-family:'SF Mono','Fira Code',monospace;border:1px solid #f9c0c0;border-radius:var(--radius-sm);outline:none;background:#fff;transition:border-color 0.15s,box-shadow 0.15s;color:var(--text);"
onfocus="this.style.borderColor='var(--accent)';this.style.boxShadow='var(--shadow-focus)'"
onblur="this.style.borderColor='#f9c0c0';this.style.boxShadow='none'" />
<div style="margin-top:10px;">
<label for="byok-model" style="display:block;font-size:12px;color:var(--text-secondary);margin-bottom:6px;">Model <span style="color:var(--text-muted);">(optional, defaults to Claude Opus 4.6)</span></label>
<input type="text" id="byok-model" placeholder="anthropic/claude-opus-4-6" autocomplete="off" spellcheck="false"
style="width:100%;padding:8px 12px;font-size:13px;font-family:'SF Mono','Fira Code',monospace;border:1px solid #f9c0c0;border-radius:var(--radius-sm);background:#fff;color:var(--text);outline:none;transition:border-color 0.15s,box-shadow 0.15s;"
onfocus="this.style.borderColor='var(--accent)';this.style.boxShadow='var(--shadow-focus)'"
onblur="this.style.borderColor='#f9c0c0';this.style.boxShadow='none'" />
<div style="font-size:11px;color:var(--text-muted);margin-top:6px;">Any OpenRouter slug as <code>&lt;provider&gt;/&lt;model&gt;</code>. Browse at <a href="https://openrouter.ai/models" target="_blank">openrouter.ai/models</a>.</div>
</div>
<div style="margin-top:10px;">
<label for="byok-tier" style="display:block;font-size:12px;color:var(--text-secondary);margin-bottom:6px;">Length</label>
<select id="byok-tier"
style="width:100%;padding:8px 12px;font-size:13px;font-family:inherit;border:1px solid #f9c0c0;border-radius:var(--radius-sm);background:#fff;color:var(--text);outline:none;cursor:pointer;">
<option value="default">20k tokens (~20 pages) &mdash; default</option>
<option value="full">Full paper (up to 100 pages)</option>
</select>
</div>
</div>

<input type="email" id="email-input" placeholder="your@email.com — we'll notify you when done" required
style="width:100%;padding:10px 14px;font-size:14px;font-family:inherit;border:1px solid var(--border);border-radius:var(--radius-sm);outline:none;margin-bottom:12px;transition:border-color 0.15s,box-shadow 0.15s;color:var(--text);"
onfocus="this.style.borderColor='var(--accent)';this.style.boxShadow='var(--shadow-focus)'"
Expand Down Expand Up @@ -434,7 +462,9 @@ <h1>Upload your paper</h1>
</div>

<script>
const BACKEND_URL = 'https://openaireview-backend-947059889174.us-central1.run.app';
const BACKEND_URL = (location.hostname === 'localhost' || location.hostname === '127.0.0.1')
? `http://${location.hostname}:8080`
: 'https://openaireview-backend-947059889174.us-central1.run.app';

function lookupToken() {
const token = document.getElementById('lookup-input').value.trim();
Expand Down Expand Up @@ -519,6 +549,25 @@ <h1>Upload your paper</h1>
const form = new FormData();
form.append('email', email);

const byokInput = document.getElementById('byok-input');
const byokKey = byokInput ? byokInput.value.trim() : '';
if (byokKey) {
form.append('openrouter_api_key', byokKey);
const modelInput = document.getElementById('byok-model');
const modelVal = modelInput ? modelInput.value.trim() : '';
if (modelVal) {
if (!/^[a-zA-Z0-9._\-]+\/[a-zA-Z0-9._\-]+$/.test(modelVal)) {
showStatus('Model must look like &lt;provider&gt;/&lt;model&gt;, e.g. anthropic/claude-opus-4-6.', true);
submitBtn.disabled = false;
return;
}
form.append('model', modelVal);
}
const tierSel = document.getElementById('byok-tier');
const tierVal = tierSel ? tierSel.value : '';
if (tierVal) form.append('tier', tierVal);
}

if (activeTab === 'file') {
if (!selectedFile) {
showStatus('Please select a file to review.', true);
Expand Down