From 9a719a969714d75eaefa1eb294ca4521db580154 Mon Sep 17 00:00:00 2001
From: Dang Nguyen <nmd.ptnk@gmail.com>
Date: Tue, 12 May 2026 20:05:21 -0500
Subject: [PATCH 1/2] WIP: bring-your-own OpenRouter key on review page

Adds a prominent always-visible section on /review.html where users can
paste a personal OpenRouter key. When supplied, the backend uses it for
the review and bypasses the shared daily limit, leaving more of the
shared budget for less well-resourced users.

- New BYO key panel between the help text and the email field, on
  brand (accent-light bg + accent border) so it reads as a first-class
  option rather than a hidden tweak.
- Password input; key is sent as the `openrouter_api_key` form field
  and never persisted in the page.
- Backend URL auto-detects localhost vs production so the same page
  works against a local uvicorn (port 8080) during development.
---
 review.html | 22 +++++++++++++++++++++-
 1 file changed, 21 insertions(+), 1 deletion(-)

diff --git a/review.html b/review.html
index 1700d57..9fb7a7c 100644
--- a/review.html
+++ b/review.html
@@ -406,6 +406,18 @@ <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;">Have an OpenRouter key?</div>
+          <div style="font-size:13px;color:var(--text);line-height:1.55;margin-bottom:12px;">
+            The system has a daily budget shared across all users. If you have an OpenRouter key, please use it so there is more budget left 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>
+
         <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)'"
@@ -434,7 +446,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();
@@ -519,6 +533,12 @@ <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);
+    }
+
     if (activeTab === 'file') {
       if (!selectedFile) {
         showStatus('Please select a file to review.', true);

From a67e7f50039856c8b6b7f35a219484a10766e33c Mon Sep 17 00:00:00 2001
From: Dang Nguyen <nmd.ptnk@gmail.com>
Date: Tue, 12 May 2026 21:22:49 -0500
Subject: [PATCH 2/2] WIP: reframe BYOK box around full-paper reviews + length
 picker
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Headline now leads with the concrete benefit (review the full paper,
not just the first 20 pages) and keeps the "leave more budget for less
well-resourced users" framing as the secondary reason.

Adds a Length dropdown inside the BYOK box with two options:
  * 20k tokens (~20 pages) — default
  * Full paper (up to 100 pages)

The selection is sent as the `tier` form field; the backend only
honors it when a BYO key is also supplied.
---
 review.html | 33 +++++++++++++++++++++++++++++++--
 1 file changed, 31 insertions(+), 2 deletions(-)

diff --git a/review.html b/review.html
index 9fb7a7c..7b6f063 100644
--- a/review.html
+++ b/review.html
@@ -408,14 +408,30 @@ <h1>Upload your paper</h1>
 
         <!-- 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;">Have an OpenRouter key?</div>
+          <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;">
-            The system has a daily budget shared across all users. If you have an OpenRouter key, please use it so there is more budget left 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>.
+            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
@@ -537,6 +553,19 @@ <h1>Upload your paper</h1>
     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') {