Update modules/studentact/current_situation_interface.py

modules/studentact/current_situation_interface.py

@@ -48,15 +48,34 @@ def display_current_situation_interface(lang_code, nlp_models, t):
         if 'current_metrics' not in st.session_state:
             st.session_state.current_metrics = None
 
-        st.markdown("## Análisis Inicial de Escritura")
+        # Estilos CSS para mejorar la presentación
+        st.markdown("""
+            <style>
+                .main-title {
+                    margin-bottom: 2rem;
+                }
+                .stTextArea textarea {
+                    border-radius: 0.5rem;
+                }
+                div[data-testid="column"] {
+                    background-color: transparent;
+                }
+                .metric-container {
+                    background-color: #f8f9fa;
+                    padding: 1rem;
+                    border-radius: 0.5rem;
+                    margin-bottom: 1rem;
+                }
+            </style>
+        """, unsafe_allow_html=True)
+
+        st.markdown('<h2 class="main-title">Análisis Inicial de Escritura</h2>', unsafe_allow_html=True)
         
         # Container principal con dos columnas
         with st.container():
             input_col, results_col = st.columns([1,2])
             
             with input_col:
-                #st.markdown("### Ingresa tu texto")
-                
                 # Función para manejar cambios en el texto
                 def on_text_change():
                     st.session_state.text_input = st.session_state.text_area
@@ -106,7 +125,50 @@ 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:
-                    display_radar_chart(st.session_state.current_metrics)
+                    # 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)
 
     except Exception as e:
         logger.error(f"Error en interfaz: {str(e)}")