Interfaz de Usuario¶

La interfaz de Nexus está diseñada para ser intuitiva y eficiente. Esta sección te guiará por todos los elementos visuales y de navegación.

Estructura general¶

La interfaz de Nexus se divide en cuatro áreas principales:

┌─────────────────────────────────────────────────────────────────┐
│                        BARRA SUPERIOR                           │
│  [≡] Logo    [Org/Proyecto ▼]    [🏥 Health] [🔔] [🌙] [👤]   │
├──────────┬──────────────────────────────────────────────────────┤
│          │                                                      │
│   MENÚ   │              ÁREA DE CONTENIDO                       │
│  LATERAL │                                                      │
│          │   Aquí se muestra el contenido de cada               │
│ Dashboard│   sección: Dashboard, Workspace, Agentes,            │
│ Workspace│   Tareas, etc.                                       │
│ Agentes  │                                                      │
│ Skills   │                                                      │
│ Tareas   │                                                      │
│ ...      │                                                      │
│          │                                                      │
└──────────┴──────────────────────────────────────────────────────┘

Componentes principales¶

Barra superior (Header)¶

Elemento	Función
Menú hamburguesa	Colapsar/expandir el menú lateral
Logo	Volver al Dashboard
Selector Org/Proyecto	Filtrar contenido por organización o proyecto
Health	Estado de los servicios del sistema
Notificaciones	Alertas y mensajes pendientes
Tema	Cambiar entre modo claro y oscuro
Usuario	Perfil y cerrar sesión

El menú se organiza en secciones lógicas:

Principal: Dashboard, Workspace
Biblioteca: Plugins, Agentes, Skills, Commands
Operaciones: Procedimientos, Tareas, Plantillas, Ejecuciones, Backlog
Sistema: Organizaciones, Usuarios, Monitor, Configuración

Área de contenido¶

Zona principal donde se muestra la información de cada sección. Puede contener:

Tablas de datos
Tarjetas (cards)
Formularios
Diálogos modales
Gráficos

Secciones de esta guía¶

Dashboard

El panel principal con estadísticas y accesos rápidos

Ver más
Navegación

Cómo moverte por las diferentes secciones

Ver más
Temas

Personaliza la apariencia de Nexus

Ver más
Atajos de teclado

Acciones rápidas con el teclado

Ver más

Responsive design¶

Nexus se adapta a diferentes tamaños de pantalla:

Pantalla	Comportamiento
Desktop (>1200px)	Menú lateral expandido, todas las columnas visibles
Tablet (768-1200px)	Menú colapsable, algunas columnas ocultas
Móvil (<768px)	Menú como overlay, vista simplificada

Consejo

Para mejor experiencia, usa Nexus en pantallas de al menos 1280px de ancho.

Siguiente: Dashboard - Conoce el panel principal.