Update modules/semantic/semantic_interface.py

modules/semantic/semantic_interface.py

@@ -208,11 +208,11 @@ def display_semantic_results(semantic_result, lang_code, semantic_t):
     #Colocar aquí el bloque de código 
     if 'concept_graph' in analysis and analysis['concept_graph'] is not None:
         try:
-            # Container para el grafo con estilos mejorados
+            # Aplicar estilos directamente al contenedor de Streamlit
             st.markdown(
                 """
                 <style>
-                .graph-container {
+                .stContainer {
                     background-color: white;
                     border-radius: 10px;
                     padding: 20px;
@@ -228,30 +228,18 @@ def display_semantic_results(semantic_result, lang_code, semantic_t):
                 """,
                 unsafe_allow_html=True
             )
-    #Colocar aquí el bloque de código 
-
-            with st.container():
-                st.markdown('<div class="graph-container">', unsafe_allow_html=True)
-                
-                # Mostrar grafo
-                graph_bytes = analysis['concept_graph']
-                graph_base64 = base64.b64encode(graph_bytes).decode()
-                st.markdown(
-                    f'<img src="data:image/png;base64,{graph_base64}" alt="Concept Graph" style="width:100%;"/>',
-                    unsafe_allow_html=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)
-
+    
+            # Mostrar el gráfico directamente sin el div adicional
+            graph_bytes = analysis['concept_graph']
+            graph_base64 = base64.b64encode(graph_bytes).decode()
+            st.markdown(
+                f'<img src="data:image/png;base64,{graph_base64}" alt="Concept Graph" style="width:100%;"/>',
+                unsafe_allow_html=True
+            )
+    
             # Expandible con la interpretación
             with st.expander("📊 " + semantic_t.get('semantic_graph_interpretation', "Interpretación del gráfico semántico")):
-                 st.markdown(f"""
+                st.markdown(f"""
                     - 🔀 {semantic_t.get('semantic_arrow_meaning', 'Las flechas indican la dirección de la relación entre conceptos')}
                     - 🎨 {semantic_t.get('semantic_color_meaning', 'Los colores más intensos indican conceptos más centrales en el texto')}
                     - ⭕ {semantic_t.get('semantic_size_meaning', 'El tamaño de los nodos representa la frecuencia del concepto')}
@@ -272,7 +260,5 @@ def display_semantic_results(semantic_result, lang_code, semantic_t):
         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 concept graph available'))
 
 ########################################################################################