Update modules/ui/ui.py

modules/ui/ui.py

@@ -368,6 +368,110 @@ def display_videos_and_info(lang_code, t):
 ####################################
 ####################################
 
+def user_page(lang_code, t):
+    logger.info(f"Entrando en user_page para el estudiante: {st.session_state.username}")
+
+    # Inicializar el tab seleccionado si no existe
+    if 'selected_tab' not in st.session_state:
+        st.session_state.selected_tab = 0
+
+    # Inicializar el estado del análisis en vivo
+    if 'semantic_live_active' not in st.session_state:
+        st.session_state.semantic_live_active = False
+
+    # Manejar la carga inicial de datos del usuario
+    if 'user_data' not in st.session_state:
+        with st.spinner(t.get('loading_data', "Cargando tus datos...")):
+            try:
+                st.session_state.user_data = get_student_morphosyntax_data(st.session_state.username)
+                st.session_state.last_data_fetch = datetime.now(timezone.utc).isoformat()
+            except Exception as e:
+                logger.error(f"Error al obtener datos del usuario: {str(e)}")
+                st.error(t.get('data_load_error', "Hubo un problema al cargar tus datos. Por favor, intenta recargar la página."))
+                return
+
+    logger.info(f"Idioma actual: {st.session_state.lang_code}")
+    logger.info(f"Modelos NLP cargados: {'nlp_models' in st.session_state}")
+
+    # Configuración de idiomas disponibles
+    languages = {'Español': 'es', 'English': 'en', 'Français': 'fr'}
+
+    # Estilos CSS personalizados
+    st.markdown("""
+    <style>
+    .stSelectbox > div > div {
+        padding-top: 0px;
+    }
+    .stButton > button {
+        padding-top: 2px;
+        margin-top: 0px;
+    }
+    div[data-testid="stHorizontalBlock"] > div:nth-child(3) {
+        display: flex;
+        justify-content: flex-end;
+        align-items: center;
+    }
+    </style>
+    """, unsafe_allow_html=True)
+
+    # Barra superior con información del usuario y controles
+    with st.container():
+        col1, col2, col3 = st.columns([2, 2, 1])
+        with col1:
+            st.markdown(f"<h3 style='margin-bottom: 0; padding-top: 10px;'>{t['welcome']}, {st.session_state.username}</h3>", 
+                       unsafe_allow_html=True)
+        with col2:
+            selected_lang = st.selectbox(
+                t['select_language'],
+                list(languages.keys()),
+                index=list(languages.values()).index(st.session_state.lang_code),
+                key=f"language_selector_{st.session_state.username}_{st.session_state.lang_code}"
+            )
+            new_lang_code = languages[selected_lang]
+            if st.session_state.lang_code != new_lang_code:
+                st.session_state.lang_code = new_lang_code
+                st.rerun()
+        with col3:
+            if st.button(t['logout'], 
+                        key=f"logout_button_{st.session_state.username}_{st.session_state.lang_code}"):
+                st.session_state.clear()
+                st.rerun()
+
+    st.markdown("---")
+
+    # Asegurarse de que tenemos las traducciones del chatbot
+    chatbot_t = t.get('CHATBOT_TRANSLATIONS', {}).get(lang_code, {})
+    
+    # Mostrar chatbot en sidebar
+    display_sidebar_chat(lang_code, chatbot_t)
+
+    # Inicializar estados para todos los tabs
+    if 'tab_states' not in st.session_state:
+        st.session_state.tab_states = {
+            'current_situation_active': False,
+            'morpho_active': False,
+            'semantic_live_active': False,
+            'semantic_active': False,
+            'discourse_live_active': False,
+            'discourse_active': False,
+            'activities_active': False,
+            'feedback_active': False
+        }
+    
+    # Sistema de tabs
+    tab_names = [
+        t.get('current_situation_tab', "Mi Situación Actual"),
+        t.get('morpho_tab', 'Análisis Morfosintáctico'),
+        t.get('semantic_live_tab', 'Análisis Semántico Vivo'),
+        t.get('semantic_tab', 'Análisis Semántico'),
+        t.get('discourse_live_tab', 'Análisis de Discurso Vivo'),
+        t.get('discourse_tab', 'Análsis de Discurso'),
+        t.get('activities_tab', 'Mis Actividades'),
+        t.get('feedback_tab', 'Formulario de Comentarios')
+    ]
+    
+    tabs = st.tabs(tab_names)
+
 # Manejar el contenido de cada tab
 for index, tab in enumerate(tabs):
     with tab: