From e09efd4a3309f2b2051b14712c543a80933c46c4 Mon Sep 17 00:00:00 2001
From: xRangerDE <xRangerDE@24-music.de>
Date: Mon, 11 May 2026 02:28:28 +0200
Subject: [PATCH] =?UTF-8?q?cleanup:=20status=20bar=20=E2=80=94=20drop=20st?=
 =?UTF-8?q?ale=20v4.1.13=20hardcode=20+=20extract=20inline=20styles?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The bottom status-bar version span had "v4.1.13" hardcoded as initial
content from a release several versions ago. init() overwrites it via
window.api.getVersion() on app boot, so the user only ever sees this
for the millisecond between paint and IPC return — but during that
window we were lying about the version, and if init() ever crashed
the user would be stuck looking at v4.1.13 in the corner forever.

Cleared the initial content to empty so the span just doesn't render
text until the real version arrives.

Side effect: extracted the inline `style="color:var(--text-secondary);
font-size:12px; margin-left:auto; padding-right:12px"` from
statusBarQueueSummary to a .status-bar-queue-summary class, plus a
new .status-bar-version class for the version pill. Both consistent
with the rest of the status-bar styling. Bonus: queue summary picks
up font-variant-numeric: tabular-nums so the "X B | Y avg | Z done"
numbers don't jitter horizontally as values update during a
download.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 src/index.html |  4 ++--
 src/styles.css | 14 ++++++++++++++
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/src/index.html b/src/index.html
index 9c0c668..4f86f2e 100644
--- a/src/index.html
+++ b/src/index.html
@@ -805,8 +805,8 @@
                     <div class="status-dot" id="statusDot"></div>
                     <span id="statusText">Nicht verbunden</span>
                 </div>
-                <span id="statusBarQueueSummary" style="color: var(--text-secondary); font-size:12px; margin-left:auto; padding-right:12px;"></span>
-                <span id="versionText">v4.1.13</span>
+                <span id="statusBarQueueSummary" class="status-bar-queue-summary"></span>
+                <span id="versionText" class="status-bar-version"></span>
             </div>
         </main>
     </div>
diff --git a/src/styles.css b/src/styles.css
index b13886e..3e7b9df 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -1840,6 +1840,20 @@ select option {
 .status-dot.connected { background: var(--success); }
 .status-dot.error { background: var(--error); }
 
+.status-bar-queue-summary {
+    color: var(--text-secondary);
+    font-size: 12px;
+    margin-left: auto;
+    padding-right: 12px;
+    font-variant-numeric: tabular-nums;
+}
+
+.status-bar-version {
+    color: var(--text-secondary);
+    font-size: 12px;
+    opacity: 0.7;
+}
+
 /* Old generic scrollbar rules were dead — superseded by the
    purple-themed *::-webkit-scrollbar block further down the file.
    Removed to avoid confusion when someone greps for scrollbar styles. */