feat: pantry notes/categories, ingredient-alias matching, cook-log edit/delete, fork-list popover (v0.83.0)

Pantry: notes + category fields (collapsible grouping like the shopping list), a "Merge duplicates" cleanup action, and fixed quantity display precision (was showing raw decimal(10,4) strings like "0.3333 kg" everywhere — pantry, shopping list, print views, Markdown exports).

Ingredient-alias matching: the ingredients table (canonical name + aliases) existed but was never populated or used. Seeded ~10 bilingual EN/FR staples and wired resolution into pantry add/edit, can-cook scoring, auto-deduct-on-cook, and shopping-list pantry-awareness, so "sel"/"sel fin"/"table salt" are recognized as the same ingredient.

Cook log: entries from "Mark cooked" can now be edited and deleted (previously log-only, no fix-a-mistake path). The "Cooked N times" text is a hover tooltip listing every date and opens a full manage sheet on click.

Also: the "Forked by N others" backlink is now a click-to-open popover instead of an always-inline list.

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

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

@@ -14,6 +14,7 @@ import { PrintButton } from "@/components/recipe/print-button";
 import { ShareRecipeButton } from "@/components/recipe/share-recipe-button";
 import { SaveOfflineButton } from "@/components/recipe/save-offline-button";
 import { VersionHistoryButton } from "@/components/recipe/version-history-button";
+import { ForkedByPopover } from "@/components/recipe/forked-by-popover";
 import { DeleteRecipeButton } from "@/components/recipe/delete-recipe-button";
 import { ForkRecipeButton } from "@/components/recipe/fork-recipe-button";
 import { NutritionPanel } from "@/components/recipe/nutrition-panel";
@@ -109,7 +110,7 @@ export default async function RecipePage({ params }: Params) {
     db.query.cookingHistory.findMany({
       where: and(eq(cookingHistory.recipeId, id), eq(cookingHistory.userId, session.user.id)),
       orderBy: desc(cookingHistory.cookedAt),
-      columns: { batchDishId: true, cookedAt: true },
+      columns: { id: true, batchDishId: true, cookedAt: true, servings: true, notes: true },
     }),
     getFeatureFlagMatrix(),
     getFeaturePrefs(session.user.id),
@@ -156,9 +157,9 @@ export default async function RecipePage({ params }: Params) {
 
   // Non-batch cook log — batch-cook recipes track this per-dish instead
   // (dishCookedAtMap above), logged via BatchCookDishes, not this list.
-  const plainCookLog = dishCookLog.filter((l) => !l.batchDishId);
-  const cookCount = plainCookLog.length;
-  const lastCookedAt = plainCookLog[0]?.cookedAt.toISOString() ?? null;
+  const plainCookLog = dishCookLog
+    .filter((l) => !l.batchDishId)
+    .map((l) => ({ id: l.id, cookedAt: l.cookedAt.toISOString(), servings: l.servings, notes: l.notes }));
 
   const avgScore = ratingData[0]?.avgScore ? parseFloat(ratingData[0].avgScore) : null;
   const ratingCount = ratingData[0]?.total ?? 0;
@@ -209,24 +210,14 @@ export default async function RecipePage({ params }: Params) {
           </Link>
         )}
         {visibleForks.length > 0 && (
-          <div className="text-sm text-muted-foreground">
-            <p>
-              {visibleForks.length === 1
+          <ForkedByPopover
+            label={
+              visibleForks.length === 1
                 ? m.recipe.forkedByCountSingular
-                : formatMessage(m.recipe.forkedByCountPlural, { count: visibleForks.length })}
-            </p>
-            <div className="flex flex-wrap gap-x-3 gap-y-1 mt-1">
-              {visibleForks.map((f) => (
-                <Link
-                  key={f.child.id}
-                  href={`/recipes/${f.child.id}`}
-                  className="hover:text-foreground underline-offset-2 hover:underline"
-                >
-                  {f.child.title}
-                </Link>
-              ))}
-            </div>
-          </div>
+                : formatMessage(m.recipe.forkedByCountPlural, { count: visibleForks.length })
+            }
+            forks={visibleForks.map((f) => ({ id: f.child.id, title: f.child.title }))}
+          />
         )}
         <TooltipProvider>
         <div className="flex items-center gap-2 overflow-x-auto pb-0.5 [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden">
@@ -563,8 +554,7 @@ export default async function RecipePage({ params }: Params) {
           <MarkCookedSection
             recipeId={id}
             baseServings={recipe.baseServings}
-            cookCount={cookCount}
-            lastCookedAt={lastCookedAt}
+            initialLogs={plainCookLog}
           />
         </>
       )}