release: 4.6.155 aria-live on clipStatus + viewer-modal status fields

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.149",
+  "version": "4.6.155",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "twitch-vod-manager",
-      "version": "4.6.149",
+      "version": "4.6.155",
       "license": "MIT",
       "dependencies": {
         "axios": "^1.6.0",

package.json

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

src/index.html

@@ -118,7 +118,7 @@
         <div class="modal viewer-modal viewer-modal-events">
             <button type="button" class="modal-close modal-close-localizable" aria-label="Close" onclick="closeEventsViewer()">x</button>
             <h2 id="eventsViewerTitle" class="viewer-modal-title"></h2>
-            <div id="eventsViewerStatus" class="viewer-modal-status"></div>
+            <div id="eventsViewerStatus" class="viewer-modal-status" role="status" aria-live="polite"></div>
             <div id="eventsViewerList" class="viewer-modal-list"></div>
         </div>
     </div>
@@ -130,7 +130,7 @@
             <h2 id="chatViewerTitle" class="viewer-modal-title"></h2>
             <div class="viewer-modal-filter-row">
                 <input type="text" id="chatViewerFilter" class="viewer-modal-filter-input" placeholder="Filter..." oninput="onChatViewerFilterChange()">
-                <span id="chatViewerStatus" class="viewer-modal-status viewer-modal-status-inline"></span>
+                <span id="chatViewerStatus" class="viewer-modal-status viewer-modal-status-inline" role="status" aria-live="polite"></span>
             </div>
             <div id="chatViewerList" class="viewer-modal-list viewer-modal-list-chat"></div>
         </div>
@@ -301,7 +301,7 @@
                         <h2 id="clipsHeading">Twitch Clip-Download</h2>
                         <input type="text" id="clipUrl" placeholder="https://clips.twitch.tv/... oder https://www.twitch.tv/.../clip/...">
                         <button type="button" class="btn-primary" onclick="downloadClip()" id="btnClip">Clip herunterladen</button>
-                        <div class="clip-status" id="clipStatus"></div>
+                        <div class="clip-status" id="clipStatus" role="status" aria-live="polite"></div>
                     </div>
 
                     <div class="settings-card centered">
@@ -422,7 +422,7 @@
                         <div class="form-row section-header">
                             <h3 id="statsTitle">Archiv-Statistik</h3>
                             <div class="section-header-actions">
-                                <span id="statsLastScannedLabel" class="form-sublabel"></span>
+                                <span id="statsLastScannedLabel" class="form-sublabel" role="status" aria-live="polite"></span>
                                 <button type="button" class="btn-secondary" id="btnStatsRefresh" onclick="refreshArchiveStats()">Aktualisieren</button>
                             </div>
                         </div>
@@ -474,7 +474,7 @@
                             </select>
                             <button type="button" class="btn-secondary" id="btnArchiveSearch" onclick="performArchiveSearch()">Suchen</button>
                         </div>
-                        <div id="archiveSearchSummary" class="form-sublabel"></div>
+                        <div id="archiveSearchSummary" class="form-sublabel" role="status" aria-live="polite"></div>
                     </div>
                     <div class="settings-card">
                         <div id="archiveSearchResults"></div>
@@ -695,7 +695,7 @@
                             <button type="button" class="btn-secondary" id="btnRefreshStorage" onclick="refreshStorageStats()">Aktualisieren</button>
                         </div>
                         <p id="storageCardIntro" class="card-intro">Disk-Verbrauch pro Streamer im aktuellen Download-Ordner. Live-Aufnahmen werden separat ausgewiesen.</p>
-                        <div id="storageSummary" class="form-sublabel" style="margin-bottom:8px;"></div>
+                        <div id="storageSummary" class="form-sublabel" style="margin-bottom:8px;" role="status" aria-live="polite"></div>
                         <div id="storageList"></div>
 
                         <hr>
@@ -729,7 +729,7 @@
                             <button type="button" class="btn-secondary" id="btnCleanupDryRun" onclick="runCleanupDryRun()">Vorschau</button>
                             <button type="button" class="btn-secondary" id="btnCleanupRunNow" onclick="runCleanupNow()">Jetzt ausfuehren</button>
                         </div>
-                        <div id="cleanupReport" class="form-note"></div>
+                        <div id="cleanupReport" class="form-note" role="status" aria-live="polite"></div>
                     </div>
 
                     <div class="settings-card">

src/renderer-locale-de.ts

@@ -139,6 +139,7 @@ const UI_TEXT_DE = {
         archiveNoMatches: 'Keine Treffer.',
         archiveNoRoot: 'Download-Ordner nicht gefunden. Setze zuerst einen Download-Pfad in den Einstellungen.',
         archiveSearchPlaceholder: 'Suche...',
+        archiveSearchAria: 'Archiv durchsuchen',
         archiveOpen: 'Oeffnen',
         archiveShowInFolder: 'Ordner',
         archiveViewChat: 'Chat',
@@ -177,6 +178,7 @@ const UI_TEXT_DE = {
         downloadPathNotWritable: 'Download-Ordner ist nicht beschreibbar. Waehle einen anderen Ordner oder pruefe die Schreibrechte.',
         streamerSectionTitle: 'Streamer',
         streamerListFilterPlaceholder: 'Filtern...',
+        streamerListFilterAria: 'Streamer-Liste filtern',
         streamerAddAriaLabel: 'Streamer hinzufuegen',
         streamerBulkRemoveTitle: 'Alle entfernen (oder gefilterte)',
         streamerBulkRemoveAll: 'Alle {count} Streamer aus der Liste entfernen?',
@@ -378,6 +380,7 @@ const UI_TEXT_DE = {
         addQueue: '+ Warteschlange',
         trimButton: 'VOD zuschneiden',
         filterPlaceholder: 'Nach Titel filtern... (Strg+F)',
+        filterAria: 'VOD-Titel filtern',
         filterClearTitle: 'Filter loeschen (Esc)',
         filterNoMatchTitle: 'Keine Treffer',
         filterNoMatchText: 'Keine VODs entsprechen dem aktuellen Filter.',

src/renderer-locale-en.ts

@@ -140,6 +140,7 @@ const UI_TEXT_EN = {
         archiveNoMatches: 'No matches.',
         archiveNoRoot: 'Download folder not found. Set a download path in Settings first.',
         archiveSearchPlaceholder: 'Search...',
+        archiveSearchAria: 'Search archive',
         archiveOpen: 'Open',
         archiveShowInFolder: 'Folder',
         archiveViewChat: 'Chat',
@@ -177,6 +178,7 @@ const UI_TEXT_EN = {
         downloadPathNotWritable: 'Download folder is not writable. Pick another folder or grant write permission.',
         streamerSectionTitle: 'Streamer',
         streamerListFilterPlaceholder: 'Filter...',
+        streamerListFilterAria: 'Filter streamer list',
         streamerAddAriaLabel: 'Add streamer',
         streamerBulkRemoveTitle: 'Remove all (or filtered)',
         streamerBulkRemoveAll: 'Remove all {count} streamers from the list?',
@@ -378,6 +380,7 @@ const UI_TEXT_EN = {
         addQueue: '+ Queue',
         trimButton: 'Trim VOD',
         filterPlaceholder: 'Filter by title... (Ctrl+F)',
+        filterAria: 'Filter VOD titles',
         filterClearTitle: 'Clear filter (Esc)',
         filterNoMatchTitle: 'No matches',
         filterNoMatchText: 'No VODs match the current filter.',

src/renderer-texts.ts

@@ -67,6 +67,7 @@ function applyLanguageToStaticUI(): void {
     setText('btnArchiveSearch', UI_TEXT.static.archiveSearchBtn);
     const archiveQueryInput = document.getElementById('archiveSearchQuery') as HTMLInputElement | null;
     if (archiveQueryInput) archiveQueryInput.placeholder = UI_TEXT.static.archiveSearchPlaceholder;
+    setAriaLabel('archiveSearchQuery', UI_TEXT.static.archiveSearchAria);
     const archiveTypeSelect = document.getElementById('archiveSearchType') as HTMLSelectElement | null;
     if (archiveTypeSelect) {
         const opts = archiveTypeSelect.options;
@@ -185,6 +186,7 @@ function applyLanguageToStaticUI(): void {
     setText('streamlinkQualityAudio', UI_TEXT.static.streamlinkQualityAudio);
     setText('streamerSectionTitleText', UI_TEXT.static.streamerSectionTitle);
     setPlaceholder('streamerListFilter', UI_TEXT.static.streamerListFilterPlaceholder);
+    setAriaLabel('streamerListFilter', UI_TEXT.static.streamerListFilterAria);
     setTitle('btnStreamerBulkRemove', UI_TEXT.static.streamerBulkRemoveTitle);
     setAriaLabel('btnStreamerBulkRemove', UI_TEXT.static.streamerBulkRemoveTitle);
     setAriaLabel('btnAddStreamer', UI_TEXT.static.streamerAddAriaLabel);
@@ -293,7 +295,9 @@ function applyLanguageToStaticUI(): void {
     setText('updateChangelogToggle', UI_TEXT.updates.showChangelog);
     setText('updateChangelogEmpty', UI_TEXT.updates.noChangelog);
     setPlaceholder('newStreamer', UI_TEXT.static.streamerPlaceholder);
+    setAriaLabel('newStreamer', UI_TEXT.static.streamerAddAriaLabel);
     setPlaceholder('vodFilterInput', UI_TEXT.vods.filterPlaceholder);
+    setAriaLabel('vodFilterInput', UI_TEXT.vods.filterAria);
     setTitle('vodFilterClearBtn', UI_TEXT.vods.filterClearTitle);
     setAriaLabel('vodFilterClearBtn', UI_TEXT.vods.filterClearTitle);
     setPlaceholder('chatViewerFilter', UI_TEXT.queue.chatViewerFilterPlaceholder);

src/styles.css

@@ -471,10 +471,10 @@ body {
     color: var(--text);
     font-size: 13px;
 }
-
-.filter-input:hover:not(:focus):not(:disabled) {
-    border-color: rgba(145, 70, 255, 0.45);
-}
+/* No .filter-input:hover here — it's redundant with the global
+   input[type="text"]:hover rule added in 4.6.142 (same effect: soft
+   purple border on hover). The class is always applied to <input
+   type="text"> elements, so the global rule already covers them. */
 
 .filter-input.compact {
     width: calc(100% - 16px);