fix: resolve multiple UI issues in player, playlist, lyrics, and queue

- Playlist: add console.error in catch block so load failures are visible
- Player: add progress bar with requestAnimationFrame and time display
- Player: extract toggleQueue function with debug logging for queue panel
- WebSocket: fetch queue on stateChange when not included in event payload
- Lyrics: use CSS transform scrolling and reduce sync to 500ms to fix flicker

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
saopig1andClaude Opus 4.6 committed 2026-03-30 02:34:48 +08:00
1 parent 94a0df8391
commit d84f23c2b2
4 files changed
+179 -29

No files matched your search

+6 -1
View File
@@ -29,7 +29,12 @@ export function useWebSocket() {
break;
case 'stateChange':
store.updateBotStatus(data.botId, data.status);
if (data.queue) store.setQueue(data.queue);
if (data.queue) {
store.setQueue(data.queue);
} else {
// Queue not included in event; refresh it
store.fetchQueue();
}
break;
case 'botConnected':
store.updateBotStatus(data.botId, data.status);