Update modules/ui.py

modules/ui.py

@@ -2,6 +2,7 @@
 import streamlit as st
 import re
 import io
+from io import BytesIO
 import base64
 import matplotlib.pyplot as plt
 import pandas as pd
@@ -335,12 +336,19 @@ def display_student_progress(username, lang_code='es'):
                 st.write(entry['arc_diagrams'][0], unsafe_allow_html=True)
 
     with st.expander("Histórico de Análisis Semánticos"):
-        semantic_entries = [entry for entry in student_data['entries'] if entry['analysis_type'] == 'semantic']
-        for entry in semantic_entries:
-            st.subheader(f"Análisis del {entry['timestamp']}")
-            st.write(f"Archivo analizado: {entry.get('filename', 'Nombre no disponible')}")
-            if 'network_diagram' in entry:
-                st.image(entry['network_diagram'])
+            semantic_entries = [entry for entry in student_data['entries'] if entry['analysis_type'] == 'semantic']
+            for entry in semantic_entries:
+                st.subheader(f"Análisis del {entry['timestamp']}")
+                st.write(f"Archivo analizado: {entry.get('filename', 'Nombre no disponible')}")
+                if 'network_diagram' in entry:
+                    try:
+                        # Intentar decodificar la imagen si está en formato base64
+                        image_bytes = base64.b64decode(entry['network_diagram'])
+                        st.image(image_bytes)
+                    except Exception as e:
+                        st.error(f"No se pudo mostrar la imagen: {str(e)}")
+                        st.write("Datos de la imagen (para depuración):")
+                        st.write(entry['network_diagram'][:100] + "...")  # 
 
     with st.expander("Histórico de Análisis Discursivos"):
         discourse_entries = [entry for entry in student_data['entries'] if entry['analysis_type'] == 'discourse']
@@ -348,8 +356,44 @@ def display_student_progress(username, lang_code='es'):
             st.subheader(f"Análisis del {entry['timestamp']}")
             st.write(f"Archivo patrón: {entry.get('filename1', 'Nombre no disponible')}")
             st.write(f"Archivo comparado: {entry.get('filename2', 'Nombre no disponible')}")
-            if 'combined_graph' in entry:
-                st.image(entry['combined_graph'])
+            
+            try:
+                # Intentar obtener y combinar las dos imágenes
+                if 'graph1' in entry and 'graph2' in entry:
+                    img1 = Image.open(BytesIO(base64.b64decode(entry['graph1'])))
+                    img2 = Image.open(BytesIO(base64.b64decode(entry['graph2'])))
+                    
+                    # Crear una nueva imagen combinada
+                    total_width = img1.width + img2.width
+                    max_height = max(img1.height, img2.height)
+                    combined_img = Image.new('RGB', (total_width, max_height))
+                    
+                    # Pegar las dos imágenes lado a lado
+                    combined_img.paste(img1, (0, 0))
+                    combined_img.paste(img2, (img1.width, 0))
+                    
+                    # Convertir la imagen combinada a bytes
+                    buffered = BytesIO()
+                    combined_img.save(buffered, format="PNG")
+                    img_str = base64.b64encode(buffered.getvalue()).decode()
+                    
+                    # Mostrar la imagen combinada
+                    st.image(f"data:image/png;base64,{img_str}")
+                elif 'combined_graph' in entry:
+                    # Si ya existe una imagen combinada, mostrarla directamente
+                    img_bytes = base64.b64decode(entry['combined_graph'])
+                    st.image(img_bytes)
+                else:
+                    st.write("No se encontraron gráficos para este análisis.")
+            except Exception as e:
+                st.error(f"No se pudieron mostrar los gráficos: {str(e)}")
+                st.write("Datos de los gráficos (para depuración):")
+                if 'graph1' in entry:
+                    st.write("Graph 1:", entry['graph1'][:100] + "...")
+                if 'graph2' in entry:
+                    st.write("Graph 2:", entry['graph2'][:100] + "...")
+                if 'combined_graph' in entry:
+                    st.write("Combined Graph:", entry['combined_graph'][:100] + "...")
 
     with st.expander("Histórico de Conversaciones con el ChatBot"):
         if 'chat_history' in student_data: