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

@@ -0,0 +20,4 @@
+    recipeTitle?: string;
+
+    /** Number of portions needed for this dish on this day. Must be a positive integer. Required. */
+    servings: number;

@@ -0,0 +6,4 @@
+ * For week navigation, set `dateFrom` to the Monday and `dateTo` to the Sunday of the
+ * displayed week. The backend returns only days whose `date` falls within the inclusive range.
+ */
+export interface MealPlanLoadRequestDto {

@@ -0,0 +5,4 @@
+ * a named field so the response shape can be extended with pagination metadata in the future
+ * without breaking existing consumers.
+ */
+export interface MealPlanListResponseDto {

@@ -0,0 +9,4 @@
+ * existing share and create a new one. `sharedWithUserDisplayName` is a read-only convenience
+ * field; do NOT send it on write requests.
+ */
+export interface MealPlanShareDto extends AbstractDto {

@@ -0,0 +89,4 @@
+
+    const goToPrevWeek = () => {
+        const prev = new Date(weekStart);
+        prev.setDate(prev.getDate() - 7);

@@ -0,0 +108,4 @@
+                    onClick={goToPrevWeek}
+                    title="Vorherige Woche"
+                    variant={IconButtonVariant.ghost}
+                    size={20}

@@ -0,0 +120,4 @@
+                    onClick={goToNextWeek}
+                    title="Nächste Woche"
+                    variant={IconButtonVariant.ghost}
+                    size={20}

@@ -0,0 +47,4 @@
+    };
+
+    // Allow submitting via the Enter key in the text input for convenience.
+    const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {

@@ -0,0 +128,4 @@
+                    onClick={enterEditMode}
+                    title="Notiz bearbeiten"
+                    variant={IconButtonVariant.ghost}
+                    size={14}

@@ -0,0 +46,4 @@
+    };
+
+    // Enter submits the form; Escape is handled globally by BasicDialog.
+    const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {

@@ -0,0 +68,4 @@
+function pickDefaultPlan(plans: MealPlanSummaryModel[]): MealPlanSummaryModel | null {
+    if (plans.length === 0) return null;
+    // First plan where the user is the owner is the natural default.
+    const ownedPlan = plans.find(p => p.effectivePermission === "owner");

@@ -14,0 +20,4 @@
+export function getMondayOfWeek(date: Date): Date {
+    const d = new Date(date);
+    // getDay() returns 0=Sunday … 6=Saturday. Shift so Monday=0, Sunday=6.
+    const dayOfWeek = (d.getDay() + 6) % 7;

@@ -109,0 +117,4 @@
+    if (planId) params.set(MEAL_PLAN_PLAN_PARAM, planId)
+    if (weekStart) params.set(MEAL_PLAN_WEEK_PARAM, weekStart)
+    const qs = params.toString()
+    return qs ? `/meal-plan?${qs}` : "/meal-plan"

@@ -0,0 +116,4 @@
+
+        // Map each dish to its DTO shape, omitting id/version for brand-new dishes.
+        // Pass the array index as sortOrder so the backend persists the display order.
+        const dishDtos: MealPlanDayDishDto[] = (current?.dishes ?? []).map((dish, index): MealPlanDayDishDto => {

@@ -0,0 +226,4 @@
+                setSaveState("error");
+            } else {
+                // Any other network or server error — show generic error state.
+                setSaveState("error");

@@ -0,0 +165,4 @@
+        // Compute the ISO bounds for the week window sent to the backend.
+        const weekDates = getWeekDates(week);
+        const dateFrom = formatIsoDate(weekDates[0]);   // Monday
+        const dateTo = formatIsoDate(weekDates[6]);      // Sunday

@@ -0,0 +104,4 @@
+        setIsLoadingUsers(true);
+        fetchAllUsers()
+            .then(users => {
+                setAllUsers(users);

@@ -0,0 +86,4 @@
+ * specific view via the address bar and the browser's back/forward navigation
+ * moves between weeks naturally.
+ */
+export default function MealPlanPage() {