Recipe editor
The screen where you edit a recipe: rich header, tabs, autosave, and the charts panel.
Path and purpose
- Path:
https://app.areacacao.com/validation?id=<id> - How to get there: open any recipe from
/recipes(click the card or the row). - What it's for: edit every field of a recipe, review its costs, yield, and charts, and run actions like scaling, sharing, printing, duplicating, or deleting.
Structure
Rich header
At the top, a bar with the Back to recipes link (on the left) and the recipe actions (on the right):
- Autosave indicator — shows the save status (see below).
- History — opens the recipe's version history (see Version history & duplicate).
- Scale — opens the scaling assistant (see Scale recipe).
- Actions menu (⋮) — Share, Version history, Print / PDF, Duplicate recipe, Delete recipe.
History and the ⋮ menu are only shown to the recipe's owner (see If you edit a recipe shared with you, below).
There is no "Hide charts / Show charts" button in the header. The side panel collapses from its own edge; it's covered below, under Side charts panel.
Below it, the recipe's editable header:
- Recipe name — inline editable field; type and it saves on its own. Long names show on up to two lines, without truncating mid-word.
- Description (optional) — optional textarea, also inline editable.
And below the header, an info row with Created, Updated, and Total weight.
Metadata strip (chocolate recipes only)
A strip with Type, Cocoa %, Target weight (g), and Fluidity appears only on recipes from the Chocolate formulator. On filling recipes and on those created from scratch (which can be of any type) this strip is not shown, because those fields don't apply.
If the recipe came from the AI formulator, you'll also see a panel with the AI Formulator notes explaining the formula's decisions.
Tabs
The editor has five working tabs:
- Ingredients — the composition table. It's the default tab. See Ingredients tab.
- Method — numbered process steps. See Method tab.
- Costs — the Total batch cost (or the partial cost, if prices are missing) with the View details button, three cards (Ingredients cost, Ingredients / 100 g, and Ingredients with cost) and the per-ingredient cost table. Below it, the AI cost analysis: the Generate analysis button creates a report with an executive summary, key cost drivers, and recommendations (8 credits per analysis). The full cost panel (labor, equipment, overhead, prices per channel) lives in the Costs sub-tab of the side panel: see Costs tab.
- Yield — the waste, what one unit of the recipe is, and the size or number of units. See Yield tab.
- Sensory analysis — lists the tastings linked to this recipe and lets you start a new tasting without leaving the editor.
Sensory analysis tab
The Sensory analysis tab is active: it shows the tastings linked to this recipe and a button to create a new one, pre-linked to the recipe:
- With a Pro or Studio plan you'll see the Create an evaluation for this recipe button, which opens the full tasting assistant already linked to the recipe (you can walk through every step: type, samples, protocol, panel, and logistics).
- On the other plans you'll see Evaluate this recipe with the Pro plan, which takes you to the pricing page (
/pricing).
Creating tastings from a recipe requires a plan with Sensory analysis (Pro or Studio). To manage tastings in depth, use the Sensory analysis module.
Side charts panel
On large screens, a charts panel appears on the right with three sub-tabs:
- Nutrition — macro percentages and distribution.
- Validation — the Formula validation. You pick a formula type and the panel measures your recipe against its ranges, with a score and out-of-range warnings. See Formula validation.
- Costs — total, cost per 100 g, and breakdown.
The panel collapses and expands from a chevron-shaped handle on its own edge, not from the header. Depending on its state, the handle is labeled Show analysis panel or Hide analysis panel, and it only appears on large screens. Your preference is remembered between sessions. If there isn't room for the panel beside the editor, it opens on top as a layer with a dimmed background, which you close by clicking outside it or pressing Escape. On mobile, the panel moves below the content.
Footer
At the bottom, the recipe's internal identifier and the date it was last edited.
Autosave (there's no Save button)
The editor saves on its own: every change triggers an automatic save after a short pause. The header indicator reflects the status:
- Saving… — the change is being sent.
- All saved — there are no pending changes; it's followed by how long ago the last save was (for example just now).
- Unsaved changes (or N unsaved changes) — click the indicator to force a save.
- Offline: N unsaved changes. They will be saved automatically when you are back online. — you lost your connection; don't close the tab until it's back.
- Error — retry — the last save failed; click to retry.
If you try to leave the screen with unsaved changes, the browser warns you. Wait until you see All saved before closing the tab.
If you edit a recipe shared with you
If someone shared a recipe with you at the Can edit level, you open it in this same editor with a notice at the top: You are editing [name]'s recipe + Your changes are saved into their recipe. You cannot delete, publish, share it or see their costs. In that case you don't see the History button, the ⋮ menu, the Costs and Sensory analysis tabs, or the Costs sub-tab of the side panel.
If the recipe was saved from somewhere else while you were working (another person with edit access, or another tab or window signed in to your account), the editor doesn't overwrite that work: it shows a notice (Someone edited this recipe while you were working or This recipe was saved from another tab or window), keeps your changes on screen so you can copy them, and offers Reload recipe.
Menu actions (⋮)
| Action | What it does |
|---|---|
| Share | Opens the share modal, where you turn on the Public recipe toggle to publish it and generate the link. See Share recipe. |
| Version history | Opens the version history, just like the History button. |
| Print / PDF | Opens the A4 technical sheet with automatic printing. On older free accounts (created before sign-up required choosing a plan) it shows the notice "PDF export is included in the Starter and Pro plans." instead of opening it. See Print a recipe. |
| Duplicate recipe | Creates a copy and opens it. See Version history & duplicate. |
| Delete recipe | Deletes the recipe after a confirmation. |