Update modules/studentact/student_activities_v2.py

modules/studentact/student_activities_v2.py

@@ -552,7 +552,7 @@ def display_discourse_activities(username: str, t: dict):
         for analysis in analyses:
             try:
                 # Verificar campos mínimos necesarios
-                if not all(key in analysis for key in ['timestamp', 'graph1', 'graph2']):
+                if not all(key in analysis for key in ['timestamp']):
                     logger.warning(f"Análisis incompleto: {analysis.keys()}")
                     continue
 
@@ -561,91 +561,106 @@ def display_discourse_activities(username: str, t: dict):
                 formatted_date = timestamp.strftime("%d/%m/%Y %H:%M:%S")
                 
                 with st.expander(f"{t.get('analysis_date', 'Fecha')}: {formatted_date}", expanded=False):
-                    # Mostrar textos originales si están disponibles
-                    if 'text1' in analysis and 'text2' in analysis:
-                        st.subheader(t.get('analyzed_texts', 'Textos analizados'))
-                        col1, col2 = st.columns(2)
-                        with col1:
-                            st.markdown(f"**{t.get('doc1_title', 'Documento 1')}**")
-                            st.text_area(
-                                "Text Content 1", 
-                                value=analysis['text1'], 
-                                height=100,
-                                disabled=True,
-                                label_visibility="collapsed",
-                                key=f"text_area_1_{timestamp}"
-                            )
-                        with col2:
-                            st.markdown(f"**{t.get('doc2_title', 'Documento 2')}**")
-                            st.text_area(
-                                "Text Content 2", 
-                                value=analysis['text2'], 
-                                height=100,
-                                disabled=True,
-                                label_visibility="collapsed",
-                                key=f"text_area_2_{timestamp}"
-                            )
-                    
-                    # Mostrar conceptos clave
-                    st.subheader(t.get('key_concepts', 'Conceptos clave'))
+                    # Crear dos columnas para mostrar los documentos lado a lado
                     col1, col2 = st.columns(2)
-                    with col1:
-                        st.markdown(f"**{t.get('doc1_title', 'Documento 1')}**")
-                        if 'key_concepts1' in analysis:
-                            concepts1 = ", ".join([concept for concept, _ in analysis['key_concepts1']])
-                            st.markdown(concepts1)
-                        else:
-                            st.info(t.get('no_concepts', 'No hay conceptos disponibles'))
                     
-                    with col2:
-                        st.markdown(f"**{t.get('doc2_title', 'Documento 2')}**")
-                        if 'key_concepts2' in analysis:
-                            concepts2 = ", ".join([concept for concept, _ in analysis['key_concepts2']])
-                            st.markdown(concepts2)
+                    # Documento 1 - Columna izquierda
+                    with col1:
+                        st.subheader(t.get('doc1_title', 'Documento 1'))
+                        st.markdown(t.get('key_concepts', 'Conceptos Clave'))
+                        
+                        # Mostrar conceptos clave en formato de etiquetas
+                        if 'key_concepts1' in analysis and analysis['key_concepts1']:
+                            concepts_html = f"""
+                                <div style="display: flex; flex-wrap: nowrap; gap: 8px; padding: 12px; 
+                                    background-color: #f8f9fa; border-radius: 8px; overflow-x: auto; 
+                                    margin-bottom: 15px; white-space: nowrap;">
+                                    {''.join([
+                                        f'<div style="background-color: white; border-radius: 4px; padding: 6px 10px; display: inline-flex; align-items: center; gap: 4px; box-shadow: 0 1px 2px rgba(0,0,0,0.1); flex-shrink: 0;">'
+                                        f'<span style="font-weight: 500; color: #1f2937; font-size: 0.85em;">{concept}</span>'
+                                        f'<span style="color: #6b7280; font-size: 0.75em;">({freq:.2f})</span></div>'
+                                        for concept, freq in analysis['key_concepts1']
+                                    ])}
+                                </div>
+                            """
+                            st.markdown(concepts_html, unsafe_allow_html=True)
                         else:
                             st.info(t.get('no_concepts', 'No hay conceptos disponibles'))
-                    
-                    # Mostrar visualizaciones
-                    st.subheader(t.get('comparison_visualization', 'Visualización comparativa'))
-                    
-                    # Mostrar los gráficos lado a lado
-                    col1, col2 = st.columns(2)
-                    
-                    # Gráfico 1
-                    with col1:
-                        st.markdown(f"**{t.get('analysis_doc1', 'Análisis del primer texto')}**")
+                        
+                        # Mostrar grafo 1
                         if 'graph1' in analysis:
                             try:
-                                image_bytes1 = base64.b64decode(analysis['graph1'])
-                                st.image(image_bytes1, use_container_width=True)
-                            except Exception as img_error:
-                                logger.error(f"Error decodificando imagen 1: {str(img_error)}")
+                                if isinstance(analysis['graph1'], bytes):
+                                    st.image(
+                                        analysis['graph1'],
+                                        use_container_width=True
+                                    )
+                                else:
+                                    logger.warning(f"graph1 no es bytes: {type(analysis['graph1'])}")
+                                    st.warning(t.get('graph_not_available', 'Gráfico no disponible'))
+                            except Exception as e:
+                                logger.error(f"Error mostrando graph1: {str(e)}")
                                 st.error(t.get('error_loading_graph', 'Error al cargar el gráfico'))
                         else:
                             st.info(t.get('no_visualization', 'No hay visualización disponible'))
+                        
+                        # Interpretación del grafo
+                        st.markdown("**📊 Interpretación del grafo:**")
+                        st.markdown("""
+                            - 🔀 Las flechas indican la dirección de la relación entre conceptos
+                            - 🎨 Los colores más intensos indican conceptos más centrales en el texto
+                            - ⭕ El tamaño de los nodos representa la frecuencia del concepto
+                            - ↔️ El grosor de las líneas indica la fuerza de la conexión
+                        """)
                     
-                    # Gráfico 2
+                    # Documento 2 - Columna derecha
                     with col2:
-                        st.markdown(f"**{t.get('analysis_doc2', 'Análisis del segundo texto')}**")
+                        st.subheader(t.get('doc2_title', 'Documento 2'))
+                        st.markdown(t.get('key_concepts', 'Conceptos Clave'))
+                        
+                        # Mostrar conceptos clave en formato de etiquetas
+                        if 'key_concepts2' in analysis and analysis['key_concepts2']:
+                            concepts_html = f"""
+                                <div style="display: flex; flex-wrap: nowrap; gap: 8px; padding: 12px; 
+                                    background-color: #f8f9fa; border-radius: 8px; overflow-x: auto; 
+                                    margin-bottom: 15px; white-space: nowrap;">
+                                    {''.join([
+                                        f'<div style="background-color: white; border-radius: 4px; padding: 6px 10px; display: inline-flex; align-items: center; gap: 4px; box-shadow: 0 1px 2px rgba(0,0,0,0.1); flex-shrink: 0;">'
+                                        f'<span style="font-weight: 500; color: #1f2937; font-size: 0.85em;">{concept}</span>'
+                                        f'<span style="color: #6b7280; font-size: 0.75em;">({freq:.2f})</span></div>'
+                                        for concept, freq in analysis['key_concepts2']
+                                    ])}
+                                </div>
+                            """
+                            st.markdown(concepts_html, unsafe_allow_html=True)
+                        else:
+                            st.info(t.get('no_concepts', 'No hay conceptos disponibles'))
+                        
+                        # Mostrar grafo 2
                         if 'graph2' in analysis:
                             try:
-                                image_bytes2 = base64.b64decode(analysis['graph2'])
-                                st.image(image_bytes2, use_container_width=True)
-                            except Exception as img_error:
-                                logger.error(f"Error decodificando imagen 2: {str(img_error)}")
+                                if isinstance(analysis['graph2'], bytes):
+                                    st.image(
+                                        analysis['graph2'],
+                                        use_container_width=True
+                                    )
+                                else:
+                                    logger.warning(f"graph2 no es bytes: {type(analysis['graph2'])}")
+                                    st.warning(t.get('graph_not_available', 'Gráfico no disponible'))
+                            except Exception as e:
+                                logger.error(f"Error mostrando graph2: {str(e)}")
                                 st.error(t.get('error_loading_graph', 'Error al cargar el gráfico'))
                         else:
                             st.info(t.get('no_visualization', 'No hay visualización disponible'))
-                    
-                    # Añadir leyenda de interpretación
-                    st.markdown("### 📊 " + t.get('graph_interpretation', 'Interpretación del grafo:'))
-                    
-                    st.markdown("""
-                    * 🔀 Las flechas indican la dirección de la relación entre conceptos
-                    * 🎨 Los colores más intensos indican conceptos más centrales en el texto
-                    * ⭕ El tamaño de los nodos representa la frecuencia del concepto
-                    * ↔️ El grosor de las líneas indica la fuerza de la conexión
-                    """)
+                        
+                        # Interpretación del grafo
+                        st.markdown("**📊 Interpretación del grafo:**")
+                        st.markdown("""
+                            - 🔀 Las flechas indican la dirección de la relación entre conceptos
+                            - 🎨 Los colores más intensos indican conceptos más centrales en el texto
+                            - ⭕ El tamaño de los nodos representa la frecuencia del concepto
+                            - ↔️ El grosor de las líneas indica la fuerza de la conexión
+                        """)
 
             except Exception as e:
                 logger.error(f"Error procesando análisis individual: {str(e)}")
@@ -658,7 +673,6 @@ def display_discourse_activities(username: str, t: dict):
 
 
 
-
 #################################################################################   
 
 def display_discourse_comparison(analysis: dict, t: dict):