Update modules/semantic/semantic_live_interface.py

modules/semantic/semantic_live_interface.py

@@ -32,7 +32,8 @@ def display_semantic_live_interface(lang_code, nlp_models, semantic_t):
             st.session_state.semantic_live_state = {
                 'analysis_count': 0,
                 'last_analysis': None,
-                'current_text': ''
+                'current_text': '',
+                'last_result': None
             }
 
         # 2. Crear dos columnas
@@ -46,13 +47,17 @@ def display_semantic_live_interface(lang_code, nlp_models, semantic_t):
             text_input = st.text_area(
                 semantic_t.get('text_input_label', 'Escriba o pegue su texto aquí'),
                 height=400,
-                key=f"semantic_live_text_{st.session_state.semantic_live_state['analysis_count']}"
+                key="semantic_live_text",
+                value=st.session_state.semantic_live_state.get('current_text', '')
             )
 
+            # Actualizar el texto actual en el estado
+            st.session_state.semantic_live_state['current_text'] = text_input
+
             # Botón de análisis
             analyze_button = st.button(
                 semantic_t.get('analyze_button', 'Analizar'),
-                key=f"semantic_live_analyze_{st.session_state.semantic_live_state['analysis_count']}",
+                key="semantic_live_analyze",
                 type="primary",
                 icon="🔍",
                 disabled=not text_input,
@@ -76,8 +81,8 @@ def display_semantic_live_interface(lang_code, nlp_models, semantic_t):
                         )
 
                         if analysis_result['success']:
-                            # Guardar resultado
-                            st.session_state.semantic_live_result = analysis_result
+                            # Guardar resultado en el estado
+                            st.session_state.semantic_live_state['last_result'] = analysis_result
                             st.session_state.semantic_live_state['analysis_count'] += 1
                             
                             # Guardar en base de datos
@@ -87,37 +92,116 @@ def display_semantic_live_interface(lang_code, nlp_models, semantic_t):
                                 analysis_result['analysis']
                             )
 
-                            # Mostrar gráfico de conceptos
-                            if 'concept_graph' in analysis_result['analysis'] and analysis_result['analysis']['concept_graph'] is not None:
-                                st.image(analysis_result['analysis']['concept_graph'])
-                            else:
-                                st.info(semantic_t.get('no_graph', 'No hay gráfico disponible'))
-
-                            # Mostrar tabla de conceptos clave
-                            if 'key_concepts' in analysis_result['analysis'] and analysis_result['analysis']['key_concepts']:
-                                st.subheader(semantic_t.get('key_concepts', 'Conceptos Clave'))
-                                df = pd.DataFrame(
-                                    analysis_result['analysis']['key_concepts'],
-                                    columns=[
-                                        semantic_t.get('concept', 'Concepto'),
-                                        semantic_t.get('frequency', 'Frecuencia')
-                                    ]
-                                )
-                                st.dataframe(
-                                    df,
-                                    hide_index=True,
-                                    column_config={
-                                        semantic_t.get('frequency', 'Frecuencia'): st.column_config.NumberColumn(
-                                            format="%.2f"
-                                        )
-                                    }
-                                )
-                        else:
-                            st.error(analysis_result['message'])
-
-                except Exception as e:
-                    logger.error(f"Error en análisis semántico en vivo: {str(e)}")
-                    st.error(semantic_t.get('error_processing', f'Error al procesar el texto: {str(e)}'))
+            # Mostrar resultados (ya sea nuevos o previos)
+            if 'last_result' in st.session_state.semantic_live_state and \
+               st.session_state.semantic_live_state['last_result'] is not None:
+                
+                analysis = st.session_state.semantic_live_state['last_result']['analysis']
+
+                # Mostrar conceptos clave en formato horizontal
+                if 'key_concepts' in analysis and analysis['key_concepts']:
+                    st.markdown(
+                        """
+                        <style>
+                        .concept-table {
+                            display: flex;
+                            flex-wrap: wrap;
+                            gap: 10px;
+                            margin-bottom: 20px;
+                        }
+                        .concept-item {
+                            background-color: #f0f2f6;
+                            border-radius: 5px;
+                            padding: 8px 12px;
+                            display: flex;
+                            align-items: center;
+                            gap: 8px;
+                        }
+                        .concept-name {
+                            font-weight: bold;
+                        }
+                        .concept-freq {
+                            color: #666;
+                            font-size: 0.9em;
+                        }
+                        </style>
+                        """,
+                        unsafe_allow_html=True
+                    )
+
+                    # Crear la visualización horizontal de conceptos
+                    concepts_html = '<div class="concept-table">'
+                    for concept, freq in analysis['key_concepts']:
+                        concepts_html += f'''
+                            <div class="concept-item">
+                                <span class="concept-name">{concept}</span>
+                                <span class="concept-freq">({freq:.2f})</span>
+                            </div>
+                        '''
+                    concepts_html += '</div>'
+                    st.markdown(concepts_html, unsafe_allow_html=True)
+
+                # Mostrar gráfico de conceptos
+                if 'concept_graph' in analysis and analysis['concept_graph'] is not None:
+                    try:
+                        # Container para el grafo con estilos mejorados
+                        st.markdown(
+                            """
+                            <style>
+                            .graph-container {
+                                background-color: white;
+                                border-radius: 10px;
+                                padding: 20px;
+                                box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+                                margin: 10px 0;
+                            }
+                            </style>
+                            """,
+                            unsafe_allow_html=True
+                        )
+
+                        with st.container():
+                            st.markdown('<div class="graph-container">', unsafe_allow_html=True)
+                            
+                            # Mostrar grafo
+                            st.image(analysis['concept_graph'], use_column_width=True)
+                            
+                            # Leyenda del grafo
+                            st.caption(semantic_t.get(
+                                'graph_description',
+                                'Visualización de relaciones entre conceptos clave identificados en el texto.'
+                            ))
+                            
+                            st.markdown('</div>', unsafe_allow_html=True)
+
+                        # Contenedor para botones
+                        col1, col2 = st.columns([1,4])
+                        with col1:
+                            st.download_button(
+                                label="📥 " + semantic_t.get('download_graph', "Download"),
+                                data=analysis['concept_graph'],
+                                file_name="semantic_live_graph.png",
+                                mime="image/png",
+                                use_container_width=True
+                            )
+                        
+                        # Expandible con la interpretación
+                        with st.expander("📊 " + semantic_t.get('graph_help', "Graph Interpretation")):
+                            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 displaying graph: {str(e)}")
+                        st.error(semantic_t.get('graph_error', 'Error displaying the graph'))
+                else:
+                    st.info(semantic_t.get('no_graph', 'No graph available'))
+
+        except Exception as e:
+            logger.error(f"Error en análisis semántico en vivo: {str(e)}")
+            st.error(semantic_t.get('error_processing', f'Error al procesar el texto: {str(e)}'))
 
     except Exception as e:
         logger.error(f"Error general en interfaz semántica en vivo: {str(e)}")