diff --git a/frontend/src/lib/planner/RecipePicker.svelte b/frontend/src/lib/planner/RecipePicker.svelte
index ec3fd69..41544f2 100644
--- a/frontend/src/lib/planner/RecipePicker.svelte
+++ b/frontend/src/lib/planner/RecipePicker.svelte
@@ -1,16 +1,5 @@
 <script lang="ts">
-	interface Recipe {
-		id: string;
-		name: string;
-		effort?: string;
-		cookTimeMin?: number;
-	}
-
-	interface Suggestion {
-		recipe: Recipe;
-		scoreDelta: number;
-		hasConflict: boolean;
-	}
+	import type { Recipe, Suggestion } from '$lib/planner/types';
 
 	let {
 		planId,
diff --git a/frontend/src/lib/planner/types.ts b/frontend/src/lib/planner/types.ts
new file mode 100644
index 0000000..1dae0f5
--- /dev/null
+++ b/frontend/src/lib/planner/types.ts
@@ -0,0 +1,12 @@
+export interface Recipe {
+	id: string;
+	name: string;
+	effort?: string;
+	cookTimeMin?: number;
+}
+
+export interface Suggestion {
+	recipe: Recipe;
+	scoreDelta: number;
+	hasConflict: boolean;
+}
diff --git a/frontend/src/routes/(app)/planner/+page.svelte b/frontend/src/routes/(app)/planner/+page.svelte
index b6f5e4d..d281247 100644
--- a/frontend/src/routes/(app)/planner/+page.svelte
+++ b/frontend/src/routes/(app)/planner/+page.svelte
@@ -11,6 +11,7 @@
 	import BottomSheet from '$lib/components/BottomSheet.svelte';
 	import UndoBar from '$lib/planner/UndoBar.svelte';
 	import { prevWeek, nextWeek, getWeekStart, weekDays, formatDayLabel, formatDayAbbr, formatWeekRange, sortEasiestFirst } from '$lib/planner/week';
+	import type { Suggestion } from '$lib/planner/types';
 
 	let { data, form = null }: { data: { weekPlan: any; varietyScore: any; weekStart: string; recipes: any[] }; form?: any } = $props();
 
@@ -69,7 +70,7 @@
 		: null
 	);
 
-	let suggestions: any[] = $state([]);
+	let suggestions: Suggestion[] = $state([]);
 	let isLoadingSuggestions = $state(false);
 
 	// Recipes already in any slot this week — used for ⚠ overlap warnings