feat(search): search recs in queue

js/api.js

@@ -971,6 +971,26 @@ export class LosslessAPI {
         throw new Error('Track metadata not found');
     }
 
+    async getTrackRecommendations(id) {
+        const cached = await this.cache.get('recommendations', id);
+        if (cached) return cached;
+
+        try {
+            const response = await this.fetchWithRetry(`/recommendations/?id=${id}`, { type: 'api' });
+            const json = await response.json();
+            const data = json.data || json;
+
+            const items = data.items || [];
+            const tracks = items.map((item) => this.prepareTrack(item.track || item));
+
+            await this.cache.set('recommendations', id, tracks);
+            return tracks;
+        } catch (error) {
+            console.error('Failed to fetch recommendations:', error);
+            return [];
+        }
+    }
+
     async getTrack(id, quality = 'HI_RES_LOSSLESS') {
         const cacheKey = `${id}_${quality}`;
         const cached = await this.cache.get('track', cacheKey);

js/events.js

@@ -1655,17 +1655,35 @@ export function initializeTrackInteractions(player, api, mainContent, contextMen
             !e.target.closest('.remove-from-playlist-btn') &&
             !e.target.closest('.artist-link')
         ) {
-            const parentList = trackItem.closest('.track-list');
+            const clickedTrackId = trackItem.dataset.trackId;
-            const allTrackElements = Array.from(parentList.querySelectorAll('.track-item'));
+            const isSearch = window.location.pathname.startsWith('/search/');
-            const trackList = allTrackElements.map((el) => trackDataStore.get(el)).filter(Boolean);
 
-            if (trackList.length > 0) {
+            if (isSearch) {
-                const clickedTrackId = trackItem.dataset.trackId;
+                const clickedTrack = trackDataStore.get(trackItem);
-                const startIndex = trackList.findIndex((t) => t.id == clickedTrackId);
+                if (clickedTrack) {
+                    player.setQueue([clickedTrack], 0);
+                    document.getElementById('shuffle-btn').classList.remove('active');
+                    player.playTrackFromQueue();
 
-                player.setQueue(trackList, startIndex);
+                    api.getTrackRecommendations(clickedTrack.id).then((recs) => {
-                document.getElementById('shuffle-btn').classList.remove('active');
+                        if (recs && recs.length > 0) {
-                player.playTrackFromQueue();
+                            player.addToQueue(recs);
+                            showNotification(`Added ${recs.length} recommendations to queue`);
+                        }
+                    });
+                }
+            } else {
+                const parentList = trackItem.closest('.track-list');
+                const allTrackElements = Array.from(parentList.querySelectorAll('.track-item'));
+                const trackList = allTrackElements.map((el) => trackDataStore.get(el)).filter(Boolean);
+
+                if (trackList.length > 0) {
+                    const startIndex = trackList.findIndex((t) => t.id == clickedTrackId);
+
+                    player.setQueue(trackList, startIndex);
+                    document.getElementById('shuffle-btn').classList.remove('active');
+                    player.playTrackFromQueue();
+                }
             }
         }
 

js/music-api.js

@@ -98,6 +98,16 @@ export class MusicAPI {
         return this.tidalAPI.getMix(id);
     }
 
+    async getTrackRecommendations(id) {
+        const p = this.getProviderFromId(id) || this.getCurrentProvider();
+        const api = this.getAPI(p);
+        const cleanId = this.stripProviderPrefix(id);
+        if (typeof api.getTrackRecommendations === 'function') {
+            return api.getTrackRecommendations(cleanId);
+        }
+        return [];
+    }
+
     // Stream methods
     async getStreamUrl(id, quality, provider = null) {
         const p = provider || this.getProviderFromId(id) || this.getCurrentProvider();