fix: audit fixes — tier-quota bypass, webhook SSRF, auth hardening, pagination, a11y

Full audit (bugs/UI-UX/backend/feature-gap) turned up a money-leak AI quota
bypass, webhook SSRF, and a long tail of missing pagination/auth/a11y work.
Fixes land together since HANDOFF.md tracked them as one backlog.

- AI routes charge tier quota before generating; nutrition POST is author-only
- Webhook dispatch re-validates URL per delivery (SSRF/DNS-rebinding), treats
  redirects as failures; recipe.published now actually dispatches
- New indexes/unique constraints on recipes, meal-planning, comments FK cascade
- Recipe PUT/restore snapshot only inside the transaction, after validation
- Recipe DELETE cleans up S3 objects (recipe + review photos)
- Optimistic UI (favorite/star/follow/shopping-list) rolls back on failure
- Upload presign enforces file size cap + per-tier storage quota
- Route-level loading/error/not-found states across (app), admin, and root
- middleware.ts guards (app)/admin; requireAdmin checks DB role, not cached
  session; rate limiting applied to both session and API-key branches,
  bucketed per key; Stripe webhook dedupes by event id
- Pagination added to recipes, feed, profile, comments, pantry, admin tables
- Nav shows real avatar + profile link + dark-mode toggle; destructive actions
  standardized on AlertDialog
- Unsaved-changes guard + real ingredient/step validation on recipe form;
  canonical /recipes/[id] used in-app; next/image migration; aria-labels and
  alt text across icon buttons, avatars, recipe photos
- packages/api-types removed (zero callers, too drifted to safely rewire);
  openapi.ts and ai-keys error shape drift fixed; BYOK decrypt failures now
  surface instead of silently falling back to the platform key

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

apps/web/app/api/v1/recipes/[id]/comments/route.ts

@@ -1,6 +1,6 @@
 import { NextRequest, NextResponse } from "next/server";
 import { z } from "zod";
-import { db, recipes, comments, users, userBlocks, eq, and, inArray } from "@epicure/db";
+import { db, recipes, comments, users, userBlocks, eq, and, inArray, isNull, sql } from "@epicure/db";
 import { requireSession } from "@/lib/api-auth";
 import { applyRateLimit } from "@/lib/rate-limit";
 import { dispatchWebhook } from "@/lib/webhooks";
@@ -16,7 +16,19 @@ const Schema = z.object({
 
 type Params = { params: Promise<{ id: string }> };
 
-export async function GET(_req: NextRequest, { params }: Params) {
+const COMMENT_COLUMNS = {
+  id: comments.id,
+  content: comments.content,
+  parentId: comments.parentId,
+  createdAt: comments.createdAt,
+  updatedAt: comments.updatedAt,
+  userId: comments.userId,
+  userName: users.name,
+  userUsername: users.username,
+  userAvatarUrl: users.avatarUrl,
+} as const;
+
+export async function GET(req: NextRequest, { params }: Params) {
   const { id } = await params;
   const recipe = await db.query.recipes.findFirst({ where: eq(recipes.id, id) });
   if (!recipe || recipe.visibility === "private") {
@@ -25,32 +37,55 @@ export async function GET(_req: NextRequest, { params }: Params) {
 
   const { session } = await requireSession();
 
-  const rows = await db
-    .select({
-      id: comments.id,
-      content: comments.content,
-      parentId: comments.parentId,
-      createdAt: comments.createdAt,
-      updatedAt: comments.updatedAt,
-      userId: comments.userId,
-      userName: users.name,
-      userUsername: users.username,
-      userAvatarUrl: users.avatarUrl,
-    })
-    .from(comments)
-    .innerJoin(users, eq(comments.userId, users.id))
-    .where(eq(comments.recipeId, id))
-    .orderBy(comments.createdAt);
+  const { searchParams } = req.nextUrl;
+  const limitRaw = parseInt(searchParams.get("limit") ?? "20");
+  const limit = Math.min(Number.isNaN(limitRaw) ? 20 : Math.max(1, limitRaw), 50);
+  const offsetRaw = parseInt(searchParams.get("offset") ?? "0");
+  const offset = Number.isNaN(offsetRaw) ? 0 : Math.max(0, offsetRaw);
 
-  if (!session) return NextResponse.json(rows);
+  // Paginate top-level comments; replies to a loaded top-level comment are always
+  // fetched alongside it so threads render complete (threads are typically small).
+  const [topLevel, totalRow] = await Promise.all([
+    db
+      .select(COMMENT_COLUMNS)
+      .from(comments)
+      .innerJoin(users, eq(comments.userId, users.id))
+      .where(and(eq(comments.recipeId, id), isNull(comments.parentId)))
+      .orderBy(comments.createdAt)
+      .limit(limit)
+      .offset(offset),
+    db
+      .select({ total: sql<number>`count(*)::int` })
+      .from(comments)
+      .where(and(eq(comments.recipeId, id), isNull(comments.parentId))),
+  ]);
 
-  const blocked = await db
-    .select({ blockedId: userBlocks.blockedId })
-    .from(userBlocks)
-    .where(eq(userBlocks.blockerId, session.user.id));
-  const blockedIds = new Set(blocked.map((b) => b.blockedId));
+  const total = totalRow[0]?.total ?? 0;
+  const topLevelIds = topLevel.map((c) => c.id);
 
-  return NextResponse.json(rows.filter((r) => !blockedIds.has(r.userId)));
+  const replies = topLevelIds.length > 0
+    ? await db
+        .select(COMMENT_COLUMNS)
+        .from(comments)
+        .innerJoin(users, eq(comments.userId, users.id))
+        .where(inArray(comments.parentId, topLevelIds))
+        .orderBy(comments.createdAt)
+    : [];
+
+  const rows = [...topLevel, ...replies];
+
+  const data = session
+    ? await (async () => {
+        const blocked = await db
+          .select({ blockedId: userBlocks.blockedId })
+          .from(userBlocks)
+          .where(eq(userBlocks.blockerId, session.user.id));
+        const blockedIds = new Set(blocked.map((b) => b.blockedId));
+        return rows.filter((r) => !blockedIds.has(r.userId));
+      })()
+    : rows;
+
+  return NextResponse.json({ data, total, limit, offset });
 }
 
 export async function POST(req: NextRequest, { params }: Params) {