Use restored full UI if local static index is placeholder

ai_runtime_final.py

@@ -1,5 +1,5 @@
 """Final runtime overrides for VNEWS AI UI and short-video rendering."""
-import os, re
+import os, re, requests
 import ai_runtime as rt
 from ai_runtime import app
 from fastapi.responses import HTMLResponse
@@ -8,6 +8,8 @@ try:
 except Exception:
     Image = ImageDraw = ImageFont = None
 
+RESTORE_INDEX_URL = "https://huggingface.co/spaces/bep40/vnews/raw/restore-33c3dda/static/index.html"
+
 
 def clean(s):
     import html as html_lib
@@ -30,16 +32,9 @@ def _draw_center(draw, lines, font, y, fill, W, line_h):
 
 
 def final_make_frame(post,seg,idx,total,img_path,out_path):
-    """Frame layout requested by user:
-    - image at top
-    - source badge at image corner
-    - text centered in lower half
-    - no bullet/dot prefix in scene text
-    """
     if Image is None:
         return rt.make_frame(post,seg,idx,total,img_path,out_path)
-    W,H=1080,1920
-    hero_h=760
+    W,H=1080,1920;hero_h=760
     bg=Image.new('RGB',(W,H),(12,12,12))
     try:
         im=Image.open(img_path).convert('RGB')
@@ -60,7 +55,6 @@ def final_make_frame(post,seg,idx,total,img_path,out_path):
         fsmall=ImageFont.truetype('/usr/share/fonts/truetype/dejavu/DejaVuSans-Bold.ttf',28)
     except Exception:
         fb=ft=fs=fsmall=None
-    # source badge, black rounded rectangle, no RGBA tuple to avoid Pillow RGB errors
     badge='Nguồn: '+rt._source_badge(post)
     try:
         b=draw.textbbox((0,0),badge,font=fsmall);bw=b[2]-b[0];bh=b[3]-b[1]
@@ -69,55 +63,38 @@ def final_make_frame(post,seg,idx,total,img_path,out_path):
     bx=W-bw-42;by=24
     draw.rounded_rectangle((bx-16,by-8,W-24,by+bh+14),radius=18,fill=(0,0,0))
     draw.text((bx,by),badge,fill=(255,255,255),font=fsmall)
-
     draw.rectangle((0,hero_h-20,W,H),fill=(12,12,12))
-    total=max(1,total)
-    total_w=total*38-14;start=(W-total_w)//2
+    total=max(1,total);total_w=total*38-14;start=(W-total_w)//2
     for i in range(total):
         fill=(92,184,122) if i==idx else (70,70,70)
         draw.rounded_rectangle((start+i*38,820,start+i*38+24,832),radius=6,fill=fill)
     brand='VNEWS AI SHORT'
     try:
         bb=draw.textbbox((0,0),brand,font=ft);tx=(W-(bb[2]-bb[0]))//2
-    except Exception:
-        tx=360
+    except Exception:tx=360
     draw.text((tx,870),brand,fill=(110,231,143),font=ft)
-
     seg=_strip_bullet_prefix(seg)
     lines=rt.wrap_text(draw,seg,fb,W-120,8)
