Update modules/semantic/semantic_live_interface.py

modules/semantic/semantic_live_interface.py

@@ -27,77 +27,91 @@ def display_semantic_live_interface(lang_code, nlp_models, semantic_t):
         semantic_t: Diccionario de traducciones semánticas
     """
     try:
-        # 1. Inicializar el estado de la sesión para el análisis en vivo
+        # 1. Inicializar el estado de la sesión de manera más robusta
         if 'semantic_live_state' not in st.session_state:
             st.session_state.semantic_live_state = {
                 'analysis_count': 0,
-                'last_analysis': None,
                 'current_text': '',
-                'last_result': None
+                'last_result': None,
+                'text_changed': False
             }
 
-        # 2. Crear dos columnas principales
-        input_col, result_col = st.columns(2)
-
-        # Columna izquierda: Entrada de texto
-        with input_col:
-            st.subheader(semantic_t.get('enter_text', 'Ingrese su texto'))
-            
-            # Área de texto para input
-            text_input = st.text_area(
-                semantic_t.get('text_input_label', 'Escriba o pegue su texto aquí'),
-                height=400,
-                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="semantic_live_analyze",
-                type="primary",
-                icon="🔍",
-                disabled=not text_input,
-                use_container_width=True
-            )
-
-        # Columna derecha: Visualización de resultados
-        with result_col:
-            st.subheader(semantic_t.get('live_results', 'Resultados en vivo'))
-
-            try:
-                # Procesar análisis cuando se presiona el botón
-                if analyze_button and text_input:
-                    with st.spinner(semantic_t.get('processing', 'Procesando...')):
-                        # Realizar análisis
-                        analysis_result = process_semantic_input(
-                            text_input,
-                            lang_code,
-                            nlp_models,
-                            semantic_t
-                        )
-
-                        if analysis_result['success']:
-                            # 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
-                            store_student_semantic_result(
-                                st.session_state.username,
-                                text_input,
-                                analysis_result['analysis']
-                            )
-
-                # Mostrar resultados (ya sea nuevos o previos)
+        # 2. Función callback para manejar cambios en el texto
+        def on_text_change():
+            st.session_state.semantic_live_state['text_changed'] = True
+
+        # 3. Función callback para el análisis
+        def analyze_text():
+            if not st.session_state.semantic_live_text:
+                return
+                
+            with st.spinner(semantic_t.get('processing', 'Procesando...')):
+                analysis_result = process_semantic_input(
+                    st.session_state.semantic_live_text,
+                    lang_code,
+                    nlp_models,
+                    semantic_t
+                )
+                
+                if analysis_result['success']:
+                    st.session_state.semantic_live_state['last_result'] = analysis_result
+                    st.session_state.semantic_live_state['analysis_count'] += 1
+                    st.session_state.semantic_live_state['text_changed'] = False
+                    
+                    # Guardar en base de datos
+                    store_student_semantic_result(
+                        st.session_state.username,
+                        st.session_state.semantic_live_text,
+                        analysis_result['analysis']
+                    )
+                
+                return analysis_result
+
+        # 4. Crear contenedor principal para mantener el layout estable
+        with st.container():
+            # Crear dos columnas principales
+            input_col, result_col = st.columns(2)
+
+            # Columna izquierda: Entrada de texto
+            with input_col:
+                st.subheader(semantic_t.get('enter_text', 'Ingrese su texto'))
+                
+                # Área de texto para input usando session state
+                text_input = st.text_area(
+                    semantic_t.get('text_input_label', 'Escriba o pegue su texto aquí'),
+                    height=400,
+                    key="semantic_live_text",
+                    on_change=on_text_change
+                )
+
+                # Botón de análisis
+                if st.button(
+                    semantic_t.get('analyze_button', 'Analizar'),
+                    key="semantic_live_analyze",
+                    type="primary",
+                    icon="🔍",
+                    disabled=not text_input,
+                    use_container_width=True
+                ):
+                    analysis_result = analyze_text()
+                    if analysis_result and not analysis_result.get('success'):
+                        st.error(analysis_result.get('message', 'Error en el análisis'))
+
+            # Columna derecha: Visualización de resultados
+            with result_col:
+                st.subheader(semantic_t.get('live_results', 'Resultados en vivo'))
+
+                # Mostrar resultados si existen
                 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 advertencia si el texto ha cambiado
+                    if st.session_state.semantic_live_state.get('text_changed'):
+                        st.warning(semantic_t.get('text_changed_warning', 
+                            'El texto ha cambiado. Presione Analizar para actualizar los resultados.'))
+
                     # Mostrar conceptos clave en formato horizontal
                     if 'key_concepts' in analysis and analysis['key_concepts']:
                         st.markdown("""
@@ -131,7 +145,6 @@ def display_semantic_live_interface(lang_code, nlp_models, semantic_t):
                             </style>
                         """, unsafe_allow_html=True)
 
-                        # Crear la visualización horizontal de conceptos
                         concepts_html = ['<div class="concept-table">']
                         concepts_html.extend(
                             f'<div class="concept-item"><span class="concept-name">{concept}</span>'
@@ -142,25 +155,23 @@ def display_semantic_live_interface(lang_code, nlp_models, semantic_t):
                         
                         st.markdown(''.join(concepts_html), unsafe_allow_html=True)
 
-                    # Mostrar gráfico de conceptos
+                    # Mostrar gráfico de conceptos en un contenedor fijo
                     if 'concept_graph' in analysis and analysis['concept_graph'] is not None:
-                        # 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)
+                            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;
+                                    min-height: 400px;
+                                }
+                                </style>
+                                <div class="graph-container">
+                            """, unsafe_allow_html=True)
                             
-                            # Mostrar grafo
                             st.image(
                                 analysis['concept_graph'],
                                 use_container_width=True,
@@ -172,32 +183,29 @@ def display_semantic_live_interface(lang_code, nlp_models, semantic_t):
                             
                             st.markdown('</div>', unsafe_allow_html=True)
 
-                        # Contenedor para botones
-                        button_col, spacer_col = st.columns([1,4])
-                        with button_col:
-                            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
-                            """)
+                            # Contenedor para botones en la parte inferior del gráfico
+                            button_col, spacer_col = st.columns([1,4])
+                            with button_col:
+                                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
+                                """)
                     else:
                         st.info(semantic_t.get('no_graph', 'No graph available'))
 
-            except Exception as e:
-                logger.error(f"Error processing or displaying results: {str(e)}")
-                st.error(semantic_t.get('error_processing', f'Error al procesar o mostrar resultados: {str(e)}'))
-
     except Exception as e:
         logger.error(f"Error general en interfaz semántica en vivo: {str(e)}")
-        st.error(semantic_t.get('general_error', "Se produjo un error. Por favor, intente de nuevo."))
+        st.error(semantic_t.get('general_error', "Se produjo un error. Por favor, intente de nuevo."))
+