fix: 15s scrobble, play count clarity, star always visible, all-songs actions

- Scrobble timer: 12s → 15s
- Play count moved after action buttons, shown as "23×" (distinct from duration)
- Song star/menu buttons always visible (removed opacity:0 hover-only rule)
- Artist all-songs page: added star + 3-dots to every row (same as top songs)
- Hero card: picks from full recent+frequent pool (was capped at first 5 = all frequent)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

src/views.js

@@ -133,7 +133,7 @@ async function loadHeroCard() {
     // Deduplicate by id, prefer frequent (weighted taste signal), pad with recent
     const seen = new Set();
     const pool = [...freqList, ...recList].filter(a => a.id && !seen.has(a.id) && seen.add(a.id));
-    const album = pool.length ? pool[Math.floor(Math.random() * Math.min(5, pool.length))] : null;
+    const album = pool.length ? pool[Math.floor(Math.random() * pool.length)] : null;
     if (!album) return;
     const bgUrl    = coverUrl(album.coverArt, 1024);
     const thumbUrl = coverUrl(album.coverArt, 512);
@@ -579,13 +579,21 @@ export async function loadArtistAllSongs({ albums, artist }) {
       el.appendChild(h);
     }
     const cv = coverUrl(s.coverArt, 60);
+    if(s.starred && !s._starred) s._starred = true;
     const row = document.createElement('div'); row.className = 'topsong-item';
     row.innerHTML = `<div class="topsong-num">${s.trackNumber||''}</div>
       <div class="topsong-thumb">${cv?`<img src="${cv}" loading="lazy">`:'<div style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:16px">🎵</div>'}</div>
-      <div><div class="topsong-title">${esc(s.title)}</div></div>
-      <div class="topsong-plays">${s.playCount?s.playCount.toLocaleString():''}</div>`;
+      <div style="min-width:0;flex:1"><div class="topsong-title">${esc(s.title)}</div></div>
+      <div class="topsong-plays">${s.playCount?s.playCount.toLocaleString():''}</div>
+      <div class="song-actions" style="flex-shrink:0">
+        <button class="icon-btn${s._starred?' starred':''}" title="Favorit"><svg width="12" height="12" viewBox="0 0 24 24" fill="${s._starred?'currentColor':'none'}" stroke="currentColor" stroke-width="2"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg></button>
+        <button class="icon-btn song-menu-btn" title="Mehr"><svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor"><circle cx="12" cy="5" r="1.5"/><circle cx="12" cy="12" r="1.5"/><circle cx="12" cy="19" r="1.5"/></svg></button>
+      </div>`;
     row.onclick = () => playQueue(allSongs, i);
     row.addEventListener('contextmenu', e => { e.preventDefault(); showCtxMenu(e, s, allSongs, i); });
+    const btns = row.querySelectorAll('.icon-btn');
+    btns[0].onclick = e => { e.stopPropagation(); toggleStar(s, btns[0]); };
+    btns[1].onclick = e => { e.stopPropagation(); showCtxMenu(e, s, allSongs, i); };
     el.appendChild(row);
   });
 }