feat: batch-cook shopping list (already worked) + leftover expiry reminders

Shopping list add already worked generically for batch-cook recipes —
no code needed there.

New: mark a specific batch-cook dish as "cooked today", track its
fridge expiry (cookingHistory.batchDishId), surface a "Leftovers
expiring soon" widget on the pantry page, and send a daily push+email
reminder via a new /api/internal/cron/leftover-reminders endpoint
(mirrors the weekly-digest cron pattern; doesn't use the social
notifications table, which requires a non-null actor and isn't built
for self-reminders).

Also fixes, from user-reported bugs:
- Recipe cards showed no batch-cook badge/dish-count/prep-time in some
  views — added dishCount + prepMins/cookMins (now generated by the AI
  and persisted) to the card component and /recipes query.
- Batch-cook descriptions occasionally contained raw markdown
  (**bold**) — added explicit "plain prose only" prompt instructions
  and a stripMarkdown() defensive fallback at render time.
- Truncated/cut-off descriptions — the generateObject call had no
  maxOutputTokens set, so long structured responses could get cut off
  mid-field; now capped explicitly at 8000.
- Generate dialogs (batch-cook + the main AI dialog) could show
  buttons unreachable once the progress bar appeared mid-generation —
  restructured so the action row is pinned outside the scrollable
  content area, not affected by content height changes.
- /api/internal/* routes were being redirected to /login by middleware
  before their own CRON_SECRET check ever ran (pre-existing bug,
  affected the weekly-digest cron too) — added to PUBLIC_PATHS.

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

apps/web/components/recipe/batch-cook-dishes.tsx

@@ -1,7 +1,12 @@
 "use client";
 
+import { useState } from "react";
 import { useTranslations } from "next-intl";
-import { Snowflake, Refrigerator, ChefHat } from "lucide-react";
+import { toast } from "sonner";
+import { Snowflake, Refrigerator, ChefHat, Check } from "lucide-react";
+import { Button } from "@/components/ui/button";
+import { useLocale } from "@/lib/i18n/provider";
+import { stripMarkdown } from "@/lib/utils";
 
 type Dish = {
   id: string;
@@ -11,10 +16,40 @@ type Dish = {
   freezerFriendly: boolean;
   freezerNote: string | null;
   dayOfInstructions: string;
+  cookedAt: string | null;
 };
 
-export function BatchCookDishes({ dishes }: { dishes: Dish[] }) {
+function expiresOn(cookedAt: string, fridgeDays: number): Date {
+  const d = new Date(cookedAt);
+  d.setDate(d.getDate() + fridgeDays);
+  return d;
+}
+
+export function BatchCookDishes({ recipeId, dishes: initialDishes }: { recipeId: string; dishes: Dish[] }) {
   const t = useTranslations("recipe");
+  const { locale } = useLocale();
+  const [dishes, setDishes] = useState(initialDishes);
+  const [markingId, setMarkingId] = useState<string | null>(null);
+
+  async function markCooked(dishId: string) {
+    setMarkingId(dishId);
+    try {
+      const res = await fetch(`/api/v1/recipes/${recipeId}/cooked`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ batchDishId: dishId, deductFromPantry: false }),
+      });
+      if (!res.ok) {
+        toast.error(t("batchCookMarkFailed"));
+        return;
+      }
+      const now = new Date().toISOString();
+      setDishes((prev) => prev.map((d) => (d.id === dishId ? { ...d, cookedAt: now } : d)));
+      toast.success(t("batchCookMarkSuccess"));
+    } finally {
+      setMarkingId(null);
+    }
+  }
 
   return (
     <div className="space-y-4">
@@ -24,7 +59,7 @@ export function BatchCookDishes({ dishes }: { dishes: Dish[] }) {
           <div key={dish.id} className="rounded-xl border p-4 space-y-3">
             <div>
               <h3 className="font-semibold">{dish.name}</h3>
-              {dish.description && <p className="text-sm text-muted-foreground mt-0.5">{dish.description}</p>}
+              {dish.description && <p className="text-sm text-muted-foreground mt-0.5">{stripMarkdown(dish.description)}</p>}
             </div>
 
             <div className="flex flex-wrap gap-2 text-xs">
@@ -47,9 +82,29 @@ export function BatchCookDishes({ dishes }: { dishes: Dish[] }) {
               <ChefHat className="h-4 w-4 text-primary shrink-0 mt-0.5" />
               <div>
                 <p className="text-xs font-medium">{t("batchCookDayOf")}</p>
-                <p className="text-sm text-muted-foreground mt-0.5">{dish.dayOfInstructions}</p>
+                <p className="text-sm text-muted-foreground mt-0.5">{stripMarkdown(dish.dayOfInstructions)}</p>
               </div>
             </div>
+
+            {dish.cookedAt ? (
+              <p className="text-xs text-muted-foreground flex items-center gap-1.5">
+                <Check className="h-3.5 w-3.5 text-primary" />
+                {t("batchCookExpiresOn", {
+                  date: expiresOn(dish.cookedAt, dish.fridgeDays).toLocaleDateString(locale, { month: "short", day: "numeric" }),
+                })}
+              </p>
+            ) : (
+              <Button
+                variant="outline"
+                size="sm"
+                className="w-full"
+                disabled={markingId === dish.id}
+                onClick={() => { void markCooked(dish.id); }}
+              >
+                <ChefHat className="h-3.5 w-3.5" />
+                {t("batchCookMarkCooked")}
+              </Button>
+            )}
           </div>
         ))}
       </div>