Update app.py

app.py

@@ -262,6 +262,13 @@ def process_recorded_video(video_data_base64):
     debug_msg += f"data length: {len(video_data_base64) if video_data_base64 else 0}"
     print(debug_msg)
     
+    # Also log to a file for persistent debugging
+    try:
+        with open('/tmp/cice_debug.log', 'a') as f:
+            f.write(f"{datetime.now()}: {debug_msg}\n")
+    except:
+        pass
+    
     # Check for empty data
     if not video_data_base64:
         print("DEBUG: No video data received")
@@ -349,6 +356,7 @@ def create_video_recorder_html():
         var fileStatusDiv = document.querySelector('#fileStatus');
         var videoDataInput = document.querySelector('#videoDataInput');
         var hiddenAnalyzeBtn = document.querySelector('#hiddenAnalyzeBtn');
+        var manualAnalyzeBtn = document.querySelector('#manualAnalyzeBtn');
         
         var mediaRecorder;
         var recordedBlobs = [];
@@ -553,23 +561,82 @@ def create_video_recorder_html():
                     
                     // Use setTimeout to ensure the value is set before clicking
                     setTimeout(function() {
-                        console.log('Triggering hidden button with data length:', videoDataInput.value.length);
+                        console.log('Triggering analysis with data length:', videoDataInput.value.length);
+                        
+                        // Try multiple methods to trigger the analysis
+                        var success = false;
+                        
+                        // Method 1: Hidden button click
+                        if (hiddenAnalyzeBtn) {
+                            try {
+                                console.log('Method 1: Clicking hidden analyze button...');
+                                hiddenAnalyzeBtn.click();
+                                success = true;
+                            } catch(e) {
+                                console.error('Method 1 failed:', e);
+                            }
+                        }
                         
-                        // First try direct click
-                        hiddenAnalyzeBtn.click();
+                        // Method 2: Manual button click (if available)
+                        if (!success && manualAnalyzeBtn) {
+                            try {
+                                console.log('Method 2: Clicking manual analyze button...');
+                                manualAnalyzeBtn.click();
+                                success = true;
+                            } catch(e) {
+                                console.error('Method 2 failed:', e);
+                            }
+                        }
+                        
+                        // Method 3: Trigger change event
+                        if (!success) {
+                            try {
+                                console.log('Method 3: Dispatching change event...');
+                                var changeEvent = new Event('change', { bubbles: true });
+                                videoDataInput.dispatchEvent(changeEvent);
+                                success = true;
+                            } catch(e) {
+                                console.error('Method 3 failed:', e);
+                            }
+                        }
                         
-                        // Also try to programmatically submit the form - as a backup method
-                        try {
-                            // Find the form containing our hidden elements
-                            var form = videoDataInput.closest('form');
-                            if (form) {
-                                console.log('Found form, submitting programmatically');
-                                form.dispatchEvent(new Event('submit', {cancelable: true, bubbles: true}));
+                        // Method 4: Direct API call as last resort
+                        if (!success) {
+                            try {
+                                console.log('Method 4: Direct API call...');
+                                fetch('/api/analyze_recording', {
+                                    method: 'POST',
+                                    headers: {
+                                        'Content-Type': 'application/json',
+                                    },
+                                    body: JSON.stringify({
+                                        data: [base64Data]
+                                    })
+                                }).then(response => {
+                                    if (response.ok) {
+                                        console.log('API call successful');
+                                        success = true;
+                                    } else {
+                                        console.error('API call failed:', response.status);
+                                    }
+                                }).catch(e => {
+                                    console.error('API call error:', e);
+                                });
+                            } catch(e) {
+                                console.error('Method 4 failed:', e);
                             }
-                        } catch(e) {
-                            console.error('Error with form submission:', e);
                         }
-                    }, 100);
+                        
+                        if (!success) {
+                            console.error('All analysis trigger methods failed!');
+                            fileStatusDiv.textContent = '❌ Failed to trigger analysis. Please try again.';
+                            fileStatusDiv.style.color = 'red';
+                            analyzeBtn.disabled = false;
+                            analyzeBtn.style.opacity = '1';
+                        } else {
+                            console.log('Analysis triggered successfully');
+                        }
+                    }, 300);
                     
                     fileStatusDiv.textContent = '🤖 Analysis in progress... This may take 1-2 minutes.';
                 } catch (error) {
@@ -723,9 +790,18 @@ def create_gradio_app():
             
             # Hidden components for JavaScript communication
             with gr.Row(visible=False):
-                video_data_hidden = gr.Textbox(elem_id="videoDataInput")
+                video_data_hidden = gr.Textbox(elem_id="videoDataInput", label="Video Data")
                 analyze_hidden_btn = gr.Button("Hidden Analyze", elem_id="hiddenAnalyzeBtn")
             
+            # Alternative visible button for debugging
+            with gr.Row():
+                manual_analyze_btn = gr.Button(
+                    "🔍 Manual Analyze Recording", 
+                    variant="secondary",
+                    visible=False,
+                    elem_id="manualAnalyzeBtn"
+                )
+            
             # Assessment results from recording
             with gr.Row():
                 with gr.Column(scale=2):
@@ -874,11 +950,22 @@ def create_gradio_app():
         )
         
         # Event handler for recorded video analysis
+        def analyze_recorded_video(video_data):
+            print(f"DEBUG: analyze_recorded_video called with data length: {len(video_data) if video_data else 0}")
+            return store_assessment_state(None, *process_recorded_video(video_data))
+        
         analyze_hidden_btn.click(
-            fn=lambda video_data: store_assessment_state(None, *process_recorded_video(video_data)),
+            fn=analyze_recorded_video,
             inputs=[video_data_hidden],
             outputs=[recording_assessment_output, recording_summary_output, recording_audio_output],
-            api_name="analyze_recording" # Changed API name for better clarity
+            api_name="analyze_recording"
+        )
+        
+        # Manual analyze button for debugging
+        manual_analyze_btn.click(
+            fn=analyze_recorded_video,
+            inputs=[video_data_hidden],
+            outputs=[recording_assessment_output, recording_summary_output, recording_audio_output]
         )
         
         # Q&A handlers