ROOT CAUSE FIX: move all JS from head= (stripped by Gradio) to js= parameter

app.py

@@ -757,7 +757,7 @@ footer,.built-with{display:none!important}
 .label-wrap{background:#111!important}
 """
 
-JS_HEAD = """
+HEAD_META = """
 <meta name="description" content="Tin tức tổng hợp nhanh nhất - VnExpress, BongDaPlus">
 <meta property="og:title" content="Tin Tức Việt Nam - Tổng Hợp">
 <meta property="og:description" content="Thời sự, thế giới, kinh doanh, công nghệ, thể thao, giải trí.">
@@ -765,12 +765,18 @@ JS_HEAD = """
 <meta property="og:image" content="https://s1.vnecdn.net/vnexpress/restruct/i/v9505/logo_default.jpg">
 <meta name="twitter:card" content="summary_large_image">
 <link rel="canonical" href="https://bep40-bongdaplus-news.hf.space">
-<script src="https://cdn.jsdelivr.net/npm/hls.js@1/dist/hls.min.js"></script>
-<script>
-(function(){
+"""
+
+JS_CODE = """
+function() {
+/* Load HLS.js */
+var s=document.createElement('script');
+s.src='https://cdn.jsdelivr.net/npm/hls.js@1/dist/hls.min.js';
+document.head.appendChild(s);
+
 var SPACE='https://bep40-bongdaplus-news.hf.space';
 
-/* ── Navigation ── */
+/* ── Navigation: set textbox value via native setter → triggers Gradio .input() ── */
 window.bdpOpen=function(url,aid,sl){
     window.location.hash='#/'+sl+'/'+aid;
     try{localStorage.setItem('bdp_url_'+aid,url);}catch(e){}
@@ -778,8 +784,8 @@ window.bdpOpen=function(url,aid,sl){
     if(!w) return;
     var el=w.querySelector('input')||w.querySelector('textarea');
     if(!el) return;
-    var d=Object.getOwnPropertyDescriptor(HTMLInputElement.prototype,'value');
-    if(el.tagName==='TEXTAREA') d=Object.getOwnPropertyDescriptor(HTMLTextAreaElement.prototype,'value');
+    var d=Object.getOwnPropertyDescriptor(
+        el.tagName==='TEXTAREA'?HTMLTextAreaElement.prototype:HTMLInputElement.prototype,'value');
     if(d&&d.set) d.set.call(el,url);
     el.dispatchEvent(new Event('input',{bubbles:true}));
     window.scrollTo({top:0,behavior:'smooth'});
@@ -800,12 +806,11 @@ window.bdpToast=function(m){var e=document.getElementById('bdp-toast');if(!e){e=
 
 /* ── Slider scroll ── */
 window.bdpSlideScroll=function(dir){
-    var track=document.getElementById('vslide-track');
-    if(!track) track=document.querySelector('.vslide-track');
+    var track=document.getElementById('vslide-track')||document.querySelector('.vslide-track');
     if(track) track.scrollBy({left:dir*260,behavior:'smooth'});
 };
 
-/* ── TikTok Mode from slider ── */
+/* ── TikTok Mode ── */
 window.bdpTikTokMode=function(){
     var items=document.querySelectorAll('#vslide-track .vslide-item[data-vinfo]');
     if(!items.length) return;
@@ -816,122 +821,66 @@ window.bdpTikTokMode=function(){
 };
 
 function _openTikTok(vids){
-    var old=document.getElementById('tk-fullscreen');
-    if(old) old.remove();
-    var wrap=document.createElement('div');
-    wrap.id='tk-fullscreen';
-    wrap.className='tk-container';
-    var html='<div class="tk-header"><span>📱 '+vids.length+' Video · Lướt để xem tiếp</span><button class="tk-close" onclick="document.getElementById(\'tk-fullscreen\').remove()">✕</button></div><div class="tk-scroll">';
+    var old=document.getElementById('tk-fullscreen');if(old)old.remove();
+    var wrap=document.createElement('div');wrap.id='tk-fullscreen';wrap.className='tk-container';
+    var h='<div class="tk-header"><span>'+vids.length+' Video</span><button class="tk-close" onclick="document.getElementById(\'tk-fullscreen\').remove()">✕</button></div><div class="tk-scroll">';
     vids.forEach(function(v,i){
-        var poster=v.poster||v.img||'';
-        var isHls=v.type==='hls'||v.src.indexOf('m3u8')>-1;
-        html+='<div class="tk-slide" data-idx="'+i+'" data-vsrc="'+(v.src||'')+'" data-vtype="'+(isHls?'hls':'mp4')+'" data-embed="'+(v.embed_id||'')+'" data-source="'+(v.source||'')+'" data-link="'+(v.link||'')+'">';
-        html+='<div class="tk-video-box">';
-        if(v.src){
-            if(isHls) html+='<video class="tk-video" playsinline preload="metadata" poster="'+poster+'" data-hls-src="'+v.src+'"></video>';
-            else html+='<video class="tk-video" playsinline preload="metadata" poster="'+poster+'"><source src="'+v.src+'" type="video/mp4"></video>';
-        } else {
-            html+='<div class="tk-loading" style="color:#fff;text-align:center;padding:40px">⏳ Đang tải video...</div>';
-            html+='<video class="tk-video" playsinline preload="metadata" poster="'+poster+'" style="display:none"></video>';
-        }
-        html+='</div><div class="tk-info"><p class="tk-cap">'+v.title+'</p><span class="tk-counter">'+(i+1)+'/'+vids.length+'</span></div></div>';
+        var poster=v.poster||'';var isHls=v.type==='hls'||(v.src&&v.src.indexOf('m3u8')>-1);
+        h+='<div class="tk-slide" data-idx="'+i+'" data-vsrc="'+(v.src||'')+'" data-vtype="'+(isHls?'hls':'mp4')+'" data-embed="'+(v.embed_id||'')+'" data-source="'+(v.source||'')+'"><div class="tk-video-box">';
+        if(v.src){h+=isHls?'<video class="tk-video" playsinline preload="metadata" poster="'+poster+'" data-hls-src="'+v.src+'"></video>':'<video class="tk-video" playsinline preload="metadata" poster="'+poster+'"><source src="'+v.src+'" type="video/mp4"></video>';}
+        else{h+='<div class="tk-loading" style="color:#fff;text-align:center;padding:40px">⏳</div><video class="tk-video" playsinline preload="metadata" poster="'+poster+'" style="display:none"></video>';}
+        h+='</div><div class="tk-info"><p class="tk-cap">'+v.title+'</p><span class="tk-counter">'+(i+1)+'/'+vids.length+'</span></div></div>';
     });
-    html+='</div>';
-    wrap.innerHTML=html;
-    document.body.appendChild(wrap);
-    _initTkScroll(wrap);
+    h+='</div>';wrap.innerHTML=h;document.body.appendChild(wrap);_initTkScroll(wrap);
 }
 
 function _initTkScroll(container){
-    var scroll=container.querySelector('.tk-scroll');
-    if(!scroll) return;
-    var currentIdx=-1;
+    var scroll=container.querySelector('.tk-scroll');if(!scroll)return;var currentIdx=-1;
     function playSlide(idx){
-        if(idx===currentIdx) return;
-        /* Pause all */
+        if(idx===currentIdx)return;
         container.querySelectorAll('.tk-video').forEach(function(v){try{v.pause();}catch(e){}});
         currentIdx=idx;
-        var slide=container.querySelector('.tk-slide[data-idx="'+idx+'"]');
-        if(!slide) return;
-        var video=slide.querySelector('.tk-video');
-        if(!video) return;
-        /* Lazy-load BDP videos that don't have src yet */
-        var vsrc=slide.getAttribute('data-vsrc');
-        var embedId=slide.getAttribute('data-embed');
-        if(!vsrc && embedId && slide.getAttribute('data-source')==='bdp'){
+        var slide=container.querySelector('.tk-slide[data-idx="'+idx+'"]');if(!slide)return;
+        var video=slide.querySelector('.tk-video');if(!video)return;
+        var vsrc=slide.getAttribute('data-vsrc');var embedId=slide.getAttribute('data-embed');
+        if(!vsrc&&embedId&&slide.getAttribute('data-source')==='bdp'){
             var loading=slide.querySelector('.tk-loading');
-            fetch('/api/bdp_video/'+embedId).catch(function(){});
-            /* Use XMLHttpRequest to fetch embed page directly */
-            var xhr=new XMLHttpRequest();
-            xhr.open('GET','https://bongdaplus.vn/video-embed/'+embedId+'.html',true);
-            xhr.onload=function(){
-                var match=xhr.responseText.match(/src="([^"]+\\.mp4[^"]*)"/);
-                if(match){
-                    slide.setAttribute('data-vsrc',match[1]);
-                    var src=document.createElement('source');
-                    src.src=match[1];src.type='video/mp4';
-                    video.appendChild(src);video.style.display='block';video.load();
-                    if(loading) loading.style.display='none';
-                    video.play().catch(function(){});
-                }
-            };
-            xhr.send();
-            return;
+            var xhr=new XMLHttpRequest();xhr.open('GET','https://bongdaplus.vn/video-embed/'+embedId+'.html',true);
+            xhr.onload=function(){var m=xhr.responseText.match(/src="([^"]+\\.mp4[^"]*)"/);if(m){slide.setAttribute('data-vsrc',m[1]);var src=document.createElement('source');src.src=m[1];src.type='video/mp4';video.appendChild(src);video.style.display='block';video.load();if(loading)loading.style.display='none';video.play().catch(function(){});}};
+            xhr.send();return;
         }
-        /* Init HLS if needed */
         var vtype=slide.getAttribute('data-vtype');
-        if(vtype==='hls' && video.getAttribute('data-hls-src') && !video._hlsInit){
-            initHlsVideo(video);
-        }
-        if(!video._initDone && vtype!=='hls'){video._initDone=true;video.load();}
-        video.currentTime=0;
-        video.play().catch(function(){});
+        if(vtype==='hls'&&video.getAttribute('data-hls-src')&&!video._hlsInit)initHlsVideo(video);
+        if(!video._initDone&&vtype!=='hls'){video._initDone=true;video.load();}
+        video.currentTime=0;video.play().catch(function(){});
     }
-    /* IntersectionObserver for auto-play on scroll */
-    var observer=new IntersectionObserver(function(entries){
-        entries.forEach(function(e){
-            if(e.isIntersecting && e.intersectionRatio>0.6){
-                var idx=parseInt(e.target.getAttribute('data-idx'));
-                playSlide(idx);
-            }
-        });
-    },{root:scroll,threshold:[0.6]});
-    container.querySelectorAll('.tk-slide').forEach(function(s){observer.observe(s);});
-    /* Start first */
+    var obs=new IntersectionObserver(function(entries){entries.forEach(function(e){if(e.isIntersecting&&e.intersectionRatio>0.6)playSlide(parseInt(e.target.getAttribute('data-idx')));});},{root:scroll,threshold:[0.6]});
+    container.querySelectorAll('.tk-slide').forEach(function(s){obs.observe(s);});
     setTimeout(function(){playSlide(0);},300);
 }
 
 /* ── Comments ── */
 function gc(a){try{return JSON.parse(localStorage.getItem('bdp_cmt_'+a))||[];}catch(e){return[];}}
 function sc(a,c){try{localStorage.setItem('bdp_cmt_'+a,JSON.stringify(c));}catch(e){}}
-window.bdpRenderCmt=function(a){var l=document.getElementById('cmt-list-'+a);if(!l)return;var c=gc(a);if(!c.length){l.innerHTML='<div class="bdp-cmt-empty">Chưa có bình luận. Hãy là người đầu tiên!</div>';return;}var h='';for(var i=c.length-1;i>=0;i--){var x=c[i];h+='<div class="bdp-cmt-item"><span class="bdp-cmt-author">'+x.name+'</span><span class="bdp-cmt-date">'+x.date+'</span><div class="bdp-cmt-body">'+x.text.replace(/</g,'&lt;').replace(/>/g,'&gt;')+'</div></div>';}l.innerHTML=h;};
-window.bdpAddCmt=function(a){var n=document.getElementById('cmt-name-'+a),t=document.getElementById('cmt-text-'+a);if(!n||!t)return;var nm=n.value.trim(),tx=t.value.trim();if(!nm){window.bdpToast('⚠️ Nhập tên');n.focus();return;}if(!tx){window.bdpToast('⚠️ Nhập bình luận');t.focus();return;}var c=gc(a);c.push({name:nm,text:tx,date:new Date().toLocaleString('vi-VN')});sc(a,c);t.value='';window.bdpRenderCmt(a);window.bdpToast('✅ Đã gửi!');};
+window.bdpRenderCmt=function(a){var l=document.getElementById('cmt-list-'+a);if(!l)return;var c=gc(a);if(!c.length){l.innerHTML='<div class="bdp-cmt-empty">Chưa có bình luận.</div>';return;}var h='';for(var i=c.length-1;i>=0;i--){var x=c[i];h+='<div class="bdp-cmt-item"><span class="bdp-cmt-author">'+x.name+'</span><span class="bdp-cmt-date">'+x.date+'</span><div class="bdp-cmt-body">'+x.text.replace(/</g,'&lt;').replace(/>/g,'&gt;')+'</div></div>';}l.innerHTML=h;};
+window.bdpAddCmt=function(a){var n=document.getElementById('cmt-name-'+a),t=document.getElementById('cmt-text-'+a);if(!n||!t)return;var nm=n.value.trim(),tx=t.value.trim();if(!nm){window.bdpToast('Nhập tên');n.focus();return;}if(!tx){window.bdpToast('Nhập bình luận');t.focus();return;}var c=gc(a);c.push({name:nm,text:tx,date:new Date().toLocaleString('vi-VN')});sc(a,c);t.value='';window.bdpRenderCmt(a);window.bdpToast('Đã gửi!');};
 
-/* ══ HLS + Video init ══ */
+/* ── HLS + Video init ── */
 function initHlsVideo(v){
-    if(v._hlsInit) return; v._hlsInit=true;
-    var src=v.getAttribute('data-hls-src'); if(!src) return;
+    if(v._hlsInit)return;v._hlsInit=true;
+    var src=v.getAttribute('data-hls-src');if(!src)return;
     if(v.canPlayType('application/vnd.apple.mpegURL')){v.src=src;}
-    else if(window.Hls&&Hls.isSupported()){
-        var h=new Hls({maxBufferLength:30,maxMaxBufferLength:60});
-        h.loadSource(src);h.attachMedia(v);
-        h.on(Hls.Events.ERROR,function(e,data){if(data.fatal){v.src=src;}});
-    } else {v.src=src;}
+    else if(window.Hls&&Hls.isSupported()){var h=new Hls();h.loadSource(src);h.attachMedia(v);h.on(Hls.Events.ERROR,function(e,d){if(d.fatal)v.src=src;});}
+    else{v.src=src;}
 }
 
 new MutationObserver(function(muts){muts.forEach(function(m){m.addedNodes.forEach(function(n){
-    if(!n.querySelectorAll) return;
-    n.querySelectorAll('img.bdp-lazy-img').forEach(function(img){
-        if(!img._errBound){img._errBound=true;img.addEventListener('error',function(){this.style.display='none';});}
-    });
+    if(!n.querySelectorAll)return;
+    n.querySelectorAll('img.bdp-lazy-img').forEach(function(img){if(!img._errBound){img._errBound=true;img.addEventListener('error',function(){this.style.display='none';});}});
     n.querySelectorAll('video[data-hls-src]').forEach(initHlsVideo);
     n.querySelectorAll('video.bdp-video:not([data-hls-src])').forEach(function(v){if(!v._initDone){v._initDone=true;v.load();}});
     n.querySelectorAll('[id^="cmt-list-"]').forEach(function(d){window.bdpRenderCmt(d.id.replace('cmt-list-',''));});
-    /* Auto-init TikTok scroll in article */
-    n.querySelectorAll('.tk-container .tk-scroll').forEach(function(sc){
-        var container=sc.closest('.tk-container');
-        if(container && !container._tkInit){container._tkInit=true;_initTkScroll(container);}
-    });
+    n.querySelectorAll('.tk-container .tk-scroll').forEach(function(sc){var c=sc.closest('.tk-container');if(c&&!c._tkInit){c._tkInit=true;_initTkScroll(c);}});
 });});}).observe(document.body,{childList:true,subtree:true});
 
 setInterval(function(){
@@ -940,13 +889,13 @@ setInterval(function(){
 },1500);
 
 /* ── Hash routing ── */
-window.addEventListener('load',function(){var h=window.location.hash;if(h&&h.startsWith('#/')){var ps=h.slice(2).split('/');if(ps.length>=2){var aid=ps[ps.length-1];try{var url=localStorage.getItem('bdp_url_'+aid);if(url)setTimeout(function(){window.bdpOpen(url,aid,ps.slice(0,-1).join('/'));},1200);}catch(e){}}}});
-})();
-</script>
+var hh=window.location.hash;
+if(hh&&hh.startsWith('#/')){var ps=hh.slice(2).split('/');if(ps.length>=2){var aid=ps[ps.length-1];try{var url=localStorage.getItem('bdp_url_'+aid);if(url)setTimeout(function(){window.bdpOpen(url,aid,ps.slice(0,-1).join('/'));},2500);}catch(e){}}}
+}
 """
 
 # ══════════════════════════════════════════════════════════════════════════════
-with gr.Blocks(title="Tin Tức Việt Nam",css=CSS,head=JS_HEAD,theme=gr.themes.Base(),fill_width=True) as demo:
+with gr.Blocks(title="Tin Tức Việt Nam",css=CSS,head=HEAD_META,js=JS_CODE,theme=gr.themes.Base(),fill_width=True) as demo:
     gr.HTML('<div class="bdp-header"><h1>📰 Tin Tức Việt Nam</h1><p>VnExpress · BongDaPlus · Thời sự · Thế giới · Kinh doanh · Công nghệ · Thể thao · Giải trí · Video</p></div>')
     article_url=gr.Textbox(value="",elem_id="article-url-input",elem_classes=["sr-only"],max_lines=1)
     with gr.Row(elem_classes=["controls-row"]):