From fb29ee77d39777a2dc96a89f45038fad81e8264a Mon Sep 17 00:00:00 2001
From: xRangerDE <xRangerDE@24-music.de>
Date: Wed, 4 Feb 2026 15:55:32 +0100
Subject: [PATCH] v3.7.2: UI improvements

- Show version in window title bar
- Auto-select first streamer on startup
- Center empty state properly
- Better tab content layout

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 typescript-version/package.json   |  2 +-
 typescript-version/src/index.html | 16 +++++++++++++++-
 typescript-version/src/main.ts    |  2 +-
 3 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/typescript-version/package.json b/typescript-version/package.json
index 8b0ddbf..a397384 100644
--- a/typescript-version/package.json
+++ b/typescript-version/package.json
@@ -1,6 +1,6 @@
 {
   "name": "twitch-vod-manager",
-  "version": "3.7.1",
+  "version": "3.7.2",
   "description": "Twitch VOD Manager - Download Twitch VODs easily",
   "main": "dist/main.js",
   "author": "xRangerDE",
diff --git a/typescript-version/src/index.html b/typescript-version/src/index.html
index 0d59fc6..b16e108 100644
--- a/typescript-version/src/index.html
+++ b/typescript-version/src/index.html
@@ -382,7 +382,9 @@
         }
 
         .tab-content.active {
-            display: block;
+            display: flex;
+            flex-direction: column;
+            min-height: 100%;
         }
 
         /* VOD Grid */
@@ -390,6 +392,13 @@
             display: grid;
             grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
             gap: 20px;
+            flex: 1;
+        }
+
+        .vod-grid:has(.empty-state) {
+            display: flex;
+            align-items: center;
+            justify-content: center;
         }
 
         .vod-card {
@@ -1477,6 +1486,7 @@
 
             document.getElementById('versionText').textContent = `v${version}`;
             document.getElementById('versionInfo').textContent = `Version: v${version}`;
+            document.title = `Twitch VOD Manager v${version}`;
             document.getElementById('clientId').value = config.client_id || '';
             document.getElementById('clientSecret').value = config.client_secret || '';
             document.getElementById('downloadPath').value = config.download_path || '';
@@ -1490,6 +1500,10 @@
 
             if (config.client_id && config.client_secret) {
                 await connect();
+                // Auto-select first streamer if available
+                if (config.streamers && config.streamers.length > 0) {
+                    selectStreamer(config.streamers[0]);
+                }
             }
 
             // Event listeners
diff --git a/typescript-version/src/main.ts b/typescript-version/src/main.ts
index 8e10c70..3d67f8f 100644
--- a/typescript-version/src/main.ts
+++ b/typescript-version/src/main.ts
@@ -8,7 +8,7 @@ import { autoUpdater } from 'electron-updater';
 // ==========================================
 // CONFIG & CONSTANTS
 // ==========================================
-const APP_VERSION = '3.7.1';
+const APP_VERSION = '3.7.2';
 const UPDATE_CHECK_URL = 'http://24-music.de/version.json';
 
 // Paths