fix(frontend): consolidación de estado de invitados, retención de intenciones y refinamiento visual

[Ochoa-Stack]

fix/guest-session-state-consistency

Descripción

En este ciclo, resolvemos inconsistencias críticas en el manejo de estado para usuarios no autenticados (invitados), asegurando transiciones fluidas y sin fricción hacia el estado de sesión activa. Simultáneamente, refinamos la retroalimentación visual de la interfaz y unificamos la identidad gráfica del sistema a través de todas las vistas.

Detalles técnicos que integramos:

• Retención de Intención (fix/auth): Implementamos la lógica de captura de estado transitorio. Si un usuario invitado intenta ejecutar una acción protegida, su intención se preserva en el cliente y se retoma automáticamente una vez que el flujo de autenticación (login) concluye con éxito, eliminando la necesidad de repetir pasos operativos.
• Consistencia de Navegación (fix/navbar): Ajustamos el árbol de renderizado de la barra de navegación. Restringimos la visibilidad de elementos exclusivos (iconos de perfil/sesión) para usuarios invitados e integramos un Call to Action (CTA) explícito para iniciar sesión, adecuando la estructura a un estado de solo lectura.
• Retroalimentación Visual de Habilidades (fix/habilidades): Inyectamos marcado visual dinámico en el catálogo de habilidades. El motor de renderizado ahora identifica e indica de forma inmediata qué habilidades ya se encuentran asociadas al perfil del usuario autenticado, previniendo interacciones redundantes.
• Unificación de Branding (refactor/ui): Depuramos la cabecera eliminando la inyección de texto desglosado para el logotipo. Integramos un archivo SVG consolidado que respeta las proporciones nativas, garantizando consistencia gráfica a través de todas las capas del sistema (vistas públicas, panel de administración y páginas de error).

Tipo de cambio

• feat
• fix
• refactor
• chore
• docs
• test
• ci

Cómo probar

1. Tras el merge, sincronizamos la rama base en nuestro entorno local.
2. Levantamos los servicios y el cliente frontend.
3. Validación de Retención de Intención:
   • Como usuario no autenticado, navegamos e intentamos ejecutar una acción exclusiva de usuarios (ej. agregar una habilidad a nuestro perfil).
   • El sistema debe interceptar la acción y solicitar inicio de sesión.
   • Completamos el flujo de autenticación y confirmamos que, al finalizar, la acción original se ejecuta de manera automática sin requerir intervención adicional.
4. Validación de Componentes Condicionales y Visuales:
   • Iniciamos sesión y navegamos al catálogo. Confirmamos que las habilidades previamente adquiridas despliegan el indicador visual de "ya agregado".
   • Cerramos sesión. Confirmamos que la barra de navegación oculta los menús de usuario y expone el CTA de inicio de sesión.
5. Validación de Branding: Navegamos a través de rutas públicas, protegidas y generamos un error 404 intencional para verificar que el nuevo logotipo SVG se renderice correctamente en todas las plantillas.

Checklist

• Sigue las convenciones de commits del proyecto (separación atómica)
• El cliente preserva y ejecuta las intenciones de los invitados tras la autenticación
• El catálogo provee retroalimentación visual inmediata sobre elementos ya poseídos
• Los componentes de navegación y branding reaccionan consistentemente al contexto de la sesión

[codecov-commenter]

⚠️ Please install the to ensure uploads and comments are reliably processed by Codecov.

Codecov Report

✅ All modified and coverable lines are covered by tests.

📢 Thoughts on this report? Let us know!