-    block_h=len(lines)*74
-    y=max(980,1250-block_h//2)
+    block_h=len(lines)*74;y=max(980,1250-block_h//2)
     _draw_center(draw,lines,fb,y,(255,255,255),W,74)
-
     title_lines=rt.wrap_text(draw,_strip_bullet_prefix(post.get('title','')),fs,W-120,3)
     y2=1640
     draw.line((80,y2-26,W-80,y2-26),fill=(70,70,70),width=2)
     _draw_center(draw,title_lines,fs,y2,(220,220,220),W,42)
     bg.save(out_path,quality=92)
 
-
-# Monkey-patch function used by ai_runtime.short_segments
 rt.make_frame = final_make_frame
 
-# Replace final index route to guarantee UI changes after all previous injections.
 app.router.routes=[r for r in app.router.routes if not (getattr(r,'path',None)=='/' and 'GET' in getattr(r,'methods',set()))]
 
 FINAL_INJECT = r'''
 <style>
-/* URL-only AI compose: remove topic controls completely */
-#ai-topic-input{display:none!important}
-button[onclick*="createTopicPost"],*[onclick*="createTopicPost"]{display:none!important}
-.ai-topic-row,.topic-row,.ai-compose-topic{display:none!important}
-.ai-url-only-note{font-size:11px;color:#888;margin:5px 0 8px}.ai-wall-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin:10px 0}.ai-wall-gallery img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px;background:#222}.ai-wall-gallery img:first-child{grid-column:1/-1}
+#ai-topic-input{display:none!important}button[onclick*="createTopicPost"],*[onclick*="createTopicPost"]{display:none!important}.ai-topic-row,.topic-row,.ai-compose-topic{display:none!important}.ai-url-only-note{font-size:11px;color:#888;margin:5px 0 8px}.ai-wall-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin:10px 0}.ai-wall-gallery img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px;background:#222}.ai-wall-gallery img:first-child{grid-column:1/-1}
 </style>
 <script>
 (function(){
 function esc(s){return String(s||'').replace(/[&<>"']/g,m=>({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;'}[m]));}
-function hideTopicControls(){
-  document.querySelectorAll('#ai-topic-input').forEach(e=>{let row=e.closest('.ai-compose-topic,.topic-row,.ai-topic-row')||e.parentElement;if(row&&!row.querySelector('#ai-url-input'))row.style.display='none';else e.style.display='none';});
-  document.querySelectorAll('button,a').forEach(b=>{let t=(b.textContent||'').toLowerCase();let oc=b.getAttribute('onclick')||'';if(oc.includes('createTopicPost')||t.includes('chủ đề'))b.style.display='none';});
-  let url=document.getElementById('ai-url-input');if(url&&!document.getElementById('ai-url-only-note')){let n=document.createElement('div');n.id='ai-url-only-note';n.className='ai-url-only-note';n.textContent='Dán URL bài viết để AI tóm tắt và lấy tất cả ảnh trong bài.';url.insertAdjacentElement('afterend',n);} 
-}
+function hideTopicControls(){document.querySelectorAll('#ai-topic-input').forEach(e=>{let row=e.closest('.ai-compose-topic,.topic-row,.ai-topic-row')||e.parentElement;if(row&&!row.querySelector('#ai-url-input'))row.style.display='none';else e.style.display='none';});document.querySelectorAll('button,a').forEach(b=>{let t=(b.textContent||'').toLowerCase();let oc=b.getAttribute('onclick')||'';if(oc.includes('createTopicPost')||t.includes('chủ đề'))b.style.display='none';});let url=document.getElementById('ai-url-input');if(url&&!document.getElementById('ai-url-only-note')){let n=document.createElement('div');n.id='ai-url-only-note';n.className='ai-url-only-note';n.textContent='Dán URL bài viết để AI tóm tắt và lấy tất cả ảnh trong bài.';url.insertAdjacentElement('afterend',n);}}
 window.createTopicPost=function(){alert('Đã tắt ô nhập chủ đề. Vui lòng dán URL bài viết.');};
 window.createUrlPost=function(){let inp=document.getElementById('ai-url-input');let url=(inp&&inp.value||'').trim();if(!url)return alert('Dán URL trước');if(!/^https?:\/\//i.test(url))return alert('URL cần bắt đầu bằng http:// hoặc https://');fetch('/api/url_wall',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({url})}).then(r=>r.json().then(j=>({ok:r.ok,j}))).then(({ok,j})=>{if(ok&&j.post){if(inp)inp.value='';alert('Đã tóm tắt URL, lấy ảnh trong bài và đăng lên Tường AI');location.reload();}else alert(j.error||'Lỗi URL')}).catch(e=>alert(e.message||'Lỗi URL'));};
 function galleryHtml(p){let imgs=(p.images||[]).filter(Boolean);if(!imgs.length&&p.img)imgs=[p.img];if(!imgs.length)return '';return '<div class="ai-wall-gallery">'+imgs.slice(0,12).map(u=>`<img src="${esc(u)}" loading="lazy">`).join('')+'</div>';}
@@ -128,10 +105,26 @@ setTimeout(hideTopicControls,200);setInterval(hideTopicControls,1000);
 </script>
 '''
 
+def _load_index_html():
+    try:
+        with open('/app/static/index.html','r',encoding='utf-8') as f:
+            html=f.read()
+    except Exception:
+        html=''
+    # main currently has a placeholder in some deployments; restore full UI from branch if needed
+    if '<!DOCTYPE html>' not in html or '<div id="view-home"' not in html:
+        try:
+            r=requests.get(RESTORE_INDEX_URL,timeout=20)
+            if r.status_code==200 and '<!DOCTYPE html>' in r.text:
+                html=r.text
+        except Exception:
+            pass
+    if '<!DOCTYPE html>' not in html:
+        html='<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>VNEWS</title></head><body><div id="view-home">VNEWS</div></body></html>'
+    return html
+
 @app.get('/')
 async def index_final():
-    with open('/app/static/index.html','r',encoding='utf-8') as f:
-        html=f.read()
-    old_inject=getattr(rt.old,'PATCH_INJECT','')
-    body=old_inject + getattr(rt,'FINAL_PATCH','') + FINAL_INJECT
+    html=_load_index_html()
+    body=getattr(rt.old,'PATCH_INJECT','') + FINAL_INJECT
     return HTMLResponse(html.replace('</body>',body+'\n</body>') if '</body>' in html else html+body)