Update app.py

app.py

@@ -7,7 +7,6 @@ import re
 import os
 import tempfile
 import base64
-# No se usan fpdf en este ejemplo
 
 # ---------------- Funciones de análisis y grafo -------------------
 
@@ -120,23 +119,19 @@ def analizar_transaccion(tx_id):
         if es_mixer:
             if heuristic_mixer and es_mixer_blockchain:
                 mixer_message = (
-                    "<p style='color: #FF5252;'><strong>Alerta de Mixer / CoinJoin:</strong> "
-                    "La transacción cumple criterios heurísticos y la API de blockchain.com la etiqueta como MIXER.</p>"
+                    "<p style='color: #FF5252;'><strong>Alerta de Mixer / CoinJoin:</strong> La transacción cumple criterios heurísticos y la API de blockchain.com la etiqueta como MIXER.</p>"
                 )
             elif heuristic_mixer:
                 mixer_message = (
-                    "<p style='color: #FF5252;'><strong>Alerta de Mixer / CoinJoin:</strong> "
-                    "La transacción cumple criterios heurísticos compatibles con un mixer.</p>"
+                    "<p style='color: #FF5252;'><strong>Alerta de Mixer / CoinJoin:</strong> La transacción cumple criterios heurísticos compatibles con un mixer.</p>"
                 )
             elif es_mixer_blockchain:
                 mixer_message = (
-                    "<p style='color: #FF5252;'><strong>Alerta de Mixer / CoinJoin:</strong> "
-                    "La API de blockchain.com etiqueta esta transacción como MIXER.</p>"
+                    "<p style='color: #FF5252;'><strong>Alerta de Mixer / CoinJoin:</strong> La API de blockchain.com etiqueta esta transacción como MIXER.</p>"
                 )
         else:
             mixer_message = (
-                "<p style='color: #4CAF50;'><strong>Sin indicios de mezcla:</strong> "
-                "La transacción no presenta patrones de mixer.</p>"
+                "<p style='color: #4CAF50;'><strong>Sin indicios de mezcla:</strong> La transacción no presenta patrones de mixer.</p>"
             )
 
         btc_price = get_btc_price() or 0
@@ -221,6 +216,7 @@ def analizar_transaccion(tx_id):
         fee_str = f"{fee:.8f} BTC"
         fee_str += f" (${fee * btc_price:,.2f})" if btc_price else ""
 
+        # Se ha eliminado el <hr> para que la información aparezca de forma continua.
         reporte = f"""
         <div style="padding: 20px; border-radius: 10px;">
             <h3 style="color: {'#FF5252' if es_mixer else '#4CAF50'};">
@@ -232,13 +228,12 @@ def analizar_transaccion(tx_id):
             <p><strong>Tamaño:</strong> {size if size else 'N/A'} bytes</p>
             <p><strong>Peso:</strong> {weight}</p>
             <p><strong>Fee rate:</strong> {fee_rate_str}</p>
-            <hr>
             <p>📥 <strong>Inputs:</strong> {num_inputs}</p>
             {mixer_metrics}
-            <p>💵 <strong>Total Entradas:</strong> {total_input_str}</p>
-            <p>💸 <strong>Total Salidas:</strong> {total_output_str}</p>
-            <p>🧾 <strong>Fee:</strong> {fee_str}</p>
-            <p>🔔 <strong>Estado de Confirmación:</strong> {"Confirmada" if status.get("confirmed", False) else "No confirmada"}</p>
+            <p><strong>Total Entradas:</strong> {total_input_str}</p>
+            <p><strong>Total Salidas:</strong> {total_output_str}</p>
+            <p><strong>Fee:</strong> {fee_str}</p>
+            <p><strong>Estado de Confirmación:</strong> {"Confirmada" if status.get("confirmed", False) else "No confirmada"}</p>
             {mixer_message}
             <p style="font-size: 0.9em;">
                 Nota: La detección se basa en heurísticas y en información adicional de blockchain.com. Se recomienda usar herramientas especializadas para un análisis forense completo.
@@ -250,25 +245,23 @@ def analizar_transaccion(tx_id):
     except Exception as e:
         return f"⚠️ Error durante el análisis: {str(e)}", None, None
 
-# ---------------- Función para mostrar el modal mediante HTML -------------------
-
 def mostrar_modal(analysis_tuple):
     """
-    A partir de la tupla de análisis, devuelve un HTML con un modal emergente que contiene el informe.
+    A partir de la tupla de análisis, devuelve un HTML que simula un modal emergente con el informe completo.
     """
     if not analysis_tuple:
         return "<p>No hay análisis generado.</p>"
     report, _ = analysis_tuple
     html_modal = f'''
-    <div id="myModal" style="
+    <div id="modalOverlay" style="
          position: fixed; top: 0; left: 0; width: 100%; height: 100%;
-         background: rgba(0,0,0,0.8); z-index: 9999;">
+         background: rgba(0,0,0,0.8); z-index: 9999; overflow: auto;">
       <div style="
-         position: absolute; top: 50%; left: 50%;
-         transform: translate(-50%, -50%);
-         background: white; padding: 20px; max-height: 90%; overflow-y: auto;">
+         position: relative; margin: 5% auto; padding: 20px;
+         background: inherit; max-width: 800px; border-radius: 10px;">
         {report}
-        <br><br><button onclick="document.getElementById('myModal').remove();" 
+        <br><br>
+        <button onclick="document.getElementById('modalOverlay').remove();" 
             style='padding: 5px 10px; font-size: 12px;'>Cerrar</button>
       </div>
     </div>
@@ -288,12 +281,13 @@ with gr.Blocks(
     gr.Markdown("**Nota:** Este analizador funciona únicamente con transacciones de Bitcoin. No se pueden analizar transacciones de Ethereum.")
     
     with gr.Row():
-        # Columna izquierda: Campo de TXID, Ejemplos y Explicación de campos
+        # Columna izquierda: Campo de TXID, ejemplos y explicación de campos
         with gr.Column(scale=1):
             tx_input = gr.Textbox(
                 label="TXID de la Transacción", 
                 placeholder="Ej: 9dd51e2d45f4f7bddcc3f0f7a05c3fd60543a11cfc9fbd0e1ca4434668cfa3e1"
             )
+            analyze_btn = gr.Button("Analizar Transacción", elem_classes=["custom-btn"])
             gr.Markdown("### Ejemplos de TXIDs válidos:")
             gr.Examples(
                 examples=[
@@ -328,16 +322,15 @@ with gr.Blocks(
         with gr.Column(scale=1):
             plot_output = gr.Plot()
             reporte_html = gr.HTML()
-            analyze_btn = gr.Button("Analizar Transacción", elem_classes=["custom-btn"])
             modal_btn = gr.Button("GENERAR ANALISIS", elem_classes=["custom-btn"])
             modal_output = gr.HTML()
     
     # Estado para almacenar el análisis (tupla: (reporte, fig))
     analysis_state = gr.State()
     
-    # Al hacer clic en "Analizar Transacción", se generan reporte, grafo y se guarda el análisis
+    # Al pulsar "Analizar Transacción", se generan reporte, grafo y se guarda el análisis.
     analyze_btn.click(fn=analizar_transaccion, inputs=tx_input, outputs=[reporte_html, plot_output, analysis_state])
-    # Al hacer clic en "GENERAR ANALISIS", se muestra un modal emergente con el informe completo
+    # Al pulsar "GENERAR ANALISIS", se muestra un modal emergente con el informe completo.
     modal_btn.click(fn=mostrar_modal, inputs=analysis_state, outputs=modal_output)
     
-demo.launch()
+demo.launch()