Update modules/semantic/semantic_live_interface.py

modules/semantic/semantic_live_interface.py

@@ -21,76 +21,16 @@ 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
     """
     try:
-        # 1. Inicializar el estado de la sesión para el análisis en vivo
-        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
-            }
-
-        # 2. Crear dos columnas
-        col1, col2 = st.columns(2)
-
-        # Columna izquierda: Entrada de texto
-        with col1:
-            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
-            )
+        # [Código anterior sin cambios hasta la visualización de conceptos]
 
         # Columna derecha: Visualización de resultados
         with col2:
             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']
-                            )
+                # [Código del procesamiento sin cambios]
 
                 # Mostrar resultados (ya sea nuevos o previos)
                 if 'last_result' in st.session_state.semantic_live_state and \
@@ -100,52 +40,52 @@ def display_semantic_live_interface(lang_code, nlp_models, semantic_t):
 
                     # Mostrar conceptos clave en formato horizontal
                     if 'key_concepts' in analysis and analysis['key_concepts']:
-                        st.markdown(
-                            """
+                        st.markdown("""
                             <style>
                             .concept-table {
                                 display: flex;
                                 flex-wrap: wrap;
                                 gap: 10px;
                                 margin-bottom: 20px;
+                                padding: 10px;
+                                background-color: #f8f9fa;
+                                border-radius: 8px;
                             }
                             .concept-item {
-                                background-color: #f0f2f6;
+                                background-color: white;
                                 border-radius: 5px;
                                 padding: 8px 12px;
                                 display: flex;
                                 align-items: center;
                                 gap: 8px;
+                                box-shadow: 0 1px 3px rgba(0,0,0,0.1);
                             }
                             .concept-name {
-                                font-weight: bold;
+                                font-weight: 500;
+                                color: #1f2937;
                             }
                             .concept-freq {
-                                color: #666;
+                                color: #6b7280;
                                 font-size: 0.9em;
                             }
                             </style>
-                            """,
-                            unsafe_allow_html=True
+                        """, unsafe_allow_html=True)
+
+                        # Crear la visualización horizontal de conceptos de manera más compacta
+                        concepts_html = ['<div class="concept-table">']
+                        concepts_html.extend(
+                            f'<div class="concept-item"><span class="concept-name">{concept}</span>'
+                            f'<span class="concept-freq">({freq:.2f})</span></div>'
+                            for concept, freq in analysis['key_concepts']
                         )
-
-                        # 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)
+                        concepts_html.append('</div>')
+                        
+                        st.markdown(''.join(concepts_html), unsafe_allow_html=True)
 
                     # Mostrar gráfico de conceptos
                     if 'concept_graph' in analysis and analysis['concept_graph'] is not None:
                         # Container para el grafo con estilos mejorados
-                        st.markdown(
-                            """
+                        st.markdown("""
                             <style>
                             .graph-container {
                                 background-color: white;
@@ -155,21 +95,20 @@ def display_semantic_live_interface(lang_code, nlp_models, semantic_t):
                                 margin: 10px 0;
                             }
                             </style>
-                            """,
-                            unsafe_allow_html=True
-                        )
+                        """, 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.'
-                            ))
+                            # Mostrar grafo con el parámetro actualizado
+                            st.image(
+                                analysis['concept_graph'],
+                                use_container_width=True,  # Parámetro actualizado
+                                caption=semantic_t.get(
+                                    'graph_description',
+                                    'Visualización de relaciones entre conceptos clave identificados en el texto.'
+                                )
+                            )
                             
                             st.markdown('</div>', unsafe_allow_html=True)