v6.3: Fix bindMatchClicks (robust link detection) + optimize loadHome (faster render)

static/app_v2.js

@@ -3,18 +3,28 @@
 
 // === LOAD HOME ===
 async function loadHome(){
-  const[featured,sh,wall,hlLeagues,ai,wcData]=await Promise.all([
+  // Load critical content first (featured + livescore HTML)
+  const[featured,sh]=await Promise.all([
     fetch('/api/livescore/featured').then(r=>r.json()).catch(()=>null),
-    fetch('/api/shorts').then(r=>r.json()).catch(()=>[]),
+    fetch('/api/shorts').then(r=>r.json()).catch(()=>[])
+  ]);
+  
+  // Build HTML immediately with what we have
+  _shortsData=interleaveShorts(sh||[]);
+  
+  // Load secondary content in background (don't block render)
+  Promise.all([
     fetch('/api/wall').then(r=>r.json()).catch(()=>({posts:[]})),
     fetch('/api/highlights/leagues').then(r=>r.json()).catch(()=>({})),
     fetch('/api/genk_ai').then(r=>r.json()).catch(()=>[]),
     fetch('/api/wc2026').then(r=>r.json()).catch(()=>null)
-  ]);
-  _hlLeagueData=hlLeagues;
-  _wc2026Data=wcData;
-  _shortsData=interleaveShorts(sh||[]);
-  _wallPosts=(wall&&wall.posts)||[];
+  ]).then(([wall,hlLeagues,ai,wcData])=>{
+    _hlLeagueData=hlLeagues;
+    _wc2026Data=wcData;
+    _wallPosts=(wall&&wall.posts)||[];
+    // Re-render secondary sections when data arrives
+    renderSecondarySections();
+  });
   let h='';
   if(featured&&featured.home){const sc=featured.status==='live'?'':'upcoming';const st=featured.status==='live'?`🔴 ${featured.minute||'LIVE'}`:`⏰ ${featured.time}`;h+=`<div class="featured-match" onclick="openMatch('${featured.event_id}')"><div class="fm-league">${featured.league}</div><div class="fm-teams"><div class="fm-team"><img src="${featured.home_logo}" onerror="this.style.display='none'"><span>${featured.home}</span></div><div class="fm-score">${featured.score||'VS'}</div><div class="fm-team"><img src="${featured.away_logo}" onerror="this.style.display='none'"><span>${featured.away}</span></div></div><div class="fm-status ${sc}">${st}</div></div>`;}
   h+=`<div class="ai-compose"><div class="ai-compose-title">🤖 AI viết bài</div><div class="ai-compose-row"><input id="topic-input" placeholder="Nhập chủ đề..."><button onclick="searchTopic()">Tìm nguồn</button></div><div class="ai-compose-row"><input id="url-input" placeholder="Dán URL bài viết..."><button class="secondary" onclick="rewriteUrl()">Rewrite</button></div><div id="hot-topics" class="hot-topic-row"></div></div>`;
@@ -161,6 +171,27 @@ let _wallPosts=[];
 let _currentView='home';
 let _currentEventId=null;
 let _currentMatchUrl=null;
+
+function renderSecondarySections(){
+  // Re-render wall, highlights, WC sections when background data arrives
+  const wallPosts = _wallPosts;
+  const aiShorts = wallPosts.filter(p=>p.video);
+  
+  // Update AI shorts slider
+  const aiWallWrap = document.getElementById('ai-wall-wrap');
+  if(aiWallWrap && wallPosts.length){
+    let h = '';
+    wallPosts.slice(0,20).forEach((p,i)=>{ h+=makeWallItem(p,i); });
+    const track = aiWallWrap.querySelector('.slider-track');
+    if(track) track.innerHTML = h;
+  }
+  
+  // Update highlights sliders
+  if(typeof _hlLeagueData === 'object' && Object.keys(_hlLeagueData).length){
+    // Highlights are rendered in loadHome, but we can add dynamic ones here
+  }
+}
+
 function interleaveShorts(shorts){const dt=shorts.filter(s=>s.channel==='baodantri7941');const sk=shorts.filter(s=>s.channel==='baosuckhoedoisongboyte');const result=[];let i=0,j=0;while(i<dt.length||j<sk.length){if(i<dt.length)result.push(dt[i++]);if(j<sk.length)result.push(sk[j++]);}return result;}
 let _htPage=0,_htTopic='';
 async function loadHotTopics(){const j=await fetch('/api/hot_topics').then(r=>r.json()).catch(()=>({topics:[]}));const el=document.getElementById('hot-topics');if(!el)return;el.innerHTML=(j.topics||[]).slice(0,18).map(t=>{const topicText=t.topic||t.label.replace(/^#/,'');return`<button class="hot-chip" onclick="searchTopic('${topicText.replace(/'/g,"\\'")}')">${esc(t.label)}</button>`;}).join('');if(j.topics&&j.topics[0]){const firstTopic=j.topics[0].topic||j.topics[0].label.replace(/^#/,'');setTimeout(()=>searchTopic(firstTopic),800);}}