display uploader

frontend/js/videos.js

@@ -95,11 +95,12 @@ App.videos = App.videos || {};
             card.className = 'video-card';
             const durationText = App.videos.formatDuration(v.duration);
             const favoriteKey = App.favorites.getKey(v);
+            const uploaderText = v.uploader || v.channel || '';
             card.innerHTML = `
                 <button class="favorite-btn" type="button" aria-pressed="false" aria-label="Add to favorites" data-fav-key="${favoriteKey || ''}">♡</button>
                 <img src="${v.thumb}" alt="${v.title}">
                 <h4>${v.title}</h4>
-                <p class="video-meta">${v.channel}</p>
+                ${uploaderText ? `<p class="video-meta"><button class="uploader-link" type="button" data-uploader="${uploaderText}">${uploaderText}</button></p>` : ''}
                 ${durationText ? `<p class="video-duration">${durationText}</p>` : ''}
             `;
             const favoriteBtn = card.querySelector('.favorite-btn');
@@ -110,6 +111,14 @@ App.videos = App.videos || {};
                     App.favorites.toggle(v);
                 };
             }
+            const uploaderBtn = card.querySelector('.uploader-link');
+            if (uploaderBtn) {
+                uploaderBtn.onclick = (event) => {
+                    event.stopPropagation();
+                    const uploader = uploaderBtn.dataset.uploader || uploaderBtn.textContent || '';
+                    App.videos.handleSearch(uploader);
+                };
+            }
             card.onclick = () => App.player.open(v.url);
             grid.appendChild(card);
             state.renderedVideoIds.add(v.id);
@@ -119,6 +128,12 @@ App.videos = App.videos || {};
     };
 
     App.videos.handleSearch = function(value) {
+        if (typeof value === 'string') {
+            const searchInput = document.getElementById('search-input');
+            if (searchInput && searchInput.value !== value) {
+                searchInput.value = value;
+            }
+        }
         state.currentPage = 1;
         state.hasNextPage = true;
         state.renderedVideoIds.clear();