diff --git a/src/ui.js b/src/ui.js
index 4a321c6..350886d 100644
--- a/src/ui.js
+++ b/src/ui.js
@@ -199,7 +199,7 @@ document.addEventListener('click', e => {
 });
 
 // ─── SONG INFO MODAL ───
-export function showSongInfo(s) {
+function _renderInfoModal(s) {
   const cv = coverUrl(s.coverArt, 200);
   document.getElementById('info-cover').innerHTML = cv
     ? `<img src="${cv}" style="width:100%;height:100%;object-fit:cover">`
@@ -224,7 +224,16 @@ export function showSongInfo(s) {
   document.getElementById('info-rows').innerHTML = fields.map(([l,v]) =>
     `<div class="info-row"><span class="info-label">${l}</span><span class="info-val">${esc(String(v))}</span></div>`
   ).join('');
+}
+
+export async function showSongInfo(s) {
   document.getElementById('info-modal').classList.add('open');
+  _renderInfoModal(s);
+  try {
+    const r = await api('getSong', `&id=${s.id}`);
+    const full = r.song;
+    if (full) _renderInfoModal(full);
+  } catch {}
 }
 export function closeInfoModal() { document.getElementById('info-modal').classList.remove('open'); }
 document.addEventListener('click', e => {