From 4cbd5ef9cb91588254227e8e5391fbf3d6b1907d Mon Sep 17 00:00:00 2001
From: Simon Bernier St-Pierre <git.sbstp.ca@gmail.com>
Date: Sat, 1 Aug 2026 20:26:55 -0400
Subject: [PATCH] meals support

---
 Cargo.lock       |  36 +++
 Cargo.toml       |   4 +-
 MEAL_PLAN.md     | 168 ------------
 README.md        |   1 +
 src/domain.rs    |  17 ++
 src/http.rs      | 231 ++++++++++++++++-
 src/main.rs      |  22 +-
 src/ports.rs     |  78 +++++-
 src/services.rs  | 177 ++++++++++++-
 src/sqlite.rs    | 647 ++++++++++++++++++++++++++++++++++++++++++++++-
 src/views.rs     | 377 ++++++++++++++++++++++++++-
 static/style.css | 197 ++++++++++++++-
 12 files changed, 1751 insertions(+), 204 deletions(-)
 delete mode 100644 MEAL_PLAN.md

diff --git a/Cargo.lock b/Cargo.lock
index a8ff7a0..26f3618 100644
--- a/Cargo.lock
+++ b/Cargo.lock
@@ -417,6 +417,15 @@ dependencies = [
  "version_check",
 ]
 
+[[package]]
+name = "getopts"
+version = "0.2.24"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "cfe4fbac503b8d1f88e6676011885f34b7174f46e59956bba534ba83abded4df"
+dependencies = [
+ "unicode-width",
+]
+
 [[package]]
 name = "getrandom"
 version = "0.2.17"
@@ -918,6 +927,25 @@ dependencies = [
  "version_check",
 ]
 
+[[package]]
+name = "pulldown-cmark"
+version = "0.13.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e9f068eba8e7071c5f9511831b44f32c740d5adf574e990f946ddb53db2f314e"
+dependencies = [
+ "bitflags",
+ "getopts",
+ "memchr",
+ "pulldown-cmark-escape",
+ "unicase",
+]
+
+[[package]]
+name = "pulldown-cmark-escape"
+version = "0.11.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "007d8adb5ddab6f8e3f491ac63566a7d5002cc7ed73901f72057943fa71ae1ae"
+
 [[package]]
 name = "quote"
 version = "1.0.47"
