release: 4.6.43 queue empty state — class-based card

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "twitch-vod-manager",
-  "version": "4.6.42",
+  "version": "4.6.43",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "twitch-vod-manager",
-      "version": "4.6.42",
+      "version": "4.6.43",
       "license": "MIT",
       "dependencies": {
         "axios": "^1.6.0",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "twitch-vod-manager",
-  "version": "4.6.42",
+  "version": "4.6.43",
   "description": "Twitch VOD Manager - Download Twitch VODs easily",
   "main": "dist/main.js",
   "author": "xRangerDE",

src/renderer-queue.ts

@@ -505,7 +505,15 @@ function renderQueue(): void {
 
     if (queue.length === 0) {
         lastQueueRenderFingerprint = renderFingerprint;
-        list.innerHTML = `<div style="color: var(--text-secondary); font-size: 12px; text-align: center; padding: 15px;">${UI_TEXT.queue.empty}</div>`;
+        // Build the empty state via createElement to keep the renderer
+        // clean of inline-style HTML strings (which the lint hook
+        // flags as a potential XSS surface). The CSS for .queue-empty
+        // lives in styles.css.
+        list.replaceChildren();
+        const empty = document.createElement('div');
+        empty.className = 'queue-empty';
+        empty.textContent = UI_TEXT.queue.empty;
+        list.appendChild(empty);
         return;
     }
 

src/styles.css

@@ -1930,6 +1930,20 @@ select option {
     line-height: 1.45;
 }
 
+/* Sidebar queue empty state — small dashed-border card matching the
+   sibling streamer-list empty state. */
+.queue-empty {
+    color: var(--text-secondary);
+    font-size: 12px;
+    text-align: center;
+    padding: 14px;
+    border: 1px dashed var(--border-soft);
+    border-radius: 6px;
+    background: rgba(255, 255, 255, 0.02);
+    margin: 4px 0;
+    line-height: 1.4;
+}
+
 /* 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. */