El panel del personal

Páginas

Cada página existe en inglés en /en y en árabe en /ar. El panel se abre en /en/dashboard, después del inicio de sesión en /en/auth/login.

La campana de la barra superior contiene las notificaciones, una paleta de búsqueda encuentra platos, pedidos y clientes, y el enlace "View storefront" abre NEXT_PUBLIC_STOREFRONT_URL. Los buscadores nunca indexan el panel.

Con los datos de demostración, las cifras de hoy del resumen parten de un día de ejemplo guardado, al que se suman los pedidos pagados hechos desde la carga de datos, y ayer es el día guardado anterior. Una cuenta de cocina nunca ve el resumen, porque informa de dinero.

Propietario, gerente y cocina

• Todas las cuentas de demostración usan la contraseña FoodDemo2026!. El formulario de inicio de sesión empieza vacío: escribe el correo y la contraseña de la cuenta que quieras. Solo una demo pública, con el modo demo activado, rellena el formulario y muestra un botón para cada cuenta. Cambia estas contraseñas, o elimina las cuentas, antes de pasar a producción.
• Los permisos se llaman como orders.view o products.edit, y la API comprueba uno en cada ruta del personal, muestre lo que muestre la pantalla.
• La barra lateral y la paleta de búsqueda omiten lo que una cuenta no puede abrir, y una página abierta por su dirección muestra en su lugar un aviso de acceso.
• Una cuenta de cocina está vinculada a una cocina en Team. Solo ve los pedidos confirmados, en preparación, listos, en reparto y entregados de esa cocina, y nunca el resumen, porque el resumen informa de dinero.

Los pedidos y la cola de la cocina

La lista busca por número de pedido y por cliente, y filtra por estado, entrega o recogida, y fecha, contando el día en la zona horaria de cada cocina. El pedido seleccionado muestra su cliente, la dirección de entrega, los artículos con sus opciones y notas, los totales y la cronología.

• La página del pedido avanza un pedido un paso cada vez, con botones como Mark ready, Send out for delivery y Mark delivered, o lo cancela con un motivo. La API impone el orden de los pasos, y un pedido pendiente no se puede confirmar hasta que está pagado.
• Cada pedido se imprime como ticket de cocina y se descarga como archivo CSV.
• Los pedidos nuevos y los cambios de estado llegan en directo, a la lista y a la campana, sin recargar.

El menú

• Available now es el interruptor que una cocina activa o desactiva durante el servicio: el plato sigue en el menú pero no se puede pedir.
• Archivar mueve un plato a Archived dishes, desde donde se puede restaurar. Las categorías se archivan y se restauran de la misma forma.
• El combo, sus opciones y sus suplementos son una oferta que guarda la API; el asistente puede activarla y desactivarla.

Clientes

La lista de clientes busca y filtra clientes, con los recuentos encima. El personal puede añadir un cliente, abrir sus datos, cambiar su contraseña, marcar su correo como verificado, eliminarlo y restaurarlo. Los clientes editan sus propios datos desde su cuenta en el sitio web.

La página de inicio del sitio web

Homepage muestra las nueve secciones en el orden de la página. Arrástralas, o usa las flechas, para reordenarlas; activa o desactiva cada una; y abre una para editar su texto en los dos idiomas. Los cambios se guardan mientras escribes.

Editar una sección necesita el permiso products.edit.

El estudio de IA y el asistente de IA

• El estudio de IA elige un plato, cambia el estilo de su foto con un fondo, una iluminación y una indicación que dice qué conservar, y compara la original con el resultado. Save as draft guarda el resultado en el borrador del plato hasta que guardes el plato. Un botón "Remove background" recorta el plato cuando el archivo del modelo está instalado.
• El estudio en el formulario del plato tiene un modo Assistant, que escribe los datos del plato a partir de sus fotos y edita fotos cuando se lo pides, y un modo Animate, que convierte una foto en un clip corto. Los resultados llegan a una lista Generations; añade al plato los que te gusten.
• El asistente de IA consulta pedidos, platos y ventas y dibuja gráficos. Todo lo que cambiaría datos se muestra primero como una diferencia y solo se ejecuta cuando lo confirmas.
• Sin una clave de Google AI en la API, el estudio dice "Image generation is not connected" y el asistente dice "No AI model is connected". Todo lo demás del panel funciona.

• Funciones de IA

Equipo y roles

• Members muestra el personal y permite añadir, editar y eliminar miembros. Cada miembro tiene uno o varios roles, y un miembro de cocina está vinculado a una cocina.
• Roles crea, renombra y elimina roles, y concede sus permisos desde una cuadrícula agrupada por área. Un miembro tiene todos los permisos de todos sus roles, y un cambio llega al instante a un miembro con sesión iniciada.
• Solo el propietario ve Team: los roles de gerente y de cocina no tienen ningún permiso de equipo ni de roles.

La carga de datos crea ocho cuentas del personal: el propietario, tres gerentes y una cuenta de cocina para cada una de las cuatro cocinas.

Ajustes

Settings tiene tres pestañas. Profile y Security pertenecen a la cuenta con sesión iniciada y están abiertas a todos los miembros. Restaurant necesita el permiso settings.view para leer y settings.edit para cambiar.

Notificaciones

• Un pedido nuevo notifica al personal que puede verlo, y una generación del estudio de IA terminada o fallida notifica al miembro que la inició. Una cuenta de cocina solo recibe avisos de los pedidos de su propia cocina cuando llegan a su cola.
• Llegan en directo, con un mensaje breve en pantalla, y se quedan en la lista de la campana hasta que se leen o se eliminan, durante 30 días.
• La conexión en directo usa NEXT_PUBLIC_WEBSOCKET_BASE_URL, la dirección de la API sin /api, y la API solo la acepta desde FRONTEND_URL. En tus propios dominios, configura ambas.

Modo demostración

Cómo encaja el código del panel