Fix VTV channel loading spinner hanging

Fix spinner 'Đang tải danh sách kênh...' that never disappears when API is slow. Add 5s max timeout, always populate static fallback, hide loader reliably.

static/app_v2.js

@@ -80,9 +80,17 @@ function buildVTVBlockHTML(){
 }
 
 async function loadVTVStreams(){
+  // Safety: always hide loader after 5s max
+  const loadEl = document.getElementById('vtv-load');
+  const hideLoader = () => { const el = document.getElementById('vtv-load'); if(el) el.style.display = 'none'; };
+  setTimeout(hideLoader, 5000);
+  
   let apiOk = false;
   try {
-    const r = await fetch('/api/vtv/streams', {signal: AbortSignal.timeout(8000)});
+    const ctrl = new AbortController();
+    const tid = setTimeout(() => ctrl.abort(), 4000);
+    const r = await fetch('/api/vtv/streams', {signal: ctrl.signal});
+    clearTimeout(tid);
     if(r.ok){
       const data = await r.json();
       VTV_CHANNELS.forEach(ch => {
@@ -95,28 +103,25 @@ async function loadVTVStreams(){
       });
     }
   } catch(e) {
-    console.warn('VTV API error:', e);
-  }
-  if(!apiOk){
-    VTV_CHANNELS.forEach(ch => {
-      if(!_vtvStreams[ch.id] || _vtvStreams[ch.id].length === 0){
-        const fallback = VTV_STATIC_SOURCES[ch.id] || [];
-        _vtvStreams[ch.id] = fallback.map(u => '/api/proxy/m3u8/vtv?url=' + encodeURIComponent(u));
-      }
-    });
+    console.warn('VTV API timeout/error:', e);
   }
+  
+  // Always populate from static sources (fallback ensures tabs are always clickable)
   VTV_CHANNELS.forEach(ch => {
+    if(!_vtvStreams[ch.id] || _vtvStreams[ch.id].length === 0){
+      const fallback = VTV_STATIC_SOURCES[ch.id] || [];
+      _vtvStreams[ch.id] = fallback.map(u => '/api/proxy/m3u8/vtv?url=' + encodeURIComponent(u));
+    }
+    // Update tab: always show as available (opacity 1) since we have static fallback
     const tab = document.getElementById('vtvt-'+ch.id);
     if(tab){
-      if(_vtvStreams[ch.id] && _vtvStreams[ch.id].length > 0){
-        tab.classList.remove('off');
-        tab.textContent = ch.name;
-      } else {
-        tab.style.opacity = '0.35';
-        tab.textContent = ch.name + ' ✕';
-      }
+      tab.classList.remove('off');
+      tab.textContent = ch.name;
+      tab.style.opacity = '1';
     }
   });
+  
+  hideLoader();
 }
 
 function _vtvRetry(){