Update app.py

app.py

@@ -453,11 +453,62 @@ def get_video_info(video_path):
     except:
         return None, None, None, None
 
-# Function to save video immediately after recording
-def save_recorded_video(video):
-    """Save the recorded video and make it downloadable"""
+# Function to show immediate status when recording stops
+def show_saving_status(video):
+    """Show immediate status bar when recording stops"""
     if video is None:
-        return None
+        return gr.update(visible=False), None
+    
+    # Create animated status HTML
+    status_html = """
+    <div style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); padding: 20px; border-radius: 10px; margin: 20px 0; animation: pulse 1.5s ease-in-out infinite;">
+        <style>
+            @keyframes pulse {
+                0%, 100% { opacity: 1; }
+                50% { opacity: 0.8; }
+            }
+            @keyframes slide {
+                0% { transform: translateX(-100%); }
+                100% { transform: translateX(100%); }
+            }
+            .progress-bar {
+                position: relative;
+                height: 6px;
+                background: rgba(255, 255, 255, 0.3);
+                border-radius: 3px;
+                overflow: hidden;
+                margin-top: 15px;
+            }
+            .progress-bar::after {
+                content: '';
+                position: absolute;
+                top: 0;
+                left: 0;
+                width: 40%;
+                height: 100%;
+                background: white;
+                animation: slide 1.5s ease-in-out infinite;
+            }
+        </style>
+        <div style="text-align: center; color: white;">
+            <div style="font-size: 24px; font-weight: bold; margin-bottom: 10px;">
+                📹 Processing Your Recording...
+            </div>
+            <div style="font-size: 16px; opacity: 0.95;">
+                Saving video file • Preparing for download
+            </div>
+            <div class="progress-bar"></div>
+        </div>
+    </div>
+    """
+    
+    return gr.update(value=status_html, visible=True), video
+
+# Enhanced save function with status updates
+def save_recorded_video_with_status(video):
+    """Save the recorded video with status updates"""
+    if video is None:
+        return None, gr.update(value="", visible=False)
     
     try:
         # Create a copy of the video file with a timestamp
@@ -470,11 +521,44 @@ def save_recorded_video(video):
         shutil.copy2(video, temp_output.name)
         temp_output.close()
         
+        # Success status
+        success_html = """
+        <div style="background: linear-gradient(135deg, #10b981 0%, #059669 100%); padding: 15px; border-radius: 10px; margin: 20px 0;">
+            <div style="text-align: center; color: white;">
+                <div style="font-size: 20px; font-weight: bold;">
+                    ✅ Video Saved Successfully!
+                </div>
+                <div style="font-size: 14px; margin-top: 5px; opacity: 0.95;">
+                    Ready for download • Click "Analyze Video" to assess
+                </div>
+            </div>
+        </div>
+        """
+        
         print(f"📹 Video saved: {output_filename}")
-        return temp_output.name
+        return temp_output.name, gr.update(value=success_html, visible=True)
+        
     except Exception as e:
         print(f"⚠️ Failed to save video: {str(e)}")
-        return None
+        error_html = """
+        <div style="background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%); padding: 15px; border-radius: 10px; margin: 20px 0;">
+            <div style="text-align: center; color: white;">
+                <div style="font-size: 20px; font-weight: bold;">
+                    ⚠️ Error Saving Video
+                </div>
+                <div style="font-size: 14px; margin-top: 5px;">
+                    Please try recording again
+                </div>
+            </div>
+        </div>
+        """
+        return None, gr.update(value=error_html, visible=True)
+
+# Function to hide status after a delay
+def hide_status_after_delay():
+    """Hide the status bar after showing success"""
+    time.sleep(3)  # Wait 3 seconds
+    return gr.update(value="", visible=False)
 
 # Define the core processing function (separate from GPU wrapper)
 def process_video_core(video, resize_option, assessor):
@@ -629,7 +713,7 @@ with gr.Blocks(title="CICE 2.0 Healthcare Assessment Tool", theme=gr.themes.Soft
     **Analyze healthcare team interactions using specific behavioral cues from the 18-point CICE 2.0 framework**
 
     This tool evaluates critical team behaviors including:
-    -  Values/ethics for interprofessional practice
+    - Values/ethics for interprofessional practice
     - Roles/responsibilities
     - Interprofessional communication
     - Teams and teamwork
@@ -664,6 +748,13 @@ with gr.Blocks(title="CICE 2.0 Healthcare Assessment Tool", theme=gr.themes.Soft
                 autoplay=False,  # Disable autoplay for faster loading
                 show_download_button=True  # Show download button immediately
             )
+            
+            # Status bar for immediate feedback
+            status_bar = gr.HTML(
+                value="",
+                visible=False,
+                elem_id="status-bar"
+            )
 
             # Add download component for recorded videos
             recorded_video_download = gr.File(
@@ -750,16 +841,29 @@ with gr.Blocks(title="CICE 2.0 Healthcare Assessment Tool", theme=gr.themes.Soft
     **Powered by Google Gemini 2.0 Flash | GPU-Accelerated with HuggingFace L405**
     """)
 
-    # Auto-save video when recording stops
+    # Auto-save video when recording stops with immediate status feedback
     video_input.stop_recording(
-        fn=save_recorded_video,
+        fn=show_saving_status,
+        inputs=[video_input],
+        outputs=[status_bar, video_input],
+        api_name="show_status"
+    ).then(
+        fn=save_recorded_video_with_status,
         inputs=[video_input],
-        outputs=[recorded_video_download],
+        outputs=[recorded_video_download, status_bar],
         api_name="save_video"
     ).then(
         fn=lambda x: gr.update(visible=True if x else False),
         inputs=[recorded_video_download],
         outputs=[recorded_video_download]
+    ).then(
+        fn=lambda: time.sleep(3),
+        inputs=[],
+        outputs=[]
+    ).then(
+        fn=lambda: gr.update(value="", visible=False),
+        inputs=[],
+        outputs=[status_bar]
     )
 
     # Connect the analyze button