release: 4.6.55 profile header avatar wrap + live card keyboard-accessible

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

package.json

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

src/renderer-profile.ts

@@ -121,7 +121,7 @@ function renderStreamerProfileCard(p: StreamerProfile): void {
     // current preview frame + viewer count + title + game + record CTA.
     const liveCard = p.isLive
         ? `
-            <div class="streamer-profile-live-card" onclick="triggerLiveRecordingFromProfile('${safeLogin}')" title="${escapeProfileHtml(UI_TEXT.profile.liveCardTooltip)}">
+            <div class="streamer-profile-live-card" role="button" tabindex="0" aria-label="${escapeProfileHtml(UI_TEXT.profile.liveCardTooltip)}" onclick="triggerLiveRecordingFromProfile('${safeLogin}')" onkeydown="if((event.key==='Enter'||event.key===' ')&&event.target===event.currentTarget){event.preventDefault();triggerLiveRecordingFromProfile('${safeLogin}');}" title="${escapeProfileHtml(UI_TEXT.profile.liveCardTooltip)}">
                 ${p.currentStreamPreviewUrl
                     ? `<img class="streamer-profile-live-thumb" src="${escapeProfileHtml(p.currentStreamPreviewUrl)}" alt="Live preview" onerror="onProfileLivePreviewError(this)">`
                     : `<div class="streamer-profile-live-thumb-fallback"></div>`}
@@ -140,7 +140,7 @@ function renderStreamerProfileCard(p: StreamerProfile): void {
     applyProfileHtml(el, `
         ${bannerStyle ? `<div class="streamer-profile-banner-bg" style="${bannerStyle}"></div>` : ''}
         <div class="streamer-profile-row">
-            <div class="streamer-profile-avatar-wrap" onclick="openTwitchChannel('${safeUrl}')" title="${escapeProfileHtml(UI_TEXT.profile.openTwitchTooltip)}">
+            <div class="streamer-profile-avatar-wrap" role="button" tabindex="0" aria-label="${escapeProfileHtml(UI_TEXT.profile.openTwitchTooltip)}" onclick="openTwitchChannel('${safeUrl}')" onkeydown="if(event.key==='Enter'||event.key===' '){event.preventDefault();openTwitchChannel('${safeUrl}');}" title="${escapeProfileHtml(UI_TEXT.profile.openTwitchTooltip)}">
                 ${avatarBlock}
             </div>
             <div class="streamer-profile-body">

src/styles.css

@@ -3340,6 +3340,17 @@ input[type="number"]::-webkit-outer-spin-button {
     transform: scale(1.04);
 }
 
+.streamer-profile-avatar-wrap:focus-visible {
+    outline: none;
+    border-radius: 50%;
+    box-shadow: 0 0 0 3px rgba(145, 70, 255, 0.55);
+}
+
+.streamer-profile-live-card:focus-visible {
+    outline: none;
+    box-shadow: 0 0 0 3px rgba(233, 25, 22, 0.55), 0 6px 22px rgba(233, 25, 22, 0.20);
+}
+
 .streamer-profile-avatar {
     width: 88px;
     height: 88px;