nutrition: detect recipe refs in ingredients, show in edit UI with multiplier

Skip embedding matching for anchor-tag ingredients that reference other
recipes. Instead, mark them with recipeRef/recipeRefMultiplier fields so
their nutrition is resolved via resolveReferencedNutrition with a
user-configurable fraction. The edit UI shows these as teal REF badges
with an editable "Anteil" input.

src/lib/server/nutritionMatcher.ts

@@ -706,6 +706,28 @@ export async function generateNutritionMappings(
 			const itemDe = sectionDe.list[itemIdx];
 			const itemEn = sectionEn?.list?.[itemIdx];
 
+			// Anchor-tag references to other recipes — their nutrition
+			// is resolved separately via resolveReferencedNutrition()
+			const refSlug = parseAnchorRecipeRef(itemDe.name || '');
+			if (refSlug) {
+				mappings.push({
+					sectionIndex: sectionIdx,
+					ingredientIndex: itemIdx,
+					ingredientName: itemEn?.name || itemDe.name,
+					ingredientNameDe: itemDe.name,
+					matchMethod: 'none',
+					matchConfidence: 0,
+					gramsPerUnit: 0,
+					defaultAmountUsed: false,
+					unitConversionSource: 'none',
+					manuallyEdited: false,
+					excluded: true,
+					recipeRef: refSlug,
+					recipeRefMultiplier: 1,
+				});
+				continue;
+			}
+
 			const mapping = await matchIngredient(
 				itemDe.name,
 				itemEn?.name || undefined,
@@ -838,14 +860,25 @@ export type ReferencedNutritionResult = {
  * Build nutrition totals for referenced recipes:
  * 1. Base recipe references (type='reference' with populated baseRecipeRef)
  * 2. Anchor-tag references in ingredient names (<a href=...>)
+ *
+ * When nutritionMappings are provided, uses recipeRefMultiplier from the
+ * mapping for anchor-tag refs (allowing user-configured fractions).
  */
 export async function resolveReferencedNutrition(
 	ingredients: any[],
+	nutritionMappings?: any[],
 ): Promise<ReferencedNutritionResult[]> {
 	const { Recipe } = await import('$models/Recipe');
 	const results: ReferencedNutritionResult[] = [];
 	const processedSlugs = new Set<string>();
 
+	// Build mapping index for recipeRefMultiplier lookup
+	const mappingIndex = new Map(
+		(nutritionMappings || [])
+			.filter((m: any) => m.recipeRef)
+			.map((m: any) => [m.recipeRef, m])
+	);
+
 	for (const section of ingredients) {
 		// Type 1: Base recipe references
 		if (section.type === 'reference' && section.baseRecipeRef) {
@@ -873,10 +906,11 @@ export async function resolveReferencedNutrition(
 					.lean();
 				if (!refRecipe?.nutritionMappings?.length) continue;
 
+				const mult = mappingIndex.get(refSlug)?.recipeRefMultiplier ?? 1;
 				const nutrition = computeRecipeNutritionTotals(
 					refRecipe.ingredients || [], refRecipe.nutritionMappings, 1
 				);
-				results.push({ shortName: refSlug, name: refRecipe.name, nutrition, baseMultiplier: 1 });
+				results.push({ shortName: refSlug, name: refRecipe.name, nutrition, baseMultiplier: mult });
 			}
 		}
 	}

src/models/Recipe.ts

@@ -180,6 +180,8 @@ const RecipeSchema = new mongoose.Schema(
        unitConversionSource: { type: String, enum: ['direct', 'density', 'usda_portion', 'estimate', 'manual', 'none'] },
        manuallyEdited: { type: Boolean, default: false },
        excluded: { type: Boolean, default: false },
+       recipeRef: { type: String },
+       recipeRefMultiplier: { type: Number, default: 1 },
      }],
 
      // Translation metadata for tracking changes

src/routes/[recipeLang=recipeLang]/edit/[name]/+page.svelte

@@ -314,7 +314,7 @@
 			});
 			await loadGlobalOverwrites();
 			initGlobalToggles();
-			const mapped = nutritionMappings.filter((m: any) => m.matchMethod !== 'none').length;
+			const mapped = nutritionMappings.filter((m: any) => m.matchMethod !== 'none' || m.recipeRef).length;
 			toast.success(`Nährwerte generiert: ${mapped}/${result.count} Zutaten zugeordnet`);
 		} catch (e: any) {
 			toast.error(`Fehler: ${e.message}`);
@@ -675,6 +675,29 @@
 	.manual-row {
 		border-left: 2px solid var(--nord13);
 	}
+	.recipe-ref-row {
+		border-left: 2px solid var(--nord8);
+	}
+	.source-badge.recipe-ref {
+		background: var(--nord8);
+		color: var(--nord0);
+	}
+	.recipe-ref-label {
+		font-size: 0.85rem;
+		color: var(--nord8);
+		font-weight: 600;
+	}
+	.ref-multiplier {
+		display: inline-flex;
+		align-items: center;
+		gap: 0.3rem;
+		font-size: 0.8rem;
+		color: var(--color-text-secondary);
+		margin-left: 0.5rem;
+	}
+	.ref-multiplier .gpu-input {
+		width: 3.5rem;
+	}
 	.excluded-label {
 		font-style: italic;
 		color: var(--nord11);
@@ -978,14 +1001,14 @@
 			</div>
 			<div class="nutrition-table-wrapper">
 				<p class="nutrition-result-summary">
-					{nutritionMappings.filter((m) => m.matchMethod !== 'none').length}/{nutritionMappings.length} Zutaten zugeordnet
+					{nutritionMappings.filter((m) => m.matchMethod !== 'none' || m.recipeRef).length}/{nutritionMappings.length} Zutaten zugeordnet
 				</p>
 				<table class="nutrition-result-table">
 					<thead><tr><th>#</th><th>Zutat</th><th>Quelle</th><th>Treffer / Suche</th><th>Konf.</th><th>g/u</th><th></th></tr></thead>
 					<tbody>
 						{#each nutritionMappings as m, i (mappingKey(m))}
 							{@const key = mappingKey(m)}
-							<tr class:unmapped-row={m.matchMethod === 'none' && !m.excluded} class:excluded-row={m.excluded} class:manual-row={m.manuallyEdited && !m.excluded}>
+							<tr class:unmapped-row={m.matchMethod === 'none' && !m.excluded && !m.recipeRef} class:excluded-row={m.excluded && !m.recipeRef} class:manual-row={m.manuallyEdited && !m.excluded} class:recipe-ref-row={!!m.recipeRef}>
 								<td>{i + 1}</td>
 								<td>
 									{m.ingredientNameDe || m.ingredientName}
@@ -994,7 +1017,9 @@
 									{/if}
 								</td>
 								<td>
-									{#if m.excluded}
+									{#if m.recipeRef}
+										<span class="source-badge recipe-ref">REF</span>
+									{:else if m.excluded}
 										<span class="source-badge skip">SKIP</span>
 									{:else if m.matchMethod !== 'none'}
 										<span class="source-badge" class:bls={m.source === 'bls'}>{(m.source || 'usda').toUpperCase()}</span>
@@ -1005,61 +1030,73 @@
 								</td>
 								<td>
 									<div class="search-cell">
-										{#if m.excluded}
+										{#if m.recipeRef}
+											<span class="recipe-ref-label">{m.recipeRef}</span>
+											<label class="ref-multiplier">
+												<span>Anteil:</span>
+												<input type="number" class="gpu-input" min="0" max="10" step="0.1" bind:value={m.recipeRefMultiplier} />
+											</label>
+										{:else if m.excluded}
 											<span class="excluded-label">Übersprungen</span>
 										{:else if m.matchMethod !== 'none' && !searchQueries[key]}
 											<span class="current-match" class:manual-match={m.manuallyEdited}>{m.nutritionDbName || '—'}</span>
 										{/if}
-										<input
-											type="text"
-											class="search-input"
-											class:has-match={m.matchMethod !== 'none' && !m.excluded && !searchQueries[key]}
-											placeholder={m.excluded ? 'Suche für neuen Treffer…' : (m.matchMethod !== 'none' ? 'Überschreiben…' : 'BLS/USDA suchen…')}
-											value={searchQueries[key] || ''}
-											oninput={(e) => handleSearchInput(key, e.currentTarget.value)}
-										/>
-										{#if searchResults[key]?.length > 0}
-											<ul class="search-dropdown">
-												{#each searchResults[key] as result (result.id)}
-													<li>
-														<button
-															type="button"
-															onclick={() => assignNutritionEntry(m, result)}
-														>
-															<span class="source-badge" class:bls={result.source === 'bls'}>{result.source.toUpperCase()}</span>
-															{result.name}
-															<span class="search-cal">{Math.round(result.calories)} kcal</span>
-														</button>
-													</li>
-												{/each}
-											</ul>
-										{/if}
-										<div class="row-controls">
-											<Toggle checked={globalToggle[key] ?? false} label="global" onchange={() => { globalToggle[key] = !globalToggle[key]; }} />
-											{#if m.manuallyEdited || m.excluded}
-												<button type="button" class="revert-btn" onclick={() => revertToAuto(m)} title="Zurück auf automatisch">auto</button>
+										{#if !m.recipeRef}
+											<input
+												type="text"
+												class="search-input"
+												class:has-match={m.matchMethod !== 'none' && !m.excluded && !searchQueries[key]}
+												placeholder={m.excluded ? 'Suche für neuen Treffer…' : (m.matchMethod !== 'none' ? 'Überschreiben…' : 'BLS/USDA suchen…')}
+												value={searchQueries[key] || ''}
+												oninput={(e) => handleSearchInput(key, e.currentTarget.value)}
+											/>
+											{#if searchResults[key]?.length > 0}
+												<ul class="search-dropdown">
+													{#each searchResults[key] as result (result.id)}
+														<li>
+															<button
+																type="button"
+																onclick={() => assignNutritionEntry(m, result)}
+															>
+																<span class="source-badge" class:bls={result.source === 'bls'}>{result.source.toUpperCase()}</span>
+																{result.name}
+																<span class="search-cal">{Math.round(result.calories)} kcal</span>
+															</button>
+														</li>
+													{/each}
+												</ul>
 											{/if}
-										</div>
+											<div class="row-controls">
+												<Toggle checked={globalToggle[key] ?? false} label="global" onchange={() => { globalToggle[key] = !globalToggle[key]; }} />
+												{#if m.manuallyEdited || m.excluded}
+													<button type="button" class="revert-btn" onclick={() => revertToAuto(m)} title="Zurück auf automatisch">auto</button>
+												{/if}
+											</div>
+										{/if}
 									</div>
 								</td>
-								<td>{m.matchConfidence ? (m.matchConfidence * 100).toFixed(0) + '%' : '—'}</td>
+								<td>{m.recipeRef ? '—' : (m.matchConfidence ? (m.matchConfidence * 100).toFixed(0) + '%' : '—')}</td>
 								<td>
-									{#if m.manuallyEdited}
+									{#if m.recipeRef}
+										—
+									{:else if m.manuallyEdited}
 										<input type="number" class="gpu-input" min="0" step="0.1" bind:value={m.gramsPerUnit} />
 									{:else}
 										{m.gramsPerUnit || '—'}
 									{/if}
 								</td>
 								<td>
-									<button
-										type="button"
-										class="skip-btn"
-										class:active={m.excluded}
-										onclick={() => m.excluded ? revertToAuto(m) : skipIngredient(m)}
-										title={m.excluded ? 'Wieder aktivieren' : 'Überspringen'}
-									>
-										{m.excluded ? '↩' : '✕'}
-									</button>
+									{#if !m.recipeRef}
+										<button
+											type="button"
+											class="skip-btn"
+											class:active={m.excluded}
+											onclick={() => m.excluded ? revertToAuto(m) : skipIngredient(m)}
+											title={m.excluded ? 'Wieder aktivieren' : 'Überspringen'}
+										>
+											{m.excluded ? '↩' : '✕'}
+										</button>
+									{/if}
 								</td>
 							</tr>
 						{/each}

src/routes/api/[recipeLang=recipeLang]/items/[name]/+server.ts

@@ -157,7 +157,7 @@ export const GET: RequestHandler = async ({ params }) => {
     }
 
     // Resolve nutrition from referenced recipes (base refs + anchor tags)
-    recipe.referencedNutrition = await resolveReferencedNutrition(rawRecipe.ingredients || []);
+    recipe.referencedNutrition = await resolveReferencedNutrition(rawRecipe.ingredients || [], rawRecipe.nutritionMappings);
 
     // Merge English alt/caption with original image paths
     const imagesArray = Array.isArray(rawRecipe.images) ? rawRecipe.images : (rawRecipe.images ? [rawRecipe.images] : []);
@@ -184,6 +184,6 @@ export const GET: RequestHandler = async ({ params }) => {
     recipe.instructions = mapBaseRecipeRefs(recipe.instructions);
   }
   // Resolve nutrition from referenced recipes (base refs + anchor tags)
-  recipe.referencedNutrition = await resolveReferencedNutrition(rawRecipe.ingredients || []);
+  recipe.referencedNutrition = await resolveReferencedNutrition(rawRecipe.ingredients || [], rawRecipe.nutritionMappings);
   return json(recipe);
 };

src/routes/api/[recipeLang=recipeLang]/json-ld/[name]/+server.ts

@@ -17,7 +17,7 @@ export const GET: RequestHandler = async ({ params, setHeaders }) => {
     throw error(404, "Recipe not found");
   }
 
-  const referencedNutrition = await resolveReferencedNutrition(recipe.ingredients || []);
+  const referencedNutrition = await resolveReferencedNutrition(recipe.ingredients || [], recipe.nutritionMappings);
   const jsonLd = generateRecipeJsonLd(recipe, referencedNutrition);
 
   // Set appropriate headers for JSON-LD

src/types/types.ts

@@ -33,6 +33,8 @@ export type NutritionMapping = {
   manuallyEdited: boolean;
   excluded: boolean;
   per100g?: NutritionPer100g;
+  recipeRef?: string;
+  recipeRefMultiplier?: number;
 };
 
 // Translation status enum