fix: share reads ?open= param (no localStorage), readArticle always in-app, click outside closes comment

static/index.html

@@ -84,6 +84,13 @@ function doShare(title,articleUrl,img){
   else navigator.clipboard.writeText(shareUrl).then(()=>alert('Đã sao chép!')).catch(()=>{});
 }
 
+// ★ FIX: Click anywhere outside .cmt-panel closes it
+document.addEventListener('click',function(e){
+  if(!e.target.closest('.cmt-panel')&&!e.target.closest('.tiktok-right-btn')){
+    document.querySelectorAll('.cmt-panel.open').forEach(p=>p.classList.remove('open'));
+  }
+});
+
 async function init(){
   _cats=await fetch('/api/categories').then(r=>r.json());
   let bar='<div class="cat active" data-cat="home">🏠</div><div class="cat" data-cat="video">🎬 Video</div>';
@@ -91,8 +98,14 @@ async function init(){
   document.getElementById('cat-bar').innerHTML=bar;
   document.querySelectorAll('.cat').forEach(t=>{t.onclick=()=>switchCat(t.dataset.cat);});
   await loadHome();
-  const pending=localStorage.getItem('pending_article');
-  if(pending){localStorage.removeItem('pending_article');let src='vne';if(pending.includes('bbc.com'))src='bbc';readArticle(pending,src);}
+  // ★ FIX: Read ?open= query param (from /s share redirect) instead of localStorage
+  const params=new URLSearchParams(location.search);
+  const openUrl=params.get('open');
+  if(openUrl){
+    // Clean URL so user doesn't see ?open= in address bar
+    history.replaceState(null,'',location.pathname);
+    readArticle(openUrl,'vne');
+  }
 }
 function switchCat(id){document.querySelectorAll('.cat').forEach(x=>x.classList.remove('active'));document.querySelector(`[data-cat="${id}"]`)?.classList.add('active');document.querySelectorAll('.view').forEach(x=>x.classList.remove('active'));document.querySelectorAll('video').forEach(v=>v.pause());if(id==='home')document.getElementById('view-home').classList.add('active');else if(id==='video'){document.getElementById('view-video').classList.add('active');loadVideos();}else{document.getElementById('view-cat').classList.add('active');loadCat(id);}}
 function showView(id){document.querySelectorAll('.view').forEach(x=>x.classList.remove('active'));document.getElementById(id).classList.add('active');}
@@ -108,12 +121,16 @@ async function loadHome(){
 }
 async function loadCat(id){const el=document.getElementById('view-cat');el.innerHTML='<div class="loading">Đang tải...</div>';const arts=await fetch('/api/category/'+id).then(r=>r.json());if(!arts.length){el.innerHTML='<div class="loading">Không có tin</div>';return;}let h='<div class="grid">';arts.forEach(a=>{const bg=a.source==='bbc'?'badge-bbc':a.source==='bdp'?'badge-bdp':'badge-vne';h+=`<div class="card" onclick="readArticle('${a.link.replace(/'/g,"\\'")}','${a.source}')"><div class="card-img">${a.img?`<img src="${a.img}">`:''}</div><div class="card-body"><span class="badge ${bg}">${a.source}</span><div class="card-title">${a.title}</div></div></div>`;});h+='</div>';el.innerHTML=h;}
 
+// ★ FIX: readArticle always opens in VNEWS reader. Never window.open externally.
 async function readArticle(url,source){
-  if(source!=='vne'&&source!=='bbc'){window.open(url,'_blank');return;}
   showView('view-article');const el=document.getElementById('view-article');el.innerHTML='<div class="loading">Đang tải...</div>';
   const aid=hid(url);incV(aid);
   const data=await fetch('/api/article?url='+encodeURIComponent(url)).then(r=>r.json());
-  if(!data||data.error){el.innerHTML=`<button class="back-btn" onclick="switchCat('home')">← Quay lại</button><div class="loading"><a href="${url}" target="_blank" style="color:#5cb87a">Mở link gốc</a></div>`;return;}
+  if(!data||data.error){
+    // API doesn't support this source → show article link inside VNEWS (not external redirect)
+    el.innerHTML=`<button class="back-btn" onclick="switchCat('home')">← Quay lại</button><div class="article-view" style="text-align:center;padding:60px 20px"><p style="color:#aaa;margin-bottom:12px">Bài viết này chưa hỗ trợ đọc trực tiếp</p><a href="${url}" target="_blank" style="color:#5cb87a;font-size:14px;text-decoration:underline">📰 Mở bài viết gốc</a></div>`;
+    return;
+  }
   const ogImg=data.og_image||'';
   let h=`<button class="back-btn" onclick="switchCat('home')">← Quay lại</button><div class="article-view"><h1 class="article-title">${data.title}</h1>`;
   if(data.summary)h+=`<div class="article-summary">${data.summary}</div>`;