Mealplan · Wochenplaner · Hauptbereich

Was kommt unter das Kalender-Grid?

Das 7-Spalten-Grid nimmt ~150 px ein. Die Main-Area ist die volle Viewport-Höhe. Fünf Konzepte, was den Raum darunter sinnvoll füllt — je mit dem gleichen Sidebar (Score oben) und rechtem Panel.

A Variety-Dashboard direkt im Planer Kein separater /planner/variety Tab mehr nötig
Wochenplaner 7.–13. Apr
Mo
7

Hähnchen-Curry

35 Min

mittel
Hähnchen
Di
8

Pasta Bolognese

45 Min

mittel
Rind
Mi
9

Gemüse-Stir-fry

20 Min

einfach
Tofu
Do
10

Lachs mit Kartoffeln

30 Min

einfach
Fisch
Fr
11

Pizza Margherita

50 Min

aufwändig
vegetarisch
Sa
12
+wählen
So
13
+wählen
Wochenanalyse Detailansicht →
8.0/10
Protein-Vielfalt
7.2/10
Zutaten-Überlappung
8.2/10
Aufwands-Balance
Mo
Di
Mi
Do
Fr
Sa
So
Hähnchen
HÄH
HÄH
Rind
RIND
Tofu / veg.
TOFU
VEG
Fisch
FISCH
Aufwandsverteilung
3 × einfach
2 × mittel
1
● einfach ● mittel ● aufwändig
Hinweise
⚠ Hähnchen
an Mo + Do geplant
Tag tauschen →
⚠ Tomaten
Di + Do wiederholt
Tag tauschen →
Mittwoch, 9. Apr
Gemüse-Stir-fry
20 Min · einfach
Was passiert: Die /planner/variety Seite existiert weiter als Deep-Link, aber ihre Kerninfos (Sub-Scores, Protein-Grid, Aufwands-Balken, Warnungen) sind direkt im Planer sichtbar — kein Tab-Wechsel nötig. Alle Daten kommen aus dem bereits geladenen varietyScore Objekt. Der „Detailansicht →" Link führt zur vollen Analyse-Seite.

Gelber Ring im Protein-Grid = Protein wiederholt sich an mehreren Tagen (kommt von tagRepeats).
B Mehre Wochen gleichzeitig Aktuelle + Folgewochen im selben Grid
Wochenplaner
Apr 2026
Mo
Di
Mi
Do
Fr
Sa
So
KW 15 7.–13. Apr Aktuell 7.8 / 10
7

Hähnchen-Curry

35 Min · mittel

Hähnchen
8

Pasta Bolognese

45 Min · mittel

Rind
9

Gemüse-Stir-fry

20 Min · einfach

Tofu
10

Lachs mit Kartoffeln

30 Min · einfach

Fisch
11

Pizza Margherita

50 Min · aufwändig

veg.
12
+wählen
13
+wählen
KW 16 14.–20. Apr 6.1 / 10
14

Hähnchen-Pfanne

25 Min · einfach

Hähnchen
15
+wählen
16

Linsensuppe

40 Min · einfach

veg.
17
+wählen
18
+wählen
19
+wählen
20
+wählen
KW 17 21.–27. Apr leer
21
+wählen
22
23
24
25
26
27
Mittwoch, 9. Apr · KW 15
Gemüse-Stir-fry
20 Min · einfach
Was passiert: Die Main-Area zeigt 3 aufeinanderfolgende Wochen. Die Spaltenköpfe (Mo–So) sind geteilt. Jede Woche hat ein Label mit KW-Nummer, Datumsbereich und Score. KW 17 ist gedimmt — noch kein Plan, aber klickbar. Die Sidebar zeigt den Score der aktuell fokussierten Woche + eine kompakte Wochenliste.

Was neu gebaut werden muss: API-Abruf für Folgewochen (gleicher Endpoint, andere weekStart Parameter). Zwei zusätzliche Abrufe beim Laden der Seite. Score für Folgewochen wird mit kleinerem Datensatz berechnet.
C Empfehlungen unter dem Grid Ungeplante Tage werden direkt mit Vorschlägen befüllt
Wochenplaner 7.–13. Apr
Mo
7

Hähnchen-Curry

35 Min · mittel

Di
8

Pasta Bolognese

45 Min · mittel

Mi
9

Gemüse-Stir-fry

20 Min · einfach

Do
10

Lachs mit Kartoffeln

30 Min · einfach

Fr
11

Pizza Margherita

50 Min · aufwändig

