Fix AI wall persistence on homepage and no reload for topic posts

restore_patch_topic_shorts.py

@@ -18,22 +18,17 @@ CACHE={'t':0,'d':[]}
 SHORT_CHANNELS=['baodantri7941','baosuckhoedoisongboyte']
 TEXT_MODELS=['Qwen/Qwen3-30B-A3B-Instruct-2507:fastest','Qwen/Qwen2.5-72B-Instruct:fastest','Qwen/Qwen2.5-7B-Instruct:fastest']
 
-
 def clean(s):
     import html
     return re.sub(r'\s+',' ',html.unescape(s or '')).strip()
 
-
 def _topic_image(topic):
     try:return base.pollinations_image_url(topic)
     except Exception:return 'https://image.pollinations.ai/prompt/'+quote('Vietnamese magazine editorial illustration '+topic)+'?width=1024&height=576&nologo=true'
 
 async def qwen_article(topic):
     token=os.environ.get('HF_TOKEN') or os.environ.get('HUGGINGFACEHUB_API_TOKEN') or ''
-    system=("Bạn là biên tập viên tiếng Việt chuyên viết bài báo phổ thông chất lượng cao. "
-            "Từ một chủ đề ngắn, viết thành bài hoàn chỉnh, tự nhiên, giàu thông tin. "
-            "Không tự nhận là AI. Không viết kiểu 'Dưới đây là bài viết'. Không giải thích quy trình. "
-            "Không bịa số liệu/tên nguồn/trích dẫn. Văn phong hiện đại, mạch lạc, có chiều sâu.")
+    system=("Bạn là biên tập viên tiếng Việt chuyên viết bài báo phổ thông chất lượng cao. Từ một chủ đề ngắn, viết thành bài hoàn chỉnh, tự nhiên, giàu thông tin. Không tự nhận là AI. Không viết kiểu 'Dưới đây là bài viết'. Không giải thích quy trình. Không bịa số liệu/tên nguồn/trích dẫn. Văn phong hiện đại, mạch lạc, có chiều sâu.")
     user=f"""Chủ đề: {topic}
 
 Hãy viết một bài tiếng Việt hoàn chỉnh khoảng 900-1400 từ.
@@ -62,12 +57,9 @@ Yêu cầu chất lượng:
                     txt=re.sub(r'<think>.*?</think>\s*','',txt,flags=re.S).strip()
                     if len(txt)>500:return txt
             except Exception:pass
-    # fallback to app's qwen_generate if router unavailable
-    prompt=system+'\n\n'+user
-    txt=await base.qwen_generate(prompt,max_tokens=1800)
+    txt=await base.qwen_generate(system+'\n\n'+user,max_tokens=1800)
     return txt or (f"# {topic}\n\n{topic} là một chủ đề có nhiều lớp nghĩa cần được nhìn từ bối cảnh, tác động và ứng dụng thực tế. Bài viết này cung cấp góc nhìn tổng hợp, giúp người đọc hiểu rõ bản chất vấn đề thay vì chỉ nắm vài ý rời rạc.\n\nNguồn tham khảo: Qwen / kiến thức tổng hợp.")
 
-
 def ytdlp_shorts(handle,count=24):
     try:
         import yt_dlp
@@ -109,7 +101,6 @@ def fresh_shorts():
         if v['id'] not in seen:seen.add(v['id']);out.append(v)
     return out[:60]
 
-# remove conflicting routes
 app.router.routes=[r for r in app.router.routes if getattr(r,'path',None) not in {'/api/shorts','/api/topic_post','/'}]
 
 @app.get('/api/shorts')
@@ -122,31 +113,32 @@ def api_shorts(refresh:int=Query(default=0)):
 async def topic_post(request:Request):
     body=await request.json();topic=clean(body.get('topic',''))
     if not topic:return JSONResponse({'error':'missing topic'},status_code=400)
-    img=_topic_image(topic)
-    text=await qwen_article(topic)
+    img=_topic_image(topic);text=await qwen_article(topic)
     post=base.make_post(topic,text,img,'','topic_article',sources=[{'title':'Qwen text model / kiến thức tổng hợp','url':'','via':'Qwen'}]);post['images']=[img]
     posts=base._load_ai_wall();posts.insert(0,post);base._save_ai_wall(posts)
     return JSONResponse({'post':post})
 
 PATCH=r'''
-<style>#fixed-shorts-dedupe-note{display:none}.topic-final3,.topic-final4{display:none!important}.topic-final5{display:flex!important}</style>
+<style>.topic-final3,.topic-final4{display:none!important}.topic-final5{display:flex!important}.wall-live-fixed{margin:6px 4px;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;overflow:hidden}</style>
 <script>
 (function(){
 function esc(s){return String(s||'').replace(/[&<>"']/g,m=>({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;'}[m]));}
-let shorts=[];
+let shorts=[];let wall=[];
 async function loadShorts(){shorts=await fetch('/api/shorts?refresh=1').then(r=>r.json()).catch(()=>[]);return shorts;}
+async function loadWall(){wall=(await fetch('/api/ai_wall').then(r=>r.json()).catch(()=>({posts:[]}))).posts||[];renderWallFixed();return wall;}
+function renderWallFixed(){let home=document.getElementById('view-home');if(!home)return;document.getElementById('wall-live-fixed')?.remove();if(!wall.length)return;let wrap=document.createElement('div');wrap.id='wall-live-fixed';wrap.className='wall-live-fixed';let h='<div class="slider-header"><span class="slider-label">🧱 Tường AI</span><span class="slider-note">Đã lưu</span></div><div class="slider-track">';wall.slice(0,30).forEach((p,i)=>{h+=`<div class="wall-item"><div class="wall-thumb">${p.img?`<img src="${p.img}">`:''}</div><div class="wall-title">${esc(p.title)}</div><div class="wall-text">${esc(p.text)}</div><div class="wall-actions"><button class="primary" onclick="readWallFixed(${i})">Xem</button></div></div>`});h+='</div>';wrap.innerHTML=h;let comp=document.querySelector('.ai-compose');if(comp)comp.after(wrap);else home.prepend(wrap);}
+window.readWallFixed=function(i){let p=wall[i];if(!p)return;showView('view-article');document.getElementById('view-article').innerHTML=`<button class="back-btn" onclick="switchCat('home')">← Quay lại</button><div class="article-view"><span class="badge badge-ai">AI</span><h1 class="article-title">${esc(p.title)}</h1>${p.img?`<img class="article-img" src="${p.img}">`:''}<p class="article-p" style="white-space:pre-wrap">${esc(p.text)}</p></div>`;window.scrollTo(0,0)}
 function dedupeShortSlides(){let found=false;document.querySelectorAll('.slider-wrap').forEach(w=>{let label=w.querySelector('.slider-label')?.textContent||'';if(label.includes('Shorts')){if(found)w.remove();else{found=true;w.id='main-shorts-wrap';w.querySelectorAll('.slider-item').forEach((el,i)=>el.setAttribute('onclick',`openShortsDedupe(${i})`));}}});}
 window.openShortsDedupe=async function(start){let data=shorts.length?shorts:await loadShorts();if(!data.length)return alert('Không tải được Shorts');let ordered=start>0?data.slice(start).concat(data.slice(0,start)):data;showView('view-tiktok');let h='<button class="back-btn" onclick="switchCat(\'home\')">← Shorts</button><div class="tiktok-container"><div class="tiktok-feed" id="tiktok-feed">';ordered.forEach((v,i)=>{let src='https://www.youtube.com/embed/'+v.id+'?autoplay=1&rel=0&playsinline=1';h+=`<div class="tiktok-slide"><iframe data-src="${src}" allowfullscreen allow="accelerometer;autoplay;clipboard-write;encrypted-media;gyroscope;picture-in-picture" style="width:100%;height:100%;border:0"></iframe><div class="tiktok-bottom"><span class="badge badge-fpt">YT</span><p class="tiktok-title">${esc(v.title)}</p></div><span class="tiktok-counter">${i+1}/${ordered.length}</span></div>`});h+='</div></div>';document.getElementById('view-tiktok').innerHTML=h;initShortFeed();}
 function initShortFeed(){let feed=document.getElementById('tiktok-feed');if(!feed)return;let slides=feed.querySelectorAll('.tiktok-slide');let cur=-1;function act(i){if(i===cur)return;slides.forEach((sl,idx)=>{let f=sl.querySelector('iframe');if(idx===i){if(f&&!f.src)f.src=f.dataset.src}else if(f)f.src=''});cur=i}let t;feed.addEventListener('scroll',()=>{clearTimeout(t);t=setTimeout(()=>{let rect=feed.getBoundingClientRect(),ctr=rect.top+rect.height/2,b=0,d=1e9;slides.forEach((sl,i)=>{let dd=Math.abs(sl.getBoundingClientRect().top+sl.getBoundingClientRect().height/2-ctr);if(dd<d){d=dd;b=i}});act(b)},120)});setTimeout(()=>act(0),200)}
 let oldOpen=window.openTikTok;window.openTikTok=function(type,idx){if(type==='shorts')return openShortsDedupe(idx||0);return oldOpen?oldOpen(type,idx):null};
-window.createTopicPostFinal5=async function(){let inp=document.getElementById('ai-topic-input-final5');let topic=(inp&&inp.value||'').trim();if(!topic)return alert('Nhập chủ đề trước');let btn=document.getElementById('ai-topic-btn-final5');if(btn){btn.disabled=true;btn.textContent='Đang viết bài...'}try{let r=await fetch('/api/topic_post',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({topic})});let j=await r.json();if(!r.ok||j.error)throw new Error(j.error||'Lỗi');if(inp)inp.value='';alert('Đã tạo bài viết bằng model text Qwen chất lượng hơn.');location.reload();}catch(e){alert(e.message)}finally{if(btn){btn.disabled=false;btn.textContent='✨ Tạo bài kiến thức bằng Qwen'}}};
-setTimeout(async()=>{await loadShorts();dedupeShortSlides();},1000);setInterval(dedupeShortSlides,2000);
+window.createTopicPostFinal5=async function(){let inp=document.getElementById('ai-topic-input-final5');let topic=(inp&&inp.value||'').trim();if(!topic)return alert('Nhập chủ đề trước');let btn=document.getElementById('ai-topic-btn-final5');if(btn){btn.disabled=true;btn.textContent='Đang viết bài...'}try{let r=await fetch('/api/topic_post',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({topic})});let j=await r.json();if(!r.ok||j.error)throw new Error(j.error||'Lỗi');wall.unshift(j.post);renderWallFixed();readWallFixed(0);if(inp)inp.value='';alert('Đã tạo bài viết bằng model text Qwen chất lượng hơn.');}catch(e){alert(e.message)}finally{if(btn){btn.disabled=false;btn.textContent='✨ Tạo bài kiến thức bằng Qwen'}}};
+setTimeout(async()=>{await loadShorts();await loadWall();dedupeShortSlides();},1000);setInterval(()=>{dedupeShortSlides();if(document.getElementById('view-home')?.classList.contains('active'))renderWallFixed();},2500);
 })();
 </script>
 '''
 
 @app.get('/')
 async def index_patched():
-    html=await restored.index_final6()
-    text=html.body.decode('utf-8') if hasattr(html,'body') else str(html)
+    html=await restored.index_final6();text=html.body.decode('utf-8') if hasattr(html,'body') else str(html)
     return HTMLResponse(text.replace('</body>',PATCH+'\n</body>') if '</body>' in text else text+PATCH)