Tour de la interfaz

Una vuelta de cinco minutos por la interfaz de Mosce ERP: barra lateral, header, área principal, y los atajos que vas a usar todos los días.

Tiempo de lectura: ~5 min

Cuándo usar esto

Es tu primer día y quieres saber dónde está cada cosa antes de tocar nada.
Estás formando a un nuevo usuario y necesitas un recorrido base.

Antes de empezar

Tu sesión está iniciada. Si no, ve a /login.
Tienes al menos el plan FREE activo (todos los planes muestran la misma estructura - solo cambian las secciones visibles).

Las tres zonas del dashboard

La pantalla se divide en tres bloques:

Barra lateral (izquierda) - navegación principal.
Header (arriba) - contexto, búsqueda y acciones del usuario.
Área principal (centro) - el contenido de la página actual.

La barra lateral

Agrupa todos los módulos en secciones. Solo ves las secciones a las que tu plan + permisos te dan acceso. Las secciones reales son:

Principal - Dashboard.
Operaciones - Productos, Categorías, Clientes, Proveedores, Agentes de ventas, Pedidos, Cotizaciones, Punto de venta, Cajas registradoras, Facturas.
Inventario - Almacenes, Inventario, Órdenes de compra.
Contabilidad - Gastos, Facturas y Pagos a proveedores, Activos fijos, Distribuciones, Transacciones recurrentes, Presupuestos, Presupuesto vs Real, Plan de cuentas, Asientos contables, Plantillas, Centros de costo, Períodos fiscales, Configuración contable, Cuentas bancarias, Estados de cuenta, Conciliación, Balance de comprobación, Mayor general.
Reportes - Balance general, Estado de resultados, Antigüedad CxC, Antigüedad CxP, Retenciones, P&L por Centro de Costo, Flujo de Caja, Cambios en el Patrimonio.
Análisis - Reportes (dashboard general).
Administración - Documentos, Ajustes, Fiscal.
Plataforma - visible solo para admins de plataforma (no aplica a usuarios normales).

En la parte inferior izquierda hay un botón con dos chevrons (« o ») que colapsa el sidebar a solo iconos (ancho 64 px en lugar de 256 px). El estado se guarda en tu navegador, así que la próxima vez que entres lo encuentras como lo dejaste.

En móvil

Debajo de 768 px de ancho la barra lateral desaparece. Ábrela tocando el botón de menú (hamburguesa) arriba a la izquierda en el header.

El header

De izquierda a derecha:

Botón de menú móvil - solo visible debajo de 768 px.
Breadcrumbs - la ruta de navegación actual (ej. Inicio › Operaciones › Facturas).
Selector de empresa (Tenant switcher) - solo visible desde 768 px hacia arriba. Si perteneces a más de una empresa, cambias entre ellas desde aquí. Nota: el cambio en vivo está en preparación; verás el control con la empresa activa.
Widget de caja registradora - atajo a tu sesión POS abierta, si tienes una.
Indicador de usuarios en línea - cuántos miembros del tenant están conectados ahora.
Indicador de conexión - estado del canal realtime (Conectado / Conectando / Desconectado / Inactivo).
Cambio de tema - Claro / Oscuro / Sistema.
Menú de usuario - Mi perfil, Configuración de cuenta, Cerrar sesión.

El área principal

El contenido cambia según la ruta. En el Dashboard ves:

Saludo personalizado con tu nombre.
Widget "Configurar tu negocio" (checklist de onboarding) durante los primeros 30 días o hasta que lo descartes.
Cuatro KPIs rápidos: Ventas hoy, Facturas abiertas, Stock bajo, Clientes activos.
Sección de Actividad reciente.

En las páginas de listado (clientes, productos, facturas, etc.) ves típicamente: encabezado con título, botón de "Crear", filtros y la tabla. En páginas de detalle, encabezado con acciones, tabs y secciones.

Atajos útiles

El campo de búsqueda en el header está marcado "Buscar... (próximamente)": la búsqueda global está en preparación.
Para volver al dashboard desde cualquier pantalla, haz clic en Mosce ERP (el logo de la barra lateral) o en el primer breadcrumb (Inicio).

Resultado esperado

Después de leer esto sabes:

Identificar barra lateral, header y área principal.
Entender por qué algunas secciones del sidebar no aparecen para ti (plan o permisos).
Encontrar el selector de empresa, el menú de usuario y el cambio de tema.
Operar en móvil con el drawer.

Errores comunes

Error	Causa	Solución
No veo el selector de empresa	Estás en pantalla menor a 768 px o solo perteneces a una empresa	El selector aparece desde tablet. Si solo tienes un tenant, igual lo verás identificado
"Desconectado" en el indicador de conexión	El canal realtime se cayó	Refresca la página. Si persiste, revisa tu conexión a internet
El sidebar quedó colapsado y no encuentro los nombres	Toggle de colapso activo	Haz clic en el chevron `»` abajo a la izquierda para expandirlo