feat: add batch-cooking sessions (single "mega recipe" with dish sections)

New AI-generated batch-cooking flow: pick N dinners/lunches + servings,
get one unified recipe covering a full prep session — merged shopping
list, steps tagged per-dish (a step can advance several dishes at once,
e.g. a shared oven bake), and per-dish storage (fridge/freezer) + exact
day-of reheat/finishing instructions.

Schema: recipes.isBatchCook, recipeSteps.appliesTo (dish names), new
recipeBatchDishes table. Batch recipes are excluded from the normal
/recipes list and live under their own /batch-cooking section.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

apps/web/app/(app)/batch-cooking/page.tsx

@@ -0,0 +1,31 @@
+import type { Metadata } from "next";
+import { headers } from "next/headers";
+import { auth } from "@/lib/auth/server";
+import { db, recipes, eq, and, desc } from "@epicure/db";
+import { BatchCookingPageContent } from "@/components/recipe/batch-cooking-page-content";
+
+export const metadata: Metadata = {};
+
+export default async function BatchCookingPage() {
+  const session = await auth.api.getSession({ headers: await headers() });
+  if (!session) return null;
+
+  const sessions = await db.query.recipes.findMany({
+    where: and(eq(recipes.authorId, session.user.id), eq(recipes.isBatchCook, true)),
+    orderBy: desc(recipes.createdAt),
+    with: { batchDishes: true },
+  });
+
+  return (
+    <BatchCookingPageContent
+      sessions={sessions.map((r) => ({
+        id: r.id,
+        title: r.title,
+        description: r.description,
+        baseServings: r.baseServings,
+        createdAt: r.createdAt.toISOString(),
+        dishCount: r.batchDishes.length,
+      }))}
+    />
+  );
+}

apps/web/app/(app)/recipes/[id]/page.tsx

@@ -34,6 +34,8 @@ import { CommentsSection } from "@/components/social/comments-section";
 import { getPublicUrl } from "@/lib/storage";
 import { cn } from "@/lib/utils";
 import { RecipeChatPanel } from "@/components/recipe/recipe-chat-panel";
+import { BatchCookSteps } from "@/components/recipe/batch-cook-steps";
+import { BatchCookDishes } from "@/components/recipe/batch-cook-dishes";
 import { KeepScreenAwake } from "@/components/recipe/keep-screen-awake";
 import { ExportMarkdownButton } from "@/components/shared/export-markdown-button";
 import { recipeToMarkdown } from "@/lib/markdown/recipe";
@@ -71,6 +73,7 @@ export default async function RecipePage({ params }: Params) {
         steps: { orderBy: (t, { asc }) => asc(t.order) },
         photos: { orderBy: (t, { asc }) => asc(t.order) },
         author: { columns: { id: true, name: true, username: true, avatarUrl: true } },
+        batchDishes: { orderBy: (t, { asc }) => asc(t.order) },
       },
     }),
     db.select({ avgScore: avg(ratings.score), total: count() }).from(ratings).where(eq(ratings.recipeId, id)),
@@ -109,7 +112,12 @@ export default async function RecipePage({ params }: Params) {
       <KeepScreenAwake />
       {/* Header */}
       <div className="space-y-4">
-        <h1 className="text-3xl font-bold tracking-tight">{recipe.title}</h1>
+        <div className="flex items-center gap-3">
+          <h1 className="text-3xl font-bold tracking-tight">{recipe.title}</h1>
+          {recipe.isBatchCook && (
+            <Badge variant="secondary" className="shrink-0">{m.recipe.batchCookBadge}</Badge>
+          )}
+        </div>
         {!isOwner && recipe.author.username && (
           <Link
             href={`/u/${recipe.author.username}`}
@@ -366,30 +374,41 @@ export default async function RecipePage({ params }: Params) {
           <Separator />
           <div className="space-y-6">
             <h2 className="text-xl font-semibold">{m.recipe.instructions}</h2>
-            <ol className="space-y-6">
-              {recipe.steps.map((step, i) => (
-                <li key={step.id} className="flex gap-4">
-                  <div className="flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-primary text-primary-foreground text-sm font-bold">
-                    {i + 1}
-                  </div>
-                  <div className="flex-1 space-y-1 pt-1">
-                    <p className="leading-relaxed">{step.instruction}</p>
-                    {step.timerSeconds && (
-                      <p className="text-xs text-muted-foreground flex items-center gap-1">
-                        <Clock className="h-3 w-3" />
-                        {step.timerSeconds >= 60
-                          ? `${Math.floor(step.timerSeconds / 60)}m ${step.timerSeconds % 60 > 0 ? `${step.timerSeconds % 60}s` : ""}`
-                          : `${step.timerSeconds}s`}
-                      </p>
-                    )}
-                  </div>
-                </li>
-              ))}
-            </ol>
+            {recipe.isBatchCook ? (
+              <BatchCookSteps steps={recipe.steps} />
+            ) : (
+              <ol className="space-y-6">
+                {recipe.steps.map((step, i) => (
+                  <li key={step.id} className="flex gap-4">
+                    <div className="flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-primary text-primary-foreground text-sm font-bold">
+                      {i + 1}
+                    </div>
+                    <div className="flex-1 space-y-1 pt-1">
+                      <p className="leading-relaxed">{step.instruction}</p>
+                      {step.timerSeconds && (
+                        <p className="text-xs text-muted-foreground flex items-center gap-1">
+                          <Clock className="h-3 w-3" />
+                          {step.timerSeconds >= 60
+                            ? `${Math.floor(step.timerSeconds / 60)}m ${step.timerSeconds % 60 > 0 ? `${step.timerSeconds % 60}s` : ""}`
+                            : `${step.timerSeconds}s`}
+                        </p>
+                      )}
+                    </div>
+                  </li>
+                ))}
+              </ol>
+            )}
           </div>
         </>
       )}
 
+      {recipe.isBatchCook && recipe.batchDishes.length > 0 && (
+        <>
+          <Separator />
+          <BatchCookDishes dishes={recipe.batchDishes} />
+        </>
+      )}
+
       {recipe.photos.length > 1 && (
         <>
           <Separator />

apps/web/app/(app)/recipes/page.tsx

@@ -54,6 +54,7 @@ export default async function RecipesPage({ searchParams }: { searchParams: Sear
 
   const where = and(
     eq(recipes.authorId, session.user.id),
+    eq(recipes.isBatchCook, false),
     query
       ? or(ilike(recipes.title, `%${query}%`), ilike(recipes.description, `%${query}%`))
       : undefined,