Update modules/semantic/semantic_live_interface.py

modules/semantic/semantic_live_interface.py

@@ -23,7 +23,7 @@ def display_semantic_live_interface(lang_code, nlp_models, semantic_t):
     Interfaz para el análisis semántico en vivo con proporciones de columna ajustadas
     """
     try:
-        # 1. Inicializar el estado de la sesión
+        # 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,
@@ -32,24 +32,29 @@ def display_semantic_live_interface(lang_code, nlp_models, semantic_t):
                 'text_changed': False
             }
 
-        # 2. Crear columnas con nueva proporción (1:3)
+        # 2. Función para manejar cambios en el texto
+        def on_text_change():
+            current_text = st.session_state.semantic_live_text
+            st.session_state.semantic_live_state['current_text'] = current_text
+            st.session_state.semantic_live_state['text_changed'] = True
+
+        # 3. Crear columnas con nueva proporción (1:3)
         input_col, result_col = st.columns([1, 3])
 
         # Columna izquierda: Entrada de texto
         with input_col:
             st.subheader(semantic_t.get('enter_text', 'Ingrese su texto'))
             
-            # Área de texto ajustada al nuevo ancho
+            # Área de texto con manejo de eventos
             text_input = st.text_area(
                 semantic_t.get('text_input_label', 'Escriba o pegue su texto aquí'),
                 height=500,
                 key="semantic_live_text",
-                value=st.session_state.semantic_live_state.get('current_text', '')
+                value=st.session_state.semantic_live_state.get('current_text', ''),
+                on_change=on_text_change,
+                label_visibility="collapsed"  # Oculta el label para mayor estabilidad
             )
 
-            # Actualizar el texto actual en el estado
-            st.session_state.semantic_live_state['current_text'] = text_input
-
             # Botón de análisis y procesamiento
             analyze_button = st.button(
                 semantic_t.get('analyze_button', 'Analizar'),
@@ -60,11 +65,9 @@ def display_semantic_live_interface(lang_code, nlp_models, semantic_t):
                 use_container_width=True
             )
 
-            # Procesar análisis cuando se presiona el botón
             if analyze_button and text_input:
                 try:
                     with st.spinner(semantic_t.get('processing', 'Procesando...')):
-                        # Realizar análisis
                         analysis_result = process_semantic_input(
                             text_input,
                             lang_code,
@@ -73,11 +76,10 @@ def display_semantic_live_interface(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
+                            st.session_state.semantic_live_state['text_changed'] = False
                             
-                            # Guardar en base de datos
                             store_student_semantic_result(
                                 st.session_state.username,
                                 text_input,
@@ -94,17 +96,14 @@ def display_semantic_live_interface(lang_code, nlp_models, semantic_t):
         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']
 
-                # Verificar que tenemos datos para mostrar
                 if 'key_concepts' in analysis and analysis['key_concepts'] and \
                    'concept_graph' in analysis and analysis['concept_graph'] is not None:
                     
-                    # Estilos para la visualización
                     st.markdown("""
                         <style>
                         .unified-container {
@@ -117,28 +116,31 @@ def display_semantic_live_interface(lang_code, nlp_models, semantic_t):
                         }
                         .concept-table {
                             display: flex;
-                            flex-wrap: wrap;
-                            gap: 8px;
-                            padding: 12px;
+                            flex-wrap: nowrap;  /* Evita el wrap */
+                            gap: 6px;           /* Reducido el gap */
+                            padding: 10px;
                             background-color: #f8f9fa;
+                            overflow-x: auto;    /* Permite scroll horizontal si es necesario */
+                            white-space: nowrap; /* Mantiene todo en una línea */
                         }
                         .concept-item {
                             background-color: white;
-                            border-radius: 5px;
-                            padding: 6px 10px;
-                            display: flex;
+                            border-radius: 4px;
+                            padding: 4px 8px;    /* Padding reducido */
+                            display: inline-flex; /* Cambiado a inline-flex */
                             align-items: center;
-                            gap: 6px;
-                            box-shadow: 0 1px 3px rgba(0,0,0,0.1);
+                            gap: 4px;            /* Gap reducido */
+                            box-shadow: 0 1px 2px rgba(0,0,0,0.1);
+                            flex-shrink: 0;      /* Evita que los items se encojan */
                         }
                         .concept-name { 
                             font-weight: 500; 
                             color: #1f2937;
-                            font-size: 0.95em;
+                            font-size: 0.8em;    /* Tamaño de fuente reducido */
                         }
                         .concept-freq { 
                             color: #6b7280; 
-                            font-size: 0.85em;
+                            font-size: 0.75em;   /* Tamaño de fuente reducido */
                         }
                         .graph-section { 
                             padding: 20px;
@@ -147,9 +149,8 @@ def display_semantic_live_interface(lang_code, nlp_models, semantic_t):
                         </style>
                     """, unsafe_allow_html=True)
 
-                    # Mostrar conceptos y grafo
                     with st.container():
-                        # Conceptos
+                        # Conceptos en una sola línea
                         concepts_html = """
                         <div class="unified-container">
                             <div class="concept-table">
@@ -192,4 +193,5 @@ def display_semantic_live_interface(lang_code, nlp_models, semantic_t):
 
     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."))
+