Editor de recetas
La pantalla donde editas una receta: header rico, pestañas, autosave y panel de gráficas.
Ruta y propósito
- Ruta:
https://app.areacacao.com/reciview?id=<id> - Cómo se llega: abre cualquier receta desde
/recetas(clic en la tarjeta o en la fila). - Para qué sirve: editar todos los campos de una receta, consultar sus costos, su rendimiento y sus gráficas, y lanzar acciones como escalar, compartir, imprimir, duplicar o eliminar.
Estructura
Header rico
En la parte superior, el enlace Volver a recetas. Debajo, la cabecera editable:
- Nombre — input editable en línea. Escribe y se guarda solo.
- Descripción — textarea opcional, también editable en línea.
- Indicador de autosave — muestra el estado del guardado (ver más abajo).
- Ocultar / Mostrar gráficas — alterna el panel lateral de gráficas.
- Escalar — abre el asistente de escalado (ver Escalar receta).
- Menú de acciones (⋮) — Compartir, Historial de versiones, Imprimir / PDF, Duplicar receta, Eliminar receta.
Debajo de la cabecera, una fila informativa con Creada, Actualizada y Peso total.
Strip de metadata (solo recetas de chocolate)
Si la receta es de chocolate, aparece una tira con Tipo, % cacao, Peso objetivo (g) y Fluidez. En las recetas de relleno este strip no se muestra.
Si la receta vino del Formulador con IA, verás además un panel con las notas del Formulador que explican las decisiones de la fórmula.
Pestañas
El editor tiene estas pestañas productivas:
- Ingredientes — la tabla de composición. Es la pestaña por defecto. Ver Pestaña Ingredientes.
- Elaboración — pasos numerados del proceso. Ver Pestaña Elaboración.
- Costos — costo total, costo por 100 g y desglose por ingrediente. Ver Pestaña Costos.
- Rendimiento — yield, tamaño de porción y porciones. Ver Pestaña Rendimiento.
Puede que veas también una pestaña Análisis sensorial. De momento es un adelanto: el flujo para crear una cata directamente desde la receta todavía no está activo. Para catas y paneles de cata, usa el módulo de Análisis sensorial.
Panel de gráficas lateral
En pantallas grandes, a la derecha aparece un panel de gráficas con tres sub-pestañas:
- Nutricional — porcentajes y distribución de macros.
- Validación — la Validación de fórmula. Al abrirla sin un tipo de relleno elegido solo verás el botón Selecciona un tipo: hasta que escojas un tipo no aparece ningún indicador. Una vez seleccionado, los parámetros mostrados (Agua, Azúcares, Grasas Totales, Grasas Saturadas, Otras Grasas, Grasa Manteca de Cacao…) dependen del tipo elegido, no son un set fijo, y se acompañan de un score y los avisos por rango.
- Costos — total, costo por 100 g y desglose.
Puedes ocultarlo con Ocultar gráficas; la preferencia se recuerda entre sesiones. En móvil el panel baja debajo del contenido.
Pie
Al final, el identificador interno de la receta y la fecha de última edición.
Autosave (no hay botón Guardar)
El editor guarda solo: cada cambio dispara un guardado automático tras una breve pausa. El indicador del header refleja el estado:
- Guardando… — el cambio se está enviando.
- Todo guardado — no hay cambios pendientes.
- Cambios sin guardar — pulsa el indicador para forzar el guardado.
- Error — reintentar — el último guardado falló; pulsa para reintentar.
Si intentas salir de la pantalla con cambios sin guardar, el navegador te avisa. Espera a ver Todo guardado antes de cerrar la pestaña.
Acciones del menú (⋮)
| Acción | Qué hace |
|---|---|
| Compartir | Abre el modal de compartir, donde activas el toggle Receta pública para publicarla y generar el enlace. Ver Compartir receta. |
| Historial de versiones | Abre un panel con los snapshots de la receta para restaurar versiones. Ver Historial y duplicar. |
| Imprimir / PDF | Abre la ficha técnica A4 con impresión automática. Ver Imprimir receta. |
| Duplicar receta | Crea una copia y la abre. Ver Historial y duplicar. |
| Eliminar receta | Borra la receta tras una confirmación. |