dynamic gllery

app.py

@@ -682,37 +682,30 @@ with gr.Blocks(title="AIQuoteClipGenerator - MCP Edition", theme=gr.themes.Soft(
     - 🎨 **Multiple Variations:** Get different video styles
     """)
     
-    # Example Gallery - Uses HF persistent storage
+    # Example Gallery - Dynamic updates
     with gr.Accordion("📸 Example Gallery - Recent Videos", open=True):
-        gr.Markdown("See what others have created! These update in real-time.")
-        
-        gallery_videos = []
-        # HF Spaces persistent storage path
-        gallery_output_dir = "/data/gallery_videos"  
-        
-        # Create directory if it doesn't exist
+        gr.Markdown("See what others have created! Updates automatically after generation.")
+        
+        # Create a Gallery component that can be updated
+        gallery_display = gr.Gallery(
+            label="Recent Generations",
+            show_label=False,
+            columns=3,
+            rows=2,
+            height=400,
+            object_fit="contain"
+        )
+    
+    # Function to load gallery videos
+    def load_gallery_videos():
+        gallery_output_dir = "/data/gallery_videos"
         os.makedirs(gallery_output_dir, exist_ok=True)
         
-        # Check if there are any existing videos in gallery
         import glob
         existing_videos = sorted(glob.glob(f"{gallery_output_dir}/*.mp4"), 
-                                key=os.path.getmtime, reverse=True)[:6]  # Show 6 most recent
-        gallery_videos = existing_videos
-        
-        if gallery_videos:
-            with gr.Row():
-                for video_path in gallery_videos[:3]:
-                    gr.Video(value=video_path, label="", height=300, show_label=False)
-            if len(gallery_videos) > 3:
-                with gr.Row():
-                    for video_path in gallery_videos[3:6]:
-                        gr.Video(value=video_path, label="", height=300, show_label=False)
-        else:
-            gr.Markdown("""
-            🎬 **No examples yet!** Be the first to generate a video!
-            
-            Your generated videos will appear here for others to see.
-            """)
+                                key=os.path.getmtime, reverse=True)[:6]
+        
+        return existing_videos if existing_videos else []
     
     gr.Markdown("---")
     gr.Markdown("## 🎯 Generate Your Own Quote Video")
@@ -798,12 +791,21 @@ with gr.Blocks(title="AIQuoteClipGenerator - MCP Edition", theme=gr.themes.Soft(
         v2 = videos[1] if len(videos) > 1 else None
         v3 = videos[2] if len(videos) > 2 else None
         
-        return status, v1, v2, v3
+        # Load updated gallery
+        updated_gallery = load_gallery_videos()
+        
+        return status, v1, v2, v3, updated_gallery
     
     generate_btn.click(
         process_and_display, 
         inputs=[niche, style, num_variations], 
-        outputs=[output, video1, video2, video3]
+        outputs=[output, video1, video2, video3, gallery_display]
+    )
+    
+    # Load gallery on page load
+    demo.load(
+        load_gallery_videos,
+        outputs=[gallery_display]
     )
 
 if __name__ == "__main__":