From 5ed819a062c434f6d6e4cbb5383113597b4b41f4 Mon Sep 17 00:00:00 2001
From: Broque Thomas <26755000+Nezreka@users.noreply.github.com>
Date: Thu, 9 Apr 2026 10:51:48 -0700
Subject: [PATCH] Show SoulSync logo as fallback for missing sidebar album art

Sidebar media player now shows the SoulSync logo instead of a broken
image icon when no album art is available or when no track is playing.
Default src, onerror fallback, and clear-player paths all use
/static/trans2.png.
---
 webui/index.html       | 2 +-
 webui/static/script.js | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/webui/index.html b/webui/index.html
index 8344ca8a..47ec78aa 100644
--- a/webui/index.html
+++ b/webui/index.html
@@ -259,7 +259,7 @@
 
                 <!-- Track info row -->
                 <div class="media-header">
-                    <img class="sidebar-album-art" id="sidebar-album-art" src="" alt="">
+                    <img class="sidebar-album-art" id="sidebar-album-art" src="/static/trans2.png" alt="" onerror="this.src='/static/trans2.png'">
                     <div class="media-info">
                         <div class="track-title" id="track-title">No track</div>
                         <div class="artist-name" id="artist-name">Unknown Artist</div>
diff --git a/webui/static/script.js b/webui/static/script.js
index 2ceec24c..bb6c3b25 100644
--- a/webui/static/script.js
+++ b/webui/static/script.js
@@ -4284,9 +4284,9 @@ function updateNpTrackInfo() {
             if (artUrl) {
                 sidebarArt.src = artUrl;
                 sidebarArt.style.display = '';
-                sidebarArt.onerror = () => { sidebarArt.src = ''; };
+                sidebarArt.onerror = () => { sidebarArt.src = '/static/trans2.png'; };
             } else {
-                sidebarArt.src = '';
+                sidebarArt.src = '/static/trans2.png';
             }
         }
 
@@ -4332,7 +4332,7 @@ function updateNpTrackInfo() {
         artistEl.textContent = 'Unknown Artist';
         albumEl.textContent = 'Unknown Album';
         if (artImg) artImg.classList.add('hidden');
-        if (sidebarArt) sidebarArt.src = '';
+        if (sidebarArt) sidebarArt.src = '/static/trans2.png';
         if (badgesEl) badgesEl.innerHTML = '';
         if (actionBtns) actionBtns.classList.add('hidden');
         npResetAmbientGlow();