add some modifications

app.py

@@ -365,14 +365,310 @@ def recognize_music_gradio(pdf_file):
         traceback.print_exc()
         return None
 
-# Create Gradio interface
-gradio_interface = gr.Interface(
-    fn=recognize_music_gradio,
-    inputs=gr.File(file_types=[".pdf"], label="Upload PDF music score"),
-    outputs=gr.File(label="Download MusicXML file"),
-    title="Music Score Recognition",
-    description="Upload a PDF music score and create a MusicXML file from it.",
-)
+# Create enhanced Gradio interface with custom CSS and better UX
+custom_css = """
+.gradio-container {
+    max-width: 1200px !important;
+    margin: auto !important;
+}
+
+.main-header {
+    text-align: center;
+    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    color: white;
+    padding: 2rem;
+    border-radius: 15px;
+    margin-bottom: 2rem;
+    box-shadow: 0 8px 32px rgba(0,0,0,0.1);
+}
+
+.feature-card {
+    background: white;
+    border-radius: 12px;
+    padding: 1.5rem;
+    margin: 1rem 0;
+    box-shadow: 0 4px 16px rgba(0,0,0,0.1);
+    border-left: 4px solid #667eea;
+}
+
+.upload-area {
+    border: 2px dashed #667eea;
+    border-radius: 12px;
+    padding: 2rem;
+    text-align: center;
+    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
+    transition: all 0.3s ease;
+}
+
+.upload-area:hover {
+    border-color: #764ba2;
+    background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);
+}
+
+.status-success {
+    background: linear-gradient(135deg, #4caf50 0%, #45a049 100%);
+    color: white;
+    padding: 1rem;
+    border-radius: 8px;
+    margin: 1rem 0;
+}
+
+.status-error {
+    background: linear-gradient(135deg, #f44336 0%, #d32f2f 100%);
+    color: white;
+    padding: 1rem;
+    border-radius: 8px;
+    margin: 1rem 0;
+}
+
+.info-box {
+    background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);
+    border-radius: 8px;
+    padding: 1rem;
+    margin: 1rem 0;
+    border-left: 4px solid #2196f3;
+}
+"""
+
+def create_gradio_interface():
+    with gr.Blocks(css=custom_css, title="🎼 Audiveris Music Score Recognition", theme=gr.themes.Soft()) as interface:
+        # Header
+        gr.HTML("""
+        <div class="main-header">
+            <h1>🎼 Audiveris Music Score Recognition</h1>
+            <p style="font-size: 1.2em; margin-top: 1rem; opacity: 0.9;">
+                Transform your PDF music scores into editable MusicXML files using advanced AI recognition
+            </p>
+        </div>
+        """)
+        
+        # Main content area
+        with gr.Row():
+            with gr.Column(scale=1):
+                gr.HTML("""
+                <div class="feature-card">
+                    <h3>✨ Features</h3>
+                    <ul style="line-height: 1.8;">
+                        <li>🎵 High-accuracy music notation recognition</li>
+                        <li>📄 PDF to MusicXML conversion</li>
+                        <li>🎹 Supports complex musical scores</li>
+                        <li>⚡ Fast processing with Audiveris engine</li>
+                        <li>💾 Downloadable results</li>
+                    </ul>
+                </div>
+                """)
+                
+                gr.HTML("""
+                <div class="info-box">
+                    <h4>📋 How to use:</h4>
+                    <ol style="line-height: 1.6;">
+                        <li>Upload your PDF music score</li>
+                        <li>Click "🎵 Convert to MusicXML"</li>
+                        <li>Wait for processing to complete</li>
+                        <li>Download your MusicXML file</li>
+                    </ol>
+                </div>
+                """)
+            
+            with gr.Column(scale=2):
+                # File upload section
+                gr.HTML("<h3 style='text-align: center; color: #667eea;'>📁 Upload Your Music Score</h3>")
+                
+                pdf_input = gr.File(
+                    file_types=[".pdf"], 
+                    label="Select PDF File",
+                    file_count="single",
+                    height=200,
+                    elem_classes=["upload-area"]
+                )
+                
+                # Processing button
+                convert_btn = gr.Button(
+                    "🎵 Convert to MusicXML", 
+                    variant="primary", 
+                    size="lg",
+                    scale=1
+                )
+                
+                # Status and progress
+                status_display = gr.HTML(visible=False)
+                progress_bar = gr.Progress()
+                
+                # Output section
+                gr.HTML("<h3 style='text-align: center; color: #667eea; margin-top: 2rem;'>📥 Download Results</h3>")
+                
+                output_file = gr.File(
+                    label="MusicXML Output",
+                    visible=False,
+                    height=100
+                )
+                
+                # Processing info
+                processing_info = gr.Textbox(
+                    label="Processing Details",
+                    lines=8,
+                    visible=False,
+                    interactive=False
+                )
+        
+        # Footer
+        gr.HTML("""
+        <div style="text-align: center; margin-top: 3rem; padding: 2rem; background: #f8f9fa; border-radius: 12px;">
+            <p style="color: #666; margin: 0;">
+                Powered by <strong>Audiveris</strong> • Built with ❤️ using Gradio
+            </p>
+            <p style="color: #888; font-size: 0.9em; margin-top: 0.5rem;">
+                For best results, use high-quality PDF scans with clear musical notation
+            </p>
+        </div>
+        """)
+        
+        # Enhanced processing function with better feedback
+        def process_with_feedback(pdf_file, progress=gr.Progress()):
+            if pdf_file is None:
+                return (
+                    gr.HTML("<div class='status-error'>❌ Please upload a PDF file first!</div>", visible=True),
+                    None,
+                    gr.Textbox(visible=False),
+                    gr.File(visible=False)
+                )
+            
+            try:
+                # Show processing status
+                progress(0.1, desc="📄 Analyzing PDF file...")
+                
+                status_html = """
+                <div class='status-success'>
+                    <h4>🔄 Processing your music score...</h4>
+                    <p>File: <strong>{}</strong></p>
+                    <p>Size: <strong>{:.2f} MB</strong></p>
+                    <p>Please wait while Audiveris analyzes your score...</p>
+                </div>
+                """.format(
+                    pdf_file.name.split('/')[-1], 
+                    os.path.getsize(pdf_file.name) / (1024*1024)
+                )
+                
+                progress(0.3, desc="🎵 Running Audiveris recognition...")
+                
+                # Process the file
+                result_file = recognize_music_gradio(pdf_file)
+                
+                progress(0.9, desc="✅ Finalizing results...")
+                
+                if result_file and os.path.exists(result_file):
+                    # Success
+                    success_html = """
+                    <div class='status-success'>
+                        <h4>✅ Conversion completed successfully!</h4>
+                        <p>📁 Output: <strong>{}</strong></p>
+                        <p>📊 Size: <strong>{:.2f} KB</strong></p>
+                        <p>🎉 Your MusicXML file is ready for download!</p>
+                    </div>
+                    """.format(
+                        os.path.basename(result_file),
+                        os.path.getsize(result_file) / 1024
+                    )
+                    
+                    # Processing details
+                    details = f"""✅ CONVERSION SUCCESSFUL
+                    
+📄 Input File: {pdf_file.name.split('/')[-1]}
+📊 Input Size: {os.path.getsize(pdf_file.name) / (1024*1024):.2f} MB
+
+🎵 Output File: {os.path.basename(result_file)}
+📊 Output Size: {os.path.getsize(result_file) / 1024:.2f} KB
+
+⏱️ Processing completed at: {datetime.now().strftime("%Y-%m-%d %H:%M:%S")}
+
+🎼 Your PDF music score has been successfully converted to MusicXML format!
+You can now download the file and use it in music notation software like MuseScore, Finale, or Sibelius."""
+                    
+                    progress(1.0, desc="🎉 Complete!")
+                    
+                    return (
+                        gr.HTML(success_html, visible=True),
+                        gr.File(result_file, visible=True),
+                        gr.Textbox(details, visible=True),
+                        gr.File(visible=True)
+                    )
+                else:
+                    # Failure
+                    error_html = """
+                    <div class='status-error'>
+                        <h4>❌ Conversion failed</h4>
+                        <p>The music recognition process encountered an error.</p>
+                        <p>Please check that your PDF contains clear musical notation and try again.</p>
+                    </div>
+                    """
+                    
+                    error_details = f"""❌ CONVERSION FAILED
+                    
+📄 Input File: {pdf_file.name.split('/')[-1]}
+📊 Input Size: {os.path.getsize(pdf_file.name) / (1024*1024):.2f} MB
+
+⚠️ Error: No output file was generated by Audiveris
+⏱️ Failed at: {datetime.now().strftime("%Y-%m-%d %H:%M:%S")}
+
+💡 Troubleshooting tips:
+• Ensure your PDF contains clear, high-quality musical notation
+• Check that the PDF is not password-protected
+• Try with a different PDF file
+• Make sure the musical notation is not handwritten"""
+                    
+                    return (
+                        gr.HTML(error_html, visible=True),
+                        None,
+                        gr.Textbox(error_details, visible=True),
+                        gr.File(visible=False)
+                    )
+                    
+            except Exception as e:
+                # Exception handling
+                error_html = f"""
+                <div class='status-error'>
+                    <h4>❌ Processing Error</h4>
+                    <p>An unexpected error occurred: <code>{str(e)}</code></p>
+                    <p>Please try again or contact support if the problem persists.</p>
+                </div>
+                """
+                
+                error_details = f"""❌ PROCESSING ERROR
+                
+📄 Input File: {pdf_file.name.split('/')[-1] if pdf_file else 'Unknown'}
+⚠️ Error: {str(e)}
+⏱️ Failed at: {datetime.now().strftime("%Y-%m-%d %H:%M:%S")}
+
+🔧 Technical Details:
+{str(e)}
+
+Please try again with a different file or contact support."""
+                
+                return (
+                    gr.HTML(error_html, visible=True),
+                    None,
+                    gr.Textbox(error_details, visible=True),
+                    gr.File(visible=False)
+                )
+        
+        # Connect the button to the processing function
+        convert_btn.click(
+            fn=process_with_feedback,
+            inputs=[pdf_input],
+            outputs=[status_display, output_file, processing_info, output_file],
+            show_progress=True
+        )
+        
+        # Auto-hide status when new file is uploaded
+        pdf_input.change(
+            fn=lambda: (gr.HTML(visible=False), gr.Textbox(visible=False), gr.File(visible=False)),
+            outputs=[status_display, processing_info, output_file]
+        )
+    
+    return interface
+
+# Create the enhanced interface
+gradio_interface = create_gradio_interface()
 
 # Removed run_gradio function - now running directly in main thread