Update app.py

app.py

@@ -7,13 +7,13 @@ import re
 import os
 import tempfile
 import base64
-from fpdf import FPDF, HTMLMixin  # Estos módulos ya no se usan en este ejemplo
+# No se usan fpdf en este ejemplo
 
 # ---------------- Funciones de análisis y grafo -------------------
 
 def get_transaction(tx_id):
     """
-    Obtiene datos de una transacción Bitcoin usando endpoints públicos.
+    Obtiene los datos de una transacción Bitcoin usando endpoints públicos.
     Se prueba primero con Blockstream.info y, de fallar, con mempool.space.
     """
     urls = [
@@ -71,7 +71,7 @@ def check_blockchain_tags(tx_id):
     """
     Consulta la API pública de blockchain.com para ver si el TXID (o sus metadatos)
     indica que la transacción ha sido etiquetada como MIXER.
-    (Esta función es un ejemplo y puede requerir ajustes según la respuesta real.)
+    (Esta función es un ejemplo y podría necesitar ajustes según la respuesta real.)
     """
     url = f"https://blockchain.info/rawtx/{tx_id}?format=json"
     try:
@@ -96,14 +96,13 @@ def analizar_transaccion(tx_id):
       - Calcula totales en BTC y fee, mostrando también su equivalente en USD.
       - Muestra información adicional (versión, tamaño, peso, fee rate).
       - Aplica heurística para detectar posibles CoinJoin/mixers.
-      - Incorpora información de blockchain.com (etiqueta MIXER).
+      - Incorpora información adicional de blockchain.com (etiqueta MIXER).
       - Genera un grafo interactivo.
-      - Retorna un informe en HTML, la figura del grafo y una tupla (reporte, fig) que se guarda en el estado.
+      - Retorna un informe en HTML, la figura del grafo y una tupla (reporte, fig) para su uso.
     """
     tx_data = get_transaction(tx_id)
     if not tx_data:
         return ("❌ Transacción no encontrada o error al obtener datos. Asegúrate de ingresar un TXID válido."), None, None
-    
     try:
         num_inputs = len(tx_data.get("vin", []))
         num_outputs = len(tx_data.get("vout", []))
@@ -113,7 +112,6 @@ def analizar_transaccion(tx_id):
         total_output_value = sum(out.get("value", 0) for out in tx_data.get("vout", [])) / 1e8
         fee = total_input_value - total_output_value
 
-        # Heurística para detectar mixer
         heuristic_mixer = ((num_inputs > 5 and num_outputs > 5 and montos_unicos < 3) or
                            (num_outputs > 2 and montos_unicos <= 2))
         es_mixer_blockchain = check_blockchain_tags(tx_id)
@@ -247,23 +245,35 @@ def analizar_transaccion(tx_id):
             </p>
         </div>
         """
-        # Se devuelve además la tupla (reporte, fig) para almacenarla en el estado.
         return reporte, fig, (reporte, fig)
     
     except Exception as e:
         return f"⚠️ Error durante el análisis: {str(e)}", None, None
 
-# ---------------- Función para mostrar el modal -------------------
+# ---------------- Función para mostrar el modal mediante HTML -------------------
 
 def mostrar_modal(analysis_tuple):
     """
-    Función que, a partir de la tupla de análisis, devuelve la actualización para
-    abrir el modal y el contenido HTML del informe.
+    A partir de la tupla de análisis, devuelve un HTML con un modal emergente que contiene el informe.
     """
     if not analysis_tuple:
-        return gr.update(visible=False), "<p>No hay análisis generado.</p>"
+        return "<p>No hay análisis generado.</p>"
     report, _ = analysis_tuple
-    return gr.update(visible=True), report
+    html_modal = f'''
+    <div id="myModal" style="
+         position: fixed; top: 0; left: 0; width: 100%; height: 100%;
+         background: rgba(0,0,0,0.8); z-index: 9999;">
+      <div style="
+         position: absolute; top: 50%; left: 50%;
+         transform: translate(-50%, -50%);
+         background: white; padding: 20px; max-height: 90%; overflow-y: auto;">
+        {report}
+        <br><br><button onclick="document.getElementById('myModal').remove();" 
+            style='padding: 5px 10px; font-size: 12px;'>Cerrar</button>
+      </div>
+    </div>
+    '''
+    return html_modal
 
 # ---------------- INTERFAZ GRÁFICA CON GRADIO -------------------
 
@@ -278,7 +288,7 @@ 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: TXID, Ejemplos y Explicación
+        # 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", 
@@ -292,7 +302,6 @@ with gr.Blocks(
                 ],
                 inputs=tx_input
             )
-            # Recuadro de explicación (scroll ampliado a 350px)
             explanation_box = gr.HTML(value="""
             <div style="overflow-y: auto; height: 350px; border: 1px solid #cccccc; padding: 10px;">
                 <h4>Explicación de los campos:</h4>
@@ -315,24 +324,20 @@ with gr.Blocks(
                 </ul>
             </div>
             """)
-        # Columna derecha: Grafo y Reporte
+        # Columna derecha: Grafo, Reporte y botón para mostrar modal con análisis completo
         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 actualizan el reporte, el grafo y se guarda el análisis en el estado.
+    # Al hacer clic en "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])
-    
-    # Botón para generar el análisis en un modal emergente.
-    modal_btn = gr.Button("GENERAR ANALISIS", elem_classes=["custom-btn"])
-    with gr.Modal("Resultados del Análisis", visible=False) as result_modal:
-        modal_report = gr.HTML()
-    
-    # La función mostrar_modal abrirá el modal con el contenido del análisis.
-    modal_btn.click(fn=mostrar_modal, inputs=analysis_state, outputs=[result_modal, modal_report])
+    # Al hacer clic en "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()