Update modules/studentact/current_situation_interface.py

modules/studentact/current_situation_interface.py

@@ -125,55 +125,14 @@ def display_current_situation_interface(lang_code, nlp_models, t):
             # Mostrar resultados en la columna derecha
             with results_col:
                 if st.session_state.show_results and st.session_state.current_metrics is not None:
-                    # Container para los resultados
-                    with st.container():
-                        st.markdown('<div class="metric-container">', unsafe_allow_html=True)
-                        
-                        # Crear columnas para las métricas con espaciado uniforme
-                        c1, c2, c3, c4 = st.columns([1.2, 1.2, 1.2, 1.2])
-                        
-                        with c1:
-                            st.metric(
-                                "Vocabulario",
-                                f"{st.session_state.current_metrics['vocabulary']['normalized_score']:.2f}",
-                                "Meta: 1.00",
-                                delta_color="off",
-                                help="Riqueza y variedad del vocabulario utilizado"
-                            )
-                        with c2:
-                            st.metric(
-                                "Estructura",
-                                f"{st.session_state.current_metrics['structure']['normalized_score']:.2f}",
-                                "Meta: 1.00",
-                                delta_color="off",
-                                help="Organización y complejidad de las oraciones"
-                            )
-                        with c3:
-                            st.metric(
-                                "Cohesión",
-                                f"{st.session_state.current_metrics['cohesion']['normalized_score']:.2f}",
-                                "Meta: 1.00",
-                                delta_color="off",
-                                help="Conexión y fluidez entre ideas"
-                            )
-                        with c4:
-                            st.metric(
-                                "Claridad",
-                                f"{st.session_state.current_metrics['clarity']['normalized_score']:.2f}",
-                                "Meta: 1.00",
-                                delta_color="off",
-                                help="Facilidad de comprensión del texto"
-                            )
-                        
-                        st.markdown('</div>', unsafe_allow_html=True)
-                        
-                        # Mostrar el gráfico de radar
-                        display_radar_chart(st.session_state.current_metrics)
+                    display_radar_chart(st.session_state.current_metrics)
 
     except Exception as e:
         logger.error(f"Error en interfaz: {str(e)}")
         st.error("Ocurrió un error. Por favor, intente de nuevo.")
 
+
+########################################
 def display_radar_chart(metrics):
     """
     Muestra un gráfico de radar con las métricas del usuario y el patrón ideal.
@@ -181,16 +140,45 @@ def display_radar_chart(metrics):
     try:
         # Container con proporción reducida
         with st.container():
-            # Métricas en la parte superior
-            col1, col2, col3, col4 = st.columns(4)
-            with col1:
-                st.metric("Vocabulario", f"{metrics['vocabulary']['normalized_score']:.2f}", "1.00")
-            with col2:
-                st.metric("Estructura", f"{metrics['structure']['normalized_score']:.2f}", "1.00")
-            with col3:
-                st.metric("Cohesión", f"{metrics['cohesion']['normalized_score']:.2f}", "1.00")
-            with col4:
-                st.metric("Claridad", f"{metrics['clarity']['normalized_score']:.2f}", "1.00")
+            st.markdown('<div class="metric-container">', unsafe_allow_html=True)
+            
+            # Crear columnas para las métricas con espaciado uniforme
+            c1, c2, c3, c4 = st.columns([1.2, 1.2, 1.2, 1.2])
+            
+            with c1:
+                st.metric(
+                    "Vocabulario",
+                    f"{metrics['vocabulary']['normalized_score']:.2f}",
+                    "Meta: 1.00",
+                    delta_color="off",
+                    help="Riqueza y variedad del vocabulario utilizado"
+                )
+            with c2:
+                st.metric(
+                    "Estructura",
+                    f"{metrics['structure']['normalized_score']:.2f}",
+                    "Meta: 1.00",
+                    delta_color="off",
+                    help="Organización y complejidad de las oraciones"
+                )
+            with c3:
+                st.metric(
+                    "Cohesión",
+                    f"{metrics['cohesion']['normalized_score']:.2f}",
+                    "Meta: 1.00",
+                    delta_color="off",
+                    help="Conexión y fluidez entre ideas"
+                )
+            with c4:
+                st.metric(
+                    "Claridad",
+                    f"{metrics['clarity']['normalized_score']:.2f}",
+                    "Meta: 1.00",
+                    delta_color="off",
+                    help="Facilidad de comprensión del texto"
+                )
+            
+            st.markdown('</div>', unsafe_allow_html=True)
 
             # Contenedor para el gráfico con ancho controlado
             _, graph_col, _ = st.columns([1,2,1])