Update app.py

app.py

@@ -559,64 +559,98 @@ def video_generation_handler_streaming(prompt, seed=42, fps=15, aspect_ratio="16
     print(f"✅ PyAV streaming complete! {total_frames_yielded} frames across {num_blocks} blocks")
 
 # --- Gradio UI Layout ---
-with gr.Blocks(title="Self-Forcing Streaming Demo") as demo:
-    gr.Markdown("# 🚀 Self-Forcing Video Generation")
-    gr.Markdown("Real-time video generation with distilled Wan2-1 1.3B [[Model]](https://huggingface.co/gdhe17/Self-Forcing), [[Project page]](https://self-forcing.github.io), [[Paper]](https://huggingface.co/papers/2506.08009)")
+with gr.Blocks(title="AI Video Generator - Transform Text to Video", theme=gr.themes.Soft()) as demo:
+    gr.Markdown("""
+    # 🎬 AI Video Generator - Transform Your Words into Amazing Videos
+    
+    ### Welcome to the AI Video Generator!
+    Simply type a text description and AI will create stunning video content for you. No video editing experience needed - let your creativity come to life instantly!
+    
+    **✨ Key Features:**
+    - 📝 **Easy to Use** - Just type what you want to see
+    - 🚀 **Real-time Generation** - Watch as your video is created
+    - 🎨 **High Quality Output** - Professional-grade video results
+    - 📱 **Multiple Formats** - Support for landscape (16:9) and portrait (9:16)
+    """)
     
     with gr.Row():
         with gr.Column(scale=2):
+            gr.Markdown("""
+            ### 📋 How to Use
+            1. **Write Description** - Describe your desired video in the text box below
+            2. **Enhance Prompt** - Click "✨ Enhance Prompt" to let AI improve your description
+            3. **Choose Format** - Select the appropriate video aspect ratio
+            4. **Generate** - Click "🎬 Start Video Generation"
+            5. **Download** - Save your video once generation is complete
+            """)
+            
             with gr.Group():
+                gr.Markdown("#### Step 1: Describe Your Video")
                 prompt = gr.Textbox(
-                    label="Prompt", 
-                    placeholder="A stylish woman walks down a Tokyo street...", 
+                    label="Video Description", 
+                    placeholder="e.g., A cute cat playing guitar in a cozy room with warm lighting...", 
                     lines=4,
-                    value=""
+                    value="",
+                    info="💡 Tip: The more detailed your description, the better the result! Include subjects, actions, settings, and style."
                 )
-                enhance_button = gr.Button("✨ Enhance Prompt", variant="secondary")
+                enhance_button = gr.Button("✨ Enhance Prompt (Let AI improve your description)", variant="secondary")
 
-            start_btn = gr.Button("🎬 Start Streaming", variant="primary", size="lg")
-            
-            gr.Markdown("### 🎯 Examples")
-            gr.Examples(
-                examples=[
-                    "A close-up shot of a ceramic teacup slowly pouring water into a glass mug.",
-                    "A playful cat is seen playing an electronic guitar, strumming the strings with its front paws. The cat has distinctive black facial markings and a bushy tail. It sits comfortably on a small stool, its body slightly tilted as it focuses intently on the instrument. The setting is a cozy, dimly lit room with vintage posters on the walls, adding a retro vibe. The cat's expressive eyes convey a sense of joy and concentration. Medium close-up shot, focusing on the cat's face and hands interacting with the guitar.",
-                    "A dynamic over-the-shoulder perspective of a chef meticulously plating a dish in a bustling kitchen. The chef, a middle-aged woman, deftly arranges ingredients on a pristine white plate. Her hands move with precision, each gesture deliberate and practiced. The background shows a crowded kitchen with steaming pots, whirring blenders, and the clatter of utensils. Bright lights highlight the scene, casting shadows across the busy workspace. The camera angle captures the chef's detailed work from behind, emphasizing his skill and dedication.",
-                ],
-                inputs=[prompt],
-            )
-            
-            gr.Markdown("### ⚙️ Settings")
+            gr.Markdown("#### Step 2: Choose Video Settings")
             with gr.Row():
-                seed = gr.Number(
-                    label="Seed", 
-                    value=-1, 
-                    info="Use -1 for random seed",
-                    precision=0
-                )
                 aspect_ratio = gr.Radio(
-                    label="Aspect Ratio",
-                    choices=["16:9", "9:16"],
+                    label="Video Format",
+                    choices=[("Landscape (16:9) - Best for computers/TVs", "16:9"), 
+                             ("Portrait (9:16) - Best for phones/social media", "9:16")],
                     value="16:9",
-                    info="Choose video aspect ratio"
+                    info="Select the format that best suits your needs"
                 )
             
             with gr.Row():
+                seed = gr.Number(
+                    label="Random Seed", 
+                    value=-1, 
+                    info="Use the same seed to recreate identical videos (-1 for random)",
+                    precision=0,
+                    visible=False  # Hide advanced options
+                )
                 fps = gr.Slider(
                     label="Playback FPS", 
                     minimum=1, 
                     maximum=30, 
                     value=args.fps, 
                     step=1,
-                    visible=False,
-                    info="Frames per second for playback"
+                    visible=False
+                )
+            
+            with gr.Accordion("🎯 Need Inspiration? Try These Examples", open=True):
+                gr.Examples(
+                    examples=[
+                        "A close-up shot of a ceramic teacup slowly pouring water into a glass mug. The water flows smoothly, creating gentle ripples.",
+                        "A playful cat playing an electric guitar, strumming with its paws. The cat has distinctive black facial markings and a bushy tail. It sits on a small stool in a cozy room with vintage posters on the walls.",
+                        "An over-the-shoulder view of a female chef carefully plating a dish in a busy kitchen. Her hands move with precision against a background of steaming pots and bustling activity.",
+                    ],
+                    inputs=[prompt],
+                    label="Click to use example"
                 )
             
+            start_btn = gr.Button("🎬 Start Video Generation", variant="primary", size="lg")
+            
         with gr.Column(scale=3):
-            gr.Markdown("### 📺 Video Stream")
+            gr.Markdown("### 📺 Video Preview")
+            
+            status_display = gr.HTML(
+                value=(
+                    "<div style='text-align: center; padding: 30px; color: #666; border: 2px dashed #e0e0e0; border-radius: 12px; background: #f9f9f9;'>"
+                    "<h3 style='margin-top: 0; color: #333;'>🎬 Ready to Create</h3>"
+                    "<p>Enter your creative description and click 'Start Video Generation' to begin</p>"
+                    "<small style='color: #999;'>Generation typically takes 1-2 minutes</small>"
+                    "</div>"
+                ),
+                label="Generation Status"
+            )
 
             streaming_video = gr.Video(
-                label="Live Stream",
+                label="Live Preview",
                 streaming=True,
                 loop=True,
                 height=400,
@@ -624,32 +658,78 @@ with gr.Blocks(title="Self-Forcing Streaming Demo") as demo:
                 show_label=False
             )
             
-            gr.Markdown("### 🎬 Complete Video")
+            gr.Markdown("### 🎉 Completed Video")
             
-            # Complete video display with download enabled
             complete_video = gr.Video(
-                label="Complete Video",
+                label="Final Video",
                 height=400,
                 show_label=False,
                 visible=False,
-                show_download_button=True  # Enable download button in video control
+                show_download_button=True
             )
             
-            # File component for download
             download_file = gr.File(
-                label="📥 Download Video File",
+                label="📥 Click to Download Video File",
                 visible=False
             )
             
-            status_display = gr.HTML(
-                value=(
-                    "<div style='text-align: center; padding: 20px; color: #666; border: 1px dashed #ddd; border-radius: 8px;'>"
-                    "🎬 Ready to start streaming...<br>"
-                    "<small>Configure your prompt and click 'Start Streaming'</small>"
-                    "</div>"
-                ),
-                label="Generation Status"
-            )
+            gr.Markdown("""
+            ---
+            ### ❓ Frequently Asked Questions
+            
+            <details>
+            <summary><b>What's the quality of generated videos?</b></summary>
+            <p>The AI generates videos with optimized resolution suitable for social media sharing and personal use. Videos are clear and smooth.</p>
+            </details>
+            
+            <details>
+            <summary><b>How long are the generated videos?</b></summary>
+            <p>Currently supports generating short videos of approximately 5-10 seconds, perfect for creating engaging short-form content.</p>
+            </details>
+            
+            <details>
+            <summary><b>How do I write good video descriptions?</b></summary>
+            <p>
+            - Describe subjects in detail: appearance, actions, expressions<br>
+            - Specify the environment: indoor/outdoor, time of day, atmosphere<br>
+            - Include camera angles: close-up, wide shot, overhead view<br>
+            - Add style preferences: realistic, animated, artistic style
+            </p>
+            </details>
+            
+            <details>
+            <summary><b>What if generation fails?</b></summary>
+            <p>Try: 1) Simplifying your description 2) Using the "Enhance Prompt" feature 3) Trying a different approach to your description</p>
+            </details>
+            
+            <details>
+            <summary><b>Can I recreate the same video?</b></summary>
+            <p>Yes! Click "Show Advanced Settings" and use a specific seed number instead of -1. Using the same seed with the same prompt will generate identical videos.</p>
+            </details>
+            """)
+
+    # Add advanced settings toggle
+    with gr.Row():
+        with gr.Column(scale=2):
+            with gr.Accordion("⚙️ Advanced Settings", open=False):
+                gr.Markdown("**For Advanced Users Only**")
+                seed.visible = True
+                seed.render()
+                gr.Markdown("*Note: Use a specific seed value to recreate the same video*")
+
+    # Add footer
+    gr.Markdown("""
+    ---
+    <div style='text-align: center; color: #666; padding: 20px;'>
+        <p>💡 <b>Pro Tip</b>: Use the "Enhance Prompt" feature to let AI improve your description for better video results!</p>
+        <p style='font-size: 12px; margin-top: 10px;'>
+            Powered by Self-Forcing AI Model | 
+            <a href="https://huggingface.co/gdhe17/Self-Forcing" target="_blank">Model Details</a> | 
+            <a href="https://self-forcing.github.io" target="_blank">Project Page</a> |
+            <a href="https://huggingface.co/papers/2506.08009" target="_blank">Research Paper</a>
+        </p>
+    </div>
+    """)
 
     # Connect the generator to the streaming video
     generation_event = start_btn.click(