From df4ef9938980de62e0ffe9586323c97251e5c846 Mon Sep 17 00:00:00 2001
From: dev <dev@localhost>
Date: Wed, 24 Jun 2026 23:30:27 +0200
Subject: [PATCH] =?UTF-8?q?feat(ui):=20add=20a=20Custom=E2=80=A6=20option?=
 =?UTF-8?q?=20for=20manual=20lossy=20bitrate=20entry?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Keeps the reference presets (96/128/192/256/320) but adds "Custom…", which
reveals a number input so you can type any minimum bitrate. addRankedTarget
reads the manual value when the dropdown is on Custom.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 webui/index.html         |  7 ++++++-
 webui/static/settings.js | 12 +++++++++++-
 2 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/webui/index.html b/webui/index.html
index 64883e5e..2d0e6fe3 100644
--- a/webui/index.html
+++ b/webui/index.html
@@ -5087,14 +5087,19 @@
                                             </select>
                                         </span>
                                         <span class="rt-lossy-fields" style="display:none;">
-                                            <select id="rt-add-bitrate" title="Minimum bitrate">
+                                            <select id="rt-add-bitrate" title="Minimum bitrate" onchange="onRtBitrateChange()">
                                                 <option value="">Any bitrate</option>
                                                 <option value="96">≥ 96 kbps</option>
                                                 <option value="128">≥ 128 kbps</option>
                                                 <option value="192">≥ 192 kbps</option>
                                                 <option value="256">≥ 256 kbps</option>
                                                 <option value="320" selected>≥ 320 kbps</option>
+                                                <option value="custom">Custom…</option>
                                             </select>
+                                            <label class="rt-inline-label" id="rt-add-bitrate-custom-wrap" style="display:none;">≥
+                                                <input type="number" id="rt-add-bitrate-custom" min="0" max="5000" step="1" value="320" style="width:72px;"
+                                                    autocomplete="off" data-bwignore="" data-1p-ignore="" data-lpignore="true"> kbps
+                                            </label>
                                         </span>
                                         <button type="button" class="rt-add-btn" onclick="addRankedTarget()">+ Add target</button>
                                     </div>
diff --git a/webui/static/settings.js b/webui/static/settings.js
index 94e7dee8..82ae3c3d 100644
--- a/webui/static/settings.js
+++ b/webui/static/settings.js
@@ -2085,6 +2085,15 @@ function onRtAddFormatChange() {
     const lyFields = document.querySelector('.rt-lossy-fields');
     if (llFields) llFields.style.display = lossless ? '' : 'none';
     if (lyFields) lyFields.style.display = lossless ? 'none' : '';
+    onRtBitrateChange();   // keep the custom-bitrate field in sync
+}
+
+// Reveal the manual bitrate input only when the dropdown is on "Custom…".
+function onRtBitrateChange() {
+    const wrap = document.getElementById('rt-add-bitrate-custom-wrap');
+    if (!wrap) return;
+    const isCustom = document.getElementById('rt-add-bitrate')?.value === 'custom';
+    wrap.style.display = isCustom ? '' : 'none';
 }
 
 function addRankedTarget() {
@@ -2098,7 +2107,8 @@ function addRankedTarget() {
         if (bd) constraints.bit_depth = parseInt(bd, 10);
         if (sr) constraints.min_sample_rate = parseInt(sr, 10);
     } else {
-        const br = document.getElementById('rt-add-bitrate')?.value;
+        let br = document.getElementById('rt-add-bitrate')?.value;
+        if (br === 'custom') br = document.getElementById('rt-add-bitrate-custom')?.value;
         if (br) constraints.min_bitrate = parseInt(br, 10);
     }