@@ -1350,6 +1378,7 @@ dependencies = [
  "futures-util",
  "hex",
  "maud",
+ "pulldown-cmark",
  "rand 0.8.7",
  "serde",
  "serde_json",
@@ -1357,6 +1386,7 @@ dependencies = [
  "sqlx",
  "thiserror",
  "tokio",
+ "tower",
  "tower-http",
  "tracing",
  "tracing-subscriber",
@@ -1654,6 +1684,12 @@ version = "1.0.24"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "e6e4313cd5fcd3dad5cafa179702e2b244f760991f45397d14d4ebf38247da75"
 
+[[package]]
+name = "unicode-width"
+version = "0.2.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b4ac048d71ede7ee76d585517add45da530660ef4390e49b098733c6e897f254"
+
 [[package]]
 name = "untrusted"
 version = "0.9.0"
diff --git a/Cargo.toml b/Cargo.toml
index 0b878af..63b44ea 100644
--- a/Cargo.toml
+++ b/Cargo.toml
@@ -10,6 +10,7 @@ axum = { version = "0.8", features = ["ws"] }
 futures-util = "0.3"
 hex = "0.4"
 maud = "0.27"
+pulldown-cmark = "0.13"
 rand = "0.8"
 serde = { version = "1", features = ["derive"] }
 serde_json = "1"
@@ -17,6 +18,7 @@ sha2 = "0.10"
 sqlx = { version = "0.8", default-features = false, features = ["runtime-tokio", "sqlite", "macros", "tls-rustls"] }
 thiserror = "2"
 tokio = { version = "1", features = ["full"] }
-tower-http = { version = "0.6", features = ["fs", "trace"] }
+tower = "0.5"
+tower-http = { version = "0.6", features = ["fs", "trace", "set-header"] }
 tracing = "0.1"
 tracing-subscriber = { version = "0.3", features = ["env-filter"] }
diff --git a/MEAL_PLAN.md b/MEAL_PLAN.md
deleted file mode 100644
index cda0ea9..0000000
--- a/MEAL_PLAN.md
+++ /dev/null
@@ -1,168 +0,0 @@
-# Meal Feature Plan
-
-Status: Part A implemented; Parts B–F not yet implemented
-
-This plan adds the concept of a **meal** to Sustenance. A meal has a name, an
-optional description/recipe (markdown), and a list of ingredients. Meals are
-**global** (not owned by a single user) and **not collaborative** like grocery
-lists. The core action is **"add a meal to a list"**, which expands the meal's
-ingredients into regular list items.
-
-The plan is split into parts so each can be implemented and tested independently.
-
----
-
-## Part A — Refactor categories to be global
-
-**Status: implemented**
-
-Currently `categories` are per-list (`categories.list_id`, with a
-`UNIQUE (list_id, name)` constraint). Since meals are global and ingredients
-reference categories, categories become global too.
-
-### Schema change (in `migrate` in `src/sqlite.rs`) — done
-
-```sql
-categories (
-    id INTEGER PRIMARY KEY AUTOINCREMENT,
-    name TEXT NOT NULL UNIQUE COLLATE NOCASE,
-    position INTEGER NOT NULL DEFAULT 0,
-    created_at INTEGER NOT NULL
-)
-```
-
-- Dropped `list_id`; `name` is globally unique.
-- `items.category_id` stays a FK to `categories(id)` — unchanged.
-- Default categories are now seeded once at startup via `seed_default_categories`
-  (called from `SqliteDatabase::open` / `open_in_memory`).
-- **Migration:** since `CREATE TABLE IF NOT EXISTS` won't reshape an existing DB,
-  the dev DB is recreated (see Open decisions).
-
-### Repo / port changes (`CategoryRepository` in `src/ports.rs`) — done
-
-- `categories(txn)` → returns all global categories (no `list_id` param).
-- `create_category(txn, name)` → global, no `list_id`, no per-list revision bump.
-- Added `category_by_name(txn, name)` for resolving ingredient categories.
-- `ListRepository::create_list` no longer seeds default categories.
-
-### Service / HTTP changes — done
-
-- `ListService::categories()` no longer takes `list_id`.
-- `create_category` handler moved to a global `POST /categories` route.
-- The list page's categories panel shows the global category set.
-- `create_category` no longer bumps a list revision, so no realtime event for it.
-
----
-
-## Part B — Meal data model
-
-New tables (in `migrate` in `src/sqlite.rs`):
-
-```sql
-meals (
-    id INTEGER PRIMARY KEY AUTOINCREMENT,
-    name TEXT NOT NULL,
-    description TEXT NOT NULL DEFAULT '',   -- markdown source
-    created_at INTEGER NOT NULL,
-    updated_at INTEGER NOT NULL
-)
-
-meal_ingredients (
-    id INTEGER PRIMARY KEY AUTOINCREMENT,
-    meal_id INTEGER NOT NULL REFERENCES meals(id) ON DELETE CASCADE,
-    name TEXT NOT NULL,
-    quantity TEXT NOT NULL DEFAULT '',
-    note TEXT NOT NULL DEFAULT '',
-    category_id INTEGER REFERENCES categories(id) ON DELETE SET NULL,  -- global category FK
-    position INTEGER NOT NULL DEFAULT 0
-)
-```
-
-- **No `user_id`** — meals are global (editable/accessible by all), matching lists.
-- Ingredient categories reference the **global** `categories.id` directly
-  (thanks to Part A), no name-string resolution needed.
-
----
-
-## Part C — Domain models (`src/domain.rs`)
-
-- `Meal { id, name, description, ingredients: Vec<MealIngredient> }`
-- `MealIngredient { id, name, quantity, note, category_id: Option<i64> }`
-
----
-
-## Part D — Ports (`src/ports.rs`)
-
-One repo per table, matching the existing pattern:
-
-- `MealRepository` — `create_meal`, `get_meal`, `list_meals`, `update_meal`,
-  `delete_meal`
-- `MealIngredientRepository` — `ingredients_for_meal`, `add_ingredient`,
-  `update_ingredient`, `delete_ingredient`
-- Reuse `ListRepository`, `CategoryRepository`, `ItemRepository`.
-
----
-
-## Part E — Services (`src/services.rs`)
-
-- `MealService` — CRUD for meals + ingredients.
-- **`add_meal_to_list(meal_id, list_id)`** in one unit of work:
-  1. Load the meal.
-  2. Verify the list exists.
-  3. Map each ingredient's `category_id` (already a global category id, so it's
-     valid on the list directly).
-  4. **Bulk-insert** all items via a new `ItemRepository::add_items_bulk`,
-     bumping the list revision **once** → one realtime event.
-
----
-
-## Part F — HTTP + Views
-
-### Routes (all require `CurrentUser`)
-
-- `GET /meals` — list all meals
-- `GET /meals/new`, `POST /meals` — create
-- `GET /meals/{id}`, `POST /meals/{id}/edit` — view/edit
-- `POST /meals/{id}/delete`
-- `POST /meals/{id}/ingredients` — add ingredient
-- `POST /meals/{id}/ingredients/{iid}/edit`, `.../delete`
-- `POST /lists/{list_id}/add-meal` — add a meal's ingredients to a list
-
-### Add-to-list lookup popup
-
-On the list page, an "Add meal" button opens a modal/popup with a searchable
-meal picker (htmx). Selecting a meal posts to `/lists/{list_id}/add-meal`.
-Implemented as an htmx-powered modal that fetches a meal list/search fragment.
-
-### Views (`src/views.rs`)
-
-- Meals index page (`/meals`) listing all meals.
-- Full-page create/edit forms (matches current htmx style).
-- Meal detail page showing name, rendered description, and ingredients.
-- Markdown rendered server-side with `pulldown-cmark`, no sanitization for now.
-
----
-
-## Implementation order
-
-1. **Part A** — category refactor (schema, repos, services, HTTP, views, tests).
-   Do this first since meals depend on global categories.
-2. **Part B/C/D** — meal schema + domain + repos + tests.
-3. **Part E** — `MealService` CRUD + `add_meal_to_list` (bulk) + tests.
-4. **Part F** — HTTP routes, views, and the add-meal lookup popup.
-
----
-
-## Open decisions (to confirm before implementing)
-
-1. **Migration handling for the category refactor** — since `CREATE TABLE IF NOT
-   EXISTS` won't reshape an existing DB, write a proper migration, or is it fine
-   to drop/recreate the dev DB?
-   **Resolution (Part A):** drop/recreate the dev DB. The app was never
-   deployed, so there is no production data to preserve.
-2. **Category management UI** — with categories now global, do we want a
-   dedicated categories page (e.g. `/categories`) to add/rename/delete them, or
-   keep it minimal (just the add form on the list page, now creating global
-   categories)?
-   **Resolution (Part A):** keep it minimal — the add form stays on the list
-   page's categories panel, now posting to the global `POST /categories` route.
diff --git a/README.md b/README.md
index 4e8602a..0ba755a 100644
--- a/README.md
+++ b/README.md
@@ -47,6 +47,7 @@ The file is optional — if it is missing or invalid, seeding is silently skippe
 - Add, edit, check, and delete grocery items
 - Global categories with common defaults seeded at startup and custom category creation
 - Items grouped by category and assigned from the add/edit forms
+- Meals with ingredients, markdown descriptions, and one-click "add meal to list"
 - Server-authoritative last-write-wins updates
 - Per-list WebSocket updates with server-rendered htmx fragments
 - In-memory presence for members currently viewing a list
diff --git a/src/domain.rs b/src/domain.rs
index 77ff766..1a8dd64 100644
--- a/src/domain.rs
+++ b/src/domain.rs
@@ -52,6 +52,23 @@ pub struct Category {
     pub name: String,
 }
 
+#[derive(Clone, Debug)]
+pub struct Meal {
+    pub id: i64,
+    pub name: String,
+    pub description: String,
+    pub ingredients: Vec<MealIngredient>,
+}
+
+#[derive(Clone, Debug)]
+pub struct MealIngredient {
+    pub id: i64,
+    pub name: String,
+    pub quantity: String,
+    pub note: String,
+    pub category_id: Option<i64>,
+}
+
 #[derive(Clone, Debug)]
 pub struct PresenceUser {
     pub user_id: i64,
diff --git a/src/http.rs b/src/http.rs
index 759537e..827790d 100644
--- a/src/http.rs
+++ b/src/http.rs
@@ -16,18 +16,23 @@ use axum::{
 use futures_util::{SinkExt, StreamExt};
 use serde::{Deserialize, de::DeserializeOwned};
 use thiserror::Error;
-use tower_http::{services::ServeDir, trace::TraceLayer};
+use tower_http::{
+    services::ServeDir,
+    set_header::SetResponseHeaderLayer,
+    trace::TraceLayer,
+};
 use tracing::{error, warn};
 
 use crate::domain::{DomainError, SessionUser};
 use crate::ports::{HubEvent, RealtimeNotifier};
-use crate::services::{AuthService, InvitationService, ListService};
+use crate::services::{AuthService, InvitationService, ListService, MealService};
 use crate::views;
 
 #[derive(Clone)]
 pub struct AppState {
     pub auth: Arc<AuthService>,
     pub lists: Arc<ListService>,
+    pub meals: Arc<MealService>,
     pub invitations: Arc<InvitationService>,
     pub realtime: Arc<dyn RealtimeNotifier>,
     pub cookie_secure: bool,
@@ -76,10 +81,27 @@ pub fn build_router(state: AppState) -> Router {
         .route("/lists/{list_id}/items/{item_id}/delete", post(delete_item))
         .route("/categories", post(create_category))
         .route("/invitations", post(create_invitation))
+        .route("/meals", get(meals_page).post(create_meal))
+        .route("/meals/new", get(new_meal_page))
+        .route("/meals/{meal_id}", get(meal_page))
+        .route("/meals/{meal_id}/edit", post(edit_meal))
+        .route("/meals/{meal_id}/delete", post(delete_meal))
+        .route("/meals/{meal_id}/ingredients", post(add_ingredient))
+        .route("/meals/{meal_id}/ingredients/{ingredient_id}/edit", post(edit_ingredient))
+        .route("/meals/{meal_id}/ingredients/{ingredient_id}/delete", post(delete_ingredient))
+        .route("/lists/{list_id}/add-meal", post(add_meal_to_list))
         .route("/lists/{list_id}/stream", get(list_stream))
         .route("/invite/{token}", get(invitation_page))
         .route("/invite/{token}/accept", post(accept_invitation))
-        .nest_service("/static", ServeDir::new("static"))
+        .nest_service(
+            "/static",
+            tower::ServiceBuilder::new()
+                .layer(SetResponseHeaderLayer::overriding(
+                    header::CACHE_CONTROL,
+                    HeaderValue::from_static("public, max-age=0, must-revalidate"),
+                ))
+                .service(ServeDir::new("static")),
+        )
         .layer(TraceLayer::new_for_http())
         .layer(middleware::from_fn(log_response_status))
         .with_state(state)
@@ -203,6 +225,37 @@ struct CategoryForm {
     csrf: String,
 }
 
+#[derive(Debug, Deserialize)]
+struct MealForm {
+    name: String,
+    #[serde(default)]
+    description: String,
+    csrf: String,
+}
+
+#[derive(Debug, Deserialize)]
+struct IngredientForm {
+    name: String,
+    #[serde(default)]
+    quantity: String,
+    #[serde(default)]
+    note: String,
+    #[serde(default)]
+    category_id: Option<String>,
+    csrf: String,
+}
+
+#[derive(Debug, Deserialize)]
+struct AddMealForm {
+    meal_id: i64,
+    csrf: String,
+}
+
+#[derive(Debug, Deserialize)]
+struct MealPickerQuery {
+    picker: Option<i64>,
+}
+
 async fn home() -> Redirect {
     Redirect::to("/lists")
 }
@@ -473,6 +526,178 @@ async fn create_category(
     Ok(Redirect::to("/lists").into_response())
 }
 
+async fn meals_page(
+    State(state): State<AppState>,
+    user: CurrentUser,
+    Query(query): Query<MealPickerQuery>,
+) -> Result<Response, AppError> {
+    let meals = state.meals.list_meals().await?;
+    if let Some(list_id) = query.picker {
+        return Ok(html_response(views::meal_picker(
+            &meals,
+            list_id,
+            &user.session.csrf_token,
+        )));
+    }
+    Ok(html_response(views::meals_page(&user.session.user, &meals)))
+}
+
+async fn new_meal_page(user: CurrentUser) -> Result<Response, AppError> {
+    Ok(html_response(views::meal_form_page(
+        &user.session.user,
+        None,
+        &user.session.csrf_token,
+    )))
+}
+
+async fn create_meal(
+    State(state): State<AppState>,
+    user: CurrentUser,
+    LoggedForm(form): LoggedForm<MealForm>,
+) -> Result<Response, AppError> {
+    verify_csrf(&user, &form.csrf)?;
+    let name = form.name.trim().to_owned();
+    if name.is_empty() || name.chars().count() > 120 {
+        return Err(AppError::BadRequest(
+            "Meal names must be between 1 and 120 characters.".into(),
+        ));
+    }
+    let meal = state
+        .meals
+        .create_meal(name, form.description.trim().to_owned())
+        .await?;
+    Ok(Redirect::to(&format!("/meals/{}", meal.id)).into_response())
+}
+
+async fn meal_page(
+    State(state): State<AppState>,
+    user: CurrentUser,
+    Path(meal_id): Path<i64>,
+) -> Result<Response, AppError> {
+    let meal = state
+        .meals
+        .get_meal(meal_id)
+        .await?
+        .ok_or(AppError::NotFound)?;
+    let categories = state.lists.categories().await?;
+    Ok(html_response(views::meal_page(
+        &user.session.user,
+        &meal,
+        &categories,
+        &user.session.csrf_token,
+    )))
+}
+
+async fn edit_meal(
+    State(state): State<AppState>,
+    user: CurrentUser,
+    Path(meal_id): Path<i64>,
+    LoggedForm(form): LoggedForm<MealForm>,
+) -> Result<Response, AppError> {
+    verify_csrf(&user, &form.csrf)?;
+    let name = form.name.trim().to_owned();
+    if name.is_empty() || name.chars().count() > 120 {
+        return Err(AppError::BadRequest(
+            "Meal names must be between 1 and 120 characters.".into(),
+        ));
+    }
+    state
+        .meals
+        .update_meal(meal_id, name, form.description.trim().to_owned())
+        .await?;
+    Ok(Redirect::to(&format!("/meals/{meal_id}")).into_response())
+}
+
+async fn delete_meal(
+    State(state): State<AppState>,
+    user: CurrentUser,
+    Path(meal_id): Path<i64>,
+    LoggedForm(form): LoggedForm<CsrfForm>,
+) -> Result<Response, AppError> {
+    verify_csrf(&user, &form.csrf)?;
+    state.meals.delete_meal(meal_id).await?;
+    Ok(Redirect::to("/meals").into_response())
+}
+
+async fn add_ingredient(
+    State(state): State<AppState>,
+    user: CurrentUser,
+    Path(meal_id): Path<i64>,
+    LoggedForm(form): LoggedForm<IngredientForm>,
+) -> Result<Response, AppError> {
+    verify_csrf(&user, &form.csrf)?;
+    let name = form.name.trim().to_owned();
+    if name.is_empty() || name.chars().count() > 120 {
+        return Err(AppError::BadRequest(
+            "Ingredient names must be between 1 and 120 characters.".into(),
+        ));
+    }
+    state
+        .meals
+        .add_ingredient(
+            meal_id,
+            name,
+            form.quantity.trim().to_owned(),
+            form.note.trim().to_owned(),
+            parse_category_id(form.category_id),
+        )
+        .await?;
+    Ok(Redirect::to(&format!("/meals/{meal_id}")).into_response())
+}
+
+async fn edit_ingredient(
+    State(state): State<AppState>,
+    user: CurrentUser,
+    Path((meal_id, ingredient_id)): Path<(i64, i64)>,
+    LoggedForm(form): LoggedForm<IngredientForm>,
+) -> Result<Response, AppError> {
+    verify_csrf(&user, &form.csrf)?;
+    let name = form.name.trim().to_owned();
+    if name.is_empty() || name.chars().count() > 120 {
+        return Err(AppError::BadRequest(
+            "Ingredient names must be between 1 and 120 characters.".into(),
+        ));
+    }
+    state
+        .meals
+        .update_ingredient(
+            meal_id,
+            ingredient_id,
+            name,
+            form.quantity.trim().to_owned(),
+            form.note.trim().to_owned(),
+            parse_category_id(form.category_id),
+        )
+        .await?;
+    Ok(Redirect::to(&format!("/meals/{meal_id}")).into_response())
+}
+
+async fn delete_ingredient(
+    State(state): State<AppState>,
+    user: CurrentUser,
+    Path((meal_id, ingredient_id)): Path<(i64, i64)>,
+    LoggedForm(form): LoggedForm<CsrfForm>,
+) -> Result<Response, AppError> {
+    verify_csrf(&user, &form.csrf)?;
+    state
+        .meals
+        .delete_ingredient(meal_id, ingredient_id)
+        .await?;
+    Ok(Redirect::to(&format!("/meals/{meal_id}")).into_response())
+}
+
+async fn add_meal_to_list(
+    State(state): State<AppState>,
+    user: CurrentUser,
+    Path(list_id): Path<i64>,
+    LoggedForm(form): LoggedForm<AddMealForm>,
+) -> Result<Response, AppError> {
+    verify_csrf(&user, &form.csrf)?;
+    require_list(&state, list_id).await?;
+    state.meals.add_meal_to_list(form.meal_id, list_id).await?;
+    list_fragment_response(&state, &user, list_id).await
+}
+
 async fn create_invitation(
     State(state): State<AppState>,
     user: CurrentUser,
diff --git a/src/main.rs b/src/main.rs
index db28d28..d77c173 100644
--- a/src/main.rs
+++ b/src/main.rs
@@ -18,14 +18,16 @@ use tracing::{info, warn};
 use crate::http::{AppState, build_router};
 use crate::hub::InMemoryHub;
 use crate::ports::{
-    CategoryRepository, InvitationRepository, ItemRepository, ListRepository, PasswordHasher,
-    RealtimeNotifier, SessionRepository, TokenGenerator, UserRepository,
+    CategoryRepository, InvitationRepository, ItemRepository, ListRepository,
+    MealIngredientRepository, MealRepository, PasswordHasher, RealtimeNotifier, SessionRepository,
+    TokenGenerator, UserRepository,
 };
 use crate::security::{Argon2PasswordHasher, RandomTokenGenerator};
-use crate::services::{AuthService, InvitationService, ListService, RegistrationMode};
+use crate::services::{AuthService, InvitationService, ListService, MealService, RegistrationMode};
 use crate::sqlite::{
     SqliteCategoryRepository, SqliteInvitationRepository, SqliteItemRepository,
-    SqliteListRepository, SqliteSessionRepository, SqliteDatabase, SqliteUserRepository,
+    SqliteListRepository, SqliteMealIngredientRepository, SqliteMealRepository,
+    SqliteSessionRepository, SqliteDatabase, SqliteUserRepository,
 };
 
 #[tokio::main]
@@ -63,6 +65,9 @@ async fn main() -> Result<(), Box<dyn std::error::Error>> {
     let lists: Arc<dyn ListRepository> = Arc::new(SqliteListRepository);
     let categories: Arc<dyn CategoryRepository> = Arc::new(SqliteCategoryRepository);
     let items: Arc<dyn ItemRepository> = Arc::new(SqliteItemRepository);
+    let meals: Arc<dyn MealRepository> = Arc::new(SqliteMealRepository);
+    let meal_ingredients: Arc<dyn MealIngredientRepository> =
+        Arc::new(SqliteMealIngredientRepository);
     let invitations: Arc<dyn InvitationRepository> = Arc::new(SqliteInvitationRepository);
     let hasher: Arc<dyn PasswordHasher> = Arc::new(Argon2PasswordHasher);
     let tokens: Arc<dyn TokenGenerator> = Arc::new(RandomTokenGenerator);
@@ -88,6 +93,14 @@ async fn main() -> Result<(), Box<dyn std::error::Error>> {
         Arc::clone(&invitations),
         Arc::clone(&tokens),
     ));
+    let meals_service = Arc::new(MealService::new(
+        db.clone(),
+        Arc::clone(&meals),
+        Arc::clone(&meal_ingredients),
+        Arc::clone(&lists),
+        Arc::clone(&items),
+        Arc::clone(&realtime),
+    ));
 
     let seed_path = env::var("SEED_CONFIG").unwrap_or_else(|_| "seed.json".into());
     seed::seed_if_needed(&db, &users, &hasher, FilePath::new(&seed_path)).await;
@@ -95,6 +108,7 @@ async fn main() -> Result<(), Box<dyn std::error::Error>> {
     let state = AppState {
         auth,
         lists: lists_service,
+        meals: meals_service,
         invitations: invitations_service,
         realtime,
         cookie_secure,
diff --git a/src/ports.rs b/src/ports.rs
index 9a0f499..cab97cf 100644
--- a/src/ports.rs
+++ b/src/ports.rs
@@ -1,7 +1,10 @@
 use async_trait::async_trait;
 use sqlx::SqliteConnection;
 
-use crate::domain::{Category, DomainResult, GroceryList, Item, PresenceUser, SessionUser, User};
+use crate::domain::{
+    Category, DomainResult, GroceryList, Item, Meal, MealIngredient, PresenceUser, SessionUser,
+    User,
+};
 
 /// Repositories take `&mut SqliteConnection` (which a `Transaction` derefs to),
 /// so several repositories can commit together atomically within a single
@@ -73,6 +76,15 @@ pub trait CategoryRepository: Send + Sync {
     ) -> DomainResult<Option<Category>>;
 }
 
+/// A single item to insert in bulk, without a per-item revision bump.
+#[derive(Clone, Debug)]
+pub struct NewItem {
+    pub name: String,
+    pub quantity: String,
+    pub note: String,
+    pub category_id: Option<i64>,
+}
+
 #[async_trait]
 pub trait ItemRepository: Send + Sync {
     async fn items(&self, txn: &mut SqliteConnection, list_id: i64) -> DomainResult<Vec<Item>>;
@@ -85,6 +97,12 @@ pub trait ItemRepository: Send + Sync {
         note: String,
         category_id: Option<i64>,
     ) -> DomainResult<i64>;
+    async fn add_items_bulk(
+        &self,
+        txn: &mut SqliteConnection,
+        list_id: i64,
+        items: Vec<NewItem>,
+    ) -> DomainResult<i64>;
     async fn set_item_checked(
         &self,
         txn: &mut SqliteConnection,
@@ -126,6 +144,64 @@ pub trait InvitationRepository: Send + Sync {
     ) -> DomainResult<()>;
 }
 
+#[async_trait]
+pub trait MealRepository: Send + Sync {
+    async fn create_meal(
+        &self,
+        txn: &mut SqliteConnection,
+        name: String,
+        description: String,
+    ) -> DomainResult<Meal>;
+    async fn get_meal(
+        &self,
+        txn: &mut SqliteConnection,
+        meal_id: i64,
+    ) -> DomainResult<Option<Meal>>;
+    async fn list_meals(&self, txn: &mut SqliteConnection) -> DomainResult<Vec<Meal>>;
+    async fn update_meal(
+        &self,
+        txn: &mut SqliteConnection,
+        meal_id: i64,
+        name: String,
+        description: String,
+    ) -> DomainResult<()>;
+    async fn delete_meal(&self, txn: &mut SqliteConnection, meal_id: i64) -> DomainResult<()>;
+}
+
+#[async_trait]
+pub trait MealIngredientRepository: Send + Sync {
+    async fn ingredients_for_meal(
+        &self,
+        txn: &mut SqliteConnection,
+        meal_id: i64,
+    ) -> DomainResult<Vec<MealIngredient>>;
+    async fn add_ingredient(
+        &self,
+        txn: &mut SqliteConnection,
+        meal_id: i64,
+        name: String,
+        quantity: String,
+        note: String,
+        category_id: Option<i64>,
+    ) -> DomainResult<i64>;
+    async fn update_ingredient(
+        &self,
+        txn: &mut SqliteConnection,
+        meal_id: i64,
+        ingredient_id: i64,
+        name: String,
+        quantity: String,
+        note: String,
+        category_id: Option<i64>,
+    ) -> DomainResult<()>;
+    async fn delete_ingredient(
+        &self,
+        txn: &mut SqliteConnection,
+        meal_id: i64,
+        ingredient_id: i64,
+    ) -> DomainResult<()>;
+}
+
 #[async_trait]
 pub trait PasswordHasher: Send + Sync {
     fn hash(&self, password: &str) -> DomainResult<String>;
diff --git a/src/services.rs b/src/services.rs
index 5d8a9a2..74c4d28 100644
--- a/src/services.rs
+++ b/src/services.rs
@@ -1,9 +1,12 @@
 use std::sync::Arc;
 
-use crate::domain::{DomainError, DomainResult, GroceryList, Item, SessionUser, User};
+use crate::domain::{
+    DomainError, DomainResult, GroceryList, Item, Meal, SessionUser, User,
+};
 use crate::ports::{
-    CategoryRepository, InvitationRepository, ItemRepository, ListRepository, PasswordHasher,
-    RealtimeNotifier, SessionRepository, TokenGenerator, UserRepository,
+    CategoryRepository, InvitationRepository, ItemRepository, ListRepository, MealIngredientRepository,
+    MealRepository, NewItem, PasswordHasher, RealtimeNotifier, SessionRepository, TokenGenerator,
+    UserRepository,
 };
 use crate::sqlite::SqliteDatabase;
 
@@ -278,6 +281,174 @@ impl ListService {
     }
 }
 
+pub struct MealService {
+    db: SqliteDatabase,
+    meals: Arc<dyn MealRepository>,
+    ingredients: Arc<dyn MealIngredientRepository>,
+    lists: Arc<dyn ListRepository>,
+    items: Arc<dyn ItemRepository>,
+    realtime: Arc<dyn RealtimeNotifier>,
+}
+
+impl MealService {
+    pub fn new(
+        db: SqliteDatabase,
+        meals: Arc<dyn MealRepository>,
+        ingredients: Arc<dyn MealIngredientRepository>,
+        lists: Arc<dyn ListRepository>,
+        items: Arc<dyn ItemRepository>,
+        realtime: Arc<dyn RealtimeNotifier>,
+    ) -> Self {
+        Self {
+            db,
+            meals,
+            ingredients,
+            lists,
+            items,
+            realtime,
+        }
+    }
+
+    pub async fn create_meal(&self, name: String, description: String) -> DomainResult<Meal> {
+        let meals = Arc::clone(&self.meals);
+        self.db
+            .run(move |txn| Box::pin(async move { meals.create_meal(txn, name, description).await }))
+            .await
+    }
+
+    pub async fn get_meal(&self, meal_id: i64) -> DomainResult<Option<Meal>> {
+        let meals = Arc::clone(&self.meals);
+        self.db
+            .run(move |txn| Box::pin(async move { meals.get_meal(txn, meal_id).await }))
+            .await
+    }
+
+    pub async fn list_meals(&self) -> DomainResult<Vec<Meal>> {
+        let meals = Arc::clone(&self.meals);
+        self.db
+            .run(move |txn| Box::pin(async move { meals.list_meals(txn).await }))
+            .await
+    }
+
+    pub async fn update_meal(
+        &self,
+        meal_id: i64,
+        name: String,
+        description: String,
+    ) -> DomainResult<()> {
+        let meals = Arc::clone(&self.meals);
+        self.db
+            .run(move |txn| {
+                Box::pin(async move { meals.update_meal(txn, meal_id, name, description).await })
+            })
+            .await
+    }
+
+    pub async fn delete_meal(&self, meal_id: i64) -> DomainResult<()> {
+        let meals = Arc::clone(&self.meals);
+        self.db
+            .run(move |txn| Box::pin(async move { meals.delete_meal(txn, meal_id).await }))
+            .await
+    }
+
+    pub async fn add_ingredient(
+        &self,
+        meal_id: i64,
+        name: String,
+        quantity: String,
+        note: String,
+        category_id: Option<i64>,
+    ) -> DomainResult<i64> {
+        let ingredients = Arc::clone(&self.ingredients);
+        self.db
+            .run(move |txn| {
+                Box::pin(async move {
+                    ingredients
+                        .add_ingredient(txn, meal_id, name, quantity, note, category_id)
+                        .await
+                })
+            })
+            .await
+    }
+
+    pub async fn update_ingredient(
+        &self,
+        meal_id: i64,
+        ingredient_id: i64,
+        name: String,
+        quantity: String,
+        note: String,
+        category_id: Option<i64>,
+    ) -> DomainResult<()> {
+        let ingredients = Arc::clone(&self.ingredients);
+        self.db
+            .run(move |txn| {
+                Box::pin(async move {
+                    ingredients
+                        .update_ingredient(
+                            txn,
+                            meal_id,
+                            ingredient_id,
+                            name,
+                            quantity,
+                            note,
+                            category_id,
+                        )
+                        .await
+                })
+            })
+            .await
+    }
+
+    pub async fn delete_ingredient(&self, meal_id: i64, ingredient_id: i64) -> DomainResult<()> {
+        let ingredients = Arc::clone(&self.ingredients);
+        self.db
+            .run(move |txn| {
+                Box::pin(async move {
+                    ingredients
+                        .delete_ingredient(txn, meal_id, ingredient_id)
+                        .await
+                })
+            })
+            .await
+    }
+
+    /// Expands a meal's ingredients into items on a list in one unit of work,
+    /// bumping the list revision exactly once.
+    pub async fn add_meal_to_list(&self, meal_id: i64, list_id: i64) -> DomainResult<i64> {
+        let meals = Arc::clone(&self.meals);
+        let lists = Arc::clone(&self.lists);
+        let items = Arc::clone(&self.items);
+        let revision = self
+            .db
+            .run(move |txn| {
+                Box::pin(async move {
+                    let meal = meals
+                        .get_meal(txn, meal_id)
+                        .await?
+                        .ok_or(DomainError::NotFound)?;
+                    if lists.get_list(txn, list_id).await?.is_none() {
+                        return Err(DomainError::NotFound);
+                    }
+                    let new_items = meal
+                        .ingredients
+                        .into_iter()
+                        .map(|ingredient| NewItem {
+                            name: ingredient.name,
+                            quantity: ingredient.quantity,
+                            note: ingredient.note,
+                            category_id: ingredient.category_id,
+                        })
+                        .collect();
+                    items.add_items_bulk(txn, list_id, new_items).await
+                })
+            })
+            .await?;
+        self.realtime.publish_list_changed(list_id, revision).await;
+        Ok(revision)
+    }
+}
+
 pub struct InvitationService {
     db: SqliteDatabase,
     invitations: Arc<dyn InvitationRepository>,
diff --git a/src/sqlite.rs b/src/sqlite.rs
index e31f2ac..4b9edc8 100644
--- a/src/sqlite.rs
+++ b/src/sqlite.rs
@@ -6,10 +6,13 @@ use async_trait::async_trait;
 use sha2::{Digest, Sha256};
 use sqlx::{Connection, Row, SqliteConnection, SqlitePool, sqlite::SqliteConnectOptions};
 
-use crate::domain::{Category, DomainError, DomainResult, GroceryList, Item, SessionUser, User};
+use crate::domain::{
+    Category, DomainError, DomainResult, GroceryList, Item, Meal, MealIngredient, SessionUser,
+    User,
+};
 use crate::ports::{
-    CategoryRepository, InvitationRepository, ItemRepository, ListRepository, SessionRepository,
-    UserRepository,
+    CategoryRepository, InvitationRepository, ItemRepository, ListRepository, MealIngredientRepository,
+    MealRepository, NewItem, SessionRepository, UserRepository,
 };
 
 #[derive(Clone)]
@@ -133,7 +136,24 @@ async fn migrate(pool: &SqlitePool) -> DomainResult<()> {
             created_at INTEGER NOT NULL,
             updated_at INTEGER NOT NULL
         );
+        CREATE TABLE IF NOT EXISTS meals (
+            id INTEGER PRIMARY KEY AUTOINCREMENT,
+            name TEXT NOT NULL,
+            description TEXT NOT NULL DEFAULT '',
+            created_at INTEGER NOT NULL,
+            updated_at INTEGER NOT NULL
+        );
+        CREATE TABLE IF NOT EXISTS meal_ingredients (
+            id INTEGER PRIMARY KEY AUTOINCREMENT,
+            meal_id INTEGER NOT NULL REFERENCES meals(id) ON DELETE CASCADE,
+            name TEXT NOT NULL,
+            quantity TEXT NOT NULL DEFAULT '',
+            note TEXT NOT NULL DEFAULT '',
+            category_id INTEGER REFERENCES categories(id) ON DELETE SET NULL,
+            position INTEGER NOT NULL DEFAULT 0
+        );
         CREATE INDEX IF NOT EXISTS items_list_idx ON items(list_id);
+        CREATE INDEX IF NOT EXISTS meal_ingredients_meal_idx ON meal_ingredients(meal_id);
         CREATE INDEX IF NOT EXISTS sessions_user_idx ON sessions(user_id);",
     )
     .execute(pool)
@@ -515,6 +535,42 @@ impl ItemRepository for SqliteItemRepository {
         bump_revision(txn, list_id).await
     }
 
+    async fn add_items_bulk(
+        &self,
+        txn: &mut SqliteConnection,
+        list_id: i64,
+        items: Vec<NewItem>,
+    ) -> DomainResult<i64> {
+        let mut position: i64 =
+            sqlx::query("SELECT COALESCE(MAX(position), -1) + 1 FROM items WHERE list_id = ?1")
+                .bind(list_id)
+                .fetch_one(&mut *txn)
+                .await
+                .map_err(db_error)?
+                .get(0);
+        let now = now();
+        for item in items {
+            ensure_category(txn, item.category_id).await?;
+            sqlx::query(
+                "INSERT INTO items
+                 (list_id, name, quantity, note, category_id, checked, version, position, created_at, updated_at)
+                 VALUES (?1, ?2, ?3, ?4, ?5, 0, 1, ?6, ?7, ?7)",
+            )
+            .bind(list_id)
+            .bind(&item.name)
+            .bind(&item.quantity)
+            .bind(&item.note)
+            .bind(item.category_id)
+            .bind(position)
+            .bind(now)
+            .execute(&mut *txn)
+            .await
+            .map_err(db_error)?;
+            position += 1;
+        }
+        bump_revision(txn, list_id).await
+    }
+
     async fn set_item_checked(
         &self,
         txn: &mut SqliteConnection,
@@ -660,6 +716,265 @@ impl InvitationRepository for SqliteInvitationRepository {
     }
 }
 
+#[derive(Clone, Copy)]
+pub struct SqliteMealRepository;
+
+#[async_trait]
+impl MealRepository for SqliteMealRepository {
+    async fn create_meal(
+        &self,
+        txn: &mut SqliteConnection,
+        name: String,
+        description: String,
+    ) -> DomainResult<Meal> {
+        let now = now();
+        sqlx::query(
+            "INSERT INTO meals (name, description, created_at, updated_at)
+             VALUES (?1, ?2, ?3, ?3)",
+        )
+        .bind(&name)
+        .bind(&description)
+        .bind(now)
+        .execute(&mut *txn)
+        .await
+        .map_err(db_error)?;
+        let id = sqlx::query("SELECT last_insert_rowid()")
+            .fetch_one(&mut *txn)
+            .await
+            .map_err(db_error)?
+            .get::<i64, _>(0);
+        Ok(Meal {
+            id,
+            name,
+            description,
+            ingredients: Vec::new(),
+        })
+    }
+
+    async fn get_meal(
+        &self,
+        txn: &mut SqliteConnection,
+        meal_id: i64,
+    ) -> DomainResult<Option<Meal>> {
+        let row = sqlx::query(
+            "SELECT id, name, description
+             FROM meals
+             WHERE id = ?1",
+        )
+        .bind(meal_id)
+        .fetch_optional(&mut *txn)
+        .await
+        .map_err(db_error)?;
+        let Some(row) = row else {
+            return Ok(None);
+        };
+        let meal = Meal {
+            id: row.get(0),
+            name: row.get(1),
+            description: row.get(2),
+            ingredients: Vec::new(),
+        };
+        let ingredients = SqliteMealIngredientRepository
+            .ingredients_for_meal(txn, meal.id)
+            .await?;
+        Ok(Some(Meal {
+            ingredients,
+            ..meal
+        }))
+    }
+
+    async fn list_meals(&self, txn: &mut SqliteConnection) -> DomainResult<Vec<Meal>> {
+        let rows = sqlx::query(
+            "SELECT id, name, description
+             FROM meals
+             ORDER BY name COLLATE NOCASE ASC",
+        )
+        .fetch_all(&mut *txn)
+        .await
+        .map_err(db_error)?;
+        let mut meals = Vec::new();
+        for row in rows {
+            let meal = Meal {
+                id: row.get(0),
+                name: row.get(1),
+                description: row.get(2),
+                ingredients: Vec::new(),
+            };
+            let ingredients = SqliteMealIngredientRepository
+                .ingredients_for_meal(txn, meal.id)
+                .await?;
+            meals.push(Meal {
+                ingredients,
+                ..meal
+            });
+        }
+        Ok(meals)
+    }
+
+    async fn update_meal(
+        &self,
+        txn: &mut SqliteConnection,
+        meal_id: i64,
+        name: String,
+        description: String,
+    ) -> DomainResult<()> {
+        let changed = sqlx::query(
+            "UPDATE meals
+             SET name = ?1, description = ?2, updated_at = ?3
+             WHERE id = ?4",
+        )
+        .bind(&name)
+        .bind(&description)
+        .bind(now())
+        .bind(meal_id)
+        .execute(&mut *txn)
+        .await
+        .map_err(db_error)?
+        .rows_affected();
+        if changed == 0 {
+            return Err(DomainError::NotFound);
+        }
+        Ok(())
+    }
+
+    async fn delete_meal(&self, txn: &mut SqliteConnection, meal_id: i64) -> DomainResult<()> {
+        let changed = sqlx::query("DELETE FROM meals WHERE id = ?1")
+            .bind(meal_id)
+            .execute(&mut *txn)
+            .await
+            .map_err(db_error)?
+            .rows_affected();
+        if changed == 0 {
+            return Err(DomainError::NotFound);
+        }
+        Ok(())
+    }
+}
+
+#[derive(Clone, Copy)]
+pub struct SqliteMealIngredientRepository;
+
+#[async_trait]
+impl MealIngredientRepository for SqliteMealIngredientRepository {
+    async fn ingredients_for_meal(
+        &self,
+        txn: &mut SqliteConnection,
+        meal_id: i64,
+    ) -> DomainResult<Vec<MealIngredient>> {
+        let rows = sqlx::query(
+            "SELECT id, name, quantity, note, category_id
+             FROM meal_ingredients
+             WHERE meal_id = ?1
+             ORDER BY position ASC, id ASC",
+        )
+        .bind(meal_id)
+        .fetch_all(&mut *txn)
+        .await
+        .map_err(db_error)?;
+        Ok(rows
+            .into_iter()
+            .map(|row| MealIngredient {
+                id: row.get(0),
+                name: row.get(1),
+                quantity: row.get(2),
+                note: row.get(3),
+                category_id: row.get(4),
+            })
+            .collect())
+    }
+
+    async fn add_ingredient(
+        &self,
+        txn: &mut SqliteConnection,
+        meal_id: i64,
+        name: String,
+        quantity: String,
+        note: String,
+        category_id: Option<i64>,
+    ) -> DomainResult<i64> {
+        ensure_category(txn, category_id).await?;
+        let position: i64 = sqlx::query(
+            "SELECT COALESCE(MAX(position), -1) + 1
+             FROM meal_ingredients WHERE meal_id = ?1",
+        )
+        .bind(meal_id)
+        .fetch_one(&mut *txn)
+        .await
+        .map_err(db_error)?
+        .get(0);
+        sqlx::query(
+            "INSERT INTO meal_ingredients (meal_id, name, quantity, note, category_id, position)
+             VALUES (?1, ?2, ?3, ?4, ?5, ?6)",
+        )
+        .bind(meal_id)
+        .bind(&name)
+        .bind(&quantity)
+        .bind(&note)
+        .bind(category_id)
+        .bind(position)
+        .execute(&mut *txn)
+        .await
+        .map_err(db_error)?;
+        let id = sqlx::query("SELECT last_insert_rowid()")
+            .fetch_one(&mut *txn)
+            .await
+            .map_err(db_error)?
+            .get::<i64, _>(0);
+        Ok(id)
+    }
+
+    async fn update_ingredient(
+        &self,
+        txn: &mut SqliteConnection,
+        meal_id: i64,
+        ingredient_id: i64,
+        name: String,
+        quantity: String,
+        note: String,
+        category_id: Option<i64>,
+    ) -> DomainResult<()> {
+        ensure_category(txn, category_id).await?;
+        let changed = sqlx::query(
+            "UPDATE meal_ingredients
+             SET name = ?1, quantity = ?2, note = ?3, category_id = ?4
+             WHERE id = ?5 AND meal_id = ?6",
+        )
+        .bind(&name)
+        .bind(&quantity)
+        .bind(&note)
+        .bind(category_id)
+        .bind(ingredient_id)
+        .bind(meal_id)
+        .execute(&mut *txn)
+        .await
+        .map_err(db_error)?
+        .rows_affected();
+        if changed == 0 {
+            return Err(DomainError::NotFound);
+        }
+        Ok(())
+    }
+
+    async fn delete_ingredient(
+        &self,
+        txn: &mut SqliteConnection,
+        meal_id: i64,
+        ingredient_id: i64,
+    ) -> DomainResult<()> {
+        let changed = sqlx::query("DELETE FROM meal_ingredients WHERE id = ?1 AND meal_id = ?2")
+            .bind(ingredient_id)
+            .bind(meal_id)
+            .execute(&mut *txn)
+            .await
+            .map_err(db_error)?
+            .rows_affected();
+        if changed == 0 {
+            return Err(DomainError::NotFound);
+        }
+        Ok(())
+    }
+}
+
 async fn ensure_category(
     txn: &mut SqliteConnection,
     category_id: Option<i64>,
@@ -1176,6 +1491,40 @@ mod tests {
         assert!(matches!(result, Err(DomainError::NotFound)));
     }
 
+    #[tokio::test]
+    async fn add_items_bulk_inserts_all_and_bumps_revision_once() {
+        let db = setup().await;
+        let list = create_list(&db, "Weekly shop").await;
+        let items = SqliteItemRepository;
+        let new_items = vec![
+            NewItem {
+                name: "Penne".into(),
+                quantity: "500g".into(),
+                note: String::new(),
+                category_id: None,
+            },
+            NewItem {
+                name: "Tomato".into(),
+                quantity: "2".into(),
+                note: String::new(),
+                category_id: None,
+            },
+        ];
+        let revision = db
+            .run(move |txn| {
+                let items = items.clone();
+                Box::pin(async move { items.add_items_bulk(txn, list.id, new_items).await })
+            })
+            .await
+            .unwrap();
+        assert_eq!(revision, 1);
+
+        let listed = get_items(&db, list.id).await;
+        let mut names = listed.iter().map(|i| i.name.clone()).collect::<Vec<_>>();
+        names.sort_unstable();
+        assert_eq!(names, vec!["Penne".to_owned(), "Tomato".to_owned()]);
+    }
+
     #[tokio::test]
     async fn update_item_changes_fields_and_bumps_version() {
         let db = setup().await;
@@ -1422,4 +1771,296 @@ mod tests {
         assert!(items[0].checked);
         assert_eq!(items[1].name, "Second");
     }
+
+    // ---- MealRepository / MealIngredientRepository ----
+
+    async fn create_meal(db: &SqliteDatabase, name: &str) -> Meal {
+        let meals = SqliteMealRepository;
+        let name = name.to_owned();
+        db.run(move |txn| {
+            let meals = meals.clone();
+            Box::pin(async move { meals.create_meal(txn, name, String::new()).await })
+        })
+        .await
+        .unwrap()
+    }
+
+    async fn add_ingredient(
+        db: &SqliteDatabase,
+        meal_id: i64,
+        name: &str,
+        category_id: Option<i64>,
+    ) -> MealIngredient {
+        let ingredients = SqliteMealIngredientRepository;
+        let name_for_insert = name.to_owned();
+        db.run(move |txn| {
+            let ingredients = ingredients.clone();
+            Box::pin(async move {
+                ingredients
+                    .add_ingredient(
+                        txn,
+                        meal_id,
+                        name_for_insert,
+                        String::new(),
+                        String::new(),
+                        category_id,
+                    )
+                    .await
+            })
+        })
+        .await
+        .unwrap();
+        let ingredients = SqliteMealIngredientRepository;
+        db.run(move |txn| {
+            let ingredients = ingredients.clone();
+            Box::pin(async move { ingredients.ingredients_for_meal(txn, meal_id).await })
+        })
+        .await
+        .unwrap()
+        .into_iter()
+        .find(|ingredient| ingredient.name == name)
+        .unwrap()
+    }
+
+    #[tokio::test]
+    async fn create_meal_returns_meal_with_id() {
+        let db = setup().await;
+        let meal = create_meal(&db, "Pasta").await;
+        assert!(meal.id > 0);
+        assert_eq!(meal.name, "Pasta");
+        assert!(meal.ingredients.is_empty());
+    }
+
+    #[tokio::test]
+    async fn list_meals_returns_all_meals() {
+        let db = setup().await;
+        create_meal(&db, "Pasta").await;
+        create_meal(&db, "Salad").await;
+        let meals = SqliteMealRepository;
+        let meals = db
+            .run(move |txn| {
+                let meals = meals.clone();
+                Box::pin(async move { meals.list_meals(txn).await })
+            })
+            .await
+            .unwrap();
+        let mut names = meals.iter().map(|m| m.name.clone()).collect::<Vec<_>>();
+        names.sort_unstable();
+        assert_eq!(names, vec!["Pasta".to_owned(), "Salad".to_owned()]);
+    }
+
+    #[tokio::test]
+    async fn get_meal_returns_meal_with_ingredients() {
+        let db = setup().await;
+        let meal = create_meal(&db, "Pasta").await;
+        add_ingredient(&db, meal.id, "Penne", None).await;
+        add_ingredient(&db, meal.id, "Tomato", None).await;
+        let meals = SqliteMealRepository;
+        let fetched = db
+            .run(move |txn| {
+                let meals = meals.clone();
+                Box::pin(async move { meals.get_meal(txn, meal.id).await })
+            })
+            .await
+            .unwrap()
+            .unwrap();
+        assert_eq!(fetched.name, "Pasta");
+        let mut names = fetched
+            .ingredients
+            .iter()
+            .map(|i| i.name.clone())
+            .collect::<Vec<_>>();
+        names.sort_unstable();
+        assert_eq!(names, vec!["Penne".to_owned(), "Tomato".to_owned()]);
+    }
+
+    #[tokio::test]
+    async fn get_meal_returns_none_for_unknown() {
+        let db = setup().await;
+        let meals = SqliteMealRepository;
+        let found = db
+            .run(move |txn| {
+                let meals = meals.clone();
+                Box::pin(async move { meals.get_meal(txn, 9999).await })
+            })
+            .await
+            .unwrap();
+        assert!(found.is_none());
+    }
+
+    #[tokio::test]
+    async fn update_meal_changes_fields() {
+        let db = setup().await;
+        let meal = create_meal(&db, "Pasta").await;
+        let meals = SqliteMealRepository;
+        db.run(move |txn| {
+            let meals = meals.clone();
+            Box::pin(async move {
+                meals
+                    .update_meal(txn, meal.id, "Pasta al pomodoro".into(), "desc".into())
+                    .await
+            })
+        })
+        .await
+        .unwrap();
+        let fetched = db
+            .run(move |txn| {
+                let meals = meals.clone();
+                Box::pin(async move { meals.get_meal(txn, meal.id).await })
+            })
+            .await
+            .unwrap()
+            .unwrap();
+        assert_eq!(fetched.name, "Pasta al pomodoro");
+        assert_eq!(fetched.description, "desc");
+    }
+
+    #[tokio::test]
+    async fn update_missing_meal_fails() {
+        let db = setup().await;
+        let meals = SqliteMealRepository;
+        let result = db
+            .run(move |txn| {
+                let meals = meals.clone();
+                Box::pin(async move {
+                    meals
+                        .update_meal(txn, 9999, "X".into(), String::new())
+                        .await
+                })
+            })
+            .await;
+        assert!(matches!(result, Err(DomainError::NotFound)));
+    }
+
+    #[tokio::test]
+    async fn delete_meal_removes_it_and_ingredients() {
+        let db = setup().await;
+        let meal = create_meal(&db, "Pasta").await;
+        add_ingredient(&db, meal.id, "Penne", None).await;
+        let meals = SqliteMealRepository;
+        db.run(move |txn| {
+            let meals = meals.clone();
+            Box::pin(async move { meals.delete_meal(txn, meal.id).await })
+        })
+        .await
+        .unwrap();
+        let found = db
+            .run(move |txn| {
+                let meals = meals.clone();
+                Box::pin(async move { meals.get_meal(txn, meal.id).await })
+            })
+            .await
+            .unwrap();
+        assert!(found.is_none());
+    }
+
+    #[tokio::test]
+    async fn delete_missing_meal_fails() {
+        let db = setup().await;
+        let meals = SqliteMealRepository;
+        let result = db
+            .run(move |txn| {
+                let meals = meals.clone();
+                Box::pin(async move { meals.delete_meal(txn, 9999).await })
+            })
+            .await;
+        assert!(matches!(result, Err(DomainError::NotFound)));
+    }
+
+    #[tokio::test]
+    async fn add_ingredient_with_unknown_category_fails() {
+        let db = setup().await;
+        let meal = create_meal(&db, "Pasta").await;
+        let ingredients = SqliteMealIngredientRepository;
+        let result = db
+            .run(move |txn| {
+                let ingredients = ingredients.clone();
+                Box::pin(async move {
+                    ingredients
+                        .add_ingredient(txn, meal.id, "X".into(), String::new(), String::new(), Some(9999))
+                        .await
+                })
+            })
+            .await;
+        assert!(matches!(result, Err(DomainError::NotFound)));
+    }
+
+    #[tokio::test]
+    async fn update_ingredient_changes_fields() {
+        let db = setup().await;
+        let meal = create_meal(&db, "Pasta").await;
+        let ingredient = add_ingredient(&db, meal.id, "Penne", None).await;
+        let ingredients = SqliteMealIngredientRepository;
+        db.run(move |txn| {
+            let ingredients = ingredients.clone();
+            Box::pin(async move {
+                ingredients
+                    .update_ingredient(
+                        txn,
+                        meal.id,
+                        ingredient.id,
+                        "Rigatoni".into(),
+                        "500g".into(),
+                        String::new(),
+                        None,
+                    )
+                    .await
+            })
+        })
+        .await
+        .unwrap();
+        let fetched = db
+            .run(move |txn| {
+                let ingredients = ingredients.clone();
+                Box::pin(async move { ingredients.ingredients_for_meal(txn, meal.id).await })
+            })
+            .await
+            .unwrap();
+        assert_eq!(fetched[0].name, "Rigatoni");
+        assert_eq!(fetched[0].quantity, "500g");
+    }
+
+    #[tokio::test]
+    async fn delete_ingredient_removes_it() {
+        let db = setup().await;
+        let meal = create_meal(&db, "Pasta").await;
+        let ingredient = add_ingredient(&db, meal.id, "Penne", None).await;
+        let ingredients = SqliteMealIngredientRepository;
+        db.run(move |txn| {
+            let ingredients = ingredients.clone();
+            Box::pin(async move {
+                ingredients
+                    .delete_ingredient(txn, meal.id, ingredient.id)
+                    .await
+            })
+        })
+        .await
+        .unwrap();
+        let remaining = db
+            .run(move |txn| {
+                let ingredients = ingredients.clone();
+                Box::pin(async move { ingredients.ingredients_for_meal(txn, meal.id).await })
+            })
+            .await
+            .unwrap();
+        assert!(remaining.is_empty());
+    }
+
+    #[tokio::test]
+    async fn delete_missing_ingredient_fails() {
+        let db = setup().await;
+        let meal = create_meal(&db, "Pasta").await;
+        let ingredients = SqliteMealIngredientRepository;
+        let result = db
+            .run(move |txn| {
+                let ingredients = ingredients.clone();
+                Box::pin(async move {
+                    ingredients
+                        .delete_ingredient(txn, meal.id, 9999)
+                        .await
+                })
+            })
+            .await;
+        assert!(matches!(result, Err(DomainError::NotFound)));
+    }
 }
diff --git a/src/views.rs b/src/views.rs
index 5ccb271..47f9f11 100644
--- a/src/views.rs
+++ b/src/views.rs
@@ -1,8 +1,9 @@
 use maud::{DOCTYPE, Markup, html};
+use pulldown_cmark::{Options, Parser, html as cmark_html};
 
 use crate::{
     domain::PresenceUser,
-    domain::{Category, GroceryList, Item, User},
+    domain::{Category, GroceryList, Item, Meal, MealIngredient, User},
 };
 
 pub fn login_page(error: Option<&str>, invite: Option<&str>) -> Markup {
@@ -144,6 +145,349 @@ pub fn lists_page(user: &User, lists: &[GroceryList], csrf_token: &str) -> Marku
     )
 }
 
+pub fn meals_page(user: &User, meals: &[Meal]) -> Markup {
+    page(
+        "Meals",
+        Some(user),
+        html! {
+            div class="page-heading" {
+                div {
+                    p class="eyebrow" { "MEAL LIBRARY" }
+                    h1 { "Meals" }
+                    p class="lede" { "Save a meal and add its ingredients to any list." }
+                }
+                a class="button button-primary" href="/meals/new" { "New meal" }
+            }
+            div class="dashboard-grid" {
+                section class="panel" {
+                    div class="panel-heading" {
+                        h2 { "All meals" }
+                        span class="count-badge" { (meals.len()) }
+                    }
+                    @if meals.is_empty() {
+                        div class="empty-state" {
+                            div class="empty-mark" { "🍽" }
+                            h3 { "No meals yet" }
+                            p { "Create a meal to reuse its ingredients across your lists." }
+                        }
+                    } @else {
+                        div class="list-cards" {
+                            @for meal in meals {
+                                a class="list-card" href=(format!("/meals/{}", meal.id)) {
+                                    span class="list-card-icon" { "🍽" }
+                                    span class="list-card-copy" {
+                                        strong { (meal.name) }
+                                        small { (meal.ingredients.len()) " ingredients" }
+                                    }
+                                    span class="list-card-arrow" { "→" }
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+        },
+    )
+}
+
+pub fn meal_picker(meals: &[Meal], list_id: i64, csrf_token: &str) -> Markup {
+    html! {
+        div class="meal-picker-backdrop" onclick="if (event.target === this) this.remove()" {
+            div class="meal-picker-modal" role="dialog" aria-modal="true" aria-label="Add a meal" {
+                div class="meal-picker-header" {
+                    div {
+                        p class="eyebrow" { "ADD TO LIST" }
+                        h2 { "Add a meal" }
+                    }
+                    button class="meal-picker-close" type="button" aria-label="Close" onclick="this.closest('.meal-picker-backdrop').remove()" { "✕" }
+                }
+                @if meals.is_empty() {
+                    div class="meal-picker-empty" {
+                        span class="empty-mark" { "🍽" }
+                        h3 { "No meals yet" }
+                        p { "Create a meal first, then add it to any list." }
+                        a class="button button-primary" href="/meals/new" { "Create a meal" }
+                    }
+                } @else {
+                    div class="meal-picker-list" {
+                        @for meal in meals {
+                            form
+                                hx-post=(format!("/lists/{}/add-meal", list_id))
+                                hx-target="#list-items"
+                                hx-swap="outerHTML"
+                                hx-on::after-request="if (event.detail.successful) this.closest('.meal-picker-backdrop').remove()"
+                                class="meal-picker-row"
+                            {
+                                input type="hidden" name="csrf" value=(csrf_token);
+                                input type="hidden" name="meal_id" value=(meal.id);
+                                button class="meal-picker-button" type="submit" {
+                                    span class="meal-picker-icon" { "🍽" }
+                                    span class="meal-picker-copy" {
+                                        strong { (meal.name) }
+                                        small { (meal.ingredients.len()) " ingredients" }
+                                    }
+                                    span class="meal-picker-add" { "Add" }
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    }
+}
+
+pub fn meal_form_page(
+    user: &User,
+    meal: Option<&Meal>,
+    csrf_token: &str,
+) -> Markup {
+    let (title, action, name, description) = match meal {
+        Some(meal) => (
+            "Edit meal",
+            format!("/meals/{}/edit", meal.id),
+            meal.name.clone(),
+            meal.description.clone(),
+        ),
+        None => ("New meal", "/meals".into(), String::new(), String::new()),
+    };
+    page(
+        title,
+        Some(user),
+        html! {
+            div class="page-heading" {
+                a class="back-link" href="/meals" { "← All meals" }
+                h1 { (title) }
+            }
+            section class="panel" {
+                form method="post" action=(action) class="stack" {
+                    input type="hidden" name="csrf" value=(csrf_token);
+                    label for="meal-name" { "Name" }
+                    input id="meal-name" name="name" type="text" maxlength="120" value=(name) required;
+                    label for="meal-description" { "Description (markdown)" }
+                    textarea id="meal-description" name="description" rows="8" { (description) }
+                    button class="button button-primary" type="submit" { "Save meal" }
+                }
+            }
+            @if meal.is_none() {
+                p class="muted" { "You can add ingredients after creating the meal." }
+            }
+        },
+    )
+}
+
+pub fn meal_page(
+    user: &User,
+    meal: &Meal,
+    categories: &[Category],
+    csrf_token: &str,
+) -> Markup {
+    page(
+        &meal.name,
+        Some(user),
+        html! {
+            div class="page-heading" {
+                a class="back-link" href="/meals" { "← All meals" }
+                div class="list-topbar-actions" {
+                    button type="button" class="button button-small button-quiet" onclick="document.getElementById('meal-edit-modal').showModal()" { "Edit" }
+                    form method="post" action=(format!("/meals/{}/delete", meal.id)) {
+                        input type="hidden" name="csrf" value=(csrf_token);
+                        button class="danger-link" type="submit" { "Delete" }
+                    }
+                }
+            }
+            dialog id="meal-edit-modal" class="item-modal" {
+                div class="item-modal-card" {
+                    div class="item-modal-header" {
+                        h3 { "Edit meal" }
+                        button type="button" class="meal-picker-close" aria-label="Close" onclick="this.closest('dialog').close()" { "✕" }
+                    }
+                    form method="post" action=(format!("/meals/{}/edit", meal.id)) class="stack" {
+                        input type="hidden" name="csrf" value=(csrf_token);
+                        label { "Name" }
+                        input name="name" value=(meal.name) maxlength="120" required;
+                        label { "Description (markdown)" }
+                        textarea name="description" rows="8" { (meal.description) }
+                        button class="button button-primary" type="submit" { "Save meal" }
+                    }
+                }
+            }
+            div class="list-layout" {
+                section class="panel list-panel" {
+                    div class="list-heading" {
+                        div {
+                            p class="eyebrow" { "MEAL" }
+                            h1 { (meal.name) }
+                        }
+                    }
+                    @if meal.description.is_empty() {
+                        p class="muted" { "No description." }
+                    } @else {
+                        div class="markdown" { (render_markdown(&meal.description)) }
+                    }
+                    h2 class="category-heading" { "Ingredients" }
+                    @if meal.ingredients.is_empty() {
+                        p class="muted" { "No ingredients yet." }
+                    } @else {
+                        div class="item-list" {
+                            @for group in ingredient_groups(&meal.ingredients, categories) {
+                                (ingredient_category_group(&group.0, &group.1, meal.id, categories, csrf_token))
+                            }
+                        }
+                    }
+                }
+                aside class="side-column" {
+                    section class="panel" {
+                        div class="panel-heading" { h2 { "Add ingredient" } }
+                        form method="post" action=(format!("/meals/{}/ingredients", meal.id)) class="stack" {
+                            input type="hidden" name="csrf" value=(csrf_token);
+                            label { "Name" }
+                            input name="name" type="text" maxlength="120" required;
+                            label { "Quantity" }
+                            input name="quantity" type="text" maxlength="40";
+                            label { "Note" }
+                            input name="note" type="text" maxlength="120";
+                            label { "Category" }
+                            select name="category_id" {
+                                (category_options(categories, None))
+                            }
+                            button class="button button-primary" type="submit" { "Add ingredient" }
+                        }
+                    }
+                }
+            }
+        },
+    )
+}
+
+fn ingredient_row(
+    ingredient: &MealIngredient,
+    meal_id: i64,
+    categories: &[Category],
+    csrf_token: &str,
+) -> Markup {
+    html! {
+        div class="item-copy" {
+            @if !ingredient.quantity.is_empty() {
+                span class="item-qty" { "(" (ingredient.quantity) ")" }
+            }
+            strong { (ingredient.name) }
+            @if !ingredient.note.is_empty() {
+                small { (ingredient.note) }
+            }
+        }
+        button type="button" class="item-actions-button" aria-label="Ingredient actions" onclick=(format!("document.getElementById('ingredient-edit-{}').showModal()", ingredient.id)) { "•••" }
+        dialog id=(format!("ingredient-edit-{}", ingredient.id)) class="item-modal" {
+            div class="item-modal-card" {
+                div class="item-modal-header" {
+                    h3 { (ingredient.name) }
+                    button type="button" class="meal-picker-close" aria-label="Close" onclick="this.closest('dialog').close()" { "✕" }
+                }
+                form
+                    hx-post=(format!("/meals/{}/ingredients/{}/edit", meal_id, ingredient.id))
+                    hx-target="body"
+                    hx-swap="outerHTML"
+                    class="stack"
+                {
+                    input type="hidden" name="csrf" value=(csrf_token);
+                    label { "Name" }
+                    input name="name" value=(ingredient.name) maxlength="120" required;
+                    label { "Quantity" }
+                    input name="quantity" value=(ingredient.quantity) maxlength="40";
+                    label { "Note" }
+                    input name="note" value=(ingredient.note) maxlength="120";
+                    label { "Category" }
+                    select name="category_id" {
+                        (category_options(categories, ingredient.category_id))
+                    }
+                    button class="button button-primary" type="submit" { "Save" }
+                }
+                form method="post" action=(format!("/meals/{}/ingredients/{}/delete", meal_id, ingredient.id)) {
+                    input type="hidden" name="csrf" value=(csrf_token);
+                    button class="danger-link" type="submit" { "Remove" }
+                }
+            }
+        }
+    }
+}
+
+fn ingredient_groups<'a>(
+    ingredients: &'a [MealIngredient],
+    categories: &[Category],
+) -> Vec<(String, Vec<&'a MealIngredient>)> {
+    let mut groups = Vec::new();
+    for category in categories {
+        let in_category = ingredients
+            .iter()
+            .filter(|ingredient| ingredient.category_id == Some(category.id))
+            .collect::<Vec<_>>();
+        if !in_category.is_empty() {
+            groups.push((category.name.clone(), in_category));
+        }
+    }
+
+    let uncategorized = ingredients
+        .iter()
+        .filter(|ingredient| ingredient.category_id.is_none())
+        .collect::<Vec<_>>();
+    if !uncategorized.is_empty() {
+        groups.push(("Uncategorized".into(), uncategorized));
+    }
+    groups
+}
+
+fn ingredient_category_group(
+    name: &str,
+    ingredients: &[&MealIngredient],
+    meal_id: i64,
+    categories: &[Category],
+    csrf_token: &str,
+) -> Markup {
+    html! {
+        section class="category-group" {
+            h2 class="category-heading" { (name) }
+            ul class="ingredient-list" {
+                @for ingredient in ingredients {
+                    li {
+                        (ingredient_row(ingredient, meal_id, categories, csrf_token))
+                    }
+                }
+            }
+        }
+    }
+}
+
+fn render_markdown(source: &str) -> Markup {
+    let mut options = Options::empty();
+    options.insert(Options::ENABLE_STRIKETHROUGH);
+    let parser = Parser::new_ext(source, options);
+    let mut buffer = String::new();
+    cmark_html::push_html(&mut buffer, parser);
+    html! {
+        (maud::PreEscaped(buffer))
+    }
+}
+
+#[cfg(test)]
+mod tests {
+    use super::*;
+
+    #[test]
+    fn render_markdown_turns_bullets_into_list_html() {
+        let html = render_markdown("- one\n- two\n").into_string();
+        assert!(html.contains("<ul>"), "expected <ul>, got: {html}");
+        assert!(html.contains("<li>"), "expected <li>, got: {html}");
+        assert!(!html.contains("* one"), "raw bullet leaked through: {html}");
+    }
+
+    #[test]
+    fn render_markdown_renders_emphasis() {
+        let html = render_markdown("**bold** and *italic*").into_string();
+        assert!(html.contains("<strong>"), "expected <strong>, got: {html}");
+        assert!(html.contains("<em>"), "expected <em>, got: {html}");
+    }
+}
+
 pub fn list_page(
     user: &User,
     list: &GroceryList,
@@ -160,8 +504,10 @@ pub fn list_page(
                 a class="back-link" href="/lists" { "← All lists" }
                 div class="list-topbar-actions" {
                     span class="live-pill" { span class="live-dot" {} "Live" }
+                    button class="button button-small add-meal-button" hx-get=(format!("/meals?picker={}", list.id)) hx-target="#meal-picker" hx-swap="innerHTML" { "+ Add meal" }
                 }
             }
+            div id="meal-picker" class="meal-picker" {}
             div class="list-layout" {
                 section class="panel list-panel" {
                     div class="list-heading" {
@@ -332,23 +678,26 @@ fn item_row(item: &Item, categories: &[Category], csrf_token: &str) -> Markup {
                 }
             }
             div class="item-copy" {
+                @if !item.quantity.is_empty() {
+                    span class="item-qty" { "(" (item.quantity) ")" }
+                }
                 strong { (item.name) }
-                @if !item.quantity.is_empty() || !item.note.is_empty() {
-                    small {
-                        @if !item.quantity.is_empty() { (item.quantity) }
-                        @if !item.quantity.is_empty() && !item.note.is_empty() { " · " }
-                        @if !item.note.is_empty() { (item.note) }
-                    }
+                @if !item.note.is_empty() {
+                    small { (item.note) }
                 }
             }
-            details class="item-actions" {
-                summary aria-label="Item actions" { "•••" }
-                div class="item-menu" {
+            button type="button" class="item-actions-button" aria-label="Item actions" onclick=(format!("document.getElementById('item-edit-{}').showModal()", item.id)) { "•••" }
+            dialog id=(format!("item-edit-{}", item.id)) class="item-modal" {
+                div class="item-modal-card" {
+                    div class="item-modal-header" {
+                        h3 { (item.name) }
+                        button type="button" class="meal-picker-close" aria-label="Close" onclick="this.closest('dialog').close()" { "✕" }
+                    }
                     form
                         hx-post=(format!("/lists/{}/items/{}/edit", item.list_id, item.id))
                         hx-target="#list-items"
                         hx-swap="outerHTML"
-                        class="edit-form stack"
+                        class="stack"
                     {
                         input type="hidden" name="csrf" value=(csrf_token);
                         label { "Name" }
@@ -361,7 +710,7 @@ fn item_row(item: &Item, categories: &[Category], csrf_token: &str) -> Markup {
                         select name="category_id" {
                             (category_options(categories, item.category_id))
                         }
-                        button class="button button-small button-secondary" type="submit" { "Save" }
+                        button class="button button-primary" type="submit" { "Save" }
                     }
                     form
                         hx-post=(format!("/lists/{}/items/{}/delete", item.list_id, item.id))
@@ -566,6 +915,10 @@ fn page(title: &str, user: Option<&User>, content: Markup) -> Markup {
                 header class="site-header" {
                     a class="brand" href="/lists" { span class="brand-mark" { "S" } "Sustenance" }
                     @if let Some(user) = user {
+                        nav class="site-nav" {
+                            a href="/lists" { "Lists" }
+                            a href="/meals" { "Meals" }
+                        }
                         div class="account-nav" {
                             span class="user-name" { (user.display_name) }
                             form method="post" action="/logout" {
diff --git a/static/style.css b/static/style.css
index 2d234f9..0ca9901 100644
--- a/static/style.css
+++ b/static/style.css
@@ -39,6 +39,17 @@ a { color: inherit; }
 
 .brand { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; font-weight: 800; letter-spacing: -.03em; }
 .brand-mark { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 11px 11px 11px 3px; background: var(--deep-sage); color: white; transform: rotate(-6deg); }
+.site-nav { display: flex; align-items: center; gap: 6px; }
+.site-nav a {
+  padding: 8px 14px;
+  border-radius: 11px;
+  color: var(--muted);
+  text-decoration: none;
+  font-size: .9rem;
+  font-weight: 700;
+  transition: color .16s ease, background .16s ease;
+}
+.site-nav a:hover { color: var(--ink); background: #eef2ea; }
 .account-nav { display: flex; align-items: center; gap: 16px; color: var(--muted); font-size: .9rem; }
 .user-name { color: var(--ink); font-weight: 700; }
 .text-button { border: 0; padding: 0; color: var(--deep-sage); background: transparent; cursor: pointer; font-weight: 700; }
@@ -63,6 +74,8 @@ h3 { margin-bottom: 6px; font-size: 1rem; }
 .stack label { color: var(--muted); font-size: .82rem; font-weight: 700; }
 input { width: 100%; min-height: 46px; padding: 10px 13px; border: 1px solid var(--line); border-radius: 12px; outline: none; color: var(--ink); background: #fff; }
 input:focus { border-color: var(--deep-sage); box-shadow: 0 0 0 4px rgba(85, 113, 93, .12); }
+textarea { width: 100%; padding: 10px 13px; border: 1px solid var(--line); border-radius: 12px; outline: none; color: var(--ink); background: #fff; font: inherit; resize: vertical; }
+textarea:focus { border-color: var(--deep-sage); box-shadow: 0 0 0 4px rgba(85, 113, 93, .12); }
 .button { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 17px; border: 0; border-radius: 12px; cursor: pointer; text-decoration: none; font-weight: 800; transition: transform .16s ease, box-shadow .16s ease, background .16s ease; }
 .button:hover { transform: translateY(-1px); }
 .button-primary { color: #fff; background: var(--deep-sage); box-shadow: 0 8px 18px rgba(85, 113, 93, .2); }
@@ -94,6 +107,13 @@ input:focus { border-color: var(--deep-sage); box-shadow: 0 0 0 4px rgba(85, 113
 .list-topbar-actions { display: flex; align-items: center; gap: 12px; }
 .live-pill { display: inline-flex; align-items: center; gap: 7px; color: var(--deep-sage); font-size: .78rem; font-weight: 800; }
 .live-dot { width: 8px; height: 8px; border-radius: 50%; background: #75ae6e; box-shadow: 0 0 0 4px rgba(117, 174, 110, .15); }
+.add-meal-button {
+  color: #fff;
+  background: var(--deep-sage);
+  box-shadow: 0 8px 18px rgba(85, 113, 93, .25);
+}
+.add-meal-button:hover { transform: translateY(-2px); box-shadow: 0 12px 24px rgba(85, 113, 93, .32); }
+.add-meal-button:active { transform: translateY(0); }
 .list-layout { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(265px, .72fr); gap: 22px; align-items: start; }
 .list-panel { min-width: 0; }
 .list-heading { display: flex; justify-content: space-between; margin-bottom: 25px; }
@@ -112,14 +132,71 @@ input:focus { border-color: var(--deep-sage); box-shadow: 0 0 0 4px rgba(85, 113
 .check-form { flex: 0 0 auto; }
 .check-button { display: grid; place-items: center; width: 28px; height: 28px; padding: 0; border: 2px solid #c8d6c1; border-radius: 9px; color: #fff; background: transparent; cursor: pointer; font-size: .88rem; font-weight: 900; }
 .is-checked .check-button { border-color: var(--deep-sage); background: var(--deep-sage); }
-.item-copy { display: grid; flex: 1; min-width: 0; gap: 2px; }
-.item-copy strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
-.item-copy small { overflow: hidden; color: var(--muted); text-overflow: ellipsis; white-space: nowrap; font-size: .78rem; }
+.item-copy { display: grid; grid-template-columns: auto 1fr; flex: 1; min-width: 0; gap: 2px 7px; align-items: baseline; }
+.item-copy strong { grid-column: 2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.item-qty { grid-column: 1; grid-row: 1; color: var(--muted); font-weight: 700; white-space: nowrap; }
+.item-copy small { grid-column: 1 / -1; overflow: hidden; color: var(--muted); text-overflow: ellipsis; white-space: nowrap; font-size: .78rem; }
 .is-checked .item-copy strong { color: var(--muted); text-decoration: line-through; }
-.item-actions { position: relative; }
-.item-actions summary { padding: 7px 5px; color: var(--muted); cursor: pointer; list-style: none; font-size: .78rem; letter-spacing: 2px; }
-.item-actions summary::-webkit-details-marker { display: none; }
-.item-menu { position: absolute; z-index: 2; right: 0; width: min(265px, 80vw); padding: 14px; border: 1px solid var(--line); border-radius: 15px; background: var(--card); box-shadow: var(--shadow); }
+.item-actions-button {
+  flex: 0 0 auto;
+  padding: 7px 8px;
+  border: 0;
+  border-radius: 9px;
+  color: var(--muted);
+  background: transparent;
+  cursor: pointer;
+  font-size: .9rem;
+  letter-spacing: 2px;
+  line-height: 1;
+}
+.item-actions-button:hover { color: var(--ink); background: #f0f3ea; }
+/* Rendered markdown (meal descriptions) */
+.markdown { line-height: 1.6; color: var(--ink); }
+.markdown p { margin: 0 0 12px; }
+.markdown ul, .markdown ol { margin: 0 0 12px; padding-left: 22px; }
+.markdown li { margin-bottom: 4px; }
+.markdown h1, .markdown h2, .markdown h3, .markdown h4 { margin: 18px 0 8px; letter-spacing: -.02em; }
+.markdown h1 { font-size: 1.5rem; }
+.markdown h2 { font-size: 1.25rem; }
+.markdown h3 { font-size: 1.1rem; }
+.markdown code { padding: 2px 5px; border-radius: 6px; background: #eef2ea; font-size: .9em; }
+.markdown pre { padding: 12px; border-radius: 12px; background: #eef2ea; overflow-x: auto; }
+.markdown pre code { padding: 0; background: transparent; }
+.markdown blockquote { margin: 0 0 12px; padding-left: 14px; border-left: 3px solid var(--sage); color: var(--muted); }
+.markdown a { color: var(--deep-sage); text-decoration: underline; }
+/* Meal ingredient list */
+.ingredient-list { display: grid; gap: 6px; margin: 0; padding: 0; list-style: none; }
+.ingredient-list li {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  min-height: 52px;
+  padding: 8px 6px 8px 4px;
+  border-bottom: 1px solid #edf0e6;
+}
+.ingredient-list li:last-child { border-bottom: 0; }
+/* Item / ingredient edit modal */
+.item-modal {
+  width: min(100%, 420px);
+  padding: 0;
+  border: 1px solid rgba(221, 225, 210, .9);
+  border-radius: 24px;
+  background: rgba(255, 253, 248, .98);
+  box-shadow: var(--shadow);
+}
+.item-modal::backdrop {
+  background: rgba(37, 53, 46, .28);
+}
+.item-modal-card { padding: 22px 24px 24px; }
+.item-modal-header {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 16px;
+  margin-bottom: 18px;
+}
+.item-modal-header h3 { margin: 0; font-size: 1.15rem; letter-spacing: -.02em; }
+.item-modal .stack { margin-bottom: 14px; }
 .edit-form { margin-bottom: 12px; }
 .edit-form input { min-height: 38px; padding: 7px 10px; font-size: .85rem; }
 .danger-link { padding: 0; border: 0; color: var(--coral); background: none; cursor: pointer; font-size: .8rem; font-weight: 800; }
@@ -153,9 +230,109 @@ input:focus { border-color: var(--deep-sage); box-shadow: 0 0 0 4px rgba(85, 113
 
 .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
 
+/* Meal picker modal */
+.meal-picker-backdrop {
+  position: fixed;
+  inset: 0;
+  z-index: 50;
+  display: grid;
+  place-items: center;
+  padding: 20px;
+  background: rgba(37, 53, 46, .28);
+  animation: meal-picker-fade .15s ease;
+}
+@keyframes meal-picker-fade { from { opacity: 0; } to { opacity: 1; } }
+.meal-picker-modal {
+  width: min(100%, 460px);
+  max-height: min(78vh, 620px);
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  border: 1px solid rgba(221, 225, 210, .9);
+  border-radius: 24px;
+  background: rgba(255, 253, 248, .98);
+  box-shadow: var(--shadow);
+  animation: meal-picker-pop .18s ease;
+}
+@keyframes meal-picker-pop { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
+.meal-picker-header {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 16px;
+  padding: 22px 24px 16px;
+  border-bottom: 1px solid #edf0e6;
+}
+.meal-picker-header .eyebrow { margin-bottom: 5px; }
+.meal-picker-header h2 { margin-bottom: 0; font-size: 1.25rem; letter-spacing: -.02em; }
+.meal-picker-close {
+  display: grid;
+  place-items: center;
+  flex: 0 0 auto;
+  width: 34px;
+  height: 34px;
+  padding: 0;
+  border: 1px solid var(--line);
+  border-radius: 11px;
+  color: var(--muted);
+  background: #fff;
+  cursor: pointer;
+  font-size: .9rem;
+  transition: color .16s ease, border-color .16s ease;
+}
+.meal-picker-close:hover { color: var(--ink); border-color: var(--sage); }
+.meal-picker-list {
+  display: grid;
+  gap: 8px;
+  padding: 16px 24px 22px;
+  overflow-y: auto;
+}
+.meal-picker-row { margin: 0; }
+.meal-picker-button {
+  display: flex;
+  align-items: center;
+  gap: 13px;
+  width: 100%;
+  padding: 12px 13px;
+  border: 1px solid var(--line);
+  border-radius: 16px;
+  color: var(--ink);
+  background: #fff;
+  cursor: pointer;
+  text-align: left;
+  transition: border-color .16s ease, transform .16s ease;
+}
+.meal-picker-button:hover { border-color: var(--sage); transform: translateX(2px); }
+.meal-picker-icon {
+  display: grid;
+  place-items: center;
+  flex: 0 0 auto;
+  width: 38px;
+  height: 38px;
+  border-radius: 13px;
+  color: var(--deep-sage);
+  background: #eef4e9;
+  font-size: 1.1rem;
+}
+.meal-picker-copy { display: grid; flex: 1; min-width: 0; gap: 2px; }
+.meal-picker-copy strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .95rem; }
+.meal-picker-copy small { color: var(--muted); font-size: .76rem; }
+.meal-picker-add {
+  flex: 0 0 auto;
+  padding: 6px 12px;
+  border-radius: 99px;
+  color: var(--deep-sage);
+  background: #e7f0e1;
+  font-size: .74rem;
+  font-weight: 800;
+}
+.meal-picker-empty { padding: 34px 22px 30px; text-align: center; color: var(--muted); }
+.meal-picker-empty h3 { color: var(--ink); }
+.meal-picker-empty p { margin-bottom: 18px; }
+
 @media (max-width: 780px) {
   .site-header, .site-main, .site-footer { width: min(100% - 28px, 600px); }
-  .site-header { padding: 20px 0; }
+  .site-header { padding: 18px 0; }
   .site-main { margin-top: 20px; }
   .dashboard-grid, .list-layout { grid-template-columns: 1fr; }
   .side-column { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@@ -163,12 +340,14 @@ input:focus { border-color: var(--deep-sage); box-shadow: 0 0 0 4px rgba(85, 113
 }
 
 @media (max-width: 500px) {
+  .site-header { flex-wrap: wrap; gap: 12px 16px; }
+  .site-nav { order: 3; width: 100%; justify-content: center; gap: 8px; }
+  .site-nav a { flex: 1; text-align: center; padding: 10px 8px; }
   .account-nav { gap: 9px; }
   .user-name { max-width: 90px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
   .panel { padding: 20px 16px; border-radius: 20px; }
   .page-heading { margin-bottom: 24px; }
   .list-topbar { margin-bottom: 20px; }
-  .list-topbar-actions .button { display: none; }
   .list-heading h1 { font-size: clamp(1.45rem, 7vw, 1.75rem); }
   .add-item-form { grid-template-columns: minmax(0, 1fr) 75px; }
   .add-button { grid-column: 1 / -1; }