Update modules/semantic/semantic_live_interface.py

modules/semantic/semantic_live_interface.py

@@ -20,14 +20,10 @@ from ..database.chat_mongo_db import store_chat_history, get_chat_history
 
 def display_semantic_live_interface(lang_code, nlp_models, semantic_t):
     """
-    Interfaz para el análisis semántico en vivo
-    Args:
-        lang_code: Código del idioma actual
-        nlp_models: Modelos de spaCy cargados
-        semantic_t: Diccionario de traducciones semánticas
+    Interfaz para el análisis semántico en vivo con proporciones de columna ajustadas
     """
     try:
-        # 1. Inicializar el estado de la sesión de manera más robusta
+        # 1. Inicializar el estado de la sesión
         if 'semantic_live_state' not in st.session_state:
             st.session_state.semantic_live_state = {
                 'analysis_count': 0,
@@ -36,68 +32,35 @@ def display_semantic_live_interface(lang_code, nlp_models, semantic_t):
                 'text_changed': False
             }
 
-        # 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
+        # 2. Crear columnas con nueva proporción (1:3)
+        input_col, result_col = st.columns([1, 3])
+
+        # Columna izquierda: Entrada de texto (más compacta)
+        with input_col:
+            st.subheader(semantic_t.get('enter_text', 'Ingrese su texto'))
+            
+            # Área de texto ajustada al nuevo ancho
+            text_input = st.text_area(
+                semantic_t.get('text_input_label', 'Escriba o pegue su texto aquí'),
+                height=500,  # Aumentado para compensar el ancho reducido
+                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 (más amplia)
         with result_col:
             st.subheader(semantic_t.get('live_results', 'Resultados en vivo'))
 
@@ -109,7 +72,7 @@ def display_semantic_live_interface(lang_code, nlp_models, semantic_t):
                 if 'key_concepts' in analysis and analysis['key_concepts'] and \
                    'concept_graph' in analysis and analysis['concept_graph'] is not None:
                     
-                    # Estilos unificados en un solo bloque
+                    # Estilos adaptados al nuevo ancho
                     st.markdown("""
                         <style>
                         .unified-container {
@@ -117,26 +80,39 @@ def display_semantic_live_interface(lang_code, nlp_models, semantic_t):
                             border-radius: 10px;
                             overflow: hidden;
                             box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+                            width: 100%;
                         }
                         .concept-table {
                             display: flex;
                             flex-wrap: wrap;
-                            gap: 10px;
-                            padding: 15px;
+                            gap: 8px;
+                            padding: 12px;
                             background-color: #f8f9fa;
                         }
                         .concept-item {
                             background-color: white;
                             border-radius: 5px;
-                            padding: 8px 12px;
+                            padding: 6px 10px;
                             display: flex;
                             align-items: center;
-                            gap: 8px;
+                            gap: 6px;
                             box-shadow: 0 1px 3px rgba(0,0,0,0.1);
                         }
-                        .concept-name { font-weight: 500; color: #1f2937; }
-                        .concept-freq { color: #6b7280; font-size: 0.9em; }
-                        .graph-section { padding: 20px; }
+                        .concept-name { 
+                            font-weight: 500; 
+                            color: #1f2937;
+                            font-size: 0.95em;
+                        }
+                        .concept-freq { 
+                            color: #6b7280; 
+                            font-size: 0.85em;
+                        }
+                        .graph-section { 
+                            padding: 20px;
+                            display: flex;
+                            flex-direction: column;
+                            align-items: center;
+                        }
                         </style>
                     """, unsafe_allow_html=True)
 
@@ -166,8 +142,8 @@ def display_semantic_live_interface(lang_code, nlp_models, semantic_t):
 
                         st.markdown('</div></div>', unsafe_allow_html=True)
 
-                        # Botones y controles fuera del contenedor principal
-                        button_col, spacer_col = st.columns([1,4])
+                        # Botones y controles ajustados al nuevo ancho
+                        button_col, spacer_col = st.columns([1,5])  # Ajustada la proporción
                         with button_col:
                             st.download_button(
                                 label="📥 " + semantic_t.get('download_graph', "Download"),