Upload static/app_v2.js with huggingface_hub

static/app_v2.js

@@ -122,7 +122,7 @@ async function makeShortVideo(postId, btn, voice, speed){
     const r = await fetch(url, {method:'POST'});
     const j = await r.json();
     if(!r.ok || j.error) throw new Error(j.error||'Lỗi tạo video');
-    toast('✅ Đã tạo video shorts!');
+    toast('✅ Đã tạo video shorts! Xem trong slider 🎬 Short AI');
     const p = _wallPosts.find(x => String(x.id) === String(postId));
     if(p){
       p.video = j.video;
@@ -136,6 +136,11 @@ async function makeShortVideo(postId, btn, voice, speed){
       }
     }
     refreshShortAISlider();
+    // Scroll to Short AI section after a short delay
+    setTimeout(()=>{
+      const s = document.getElementById('short-ai-section');
+      if(s) s.scrollIntoView({behavior:'smooth',block:'nearest'});
+    },300);
   }catch(e){
     toast('❌ '+e.message);
     if(btn){btn.disabled=false;btn.textContent=origText;}
@@ -146,14 +151,26 @@ function refreshShortAISlider(){
   const aiShorts = _wallPosts.filter(p=>p.video);
   let shortAISection = document.getElementById('short-ai-section');
   if(aiShorts.length === 0){ if(shortAISection) shortAISection.remove(); return; }
-  if(shortAISection){
-    const track = shortAISection.querySelector('.slider-track');
-    if(track){
-      let h = '';
-      aiShorts.slice(0,20).forEach((p,i)=>{h+=`<div class="slider-item shorts-item" onclick="openShortAIFeed(${i})"><div class="slider-thumb shorts-thumb"><video src="${esc(p.video)}" muted preload="metadata"></video><div class="card-play">▶</div></div><div class="slider-title">${esc(p.title)}</div></div>`;});
-      track.innerHTML = h;
+  if(!shortAISection){
+    // Create Short AI section if it doesn't exist
+    const homeEl = document.getElementById('view-home');
+    if(!homeEl) return;
+    shortAISection = document.createElement('div');
+    shortAISection.id = 'short-ai-section';
+    shortAISection.className = 'slider-wrap';
+    // Insert before the wall section or at end
+    const wallEl = document.getElementById('ai-wall-wrap');
+    if(wallEl && wallEl.parentNode === homeEl){
+      homeEl.insertBefore(shortAISection, wallEl);
+    } else {
+      homeEl.appendChild(shortAISection);
     }
   }
+  // Build the slider track
+  let h = '<div class="slider-header"><span class="slider-label">🎬 Short AI</span></div><div class="slider-track">';
+  aiShorts.slice(0,20).forEach((p,i)=>{h+=`<div class="slider-item shorts-item" onclick="openShortAIFeed(${i})"><div class="slider-thumb shorts-thumb"><video src="${esc(p.video)}" muted preload="metadata"></video><div class="card-play">▶</div></div><div class="slider-title">${esc(p.title)}</div></div>`;});
+  h += '</div>';
+  shortAISection.innerHTML = h;
 }
 
 function prependWallPost(post){