Sa
12
+
So
13
+
Empfehlungen für ungeplante Tage Alle Rezepte →
Samstag, 12. Apr kein Gericht
Ramen mit Ei
40 Min · mittel
+0.9 Score
Shakshuka
25 Min · einfach
+0.7 Score
Rindfleisch-Tacos
30 Min · einfach
+0.5 Score
Sonntag, 13. Apr kein Gericht
Pho Bo
60 Min · aufwändig
+1.1 Score
Lachstartar auf Avocado
15 Min · einfach
+0.8 Score
Hähnchen-Wrap
20 Min · einfach
−0.2 Score
Alle Tage sind geplant. Gute Woche! Score: 7.8/10
Mittwoch, 9. Apr
Gemüse-Stir-fry
20 Min · einfach
Was passiert: Für jede Lücke in der Woche werden 3 Rezept-Vorschläge inline gezeigt — sortiert nach Score-Delta. Klick auf eine Karte → setzt das Rezept direkt (kein Picker-Sheet nötig). Score-Delta (grün/rot) kommt bereits aus der SuggestionResponse API, die der Planer schon abruft.

Vorteil: Wenn alle 7 Tage geplant sind, verschwindet diese Sektion und wird durch eine Bestätigungsmeldung ersetzt. Die Hauptfunktion des Planers (leere Tage füllen) passiert ohne Panel-Wechsel.
D Einkaufsliste unter dem Grid Was diese Woche eingekauft werden muss
Wochenplaner 7.–13. Apr
Mo
7

Hähnchen-Curry

35 Min

Di
8

Pasta Bolognese

45 Min

Mi
9

Gemüse-Stir-fry

20 Min

Do
10

Lachs mit Kartoffeln

30 Min

Fr
11

Pizza Margherita

50 Min

Sa
12
+
So
13
+
Einkaufsliste diese Woche
Grundzutaten ausblenden Exportieren →
Fleisch & Fisch
Hähnchenbrust
Mo — Hähnchen-Curry
Rinderhack 400 g
Di — Pasta Bolognese
Lachsfilet 2×
Do — Lachs mit Kartoffeln
Gemüse
Paprika (rot + gelb)
Mi — Gemüse-Stir-fry
Tomaten, gehackt 2×
Di, Do
Zwiebeln
Mo, Di, Mi
Kartoffeln 600 g
Do — Lachs mit Kartoffeln
Grundzutaten
Olivenöl
Alle Gerichte
Pasta 500 g
Di — Pasta Bolognese
Kokosmilch 400 ml
Mo — Hähnchen-Curry
Pizzateig (fertig)
Fr — Pizza Margherita
Mittwoch, 9. Apr
Gemüse-Stir-fry
20 Min · einfach
Was passiert: Alle geplanten Rezepte der Woche werden zusammengeführt und ihre Zutaten in Kategorien gruppiert. Checkboxes ermöglichen das Abhaken beim Einkaufen. Mehrfach benötigte Zutaten (z.B. Tomaten Di+Do) werden gebündelt.

Was neu gebaut werden muss: Backend-Endpoint zur Zutatenaggregation (oder Frontend-Zusammenführung aus den bereits geladenen Rezeptdaten). Checkboxen-State wäre nur clientseitig (kein Speichern nötig). Grundzutat-Flag ist bereits im Datenmodell vorhanden (RecipeIngredient.staple), damit man diese ein-/ausblenden kann.
E Klick-Expansion direkt im Grid Kachel aufklappen statt rechtes Panel öffnen
Wochenplaner 7.–13. Apr
Mo
7

Hähnchen-Curry

35 Min · mittel

Di
8

Pasta Bolognese

45 Min · mittel

Mi
9

Gemüse-Stir-fry

20 Min · einfach

Do
10

Lachs mit Kartoffeln

30 Min · einfach

Fr
11

Pizza Margherita

50 Min · aufwändig

Sa
12
+
So
13
+
Mittwoch, 9. Apr · Abendessen
Gemüse-Stir-fry
20 Min · einfach · 4 Portionen
Tofu Paprika Brokkoli Karotten Ingwer Sesamöl Sojasauce Knoblauch
einfach Protein: Tofu Score ▲ +0.4
Restliche Woche
Do 10.4 Lachs mit Kartoffeln 30 Min · einfach
Fr 11.4 Pizza Margherita 50 Min · aufwändig
Sa 12.4 Noch kein Gericht + Hinzufügen
So 13.4 Noch kein Gericht + Hinzufügen
Detail-Bereich ist jetzt im Hauptbereich
Das rechte Panel könnte für den Rezept-Picker reserviert bleiben
Klicke einen leeren Tag um hier den Picker zu öffnen
Was passiert: Klick auf eine Kachel öffnet einen Expansion-Bereich direkt unter dem Grid (volle Breite, mit Pfeil-Indikator zur aktiven Kachel). Gezeigt werden: Rezeptname groß, Metadaten, Zutaten als Tags (normale vs. Grundzutaten farblich unterschieden), Score-Auswirkung und alle Aktionen. Darunter folgt die restliche Woche als kompakte Agenda-Liste — ungeplante Tage als gestrichelte Zeilen mit „+ Hinzufügen".

Konsequenz für rechtes Panel: Das Day-Detail zieht in die Main-Area um. Das rechte Panel bleibt als reiner Rezept-Picker reserviert — es wäre nur offen wenn man aktiv ein Gericht auswählt. Das eliminiert den Idle-Zustand „Kein Tag ausgewählt" komplett.