Update modules/studentact/student_activities_v2.py

modules/studentact/student_activities_v2.py

@@ -466,7 +466,9 @@ def display_morphosyntax_activities(username: str, t: dict):
         logger.error(f"Error mostrando análisis morfosintáctico: {str(e)}")
         st.error(t.get('error_morpho', 'Error al mostrar análisis morfosintáctico'))
 
-
+##############################################################################################
+##############################################################################################
+##############################################################################################
 def display_semantic_activities(username: str, t: dict):
     """Muestra actividades de análisis semántico"""
     try:
@@ -531,7 +533,8 @@ def display_semantic_activities(username: str, t: dict):
         logger.error(f"Error mostrando análisis semántico: {str(e)}")
         st.error(t.get('error_semantic', 'Error al mostrar análisis semántico'))
 
-
+###############################################################################################
+###############################################################################################
 ###############################################################################################
 def display_discourse_activities(username: str, t: dict):
     """Muestra actividades de análisis del discurso (mostrado como 'Análisis comparado de textos' en la UI)"""
@@ -558,71 +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 conceptos clave en fila
-                    if 'key_concepts1' in analysis and 'key_concepts2' in analysis:
-                        st.markdown("### Conceptos clave")
+                    # Crear dos columnas para mostrar los documentos lado a lado
+                    col1, col2 = st.columns(2)
+                    
+                    # Documento 1 - Columna izquierda
+                    with col1:
+                        st.subheader(t.get('doc1_title', 'Documento 1'))
+                        st.markdown(t.get('key_concepts', 'Conceptos Clave'))
                         
-                        # Documento 1
-                        st.markdown("**Documento 1**")
-                        if analysis['key_concepts1']:
-                            # Extraer solo los conceptos sin la frecuencia
-                            concepts1 = [concept for concept, _ in analysis['key_concepts1']]
-                            # Mostrar en formato de fila
-                            st.markdown(", ".join([f"**{concept}**" for concept in concepts1]))
+                        # 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'))
                         
-                        # Documento 2
-                        st.markdown("**Documento 2**")
-                        if analysis['key_concepts2']:
-                            # Extraer solo los conceptos sin la frecuencia
-                            concepts2 = [concept for concept, _ in analysis['key_concepts2']]
-                            # Mostrar en formato de fila
-                            st.markdown(", ".join([f"**{concept}**" for concept in concepts2]))
-                    
-                    # Mostrar gráficos
-                    st.markdown("### Visualización comparativa")
-                    
-                    has_graphs = False
-                    
-                    # Mostrar graph1 (Documento 1)
-                    if 'graph1' in analysis:
-                        try:
-                            # Verificar que sea bytes
-                            if isinstance(analysis['graph1'], bytes):
-                                st.image(analysis['graph1'],
-                                        caption="Documento 1",
-                                        use_container_width=True)  # Usar use_container_width en lugar de use_column_width
-                                has_graphs = True
-                            else:
-                                logger.warning(f"graph1 no es bytes: {type(analysis['graph1'])}")
-                        except Exception as e:
-                            logger.error(f"Error mostrando graph1: {str(e)}")
-                    
-                    # Mostrar graph2 (Documento 2)
-                    if 'graph2' in analysis:
-                        try:
-                            # Verificar que sea bytes
-                            if isinstance(analysis['graph2'], bytes):
-                                st.image(analysis['graph2'],
-                                        caption="Documento 2",
-                                        use_container_width=True)  # Usar use_container_width en lugar de use_column_width
-                                has_graphs = True
-                            else:
-                                logger.warning(f"graph2 no es bytes: {type(analysis['graph2'])}")
-                        except Exception as e:
-                            logger.error(f"Error mostrando graph2: {str(e)}")
-                    
-                    if not has_graphs:
-                        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:'))
+                        # Mostrar grafo 1
+                        if 'graph1' in analysis:
+                            try:
+                                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
+                        """)
                     
-                    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
-                    """)
+                    # Documento 2 - Columna derecha
+                    with col2:
+                        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:
+                                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'))
+                        
+                        # 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)}")
@@ -633,6 +671,10 @@ def display_discourse_activities(username: str, t: dict):
         # Usamos el término "análisis comparado de textos" en la UI
         st.error(t.get('error_discourse', 'Error al mostrar análisis comparado de textos'))
 
+
+
+
+
 #################################################################################   
 
 def display_discourse_comparison(analysis: dict, t: dict):