Update app.py

app.py

@@ -353,13 +353,29 @@ class AIEvaluationForm:
                             label="Scorecard JSON",
                             show_label=True
                         )
-                    
+
                     with gr.Row():
-                        download_file = gr.File(
-                            label="### ⬇️ Download Scorecard",
+                        # Large prominent download button
+                        download_btn = gr.Button(
+                            "📥 Download Scorecard JSON",
+                            variant="primary",
+                            size="lg",
+                            visible=False,
+                            scale=2
+                        )
+                        
+                        # Alternative: HTML download link (more direct)
+                        download_html = gr.HTML(
+                            "",
                             visible=False
                         )
-            
+                    
+                    # Hidden file component for actual file handling
+                    download_file = gr.File(
+                        label="Download File",
+                        visible=False
+                    )
+                    
             # Event handlers
             all_inputs = system_inputs + eval_inputs
             
@@ -373,14 +389,116 @@ class AIEvaluationForm:
                 
                 progress(1.0, desc="Complete!")
                 
+                # Save to temporary file for download
+                with open(filename, 'w') as f:
+                    f.write(json_content)
+                
+                # Create HTML download link
+                download_link_html = f"""
+                <div style="text-align: center; padding: 20px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-radius: 15px; margin: 10px 0;">
+                    <a href="data:application/json;charset=utf-8,{json.dumps(scorecard, indent=2).replace('"', '&quot;')}" 
+                       download="{filename}" 
+                       style="display: inline-block; padding: 15px 30px; background: white; color: #333; text-decoration: none; border-radius: 10px; font-weight: bold; font-size: 18px; box-shadow: 0 4px 15px rgba(0,0,0,0.2); transition: transform 0.2s;"
+                       onmouseover="this.style.transform='scale(1.05)'"
+                       onmouseout="this.style.transform='scale(1)'">
+                        📥 Download {filename}
+                    </a>
+                    <div style="color: white; margin-top: 10px; font-size: 14px;">
+                        Right-click and "Save As" if the download doesn't start automatically
+                    </div>
+                </div>
+                """
+                
+                return (
+                    scorecard,  # JSON display
+                    gr.Markdown("✅ *Scorecard generated successfully! Download is now available.*", visible=True),  # Status update
+                    gr.Button("📥 Download Scorecard JSON", variant="primary", size="lg", visible=True),  # Show button
+                    download_link_html,  # HTML download link
+                    gr.File(value=filename, visible=True),  # Backup file component
+                )
+            
+            # Alternative approach: Use a more prominent file display
+            def generate_with_prominent_file(*args):
+                """Alternative version with more prominent file component"""
+                progress(0.3, desc="Processing inputs...")
+                scorecard, filename = self.generate_scorecard(*args)
+                
+                progress(0.7, desc="Generating JSON...")
+                json_content = json.dumps(scorecard, indent=2)
+                
+                progress(1.0, desc="Complete!")
+                
                 # Save to temporary file for download
                 with open(filename, 'w') as f:
                     f.write(json_content)
                 
                 return (
                     scorecard,  # JSON display
-                    gr.File(value=filename, visible=True),  # File for download
+                    gr.File(
+                        value=filename, 
+                        visible=True,
+                        label=f"📥 Your Scorecard is Ready! Click to Download: {filename}",
+                        show_label=True,
+                        elem_id="download-file-prominent"
+                    ),
                 )
+            
+            # Additional CSS for better file download styling (add to your existing CSS)
+            additional_css = """
+            /* Enhanced download styling */
+            #download-file-prominent {
+                border: 3px dashed #4CAF50 !important;
+                border-radius: 15px !important;
+                background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%) !important;
+                padding: 20px !important;
+                margin: 20px 0 !important;
+            }
+            
+            #download-file-prominent .file-preview {
+                background: white !important;
+                border-radius: 10px !important;
+                padding: 15px !important;
+                box-shadow: 0 4px 15px rgba(0,0,0,0.1) !important;
+            }
+            
+            #download-file-prominent .file-name {
+                font-size: 18px !important;
+                font-weight: bold !important;
+                color: #2E7D32 !important;
+            }
+            
+            /* Make the download area more prominent */
+            .download-section {
+                background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
+                border-radius: 15px !important;
+                padding: 25px !important;
+                margin: 20px 0 !important;
+                color: white !important;
+            }
+            
+            .download-section .block {
+                background: rgba(255,255,255,0.1) !important;
+                border-radius: 10px !important;
+                padding: 15px !important;
+            }
+            """
+            
+            # Update your event handlers to use the new function
+            generate_btn.click(
+                fn=generate_with_progress,
+                inputs=all_inputs,
+                outputs=[json_output, download_status, download_btn, download_html, download_file],
+                show_progress="full"
+            )
+            
+            # Optional: Add click handler for the download button to provide feedback
+            def handle_download_click():
+                return gr.Markdown("🎉 *Download initiated! Check your downloads folder.*")
+            
+            download_btn.click(
+                fn=handle_download_click,
+                outputs=[download_status]
+            )
 
             def clear_form():
                 """Clear all form inputs"""