Update app.py

app.py

@@ -547,10 +547,125 @@ def create_probability_chart(predictions, consensus_class):
         </div>
         """
         
+        # Generar visualizaciones
+        probability_chart = create_probability_chart(predictions, consensus_class)
+        heatmap = create_heatmap(predictions)
+        
+        # Generar HTML del reporte COMPLETO
+        html_report = f"""
+        <div style="font-family: Arial, sans-serif; max-width: 1200px; margin: 0 auto;">
+            <h2 style="color: #2c3e50; text-align: center;">🏥 Análisis Completo de Lesión Cutánea</h2>
+            
+            <div style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 20px; border-radius: 10px; margin: 20px 0;">
+                <h3 style="margin: 0; text-align: center;">📋 Resultado de Consenso</h3>
+                <p style="font-size: 18px; text-align: center; margin: 10px 0;"><strong>{consensus_class}</strong></p>
+                <p style="text-align: center; margin: 5px 0;">Confianza Promedio: <strong>{avg_confidence:.1%}</strong></p>
+                <p style="text-align: center; margin: 5px 0;">Consenso: <strong>{class_votes[consensus_class]}/{len(predictions)} modelos</strong></p>
+            </div>
+            
+            <div style="background: {risk_info['color']}; color: white; padding: 15px; border-radius: 8px; margin: 15px 0;">
+                <h4 style="margin: 0;">⚠️ Nivel de Riesgo: {risk_info['level']}</h4>
+                <p style="margin: 5px 0;"><strong>{risk_info['urgency']}</strong></p>
+                <p style="margin: 5px 0;">Tipo: {'🔴 Potencialmente maligna' if is_malignant else '🟢 Probablemente benigna'}</p>
+            </div>
+            
+            <div style="background: #e3f2fd; padding: 15px; border-radius: 8px; margin: 15px 0;">
+                <h4 style="color: #1976d2;">🤖 Resultados Individuales por Modelo</h4>
+        """
+        
+        # RESULTADOS INDIVIDUALES DETALLADOS
+        for i, pred in enumerate(predictions, 1):
+            if pred['success']:
+                model_risk = RISK_LEVELS[pred['predicted_idx']]
+                malignant_status = "🔴 Maligna" if pred['is_malignant'] else "🟢 Benigna"
+                
+                html_report += f"""
+                <div style="margin: 15px 0; padding: 15px; background: white; border-radius: 8px; border-left: 5px solid {'#ff6b35' if pred['is_malignant'] else '#44ff44'}; box-shadow: 0 2px 4px rgba(0,0,0,0.1);">
+                    <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;">
+                        <h5 style="margin: 0; color: #333;">#{i}. {pred['model']}</h5>
+                        <span style="background: {model_risk['color']}; color: white; padding: 4px 8px; border-radius: 4px; font-size: 12px;">{model_risk['level']}</span>
+                    </div>
+                    
+                    <div style="display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px; font-size: 14px;">
+                        <div><strong>Diagnóstico:</strong><br>{pred['class']}</div>
+                        <div><strong>Confianza:</strong><br>{pred['confidence']:.1%}</div>
+                        <div><strong>Clasificación:</strong><br>{malignant_status}</div>
+                    </div>
+                    
+                    <div style="margin-top: 10px;">
+                        <strong>Top 3 Probabilidades:</strong><br>
+                        <div style="font-size: 12px; color: #666;">
+                """
+                
+                # Top 3 probabilidades para este modelo
+                top_indices = np.argsort(pred['probabilities'])[-3:][::-1]
+                for idx in top_indices:
+                    prob = pred['probabilities'][idx]
+                    if prob > 0.01:  # Solo mostrar si > 1%
+                        html_report += f"• {CLASSES[idx].split('(')[1].rstrip(')')}: {prob:.1%}<br>"
+                
+                html_report += f"""
+                        </div>
+                        <div style="margin-top: 8px; font-size: 12px; color: #888;">
+                            <strong>Recomendación:</strong> {model_risk['urgency']}
+                        </div>
+                    </div>
+                </div>
+                """
+            else:
+                html_report += f"""
+                <div style="margin: 10px 0; padding: 10px; background: #ffebee; border-radius: 5px; border-left: 4px solid #f44336;">
+                    <strong>❌ {pred['model']}</strong><br>
+                    <span style="color: #d32f2f;">Error: {pred.get('error', 'Desconocido')}</span>
+                </div>
+                """
+        
+        html_report += f"""
+            </div>
+            
+            <div style="background: #f8f9fa; padding: 15px; border-radius: 8px; margin: 15px 0;">
+                <h4 style="color: #495057;">📊 Análisis Estadístico</h4>
+                <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px;">
+                    <div>
+                        <strong>Modelos Activos:</strong> {len([p for p in predictions if p['success']])}/{len(predictions)}<br>
+                        <strong>Acuerdo Total:</strong> {class_votes[consensus_class]}/{len([p for p in predictions if p['success']])}<br>
+                        <strong>Confianza Máxima:</strong> {max([p['confidence'] for p in predictions if p['success']]):.1%}
+                    </div>
+                    <div>
+                        <strong>Diagnósticos Malignos:</strong> {len([p for p in predictions if p.get('success') and p.get('is_malignant')])}<br>
+                        <strong>Diagnósticos Benignos:</strong> {len([p for p in predictions if p.get('success') and not p.get('is_malignant')])}<br>
+                        <strong>Consenso Maligno:</strong> {'Sí' if is_malignant else 'No'}
+                    </div>
+                </div>
+            </div>
+            
+            <div style="background: #ffffff; padding: 15px; border-radius: 8px; margin: 15px 0; border: 1px solid #ddd;">
+                <h4 style="color: #333;">📈 Gráficos de Análisis</h4>
+                {probability_chart}
+            </div>
+            
+            <div style="background: #ffffff; padding: 15px; border-radius: 8px; margin: 15px 0; border: 1px solid #ddd;">
+                <h4 style="color: #333;">🔥 Mapa de Calor de Probabilidades</h4>
+                {heatmap}
+            </div>
+            
+            <div style="background: #fff3e0; padding: 15px; border-radius: 8px; margin: 15px 0; border: 1px solid #ff9800;">
+                <h4 style="color: #f57c00;">⚠️ Advertencia Médica</h4>
+                <p style="margin: 5px 0;">Este análisis es solo una herramienta de apoyo diagnóstico basada en IA.</p>
+                <p style="margin: 5px 0;"><strong>Siempre consulte con un dermatólogo profesional para un diagnóstico definitivo.</strong></p>
+                <p style="margin: 5px 0;">No utilice esta información como único criterio para decisiones médicas.</p>
+                <p style="margin: 5px 0;"><em>Los resultados individuales de cada modelo se muestran para transparencia y análisis comparativo.</em></p>
+            </div>
+        </div>
+        """
+        
         return html_report
         
     except Exception as e:
         return f"<h3>❌ Error en el análisis</h3><p>Error técnico: {str(e)}</p><p>Por favor, intente con otra imagen.</p>"
+        
+    except Exception as e:
+        return f"<h3>❌ Error en el análisis</h3><p>Error técnico: {str(e)}</p><p>Por favor, intente con otra imagen.</p>"
 
 # Configuración de Gradio
 def create_interface():