Release 1.2.1 with mobile theme and icon polish

CloudronManifest.json

@@ -4,8 +4,8 @@
   "author": "Florian Heinz",
   "description": "Private Flask app for meals, shopping and gentle food planning",
   "tagline": "einfach essen planen",
-  "version": "1.1.1",
+  "version": "1.2.1",
-  "upstreamVersion": "1.1.1",
+  "upstreamVersion": "1.2.1",
   "healthCheckPath": "/",
   "httpPort": 8000,
   "manifestVersion": 2,

RELEASE_NOTES_1.1.1.md

@@ -1,15 +1,41 @@
 # Nouri 1.1.1
 
-Nouri 1.1.1 ist ein kleiner Feinschliff-Release. Der Schwerpunkt liegt auf saubereren Bezeichnungen in der Oberfläche und einer einheitlichen Versionsanhebung für App und Cloudron-Paket.
+Nouri 1.1.1 bündelt die jüngsten Verbesserungen rund um Mahlzeiten-Vorschläge, Plan-Einträge, Push-Erinnerungen und den letzten Feinschliff bei Bezeichnungen und Versionierung. Der Release macht die App im Alltag direkter nutzbar und runder im Verhalten.
 
 ## Highlights
 
-- Beschriftungen im Plan werden wieder korrekt großgeschrieben, zum Beispiel `Mahlzeitideen`
+- generierte Mahlzeiten lassen sich pro Nutzer dauerhaft ausblenden
-- App-Version und Cloudron-Version stehen jetzt auf `1.1.1`
+- vorhandene Mahlzeiten mit nur 1 bis 2 fehlenden Zutaten werden jetzt ebenfalls vorgeschlagen
-- Versions-Fallback in der App wurde an den neuen Stand angepasst
+- einzelne Plan-Einträge können nachträglich für `Für mich` oder `Gemeinsam` angepasst werden
+- Frühstück-, Mittag- und Abend-Erinnerungen arbeiten zuverlässiger über echte Zeitfenster
+- Begriffe wie `Mahlzeitideen` werden wieder korrekt großgeschrieben
+- App- und Cloudron-Version stehen jetzt auf `1.1.1`
 
 ## Neu in 1.1.1
 
+### Mahlzeiten und Vorschläge
+
+- Im Bereich `Was zuhause gut zusammenpasst` werden die Aktionsbuttons wieder korrekt dargestellt.
+- Generierte Mahlzeiten können mit `Dauerhaft ausblenden` pro Nutzer aus den Vorschlägen entfernt werden.
+- Nouri zeigt jetzt nicht nur vollständige Kombinationen aus Zuhause an.
+- Auch vorhandene Mahlzeitenideen mit nur 1 oder 2 fehlenden Lebensmitteln werden vorgeschlagen.
+- Fehlende Dinge werden direkt kenntlich gemacht, zum Beispiel mit `Es fehlt noch: ...`.
+
+### Plan und Tagesansicht
+
+- Ein einzelner Planeintrag kann jetzt im Tagesplan direkt angepasst werden.
+- So lässt sich zum Beispiel ein geplanter Snack nachträglich nur für eine Person setzen, ohne die Grundeinstellungen der Mahlzeit oder des Lebensmittels zu ändern.
+- Die Anzeige `Für mich`, `Für alle` und persönliche Zuordnungen ist in diesem Zusammenhang klarer geworden.
+
+### Push und Erinnerungen
+
+- Die zeitgesteuerten Erinnerungen für fehlendes Frühstück, Mittagessen und Abendessen laufen nicht mehr nur in einem sehr kleinen Zeitfenster.
+- Stattdessen nutzt Nouri jetzt breitere Zeitfenster:
+  - Frühstück ab `08:00`
+  - Mittagessen ab `12:00`
+  - Abendessen ab `18:00`
+- Dadurch greifen die normalen Erinnerungen deutlich zuverlässiger, auch wenn der Reminder-Worker nicht exakt in derselben Minute läuft.
+
 ### Oberfläche
 
 - Die automatisch kleingeschriebene Anzeige im Tagesplan wurde korrigiert.
@@ -18,7 +44,7 @@ Nouri 1.1.1 ist ein kleiner Feinschliff-Release. Der Schwerpunkt liegt auf saube
 ### Versionierung
 
 - `CloudronManifest.json` wurde auf `1.1.1` angehoben.
-- Der interne App-Fallback in `nouri/__init__.py` wurde ebenfalls auf `1.1.1` gesetzt.
+- Der interne Versions-Fallback in `nouri/__init__.py` wurde ebenfalls auf `1.1.1` gesetzt.
 - Die Schema-Version in `nouri/db.py` folgt jetzt ebenfalls `1.1.1`.
 
 ## Cloudron

RELEASE_NOTES_1.2.0.md

@@ -0,0 +1,60 @@
+# Nouri 1.2.0
+
+Nouri 1.2.0 bündelt die Weiterentwicklung seit 1.1.1 zu einem ruhigeren und alltagstauglicheren Planungs-Release. Der Fokus lag auf weniger Überforderung im Plan, besseren kleinen Erinnerungen und einem sauberen PDF-Export für den Wochenplan.
+
+## Neu in 1.2.0
+
+### Snacks ruhiger im Tages- und Wochenplan
+
+- Hauptmahlzeiten bleiben immer sichtbar.
+- Snack-Bereiche werden nur bei Bedarf eingeblendet.
+- Leere Snack-Slots lassen sich wieder ausblenden.
+- In der Wochenansicht wurden die Snack-Aktionen sprachlich gestrafft:
+  - `Snacks ergänzen`
+  - `Vormittag`
+  - `Nachmittag`
+  - `Abend`
+
+### Bessere visuelle Betonung im Plan
+
+- Ausgewählte und eingetragene Mahlzeiten werden im Tagesplan klarer hervorgehoben.
+- Die Wochenansicht betont gefüllte Slots jetzt ähnlich wie die Tagesansicht.
+- Snack-Slots fügen sich in der Wochenansicht stimmiger ein und wirken ruhiger.
+
+### Kleine tägliche Snack-Erinnerung
+
+- Neue Option in den Einstellungen:
+  - `Am Nachmittag an etwas Kleines erinnern`
+- Wenn noch kein Snack geplant ist, kann Nouri einmal täglich eine kleine Push-Erinnerung schicken.
+- Die Push-Nachricht nimmt zuerst passende Mahlzeitenideen und sonst einfache Kombinationen aus dem, was zuhause da ist.
+
+### Wochenplan als PDF exportieren
+
+- Die Wochenansicht kann jetzt als PDF exportiert werden.
+- Der Export ist schlicht und druckfreundlich gehalten.
+- Es gibt zwei Varianten:
+  - `Meinen Essensplan`
+  - `Unseren Essensplan`
+- Im gemeinsamen PDF werden persönliche Einträge mit echten Namen gekennzeichnet, zum Beispiel `Für Flo`.
+- Snack-Zeilen erscheinen nur dann, wenn sie in der Woche tatsächlich genutzt werden.
+
+### Export-Menü vereinfacht
+
+- Statt zwei einzelner Export-Buttons gibt es jetzt einen einzigen Button:
+  - `PDF exportieren`
+- Darunter öffnet sich eine kleine Auswahl für die beiden PDF-Varianten.
+
+## Technische Änderungen
+
+- `fpdf2` wurde als Abhängigkeit ergänzt.
+- Cloudron-Version und Upstream-Version stehen jetzt auf `1.2.0`.
+- Die interne Schema-Version und der App-Version-Fallback wurden auf `1.2.0` angehoben.
+
+## Betroffene Bereiche
+
+- Tagesplan
+- Wochenansicht
+- Push-Erinnerungen
+- Einstellungen
+- PDF-Export
+- Cloudron-Paketierung

RELEASE_NOTES_1.2.1.md

@@ -0,0 +1,43 @@
+# Nouri 1.2.1
+
+Nouri 1.2.1 ist ein Feinschliff-Release auf Basis von 1.2.0. Der Schwerpunkt lag auf einer ruhigeren mobilen Navigation, klareren Theme-Bedienelementen und besser lesbaren Tageszeiten-Icons in Hell und Dunkel.
+
+## Neu in 1.2.1
+
+### Mobile Navigation ruhiger abgestimmt
+
+- Der `Mehr`-Button in der mobilen Bottom-Navigation bleibt im Ruhezustand jetzt neutral.
+- Wenn `Mehr` geöffnet ist, nutzt der Button dieselbe aktive Markierung wie die übrige Navigation.
+- `Hell` und `Abmelden` wirken im mobilen Dark Mode zurückhaltender und sind nicht mehr unnötig stark eingefärbt.
+
+### Besseres Theme-Umschalten
+
+- Für den Wechsel zwischen Hell und Dunkel gibt es jetzt eigene Sonne- und Mond-Icons.
+- Die Theme-Anzeige schaltet in Mobile und Desktop sichtbar mit um.
+- Die Bedienelemente für den Darstellungswechsel wirken dadurch klarer und weniger technisch.
+
+### Eigene Icons für Tageszeiten
+
+- `Frühstück`, `Mittagessen`, `Abendessen` und die Snack-Zeiten haben jetzt eigene Symbole statt eines gemeinsamen Standardsymbols.
+- Die Icons wurden aus `heinz.marketing` übernommen und lokal ins Projekt eingebunden.
+- Dadurch sind Tageszeiten im Tagesplan und in der Wochenansicht schneller erfassbar.
+
+### Icons auf Mobile lesbarer gemacht
+
+- Die Tageszeiten-Kacheln nutzen jetzt quadratischere Icon-Flächen mit abgerundeten Ecken.
+- Die Symbole wurden vergrößert und farblich klarer abgestimmt.
+- Im Dark Mode wirken die Icon-Flächen weniger verwaschen.
+- Im Light Mode wurde der Kontrast erhöht, damit die Symbole nicht mehr im Kartenhintergrund verschwinden.
+
+## Technische Änderungen
+
+- Cloudron-Version und Upstream-Version stehen jetzt auf `1.2.1`.
+- Die interne Schema-Version und der App-Version-Fallback wurden auf `1.2.1` angehoben.
+
+## Betroffene Bereiche
+
+- Mobile Navigation
+- Theme-Umschaltung
+- Tagesplan
+- Wochenansicht
+- Cloudron-Paketierung

nouri/__init__.py

@@ -36,6 +36,14 @@ from .main import main_bp
 WEEKDAY_NAMES = ["Montag", "Dienstag", "Mittwoch", "Donnerstag", "Freitag", "Samstag", "Sonntag"]
 WEEKDAY_SHORT_NAMES = ["Mo", "Di", "Mi", "Do", "Fr", "Sa", "So"]
 DEFAULT_RELEASE_URL = "https://git.hnz.io/hnzio/nouri-App/releases"
+DAYPART_ICON_CLASSES = {
+    "breakfast": "icon-daypart-breakfast",
+    "morning-snack": "icon-daypart-morning-snack",
+    "lunch": "icon-daypart-lunch",
+    "afternoon-snack": "icon-daypart-afternoon-snack",
+    "dinner": "icon-daypart-dinner",
+    "late-snack": "icon-daypart-late-snack",
+}
 
 
 def load_secret_key(data_dir: Path) -> str:
@@ -74,7 +82,7 @@ def load_app_version(root_dir: Path) -> str:
         ).strip()
         if manifest_version:
             return manifest_version
-    return "1.1.1"
+    return "1.2.1"
 
 
 def load_release_url() -> str:
@@ -149,6 +157,7 @@ def create_app() -> Flask:
             "push_available": bool(app.config["VAPID_PUBLIC_KEY"] and app.config["VAPID_PRIVATE_KEY"]),
             "weekday_name": lambda value: WEEKDAY_NAMES[value.weekday()],
             "weekday_short_name": lambda value: WEEKDAY_SHORT_NAMES[value.weekday()],
+            "daypart_icon_class": lambda slug: DAYPART_ICON_CLASSES.get(slug, "icon-calendar"),
             "is_admin": lambda: bool(getattr(g, "user", None)) and g.user["role"] == "admin",
             "asset_url": asset_url,
             "image_url": lambda filename, variant="md": image_url(

nouri/db.py

@@ -10,7 +10,7 @@ from werkzeug.security import generate_password_hash
 
 from .constants import DAYPARTS, DEFAULT_CATEGORIES, DEFAULT_CATEGORY_BUILDERS
 
-CURRENT_SCHEMA_VERSION = "1.1.1"
+CURRENT_SCHEMA_VERSION = "1.2.1"
 
 
 def get_db() -> sqlite3.Connection:
@@ -162,6 +162,7 @@ def bootstrap_legacy_schema(database: sqlite3.Connection) -> None:
             push_missing_breakfast INTEGER NOT NULL DEFAULT 0,
             push_missing_lunch INTEGER NOT NULL DEFAULT 0,
             push_missing_dinner INTEGER NOT NULL DEFAULT 0,
+            push_small_snack INTEGER NOT NULL DEFAULT 0,
             suggest_home_for_today INTEGER NOT NULL DEFAULT 1,
             remind_small_snack INTEGER NOT NULL DEFAULT 0,
             remind_nuts INTEGER NOT NULL DEFAULT 0,
@@ -256,6 +257,7 @@ def bootstrap_legacy_schema(database: sqlite3.Connection) -> None:
         add_column_if_missing(database, "user_settings", "push_missing_breakfast INTEGER NOT NULL DEFAULT 0")
         add_column_if_missing(database, "user_settings", "push_missing_lunch INTEGER NOT NULL DEFAULT 0")
         add_column_if_missing(database, "user_settings", "push_missing_dinner INTEGER NOT NULL DEFAULT 0")
+        add_column_if_missing(database, "user_settings", "push_small_snack INTEGER NOT NULL DEFAULT 0")
 
 
 def ensure_default_household(database: sqlite3.Connection) -> int:
@@ -381,6 +383,7 @@ def ensure_schema_upgrades(database: sqlite3.Connection) -> None:
     add_column_if_missing(database, "user_settings", "push_missing_breakfast INTEGER NOT NULL DEFAULT 0")
     add_column_if_missing(database, "user_settings", "push_missing_lunch INTEGER NOT NULL DEFAULT 0")
     add_column_if_missing(database, "user_settings", "push_missing_dinner INTEGER NOT NULL DEFAULT 0")
+    add_column_if_missing(database, "user_settings", "push_small_snack INTEGER NOT NULL DEFAULT 0")
 
     if default_owner_id is not None:
         database.execute(
@@ -431,6 +434,7 @@ def ensure_schema_upgrades(database: sqlite3.Connection) -> None:
     database.execute("UPDATE user_settings SET push_missing_breakfast = 0 WHERE push_missing_breakfast IS NULL")
     database.execute("UPDATE user_settings SET push_missing_lunch = 0 WHERE push_missing_lunch IS NULL")
     database.execute("UPDATE user_settings SET push_missing_dinner = 0 WHERE push_missing_dinner IS NULL")
+    database.execute("UPDATE user_settings SET push_small_snack = 0 WHERE push_small_snack IS NULL")
 
     database.execute(
         """

nouri/main.py

@@ -2,6 +2,7 @@ from __future__ import annotations
 
 from collections import defaultdict
 from datetime import date, datetime, timedelta
+from io import BytesIO
 from itertools import product
 from pathlib import Path
 import sqlite3
@@ -72,6 +73,13 @@ VISIBILITY_FORM_OPTIONS = [
 ]
 TARGET_USER_OPTIONS_DEFAULT = "__all__"
 WEEKDAY_LABELS = ["Montag", "Dienstag", "Mittwoch", "Donnerstag", "Freitag", "Samstag", "Sonntag"]
+PRIMARY_DAYPART_SLUGS = {"breakfast", "lunch", "dinner"}
+SNACK_DAYPART_SLUGS = {"morning-snack", "afternoon-snack", "late-snack"}
+PDF_DAYPART_LABELS = {
+    "morning-snack": "Snack am Vormittag",
+    "afternoon-snack": "Snack am Nachmittag",
+    "late-snack": "Später Snack",
+}
 
 
 @main_bp.before_app_request
@@ -95,6 +103,10 @@ def get_dayparts() -> list:
     return get_db().execute("SELECT * FROM dayparts ORDER BY sort_order").fetchall()
 
 
+def format_weekday(day_value: date) -> str:
+    return WEEKDAY_LABELS[day_value.weekday()]
+
+
 def get_household_users(active_only: bool = True):
     query = """
         SELECT id, username, display_name, role
@@ -193,6 +205,7 @@ def default_user_settings() -> dict:
         "push_missing_breakfast": False,
         "push_missing_lunch": False,
         "push_missing_dinner": False,
+        "push_small_snack": False,
         "suggest_home_for_today": True,
         "remind_small_snack": False,
         "remind_nuts": False,
@@ -235,6 +248,7 @@ def get_user_settings() -> dict:
         "push_missing_breakfast",
         "push_missing_lunch",
         "push_missing_dinner",
+        "push_small_snack",
         "suggest_home_for_today",
         "remind_small_snack",
         "remind_nuts",
@@ -1816,7 +1830,7 @@ def build_selected_quick_action(
             return {
                 "type": "existing",
                 "title": selected_item["name"],
-                "subtitle": "Bereit zum Eintragen",
+                "subtitle": "Ausgewählt. Du kannst es jetzt direkt eintragen.",
                 "item_id": int(selected_item["id"]),
                 "visibility": selected_item["visibility"],
                 "daypart_id": daypart_id,
@@ -1826,7 +1840,7 @@ def build_selected_quick_action(
         return {
             "type": "generated",
             "title": selected_meal_name,
-            "subtitle": "Vorgeschlagen aus dem, was zuhause da ist",
+            "subtitle": "Ausgewählt aus dem, was zuhause gut passt.",
             "component_ids": selected_component_ids,
             "visibility": "shared",
             "daypart_id": daypart_id,
@@ -1881,6 +1895,9 @@ def build_day_planner_sections(
                     candidates=candidates,
                 ),
                 "is_open": selected_daypart_id == daypart["id"],
+                "is_primary_daypart": daypart["slug"] in PRIMARY_DAYPART_SLUGS,
+                "is_snack_daypart": daypart["slug"] in SNACK_DAYPART_SLUGS,
+                "visible_by_default": daypart["slug"] in PRIMARY_DAYPART_SLUGS or bool(entries) or selected_daypart_id == daypart["id"],
                 "summary_items": [entry["item_name"] for entry in entries][:2],
                 "default_visibility": "shared",
             }
@@ -1912,7 +1929,20 @@ def build_template_day_sections(selected_map: dict[int, list[int]] | None = None
 
 def fetch_week_cards(week_start: date):
     days = [week_start + timedelta(days=index) for index in range(7)]
+    week_end = week_start + timedelta(days=6)
     grouped_entries = fetch_plan_entries_for_range(week_start, week_start + timedelta(days=6))
+    picker_map = {}
+    for daypart in get_dayparts():
+        candidates = fetch_plan_candidates(int(daypart["id"]))
+        meal_candidates = dedupe_items(
+            [item for item in candidates if item["kind"] == "meal" and item["availability_state"] == "home"]
+            + [item for item in candidates if item["kind"] == "meal"],
+            limit=4,
+        )
+        picker_map[int(daypart["id"])] = {
+            "meal_candidates": meal_candidates,
+            "recipe_suggestions": build_home_recipe_suggestions(int(daypart["id"]), limit=3),
+        }
     cards = []
     for current_day in days:
         filled_dayparts = []
@@ -1921,11 +1951,27 @@ def fetch_week_cards(week_start: date):
         slots = []
         for daypart in get_dayparts():
             slot_entries = grouped_entries.get((current_day.isoformat(), daypart["id"]), [])
-            slots.append({"daypart": dict(daypart), "entries": slot_entries})
+            is_snack_daypart = daypart["slug"] in SNACK_DAYPART_SLUGS
+            visible_by_default = (not is_snack_daypart) or bool(slot_entries)
+            slots.append(
+                {
+                    "daypart": dict(daypart),
+                    "entries": slot_entries,
+                    "copy_allowed": bool(slot_entries) and current_day < week_end,
+                    "picker": picker_map.get(int(daypart["id"]), {"meal_candidates": [], "recipe_suggestions": []}),
+                    "is_snack_daypart": is_snack_daypart,
+                    "visible_by_default": visible_by_default,
+                }
+            )
             if slot_entries:
                 filled_dayparts.append({"id": daypart["id"], "name": daypart["name"], "count": len(slot_entries)})
                 planned_count += len(slot_entries)
                 preview_items.extend(entry["item_name"] for entry in slot_entries[:2])
+        hidden_snack_slots = [
+            {"id": int(slot["daypart"]["id"]), "name": slot["daypart"]["name"]}
+            for slot in slots
+            if slot["is_snack_daypart"] and not slot["visible_by_default"]
+        ]
         cards.append(
             {
                 "date": current_day,
@@ -1933,11 +1979,161 @@ def fetch_week_cards(week_start: date):
                 "planned_count": planned_count,
                 "preview_items": preview_items[:4],
                 "slots": slots,
+                "hidden_snack_slots": hidden_snack_slots,
             }
         )
     return cards
 
 
+def format_week_pdf_entry(entry: dict) -> str:
+    return entry["item_name"]
+
+
+def normalize_pdf_export_mode(raw: str | None) -> str:
+    return "household" if raw == "household" else "mine"
+
+
+def fetch_plan_entries_for_range_export(start_date: date, end_date: date, *, mode: str):
+    params: list[object] = [start_date.isoformat(), end_date.isoformat()]
+    if mode == "household":
+        where_clause = "plan_entries.household_id = ?"
+        params.append(current_household_id())
+    else:
+        where_clause = visible_clause("plan_entries")
+        params.extend(visible_params())
+
+    rows = get_db().execute(
+        f"""
+        SELECT plan_entries.*,
+               items.name AS item_name,
+               items.kind AS item_kind,
+               items.photo_filename,
+               items.availability_state,
+               dayparts.name AS daypart_name,
+               dayparts.slug AS daypart_slug,
+               dayparts.sort_order,
+               owner.display_name AS owner_display_name,
+               owner.username AS owner_username,
+               target.display_name AS target_display_name,
+               target.username AS target_username
+        FROM plan_entries
+        JOIN items ON items.id = plan_entries.item_id
+        JOIN dayparts ON dayparts.id = plan_entries.daypart_id
+        LEFT JOIN users AS owner ON owner.id = plan_entries.owner_user_id
+        LEFT JOIN users AS target ON target.id = items.target_user_id
+        WHERE plan_date BETWEEN ? AND ? AND {where_clause}
+        ORDER BY plan_date, dayparts.sort_order, items.name
+        """,
+        params,
+    ).fetchall()
+    grouped = defaultdict(list)
+    for row in describe_records(rows):
+        grouped[(row["plan_date"], row["daypart_id"])].append(row)
+    return grouped
+
+
+def format_week_pdf_entry(entry: dict, *, mode: str) -> str:
+    label = entry["item_name"]
+    if mode == "household":
+        if entry.get("target_name"):
+            return f"{label} (Für {entry['target_name']})"
+        if entry.get("is_personal"):
+            return f"{label} (Für {entry['owner_name']})"
+        return f"{label} (Für alle)"
+
+    if entry.get("is_shared"):
+        return f"{label} (gemeinsam)"
+    return label
+
+
+def build_week_pdf_rows(week_start: date, *, mode: str) -> tuple[list, list[list[str]]]:
+    days = [week_start + timedelta(days=index) for index in range(7)]
+    grouped_entries = fetch_plan_entries_for_range_export(week_start, week_start + timedelta(days=6), mode=mode)
+    rows: list[list[str]] = []
+    dayparts = get_dayparts()
+    visible_dayparts = []
+    for daypart in dayparts:
+        row_cells: list[str] = []
+        has_content = False
+        row_label = PDF_DAYPART_LABELS.get(daypart["slug"], daypart["name"])
+        row = [daypart["name"]]
+        for current_day in days:
+            entries = grouped_entries.get((current_day.isoformat(), daypart["id"]), [])
+            cell_value = "\n".join(format_week_pdf_entry(entry, mode=mode) for entry in entries)
+            row_cells.append(cell_value)
+            has_content = has_content or bool(cell_value.strip())
+
+        if daypart["slug"] in PRIMARY_DAYPART_SLUGS or has_content:
+            visible_dayparts.append([row_label, *row_cells])
+
+    return days, visible_dayparts
+
+
+def build_week_plan_pdf(week_start: date, *, mode: str = "mine") -> bytes:
+    try:
+        from fpdf import FPDF
+        from fpdf.fonts import FontFace
+    except ImportError as exc:  # pragma: no cover - depends on optional package in local env
+        raise RuntimeError("Für den PDF-Export fehlt noch die Abhängigkeit aus der requirements.txt.") from exc
+
+    mode = normalize_pdf_export_mode(mode)
+    week_end = week_start + timedelta(days=6)
+    week_number = week_start.isocalendar().week
+    days, rows = build_week_pdf_rows(week_start, mode=mode)
+    plan_label = "Mein Essensplan" if mode == "mine" else "Unser Essensplan"
+
+    pdf = FPDF(orientation="L", unit="mm", format="A4")
+    pdf.set_auto_page_break(auto=True, margin=14)
+    pdf.set_margins(left=14, top=14, right=14)
+    pdf.add_page()
+
+    pdf.set_title(f"{plan_label} KW {week_number:02d}")
+    pdf.set_author("Nouri")
+    pdf.set_creator("Nouri")
+
+    pdf.set_font("Helvetica", "B", 18)
+    pdf.cell(0, 9, f"{plan_label} vom {week_start.strftime('%d.%m.%Y')} bis {week_end.strftime('%d.%m.%Y')}", new_x="LMARGIN", new_y="NEXT")
+    pdf.set_font("Helvetica", "", 11)
+    pdf.set_text_color(82, 82, 82)
+    pdf.cell(0, 6, f"KW {week_number:02d}", new_x="LMARGIN", new_y="NEXT")
+    pdf.ln(3)
+    pdf.set_text_color(20, 20, 20)
+
+    headings = [" "] + [f"{format_weekday(day)}\n{day.strftime('%d.%m.%Y')}" for day in days]
+    first_column_width = 34
+    remaining_width = pdf.w - pdf.l_margin - pdf.r_margin - first_column_width
+    day_column_width = remaining_width / 7
+    column_widths = (first_column_width, *([day_column_width] * 7))
+
+    header_style = FontFace(emphasis="B", fill_color=(240, 240, 240))
+    first_column_style = FontFace(emphasis="B", fill_color=(248, 248, 248))
+    body_style = FontFace(fill_color=(255, 255, 255))
+
+    with pdf.table(
+        borders_layout="SINGLE_TOP_LINE",
+        cell_fill_color=(255, 255, 255),
+        cell_fill_mode="ROWS",
+        col_widths=column_widths,
+        gutter_height=0,
+        gutter_width=0,
+        headings_style=header_style,
+        line_height=5.5,
+        text_align=("LEFT", "LEFT", "LEFT", "LEFT", "LEFT", "LEFT", "LEFT", "LEFT"),
+        width=pdf.w - pdf.l_margin - pdf.r_margin,
+    ) as table:
+        header_row = table.row()
+        for heading in headings:
+            header_row.cell(heading, padding=(2.8, 2.5, 2.8, 2.5), v_align="M")
+
+        for row in rows:
+            table_row = table.row()
+            table_row.cell(row[0], style=first_column_style, padding=(2.5, 2.8, 2.5, 2.8), v_align="M")
+            for value in row[1:]:
+                table_row.cell(value or " ", style=body_style, padding=(2.5, 2.8, 2.5, 2.8), v_align="TOP")
+
+    return bytes(pdf.output())
+
+
 def count_visible_items(availability_state: str) -> int:
     row = get_db().execute(
         f"SELECT COUNT(*) AS count FROM items WHERE availability_state = ? AND {visible_clause('items')}",
@@ -2927,6 +3123,7 @@ def settings_view():
                     push_missing_breakfast = ?,
                     push_missing_lunch = ?,
                     push_missing_dinner = ?,
+                    push_small_snack = ?,
                     suggest_home_for_today = ?,
                     remind_small_snack = ?,
                     remind_nuts = ?,
@@ -2951,6 +3148,7 @@ def settings_view():
                     parse_checkbox("push_missing_breakfast", False),
                     parse_checkbox("push_missing_lunch", False),
                     parse_checkbox("push_missing_dinner", False),
+                    parse_checkbox("push_small_snack", False),
                     parse_checkbox("suggest_home_for_today", True),
                     parse_checkbox("remind_small_snack", False),
                     parse_checkbox("remind_nuts", False),
@@ -3602,6 +3800,28 @@ def planner():
     )
 
 
+@main_bp.get("/planner/export.pdf")
+@login_required
+def planner_export_pdf():
+    week_start = parse_week_start(request.args.get("week"))
+    mode = normalize_pdf_export_mode(request.args.get("mode"))
+    try:
+        pdf_bytes = build_week_plan_pdf(week_start, mode=mode)
+    except RuntimeError as exc:
+        flash(str(exc), "error")
+        return redirect(url_for("main.planner", week=week_start.isoformat()))
+
+    week_number = week_start.isocalendar().week
+    prefix = "mein-essensplan" if mode == "mine" else "unser-essensplan"
+    filename = f"{prefix}-kw-{week_number:02d}-{week_start.year}.pdf"
+    return send_file(
+        BytesIO(pdf_bytes),
+        mimetype="application/pdf",
+        as_attachment=True,
+        download_name=filename,
+    )
+
+
 @main_bp.route("/planner/day", methods=("GET", "POST"))
 @login_required
 def planner_day():
@@ -3813,3 +4033,85 @@ def planner_move(entry_id: int):
             "redirect_url": url_for("main.planner", week=parse_week_start(target_date.isoformat()).isoformat()),
         }
     )
+
+
+@main_bp.post("/planner/slot/copy-forward")
+@login_required
+def planner_slot_copy_forward():
+    source_date = parse_plan_date(request.form.get("source_date"))
+    target_date = source_date + timedelta(days=1)
+    daypart_raw = request.form.get("daypart_id", "").strip()
+    if not daypart_raw.isdigit():
+        flash("Die Tageszeit konnte nicht erkannt werden.", "error")
+        return redirect(url_for("main.planner", week=parse_week_start(source_date.isoformat()).isoformat()))
+
+    daypart_id = int(daypart_raw)
+    entries = get_db().execute(
+        f"""
+        SELECT plan_entries.*,
+               owner.display_name AS owner_display_name,
+               owner.username AS owner_username
+        FROM plan_entries
+        LEFT JOIN users AS owner ON owner.id = plan_entries.owner_user_id
+        WHERE plan_entries.plan_date = ? AND plan_entries.daypart_id = ? AND {visible_clause('plan_entries')}
+        ORDER BY plan_entries.id
+        """,
+        [source_date.isoformat(), daypart_id, *visible_params()],
+    ).fetchall()
+
+    copied_count = 0
+    shopping_added = 0
+    shopping_scheduled = 0
+
+    for raw_entry in entries:
+        entry = describe_record(dict(raw_entry))
+        try:
+            ensure_can_edit(entry, "Diesen Planeintrag kannst du gerade nicht kopieren.")
+        except PermissionError:
+            continue
+
+        duplicate = get_db().execute(
+            """
+            SELECT id
+            FROM plan_entries
+            WHERE household_id = ?
+              AND plan_date = ?
+              AND daypart_id = ?
+              AND item_id = ?
+              AND visibility = ?
+              AND COALESCE(note, '') = COALESCE(?, '')
+            LIMIT 1
+            """,
+            (
+                current_household_id(),
+                target_date.isoformat(),
+                daypart_id,
+                entry["item_id"],
+                entry["visibility"],
+                entry.get("note", ""),
+            ),
+        ).fetchone()
+        if duplicate:
+            continue
+
+        shopping_result = insert_plan_entry(
+            item_id=entry["item_id"],
+            daypart_id=daypart_id,
+            plan_date=target_date,
+            visibility=entry["visibility"],
+            note=entry.get("note", "") or "",
+        )
+        copied_count += 1
+        shopping_added += int(shopping_result["count"])
+        shopping_scheduled += int(shopping_result["scheduled_count"])
+
+    if copied_count == 0:
+        flash("Für diese Tageszeit gab es nichts Neues zum Kopieren.", "info")
+    else:
+        if shopping_added:
+            flash("Fehlende Lebensmittel wurden für den passenden Einkauf ergänzt.", "info")
+        elif shopping_scheduled:
+            flash("Fehlende Lebensmittel wurden für später vorgemerkt.", "info")
+        flash(f"{copied_count} Eintrag{' wurde' if copied_count == 1 else 'e wurden'} zum nächsten Tag kopiert.", "success")
+
+    return redirect(url_for("main.planner", week=parse_week_start(source_date.isoformat()).isoformat()))

nouri/reminders.py

@@ -18,6 +18,15 @@ MEAL_PUSH_RULES = [
     {"slug": "dinner", "setting": "push_missing_dinner", "hour": 18, "minute": 0, "end_hour": 24, "label": "Abendessen"},
 ]
 
+SNACK_PUSH_RULE = {
+    "slugs": ("morning-snack", "afternoon-snack", "late-snack"),
+    "setting": "push_small_snack",
+    "hour": 15,
+    "minute": 0,
+    "end_hour": 20,
+    "label": "Etwas Kleines",
+}
+
 
 def current_local_time() -> datetime:
     timezone_name = current_app.config.get("TIMEZONE", "Europe/Berlin")
@@ -73,6 +82,24 @@ def plan_exists_for_daypart(user, *, planned_date: date, daypart_id: int) -> boo
     return bool(int(row["count"] or 0))
 
 
+def plan_exists_for_any_daypart(user, *, planned_date: date, daypart_ids: list[int]) -> bool:
+    if not daypart_ids:
+        return False
+    placeholders = ", ".join("?" for _ in daypart_ids)
+    row = get_db().execute(
+        f"""
+        SELECT COUNT(*) AS count
+        FROM plan_entries
+        WHERE household_id = ?
+          AND plan_date = ?
+          AND daypart_id IN ({placeholders})
+          AND (visibility = 'shared' OR owner_user_id = ?)
+        """,
+        [int(user["household_id"]), planned_date.isoformat(), *daypart_ids, int(user["id"])],
+    ).fetchone()
+    return bool(int(row["count"] or 0))
+
+
 def reminder_event_exists(user_id: int, event_key: str) -> bool:
     row = get_db().execute(
         "SELECT 1 FROM reminder_events WHERE user_id = ? AND event_key = ? LIMIT 1",
@@ -119,6 +146,13 @@ def build_push_message(label: str, suggestion: dict | None) -> tuple[str, str]:
     return title, f"Für {label.lower()} ist noch nichts geplant."
 
 
+def build_small_snack_push_message(suggestion: dict | None) -> tuple[str, str]:
+    title = "Nouri · Etwas Kleines"
+    if suggestion and suggestion.get("title"):
+        return title, f"Für später wäre etwas Kleines möglich. Zuhause passt gerade: {suggestion['title']}."
+    return title, "Für später wäre etwas Kleines möglich. Vielleicht passt heute etwas Einfaches wie Nüsse oder ein Apfel."
+
+
 def best_suggestion_for_user(user, daypart_id: int) -> dict | None:
     previous_user = getattr(g, "user", None)
     g.user = user
@@ -129,6 +163,19 @@ def best_suggestion_for_user(user, daypart_id: int) -> dict | None:
     return suggestions[0] if suggestions else None
 
 
+def best_small_snack_suggestion_for_user(user, daypart_ids: list[int]) -> tuple[int | None, dict | None]:
+    previous_user = getattr(g, "user", None)
+    g.user = user
+    try:
+        for daypart_id in daypart_ids:
+            suggestions = build_home_recipe_suggestions(daypart_id, limit=1)
+            if suggestions:
+                return daypart_id, suggestions[0]
+    finally:
+        g.user = previous_user
+    return (daypart_ids[0] if daypart_ids else None), None
+
+
 def send_due_meal_pushes(now: datetime | None = None) -> int:
     now = now or current_local_time()
     planned_date = now.date()
@@ -190,6 +237,50 @@ def send_due_meal_pushes(now: datetime | None = None) -> int:
                 mark_reminder_event(int(user["id"]), event_key)
                 sent_count += 1
 
+        snack_rule = SNACK_PUSH_RULE
+        if settings.get(snack_rule["setting"]) and due_for_rule(
+            now,
+            hour=snack_rule["hour"],
+            minute=snack_rule["minute"],
+            end_hour=snack_rule["end_hour"],
+        ):
+            snack_daypart_ids = [
+                int(dayparts[slug]["id"])
+                for slug in snack_rule["slugs"]
+                if slug in dayparts
+            ]
+            if snack_daypart_ids and not plan_exists_for_any_daypart(
+                user,
+                planned_date=planned_date,
+                daypart_ids=snack_daypart_ids,
+            ):
+                event_key = f"meal-push:{planned_date.isoformat()}:small-snack"
+                if not reminder_event_exists(int(user["id"]), event_key):
+                    daypart_id, suggestion = best_small_snack_suggestion_for_user(user, snack_daypart_ids)
+                    title, body = build_small_snack_push_message(suggestion)
+                    url = build_push_target_url(
+                        planned_date=planned_date,
+                        daypart_id=daypart_id or snack_daypart_ids[0],
+                        suggestion=suggestion,
+                    )
+
+                    delivered = False
+                    for subscription in subscriptions:
+                        ok, _error = send_push_message(
+                            {
+                                "endpoint": subscription["endpoint"],
+                                "keys": {"p256dh": subscription["p256dh"], "auth": subscription["auth"]},
+                            },
+                            title=title,
+                            body=body,
+                            url=url,
+                        )
+                        delivered = delivered or ok
+
+                    if delivered:
+                        mark_reminder_event(int(user["id"]), event_key)
+                        sent_count += 1
+
     return sent_count
 
 

nouri/schema.sql

@@ -61,6 +61,7 @@ CREATE TABLE IF NOT EXISTS user_settings (
     push_missing_breakfast INTEGER NOT NULL DEFAULT 0,
     push_missing_lunch INTEGER NOT NULL DEFAULT 0,
     push_missing_dinner INTEGER NOT NULL DEFAULT 0,
+    push_small_snack INTEGER NOT NULL DEFAULT 0,
     suggest_home_for_today INTEGER NOT NULL DEFAULT 1,
     remind_small_snack INTEGER NOT NULL DEFAULT 0,
     remind_nuts INTEGER NOT NULL DEFAULT 0,

nouri/static/css/styles.css

@@ -101,7 +101,7 @@ button,
     background: var(--accent);
     color: white;
     cursor: pointer;
-    transition: transform 160ms ease, background 160ms ease, border-color 160ms ease;
+    transition: transform 160ms ease, background 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
 }
 
 button:focus-visible,
@@ -124,19 +124,64 @@ button:hover,
 .button.secondary,
 button.secondary,
 .ghost-button {
-    background: transparent;
+    background: linear-gradient(
+        180deg,
+        color-mix(in srgb, var(--surface-soft) 72%, #fff 28%),
+        color-mix(in srgb, var(--surface-strong) 82%, #fff 18%)
+    );
     color: var(--text);
-    border-color: var(--line);
+    border-color: color-mix(in srgb, var(--accent) 34%, var(--line) 66%);
+    box-shadow:
+        inset 0 1px 0 rgba(255, 255, 255, 0.8),
+        0 8px 20px rgba(225, 181, 138, 0.12);
 }
 
 .button.secondary:hover,
 button.secondary:hover,
 .ghost-button:hover {
+    background: linear-gradient(
+        180deg,
+        color-mix(in srgb, var(--accent-soft) 58%, #fff 42%),
+        color-mix(in srgb, var(--surface-soft) 88%, #fff 12%)
+    );
+    border-color: color-mix(in srgb, var(--accent) 46%, var(--line) 54%);
+    box-shadow:
+        inset 0 1px 0 rgba(255, 255, 255, 0.84),
+        0 12px 28px rgba(212, 155, 104, 0.16);
+}
+
+[data-theme="dark"] button:not(.secondary):not(.ghost-button),
+[data-theme="dark"] .button:not(.secondary):not(.ghost-button) {
+    background: #d7935f;
+    color: #201a17;
+    border-color: rgba(243, 177, 125, 0.28);
+}
+
+[data-theme="dark"] button:not(.secondary):not(.ghost-button):hover,
+[data-theme="dark"] .button:not(.secondary):not(.ghost-button):hover {
+    background: #e0a270;
+    color: #181311;
+}
+
+[data-theme="dark"] .button.secondary,
+[data-theme="dark"] button.secondary,
+[data-theme="dark"] .ghost-button {
+    background: transparent;
+    color: var(--text);
+    border-color: var(--line);
+    box-shadow: none;
+}
+
+[data-theme="dark"] .button.secondary:hover,
+[data-theme="dark"] button.secondary:hover,
+[data-theme="dark"] .ghost-button:hover {
     background: var(--accent-soft);
+    border-color: rgba(243, 177, 125, 0.2);
+    box-shadow: none;
 }
 
 .page-shell {
-    width: min(1320px, calc(100% - 2rem));
+    width: min(1680px, calc(100% - 2rem));
     margin: 1rem auto 2rem;
 }
 
@@ -233,6 +278,7 @@ h3,
 }
 
 .site-nav a {
+    flex: 0 0 auto;
     padding: 0.55rem 0.85rem;
     border-radius: 999px;
     color: var(--muted);
@@ -265,6 +311,8 @@ h3,
         column-gap: 1.5rem;
         row-gap: 0.9rem;
         align-items: center;
+        padding-left: 1rem;
+        padding-right: 1rem;
     }
 
     .desktop-header-main {
@@ -279,6 +327,7 @@ h3,
         grid-column: 2;
         grid-row: 1;
         display: flex;
+        gap: 0.3rem;
         flex-wrap: nowrap;
         justify-content: flex-start;
         align-items: center;
@@ -309,6 +358,10 @@ h3,
     .desktop-actions > * {
         white-space: nowrap;
     }
+
+    .desktop-nav a {
+        padding: 0.5rem 0.74rem;
+    }
 }
 
 .user-chip,
@@ -396,6 +449,14 @@ h3,
         linear-gradient(180deg, color-mix(in srgb, var(--surface) 86%, #fff 14%), color-mix(in srgb, var(--surface) 80%, #ffe5d2 20%));
 }
 
+[data-theme="dark"] .hero {
+    background:
+        linear-gradient(135deg, rgba(255, 255, 255, 0.06), transparent 42%),
+        linear-gradient(180deg, rgba(64, 55, 52, 0.98), rgba(49, 42, 39, 0.99));
+    border-color: rgba(243, 177, 125, 0.14);
+    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.24);
+}
+
 .hero h1,
 .page-intro h1,
 .panel h2 {
@@ -614,6 +675,11 @@ h3 {
     background: var(--sky-soft);
 }
 
+[data-theme="dark"] .status-idea {
+    background: rgba(126, 143, 160, 0.24);
+    color: #ece8e4;
+}
+
 .status-soft {
     background: var(--lilac-soft);
 }
@@ -702,6 +768,10 @@ h3 {
     gap: 1rem;
 }
 
+.dashboard-spaced-panel > .panel-head + * {
+    margin-top: 0.45rem;
+}
+
 .template-library-grid {
     display: grid;
     grid-template-columns: repeat(2, minmax(0, 1fr));
@@ -853,6 +923,38 @@ legend {
     overflow: hidden;
 }
 
+.day-tile.has-selection {
+    border-color: color-mix(in srgb, var(--accent) 34%, var(--line) 66%);
+    box-shadow: 0 20px 36px rgba(94, 68, 49, 0.16);
+}
+
+.day-tile.has-entries {
+    position: relative;
+    border-color: color-mix(in srgb, var(--accent) 24%, var(--line) 76%);
+    background:
+        linear-gradient(180deg, color-mix(in srgb, var(--surface) 90%, #ffe8d8 10%), color-mix(in srgb, var(--surface) 96%, #fff 4%));
+    box-shadow: 0 18px 34px rgba(94, 68, 49, 0.14);
+}
+
+.day-tile.has-entries::before {
+    content: "";
+    position: absolute;
+    inset: 0 auto 0 0;
+    width: 4px;
+    background: linear-gradient(180deg, color-mix(in srgb, var(--accent-strong) 76%, white 24%), color-mix(in srgb, var(--accent) 72%, transparent 28%));
+    opacity: 0.9;
+}
+
+.day-tile.has-entries .day-tile-summary {
+    background:
+        linear-gradient(180deg, rgba(255, 236, 221, 0.28), rgba(255, 255, 255, 0));
+}
+
+.day-tile.has-entries .status-pill {
+    background: color-mix(in srgb, var(--mint-soft) 78%, var(--surface) 22%);
+    border: 1px solid color-mix(in srgb, var(--mint-soft) 54%, var(--line) 46%);
+}
+
 .day-tile > summary::-webkit-details-marker {
     display: none;
 }
@@ -878,18 +980,84 @@ legend {
 }
 
 .day-tile-icon {
-    width: 2.8rem;
+    width: 2.95rem;
-    height: 2.8rem;
+    height: 2.95rem;
+    flex: 0 0 2.95rem;
     display: grid;
     place-items: center;
-    border-radius: 1rem;
+    border-radius: 0.9rem;
-    background: linear-gradient(145deg, rgba(255, 255, 255, 0.92), var(--peach-soft));
+    background: linear-gradient(
-    color: var(--accent-strong);
+        180deg,
+        color-mix(in srgb, var(--surface-soft) 72%, #fff 28%),
+        color-mix(in srgb, var(--surface-soft) 92%, #f7e2cf 8%)
+    );
+    border: 1px solid color-mix(in srgb, var(--accent) 26%, var(--line) 74%);
+    box-shadow:
+        inset 0 1px 0 rgba(255, 255, 255, 0.82),
+        0 10px 24px rgba(223, 177, 134, 0.12);
+    color: #cf8450;
 }
 
 .day-tile-icon .ui-icon {
-    width: 1.15rem;
+    width: 1.28rem;
-    height: 1.15rem;
+    height: 1.28rem;
+}
+
+[data-theme="dark"] .day-tile-icon {
+    background: linear-gradient(180deg, rgba(86, 74, 69, 0.98), rgba(67, 58, 55, 0.98));
+    border: 1px solid rgba(243, 177, 125, 0.14);
+    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
+    color: #f3bf90;
+}
+
+.day-tile.has-entries .day-tile-icon {
+    background: linear-gradient(
+        180deg,
+        color-mix(in srgb, var(--surface-soft) 82%, #fff 18%),
+        color-mix(in srgb, var(--accent-soft) 72%, #fff 28%)
+    );
+    border-color: color-mix(in srgb, var(--accent) 36%, var(--line) 64%);
+    box-shadow:
+        inset 0 1px 0 rgba(255, 255, 255, 0.84),
+        0 12px 26px rgba(94, 68, 49, 0.14);
+}
+
+.day-tile-summary-text {
+    margin: 0.2rem 0 0;
+    color: color-mix(in srgb, var(--text) 84%, white 16%);
+    font-size: 1.08rem;
+}
+
+.day-tile.has-entries .day-tile-summary-text {
+    color: color-mix(in srgb, var(--text) 90%, white 10%);
+    font-weight: 600;
+}
+
+[data-theme="dark"] .day-tile.has-entries {
+    border-color: color-mix(in srgb, var(--accent) 30%, var(--line) 70%);
+    background:
+        linear-gradient(180deg, color-mix(in srgb, var(--surface) 96%, #3f3430 4%), color-mix(in srgb, var(--surface) 100%, #000 0%));
+    box-shadow: 0 18px 38px rgba(0, 0, 0, 0.26);
+}
+
+[data-theme="dark"] .day-tile.has-entries .day-tile-summary {
+    background:
+        linear-gradient(90deg, rgba(243, 177, 125, 0.10), rgba(243, 177, 125, 0.03) 38%, rgba(255, 255, 255, 0) 68%);
+}
+
+[data-theme="dark"] .day-tile.has-entries .day-tile-icon {
+    background: linear-gradient(180deg, rgba(97, 82, 76, 0.98), rgba(76, 65, 61, 0.98));
+    border-color: rgba(243, 177, 125, 0.18);
+    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
+}
+
+[data-theme="dark"] .day-tile.has-entries .status-pill {
+    background: rgba(155, 198, 175, 0.20);
+    border-color: rgba(155, 198, 175, 0.16);
+}
+
+[data-theme="dark"] .day-tile.has-entries .day-tile-summary-text {
+    color: #f3ece7;
 }
 
 .day-tile-body {
@@ -897,6 +1065,38 @@ legend {
     border-top: 1px solid var(--line);
 }
 
+.snack-reveal-panel {
+    padding: 1rem 1.1rem;
+}
+
+.snack-reveal-actions {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.65rem;
+}
+
+.snack-reveal-button {
+    padding: 0.58rem 0.9rem;
+}
+
+.week-card-snack-actions {
+    display: grid;
+    gap: 0.7rem;
+    margin: 0.2rem 0 0.95rem;
+    padding: 0.8rem 0.9rem;
+    border-radius: 18px;
+    border: 1px solid var(--line);
+    background: color-mix(in srgb, var(--surface) 94%, var(--surface-strong) 6%);
+}
+
+.week-card-snack-actions .eyebrow {
+    margin: 0;
+}
+
+.week-card-empty-copy {
+    margin-bottom: 0.95rem;
+}
+
 .quick-add-row {
     display: flex;
     flex-wrap: wrap;
@@ -972,6 +1172,20 @@ legend {
     background: color-mix(in srgb, var(--surface-strong) 84%, #fff 16%);
 }
 
+[data-theme="dark"] .template-card,
+[data-theme="dark"] .template-list-card,
+[data-theme="dark"] .suggestion-card {
+    background: linear-gradient(180deg, rgba(66, 57, 54, 0.98), rgba(54, 47, 44, 0.99));
+    border-color: rgba(243, 177, 125, 0.12);
+    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02);
+}
+
+.selected-quick-action {
+    background: linear-gradient(180deg, color-mix(in srgb, var(--accent-soft) 82%, #fff 18%), color-mix(in srgb, var(--surface-strong) 82%, #fff 18%));
+    border-color: color-mix(in srgb, var(--accent) 36%, var(--line) 64%);
+    box-shadow: 0 16px 30px rgba(94, 68, 49, 0.12);
+}
+
 .template-list-card,
 .week-template-row {
     display: grid;
@@ -1016,6 +1230,12 @@ legend {
     border: 1px solid var(--line);
 }
 
+[data-theme="dark"] .hint-chip {
+    background: linear-gradient(180deg, rgba(77, 68, 64, 0.96), rgba(63, 56, 53, 0.98));
+    border-color: rgba(243, 177, 125, 0.12);
+    color: #f0e8e2;
+}
+
 .suggestion-row {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
@@ -1148,24 +1368,99 @@ legend {
     align-items: flex-start;
 }
 
-.week-card-count {
-    font-size: 1.25rem;
-    font-family: var(--font-heading);
-    margin: 0.8rem 0 0.2rem;
-}
-
 .week-card-actions {
     margin-top: 1rem;
 }
 
+.export-menu {
+    position: relative;
+}
+
+.export-menu > summary {
+    list-style: none;
+}
+
+.export-menu > summary::-webkit-details-marker {
+    display: none;
+}
+
+.export-menu-trigger::after {
+    content: "▾";
+    font-size: 0.8rem;
+    opacity: 0.7;
+}
+
+.export-menu[open] .export-menu-trigger {
+    background: var(--accent-soft);
+}
+
+.export-menu-panel {
+    position: absolute;
+    top: calc(100% + 0.45rem);
+    right: 0;
+    z-index: 14;
+    min-width: 13.5rem;
+    display: grid;
+    gap: 0.15rem;
+    padding: 0.45rem;
+    border-radius: 18px;
+    border: 1px solid var(--line);
+    background: color-mix(in srgb, var(--surface) 96%, #fff 4%);
+    box-shadow: var(--shadow);
+}
+
+.export-menu-panel a {
+    display: block;
+    padding: 0.8rem 0.9rem;
+    border-radius: 14px;
+    color: var(--text);
+    text-decoration: none;
+}
+
+.export-menu-panel a:hover {
+    background: var(--accent-soft);
+}
+
+.week-card {
+    position: relative;
+    overflow: visible;
+}
+
+.week-card.has-open-picker {
+    z-index: 6;
+}
+
 .week-slot {
+    position: relative;
     padding: 0.85rem;
     border-radius: 18px;
-    background: color-mix(in srgb, var(--surface-strong) 80%, #fff 20%);
+    background: linear-gradient(180deg, color-mix(in srgb, var(--surface-strong) 84%, #fff 16%), color-mix(in srgb, var(--surface) 90%, #fff 10%));
     border: 1px solid var(--line);
     transition: border-color 160ms ease, background 160ms ease, transform 160ms ease;
 }
 
+.week-slot.has-entries {
+    border-color: color-mix(in srgb, var(--accent) 24%, var(--line) 76%);
+    background:
+        linear-gradient(180deg, color-mix(in srgb, var(--surface) 90%, #ffe8d8 10%), color-mix(in srgb, var(--surface) 96%, #fff 4%));
+    box-shadow: 0 18px 34px rgba(94, 68, 49, 0.12);
+}
+
+.week-slot.has-entries::before {
+    content: "";
+    position: absolute;
+    inset: 0 auto 0 0;
+    width: 4px;
+    border-radius: 18px 0 0 18px;
+    background: linear-gradient(180deg, color-mix(in srgb, var(--accent-strong) 76%, white 24%), color-mix(in srgb, var(--accent) 72%, transparent 28%));
+    opacity: 0.9;
+}
+
+.week-slot.week-slot-snack.has-entries {
+    background:
+        linear-gradient(180deg, color-mix(in srgb, var(--surface) 92%, #ffe3cf 8%), color-mix(in srgb, var(--surface) 98%, #fff 2%));
+}
+
 .week-slot.is-drag-over {
     background: var(--accent-soft);
     border-color: color-mix(in srgb, var(--accent) 60%, var(--line) 40%);
@@ -1180,11 +1475,105 @@ legend {
     margin-bottom: 0.5rem;
 }
 
+.week-slot-title {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.5rem;
+    min-width: 0;
+}
+
+.week-slot-title .ui-icon {
+    width: 1rem;
+    height: 1rem;
+    color: var(--accent-strong);
+    flex: 0 0 auto;
+}
+
+.week-slot-head-meta {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.45rem;
+}
+
+.week-slot-count {
+    min-width: 1.9rem;
+    text-align: center;
+    font-weight: 700;
+    color: var(--muted);
+}
+
+.week-slot.has-entries .week-slot-count {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    min-width: 2rem;
+    height: 2rem;
+    padding: 0 0.55rem;
+    border-radius: 999px;
+    border: 1px solid color-mix(in srgb, var(--mint-soft) 54%, var(--line) 46%);
+    background: color-mix(in srgb, var(--mint-soft) 78%, var(--surface) 22%);
+    color: color-mix(in srgb, var(--text) 86%, #173127 14%);
+}
+
+.week-slot-add {
+    width: 1.9rem;
+    height: 1.9rem;
+    display: inline-grid;
+    place-items: center;
+    padding: 0;
+    border-radius: 999px;
+    border: 1px solid var(--line);
+    background: var(--accent-soft);
+    color: var(--text);
+    font-weight: 700;
+    font-size: 1.15rem;
+    line-height: 1;
+    text-align: center;
+}
+
+.week-slot-add:hover {
+    background: color-mix(in srgb, var(--accent-soft) 72%, #fff 28%);
+}
+
+.week-slot-picker {
+    position: absolute;
+    top: calc(100% + 0.55rem);
+    left: 0;
+    right: 0;
+    z-index: 12;
+    display: grid;
+    gap: 0.9rem;
+    padding: 0.95rem;
+    border-radius: 18px;
+    border: 1px solid var(--line);
+    background: color-mix(in srgb, var(--surface) 96%, #fff 4%);
+    box-shadow: var(--shadow);
+}
+
+.week-slot-picker[hidden] {
+    display: none;
+}
+
+.week-slot-picker-head {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 0.75rem;
+}
+
+.week-slot-picker-close {
+    padding: 0.5rem 0.85rem;
+}
+
+.week-slot-picker-search {
+    margin-bottom: 0.1rem;
+}
+
 .plan-chip {
     padding: 0.7rem 0.8rem;
     border-radius: 16px;
-    background: linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(255, 246, 239, 0.92));
+    background: linear-gradient(180deg, color-mix(in srgb, var(--surface) 72%, #fff 28%), color-mix(in srgb, var(--accent-soft) 55%, var(--surface) 45%));
-    border: 1px solid var(--line);
+    border: 1px solid color-mix(in srgb, var(--accent) 18%, var(--line) 82%);
     cursor: grab;
     box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65);
 }
@@ -1203,11 +1592,115 @@ legend {
     transform: scale(0.98);
 }
 
+.week-slot-actions {
+    display: flex;
+    justify-content: flex-end;
+    margin-top: 0.65rem;
+}
+
+.week-slot-copy {
+    padding: 0.55rem 0.85rem;
+}
+
 .plan-chip small,
 .week-slot-empty {
     color: var(--muted);
 }
 
+.week-slot-empty {
+    display: grid;
+    justify-items: start;
+    gap: 0.65rem;
+    padding: 0.85rem;
+    border-radius: 16px;
+    border: 1px dashed color-mix(in srgb, var(--line) 74%, var(--accent) 26%);
+    background: color-mix(in srgb, var(--surface) 92%, #fff 8%);
+}
+
+.week-slot-empty p {
+    margin: 0;
+}
+
+[data-theme="dark"] .week-slot {
+    background: linear-gradient(180deg, rgba(66, 57, 54, 0.96), rgba(58, 50, 48, 0.98));
+    border-color: rgba(243, 177, 125, 0.14);
+    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
+}
+
+[data-theme="dark"] .week-card-snack-actions {
+    background: rgba(47, 40, 38, 0.72);
+    border-color: rgba(243, 177, 125, 0.10);
+}
+
+[data-theme="dark"] .export-menu-panel {
+    background: rgba(43, 37, 35, 0.98);
+    border-color: rgba(243, 177, 125, 0.14);
+    box-shadow: 0 22px 46px rgba(0, 0, 0, 0.34);
+}
+
+[data-theme="dark"] .export-menu-panel a:hover {
+    background: rgba(243, 177, 125, 0.10);
+}
+
+[data-theme="dark"] .week-slot.has-entries {
+    border-color: rgba(243, 177, 125, 0.18);
+    background:
+        linear-gradient(180deg, rgba(70, 60, 57, 0.98), rgba(58, 50, 48, 0.99));
+    box-shadow: 0 18px 34px rgba(0, 0, 0, 0.24);
+}
+
+[data-theme="dark"] .week-slot.week-slot-snack.has-entries {
+    background:
+        linear-gradient(180deg, rgba(75, 64, 60, 0.98), rgba(60, 52, 49, 0.99));
+}
+
+[data-theme="dark"] .week-slot.has-entries .week-slot-count {
+    border-color: rgba(155, 198, 175, 0.16);
+    background: rgba(155, 198, 175, 0.20);
+    color: #eef8f2;
+}
+
+[data-theme="dark"] .week-slot.is-drag-over {
+    background: linear-gradient(180deg, rgba(87, 71, 64, 0.98), rgba(72, 58, 53, 0.98));
+    border-color: rgba(243, 177, 125, 0.24);
+}
+
+[data-theme="dark"] .week-slot-add {
+    background: rgba(243, 177, 125, 0.16);
+    border-color: rgba(243, 177, 125, 0.18);
+    color: #f7efe9;
+}
+
+[data-theme="dark"] .week-slot-add:hover {
+    background: rgba(243, 177, 125, 0.22);
+}
+
+[data-theme="dark"] .week-slot-picker {
+    background: rgba(43, 37, 35, 0.98);
+    border-color: rgba(243, 177, 125, 0.14);
+    box-shadow: 0 22px 46px rgba(0, 0, 0, 0.34);
+}
+
+[data-theme="dark"] .plan-chip {
+    background: linear-gradient(180deg, rgba(86, 72, 66, 0.98), rgba(72, 60, 56, 0.98));
+    border-color: rgba(243, 177, 125, 0.18);
+    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
+}
+
+[data-theme="dark"] .week-slot-copy {
+    background: rgba(255, 255, 255, 0.03);
+    border-color: rgba(243, 177, 125, 0.12);
+}
+
+[data-theme="dark"] .week-slot-copy:hover {
+    background: rgba(243, 177, 125, 0.10);
+}
+
+[data-theme="dark"] .week-slot-empty {
+    background: rgba(58, 50, 48, 0.72);
+    border-color: rgba(243, 177, 125, 0.16);
+}
+
 .flash-stack {
     display: grid;
     gap: 0.7rem;
@@ -1236,6 +1729,11 @@ legend {
     min-width: 5rem;
 }
 
+.theme-toggle,
+.mobile-extra-button[data-theme-toggle] {
+    gap: 0.55rem;
+}
+
 .ui-icon {
     width: 1rem;
     height: 1rem;
@@ -1280,6 +1778,36 @@ legend {
     mask-image: url("../icons/fa/calendar-days.svg");
 }
 
+.icon-daypart-breakfast {
+    -webkit-mask-image: url("../icons/dayparts/breakfast.svg");
+    mask-image: url("../icons/dayparts/breakfast.svg");
+}
+
+.icon-daypart-morning-snack {
+    -webkit-mask-image: url("../icons/dayparts/morning-snack.svg");
+    mask-image: url("../icons/dayparts/morning-snack.svg");
+}
+
+.icon-daypart-lunch {
+    -webkit-mask-image: url("../icons/dayparts/lunch.svg");
+    mask-image: url("../icons/dayparts/lunch.svg");
+}
+
+.icon-daypart-afternoon-snack {
+    -webkit-mask-image: url("../icons/dayparts/afternoon-snack.svg");
+    mask-image: url("../icons/dayparts/afternoon-snack.svg");
+}
+
+.icon-daypart-dinner {
+    -webkit-mask-image: url("../icons/dayparts/dinner.svg");
+    mask-image: url("../icons/dayparts/dinner.svg");
+}
+
+.icon-daypart-late-snack {
+    -webkit-mask-image: url("../icons/dayparts/late-snack.svg");
+    mask-image: url("../icons/dayparts/late-snack.svg");
+}
+
 .icon-archive {
     -webkit-mask-image: url("../icons/fa/archive.svg");
     mask-image: url("../icons/fa/archive.svg");
@@ -1325,6 +1853,16 @@ legend {
     mask-image: url("../icons/fa/mobile-screen-button.svg");
 }
 
+.icon-sun-theme {
+    -webkit-mask-image: url("../icons/fa/theme-sun.svg");
+    mask-image: url("../icons/fa/theme-sun.svg");
+}
+
+.icon-moon-theme {
+    -webkit-mask-image: url("../icons/fa/theme-moon.svg");
+    mask-image: url("../icons/fa/theme-moon.svg");
+}
+
 .icon-apple-whole {
     -webkit-mask-image: url("../icons/fa/apple-whole.svg");
     mask-image: url("../icons/fa/apple-whole.svg");
@@ -1476,6 +2014,18 @@ legend {
         display: none;
     }
 
+    .day-tile-icon {
+        width: 2.8rem;
+        height: 2.8rem;
+        flex-basis: 2.8rem;
+        border-radius: 0.85rem;
+    }
+
+    .day-tile-icon .ui-icon {
+        width: 1.12rem;
+        height: 1.12rem;
+    }
+
     .hero,
     .page-intro,
     .panel,
@@ -1634,6 +2184,10 @@ legend {
     .mobile-nav-button {
         cursor: pointer;
         font: inherit;
+        background: transparent;
+        color: var(--muted);
+        border: 0;
+        box-shadow: none;
     }
 
     .mobile-bottom-nav a.active,
@@ -1641,6 +2195,62 @@ legend {
     .mobile-nav-button.is-open {
         background: var(--accent-soft);
         color: var(--text);
+        box-shadow: none;
+    }
+
+    [data-theme="dark"] .mobile-nav-button.is-open {
+        background: var(--accent-soft);
+        color: var(--text);
+        border: 0;
+        box-shadow: none;
+    }
+
+    [data-theme="dark"] .mobile-nav-stack button.mobile-nav-button:not(.secondary):not(.ghost-button) {
+        background: transparent;
+        color: var(--muted);
+        border: 0;
+        box-shadow: none;
+    }
+
+    [data-theme="dark"] .mobile-nav-stack button.mobile-nav-button:not(.secondary):not(.ghost-button):hover {
+        background: transparent;
+        color: var(--muted);
+        border: 0;
+        box-shadow: none;
+        transform: none;
+    }
+
+    [data-theme="dark"] .mobile-nav-stack button.mobile-nav-button.is-open:not(.secondary):not(.ghost-button),
+    [data-theme="dark"] .mobile-nav-stack button.mobile-nav-button.is-open:not(.secondary):not(.ghost-button):hover {
+        background: var(--accent-soft);
+        color: var(--text);
+        border: 0;
+        box-shadow: none;
+        transform: none;
+    }
+
+    [data-theme="dark"] .mobile-nav-extension .mobile-extra-button,
+    [data-theme="dark"] .mobile-nav-extension .mobile-extra-form .mobile-extra-button {
+        background: transparent;
+        color: var(--muted);
+        border: 0;
+        box-shadow: none;
+    }
+
+    [data-theme="dark"] .mobile-nav-extension .mobile-extra-button[data-theme-toggle] {
+        background: transparent;
+        color: var(--muted);
+        border: 0;
+        box-shadow: none;
+    }
+
+    [data-theme="dark"] .mobile-nav-extension .mobile-extra-button:hover,
+    [data-theme="dark"] .mobile-nav-extension .mobile-extra-button:focus-visible,
+    [data-theme="dark"] .mobile-nav-extension .mobile-extra-form .mobile-extra-button:hover,
+    [data-theme="dark"] .mobile-nav-extension .mobile-extra-form .mobile-extra-button:focus-visible {
+        background: var(--accent-soft);
+        color: var(--text);
+        box-shadow: none;
     }
 
     .mobile-profile-link {

nouri/static/icons/dayparts/afternoon-snack.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc. --><path fill="currentColor" d="M362.2 37L213.9 16 81.7 86.7 16 222.1 42 370.4 149.8 475 298.1 496 430.3 425.3 496 289.9 470 141.6 362.2 37zM208 144a32 32 0 1 1 0 64 32 32 0 1 1 0-64zM144 336a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zm224-64a32 32 0 1 1 0 64 32 32 0 1 1 0-64z"/></svg>

nouri/static/icons/dayparts/breakfast.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc. --><path fill="currentColor" d="M243.2 .3c4.2-.2 8.5-.3 12.8-.3 62.1 0 118.9 22.1 163.3 58.8L314.6 163.4 243.2 .3zM194 7.6L307.4 266.6 267.3 306.8 12 178.3C38.8 94.2 107.7 29 194 7.6zM1.6 226.8l166 83.6-108.9 108.9C22.1 374.9 0 318.1 0 256 0 246.1 .6 236.4 1.6 226.8zM92.7 453.2l120.1-120.1 11.2 5.6 0 171.3c-49.5-6.2-94.7-26.5-131.3-56.8zM341.2 224l-5.9-13.4 117.9-117.9c30.3 36.6 50.6 81.7 56.8 131.3l-168.8 0z"/></svg>

nouri/static/icons/dayparts/dinner.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Pro 7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc. --><path fill="currentColor" d="M56 16L40 16 0 152c0 41.5 31.6 75.6 72 79.6l0 264.4 48 0 0-264.4c40.4-4 72-38.1 72-79.6l-40-136-16 0 0 136-16 0-16-136-16 0-16 136-16 0 0-136zm584 0S512 32 512 160l0 160 80 0 0 176 48 0 0-480zM336 32c-43.8 0-84.7 12.6-119.2 34.3l19.1 64.9c27.4-22 62.2-35.2 100.1-35.2 52.3 0 98.8 25.1 128 64 0-29.7 5.5-55.2 14.5-76.9-38.7-31.9-88.3-51.1-142.5-51.1zm0 384c-86.1 0-156.3-68-159.9-153.2-2.7 1.5-5.4 3-8.1 4.3l0 137c41 46.5 101.1 75.8 168 75.8 82.9 0 155.3-45 194-112l-66 0 0-16c-29.2 38.9-75.7 64-128 64zM448 256a112 112 0 1 0 -224 0 112 112 0 1 0 224 0z"/></svg>

nouri/static/icons/dayparts/late-snack.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc. --><path fill="currentColor" d="M359.7 21.9C272.6 43.5 208 122.2 208 216 208 326.4 297.5 416 408 416 426.5 416 444.4 413.5 461.4 408.8 414.8 471.4 340.1 512 256 512 114.6 512 0 397.4 0 256S114.6 0 256 0c36.9 0 72 7.8 103.7 21.9z"/></svg>

nouri/static/icons/dayparts/lunch.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc. --><path fill="currentColor" d="M0 64l512 0 0 112-512 0 0-112zM320 384l96-48 96 0 0 112-512 0 0-112 224 0 96 48zM144.2 209.1l111.8 29.8 111.8-29.8 8-2.1 8 2c74.8 18.7 117.2 29.3 127 31.8l-15.5 62.1c-11.2-2.8-50.9-12.7-119-29.8l-112 29.9-8.2 2.2-8.2-2.2-112-29.9c-68.1 17-107.8 27-119 29.8L1.2 240.7c9.9-2.5 52.2-13.1 127-31.8l8-2 8 2.1z"/></svg>

nouri/static/icons/dayparts/morning-snack.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc. --><path fill="currentColor" d="M208 96l0-16c0-44.2 35.8-80 80-80l32 0 0 32c0 44.2-35.8 80-80 80l-32 0 0-16zM0 288c0-76.3 35.7-160 112-160l112 32 112-32c76.3 0 112 83.7 112 160 0 128-80 224-160 224l-64-16-64 16C80 512 0 416 0 288z"/></svg>

nouri/static/icons/fa/theme-moon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 576"><path fill="currentColor" d="M99.1 99.8c36.8-31.2 88.7-50.7 158.9-51.8 70.8 1.3 118.7 27.7 149.8 67.9 32.6 42.2 48.7 102.3 48.7 172s-16.1 129.8-48.7 172c-31 40.2-79 66.6-149.8 67.9-70.2-1.1-122.1-20.6-158.9-51.8 14.2 2.5 29.3 3.8 45.4 3.8 4.1 0 8.1-.1 12-.2l0 .2c80.4 0 138.3-19.7 176.2-55.9 38-36.3 51.8-85.6 51.8-136.1s-13.8-99.8-51.8-136.1C294.8 115.7 236.9 96 156.5 96l0 .2c-3.9-.2-7.9-.2-12-.2-16.1 0-31.2 1.3-45.4 3.8zM252.5 .2C125.1 3.6 42.8 62.2 3.5 150.3l38.2 27.5c21.9-20.1 54.9-33.8 102.8-33.8 53.4 0 88.4 16.9 110.2 41.2 22.3 24.8 33.8 60.5 33.8 102.8S277 366 254.7 390.8c-21.9 24.4-56.8 41.2-110.2 41.2-47.9 0-80.9-13.6-102.8-33.8L3.5 425.7c39.3 88.2 121.6 146.7 249 150.1l0 .2c1.9 0 3.8 0 5.6 0 2.1 0 4.2 0 6.4 0 97.8 0 170.8-31.5 219.2-85.3 47.9-53.4 68.8-125.7 68.8-202.7S531.6 138.7 483.6 85.3c-48.3-53.8-121.4-85.3-219.2-85.3-2.1 0-4.3 0-6.4 0-1.9 0-3.7 0-5.6 0l0 .2zM216.5 252c0-26.5-14.4-48-48-48s-48 21.5-48 48 14.4 48 48 48 48-21.5 48-48zm-144 96c25.2 0 36-16.1 36-36s-10.8-36-36-36-36 16.1-36 36 10.8 36 36 36z"/></svg>

nouri/static/icons/fa/theme-sun.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 576"><path fill="currentColor" d="M309.6 0L266.4 0 222 47.9c-13.9 15-33.5 23.3-53.9 23L89.2 63 63 89.4 70.9 164.2c.3 19.5-7.3 38.3-21.1 52.1L0 266.1 0 309.6 47.9 354c15 13.9 23.3 33.5 23 53.9l-7.9 78.8 28 26 73.3-12.8c23.9-2.2 47.3 7.7 62.4 26.4l40.2 49.6 42.3 0 40.2-49.6c15.1-18.7 38.5-28.5 62.4-26.4l73.3 12.8 28-26-7.9-78.8c-.3-20.4 8-40 23-53.9l47.9-44.4 0-43.5-49.8-49.8c-13.8-13.8-21.4-32.6-21.1-52.1l7.9-74.8-26.3-26.4-78.8 7.9c-20.4 .3-40-8-53.9-23L309.6 0zM288 64.4l4.8 9.4c26.8 52.1 87.4 77.2 143.2 59.3l10-3.2-3.2 10c-17.9 55.8 7.2 116.4 59.3 143.2l9.4 4.8-9.4 4.8c-52.1 26.8-77.2 87.4-59.3 143.2l3.2 10-10-3.2c-55.8-17.9-116.4 7.2-143.2 59.3l-4.8 9.4-4.8-9.4c-26.8-52.1-87.4-77.2-143.2-59.3l-10 3.2 3.2-10c17.9-55.8-7.2-116.4-59.3-143.2l-9.4-4.8 9.4-4.8c52.1-26.8 77.2-87.4 59.3-143.2l-3.2-10 10 3.2c55.8 17.9 116.4-7.2 143.2-59.3l4.8-9.4zM322.3 224c8.6 14.4 13.7 36.5 13.7 64s-5.1 49.6-13.7 64c-7.8 13.1-18.4 20-34.3 20s-26.5-6.9-34.3-20c-8.6-14.4-13.7-36.5-13.7-64s5.1-49.6 13.7-64c7.8-13.1 18.4-20 34.3-20s26.5 6.9 34.3 20zM288 156c-43.2 0-77.2 14-100.2 39.6-22.6 25.1-31.8 58.5-31.8 92.4s9.2 67.3 31.8 92.4c23 25.6 57 39.6 100.2 39.6s77.2-14 100.2-39.6C410.8 355.3 420 321.9 420 288s-9.2-67.3-31.8-92.4C365.2 170 331.2 156 288 156z"/></svg>

nouri/static/js/planner.js

@@ -4,6 +4,38 @@
         return meta ? meta.getAttribute("content") : "";
     };
 
+    const scrollKey = "nouri-week-scroll";
+
+    const rememberScroll = () => {
+        sessionStorage.setItem(scrollKey, String(window.scrollY));
+    };
+
+    const restoreScroll = () => {
+        const savedScroll = sessionStorage.getItem(scrollKey);
+        if (!savedScroll) return;
+        sessionStorage.removeItem(scrollKey);
+        window.requestAnimationFrame(() => {
+            window.scrollTo({ top: Number(savedScroll), left: 0, behavior: "auto" });
+        });
+    };
+
+    const postAndRefreshInPlace = async (form) => {
+        const payload = new URLSearchParams(new FormData(form));
+        const response = await fetch(form.action, {
+            method: "POST",
+            headers: {
+                "Content-Type": "application/x-www-form-urlencoded;charset=UTF-8",
+                "X-Requested-With": "XMLHttpRequest",
+            },
+            body: payload.toString(),
+        });
+        if (!response.ok) {
+            throw new Error("request failed");
+        }
+        rememberScroll();
+        window.location.reload();
+    };
+
     const initWeekDragAndDrop = () => {
         const board = document.querySelector(".week-board");
         if (!board) return;
@@ -75,7 +107,185 @@
         });
     };
 
+    const initWeekCopyForward = () => {
+        document.querySelectorAll(".js-copy-forward-form").forEach((form) => {
+            form.addEventListener("submit", async (event) => {
+                event.preventDefault();
+                try {
+                    await postAndRefreshInPlace(form);
+                } catch (_error) {
+                    window.location.reload();
+                }
+            });
+        });
+    };
+
+    const initWeekSlotPicker = () => {
+        const board = document.querySelector(".week-board");
+        if (!board) return;
+
+        const closeAllPickers = () => {
+            board.querySelectorAll(".week-card").forEach((card) => {
+                card.classList.remove("has-open-picker");
+            });
+            board.querySelectorAll(".week-slot").forEach((slot) => {
+                slot.classList.remove("is-picker-open");
+            });
+            board.querySelectorAll(".week-slot-picker").forEach((picker) => {
+                picker.hidden = true;
+            });
+        };
+
+        board.querySelectorAll("[data-week-slot-picker-open]").forEach((button) => {
+            button.addEventListener("click", (event) => {
+                event.preventDefault();
+                const slot = button.closest(".week-slot");
+                if (!slot) return;
+                const picker = slot.querySelector(".week-slot-picker");
+                if (!picker) return;
+                const card = slot.closest(".week-card");
+                const shouldOpen = picker.hidden;
+                closeAllPickers();
+                if (shouldOpen) {
+                    picker.hidden = false;
+                    slot.classList.add("is-picker-open");
+                    if (card) {
+                        card.classList.add("has-open-picker");
+                    }
+                    const filterInput = picker.querySelector("[data-filter-input]");
+                    if (filterInput instanceof HTMLInputElement) {
+                        filterInput.value = "";
+                        filterInput.dispatchEvent(new Event("input", { bubbles: true }));
+                        window.requestAnimationFrame(() => filterInput.focus());
+                    }
+                }
+            });
+        });
+
+        board.querySelectorAll("[data-week-slot-picker-close]").forEach((button) => {
+            button.addEventListener("click", () => {
+                const slot = button.closest(".week-slot");
+                if (!slot) return;
+                const picker = slot.querySelector(".week-slot-picker");
+                const card = slot.closest(".week-card");
+                if (!picker) return;
+                picker.hidden = true;
+                slot.classList.remove("is-picker-open");
+                if (card) {
+                    card.classList.remove("has-open-picker");
+                }
+            });
+        });
+
+        board.querySelectorAll(".js-week-slot-submit").forEach((form) => {
+            form.addEventListener("submit", async (event) => {
+                event.preventDefault();
+                try {
+                    await postAndRefreshInPlace(form);
+                } catch (_error) {
+                    window.location.reload();
+                }
+            });
+        });
+
+        document.addEventListener("click", (event) => {
+            const target = event.target;
+            if (!(target instanceof Element)) return;
+            if (target.closest(".week-slot")) return;
+            closeAllPickers();
+        });
+    };
+
+    const syncActionContainerVisibility = (container) => {
+        if (!(container instanceof HTMLElement)) return;
+        const hasVisibleButtons = Array.from(container.querySelectorAll("button")).some((button) => {
+            return !button.hidden;
+        });
+        container.hidden = !hasVisibleButtons;
+    };
+
+    const revealActionButton = (container, selector) => {
+        if (!(container instanceof HTMLElement) || !selector) return;
+        const button = container.querySelector(`button[data-target="${selector}"]`);
+        if (!(button instanceof HTMLButtonElement)) return;
+        button.hidden = false;
+        container.hidden = false;
+    };
+
+    const initDaySnackReveal = () => {
+        document.querySelectorAll("[data-day-snack-open]").forEach((button) => {
+            button.addEventListener("click", () => {
+                const selector = button.getAttribute("data-target");
+                if (!selector) return;
+                const tile = document.querySelector(selector);
+                if (!(tile instanceof HTMLDetailsElement)) return;
+                tile.hidden = false;
+                tile.open = true;
+                button.hidden = true;
+                tile.scrollIntoView({ block: "nearest", inline: "nearest" });
+                syncActionContainerVisibility(button.closest("[data-day-snack-actions]"));
+            });
+        });
+
+        document.querySelectorAll("[data-day-snack-hide]").forEach((button) => {
+            button.addEventListener("click", () => {
+                const selector = button.getAttribute("data-target");
+                if (!selector) return;
+                const tile = document.querySelector(selector);
+                if (!(tile instanceof HTMLDetailsElement)) return;
+                tile.open = false;
+                tile.hidden = true;
+                revealActionButton(document.querySelector("[data-day-snack-actions]"), selector);
+            });
+        });
+    };
+
+    const initWeekSnackReveal = () => {
+        document.querySelectorAll("[data-week-snack-slot-open]").forEach((button) => {
+            button.addEventListener("click", () => {
+                const selector = button.getAttribute("data-target");
+                if (!selector) return;
+                const slot = document.querySelector(selector);
+                if (!(slot instanceof HTMLElement)) return;
+                slot.hidden = false;
+                button.hidden = true;
+                syncActionContainerVisibility(button.closest("[data-week-snack-actions]"));
+                const openButton = slot.querySelector("[data-week-slot-picker-open]");
+                if (openButton instanceof HTMLButtonElement) {
+                    openButton.click();
+                } else {
+                    slot.scrollIntoView({ block: "nearest", inline: "nearest" });
+                }
+            });
+        });
+
+        document.querySelectorAll("[data-week-snack-slot-hide]").forEach((button) => {
+            button.addEventListener("click", () => {
+                const selector = button.getAttribute("data-target");
+                if (!selector) return;
+                const slot = document.querySelector(selector);
+                if (!(slot instanceof HTMLElement)) return;
+                const picker = slot.querySelector(".week-slot-picker");
+                if (picker instanceof HTMLElement) {
+                    picker.hidden = true;
+                }
+                slot.classList.remove("is-picker-open");
+                slot.hidden = true;
+                const card = slot.closest(".week-card");
+                if (card) {
+                    card.classList.remove("has-open-picker");
+                }
+                revealActionButton(slot.closest(".week-card")?.querySelector("[data-week-snack-actions]"), selector);
+            });
+        });
+    };
+
     document.addEventListener("DOMContentLoaded", () => {
+        restoreScroll();
         initWeekDragAndDrop();
+        initWeekCopyForward();
+        initWeekSlotPicker();
+        initDaySnackReveal();
+        initWeekSnackReveal();
     });
 })();

nouri/static/js/theme.js

@@ -12,7 +12,22 @@
         root.dataset.theme = finalTheme;
 
         toggles().forEach((button) => {
-            button.textContent = finalTheme === "dark" ? "Hell" : "Dunkel";
+            const nextModeLabel = finalTheme === "dark" ? "Hell" : "Dunkel";
+            const label = button.querySelector("[data-theme-label]");
+            const icon = button.querySelector("[data-theme-icon]");
+
+            if (label) {
+                label.textContent = nextModeLabel;
+            } else {
+                button.textContent = nextModeLabel;
+            }
+
+            if (icon) {
+                icon.classList.toggle("icon-sun-theme", finalTheme === "dark");
+                icon.classList.toggle("icon-moon-theme", finalTheme !== "dark");
+            }
+
+            button.setAttribute("aria-label", `${nextModeLabel} aktivieren`);
         });
     };
 

nouri/templates/base.html

@@ -53,7 +53,10 @@
             {% if g.user %}
                 <div class="desktop-header-sub">
                     <div class="header-actions desktop-actions">
-                        <button class="theme-toggle ghost-button" type="button" data-theme-toggle>Hell</button>
+                        <button class="theme-toggle ghost-button" type="button" data-theme-toggle aria-label="Darstellung wechseln">
+                            <span class="ui-icon icon-sun-theme" data-theme-icon></span>
+                            <span data-theme-label>Hell</span>
+                        </button>
                         <a class="ghost-button" href="{{ url_for('main.settings_view') }}">Optionen</a>
                         <a class="user-chip" href="{{ url_for('auth.profile') }}">
                             <span class="user-chip-title">{{ g.user.display_name or g.user.username }}</span>
@@ -114,9 +117,9 @@
                     <a class="mobile-extra-link" href="{{ url_for('admin.user_list') }}"><span class="ui-icon icon-sparkles"></span><span>Nutzer</span></a>
                     <a class="mobile-extra-link" href="{{ url_for('admin.category_settings') }}"><span class="ui-icon icon-seedling"></span><span>Kategorien</span></a>
                 {% endif %}
-                <button class="mobile-extra-link mobile-extra-button" type="button" data-theme-toggle>
+                <button class="mobile-extra-link mobile-extra-button" type="button" data-theme-toggle aria-label="Darstellung wechseln">
-                    <span class="ui-icon icon-mobile-screen-button"></span>
+                    <span class="ui-icon icon-sun-theme" data-theme-icon></span>
-                    <span>Modus</span>
+                    <span data-theme-label>Hell</span>
                 </button>
                 <form method="post" action="{{ url_for('auth.logout') }}" class="mobile-extra-form">
                     {{ csrf_input() }}

nouri/templates/dashboard.html

@@ -91,7 +91,7 @@
         {% endif %}
     </article>
 
-    <article class="panel">
+    <article class="panel dashboard-spaced-panel">
         <div class="panel-head">
             <h2>Kurz griffbereit</h2>
             <a href="{{ url_for('main.home_view') }}">Alles unter Zuhause</a>
@@ -122,7 +122,7 @@
 </section>
 
 <section class="two-column">
-    <article class="panel">
+    <article class="panel dashboard-spaced-panel">
         <div class="panel-head">
             <h2>Was zuhause gut zusammenpasst</h2>
             <a href="{{ url_for('main.home_view') }}">Zuhause öffnen</a>

nouri/templates/planner/day.html

@@ -54,26 +54,53 @@
 </section>
 
 <section class="planner-day-stack">
+    {% set hidden_snack_sections = sections | selectattr('is_snack_daypart') | rejectattr('visible_by_default') | list %}
+    {% if hidden_snack_sections %}
+        <section class="panel compact-form-panel snack-reveal-panel" data-day-snack-actions>
+            <div class="panel-head">
+                <h2>Zwischenmahlzeit hinzufügen</h2>
+            </div>
+            <div class="chip-row snack-reveal-actions">
+                {% for section in hidden_snack_sections %}
+                    <button
+                        class="ghost-button snack-reveal-button"
+                        type="button"
+                        data-day-snack-open
+                        data-target="#daypart-{{ section.daypart.id }}"
+                    >
+                        {{ section.daypart.name }}
+                    </button>
+                {% endfor %}
+            </div>
+        </section>
+    {% endif %}
+
     {% for section in sections %}
-        <details class="day-tile" id="daypart-{{ section.daypart.id }}" {% if section.is_open %}open{% endif %}>
+        <details
+            class="day-tile{% if section.entries %} has-entries{% endif %}{% if section.selected_quick_action %} has-selection{% endif %}"
+            id="daypart-{{ section.daypart.id }}"
+            {% if section.is_snack_daypart and not section.visible_by_default %}hidden data-day-snack-tile{% endif %}
+            {% if section.is_open %}open{% endif %}
+        >
             <summary class="day-tile-summary">
                 <div class="day-tile-summary-main">
-                    <div class="day-tile-icon"><span class="ui-icon icon-calendar"></span></div>
+                    <div class="day-tile-icon"><span class="ui-icon {{ daypart_icon_class(section.daypart.slug) }}"></span></div>
                     <div>
                         <h2>{{ section.daypart.name }}</h2>
                         {% if section.summary_items %}
-                            <p class="muted">{{ section.summary_items|join(', ') }}</p>
+                            <p class="day-tile-summary-text">{{ section.summary_items|join(', ') }}</p>
                         {% else %}
                             <p class="muted">Noch frei. Öffnen, wenn du etwas ergänzen möchtest.</p>
                         {% endif %}
                     </div>
                 </div>
-                <span class="status-pill">{{ section.entries|length }} geplant</span>
+                <span class="status-pill{% if section.entries %} status-home{% endif %}">{{ section.entries|length }} geplant</span>
             </summary>
 
             <div class="day-tile-body">
                 {% if section.selected_quick_action %}
-                    <div class="suggestion-card">
+                    <div class="suggestion-card selected-quick-action">
+                        <span class="status-pill status-home">Schon ausgewählt</span>
                         <strong>{{ section.selected_quick_action.title }}</strong>
                         <p class="muted">{{ section.selected_quick_action.subtitle }}</p>
                         {% if section.selected_quick_action.type == 'existing' %}
@@ -261,6 +288,18 @@
                     </div>
                 {% else %}
                     <p class="empty-state">Hier ist noch nichts eingetragen. Ein kleiner Anfang reicht völlig.</p>
+                    {% if section.is_snack_daypart %}
+                        <div class="row-actions snack-inline-actions">
+                            <button
+                                class="ghost-button"
+                                type="button"
+                                data-day-snack-hide
+                                data-target="#daypart-{{ section.daypart.id }}"
+                            >
+                                Wieder ausblenden
+                            </button>
+                        </div>
+                    {% endif %}
                 {% endif %}
             </div>
         </details>

nouri/templates/planner/week.html

@@ -10,6 +10,13 @@
     <div class="week-nav">
         <a class="ghost-button" href="{{ url_for('main.planner', week=prev_week.isoformat()) }}">Vorige Woche</a>
         <span>{{ week_start.strftime('%d.%m.%Y') }} bis {{ week_end.strftime('%d.%m.%Y') }}</span>
+        <details class="export-menu">
+            <summary class="ghost-button export-menu-trigger">PDF exportieren</summary>
+            <div class="export-menu-panel">
+                <a href="{{ url_for('main.planner_export_pdf', week=week_start.isoformat(), mode='mine') }}">Meinen Essensplan</a>
+                <a href="{{ url_for('main.planner_export_pdf', week=week_start.isoformat(), mode='household') }}">Unseren Essensplan</a>
+            </div>
+        </details>
         <a class="ghost-button" href="{{ url_for('main.planner', week=next_week.isoformat()) }}">Nächste Woche</a>
     </div>
 </section>
@@ -80,24 +87,128 @@
                 {% endif %}
             </div>
 
-            {% if card.filled_dayparts %}
+            {% if not card.filled_dayparts %}
-                <p class="week-card-count">{{ card.planned_count }} Einträge</p>
+                <p class="empty-state week-card-empty-copy">Noch offen. Du kannst den Tag ganz leicht nach und nach füllen.</p>
-                <div class="chip-row">
+            {% endif %}
-                    {% for slot in card.filled_dayparts %}
+
-                        <span class="chip">{{ slot.name }} · {{ slot.count }}</span>
+            {% if card.hidden_snack_slots %}
-                    {% endfor %}
+                <div class="week-card-snack-actions" data-week-snack-actions>
+                    <div>
+                        <p class="eyebrow">Snacks ergänzen</p>
+                    </div>
+                    <div class="chip-row snack-reveal-actions">
+                        {% for hidden_slot in card.hidden_snack_slots %}
+                            <button
+                                class="ghost-button snack-reveal-button"
+                                type="button"
+                                data-week-snack-slot-open
+                                data-target="#week-slot-{{ card.date.isoformat() }}-{{ hidden_slot.id }}"
+                            >
+                                {% if hidden_slot.name == 'Vormittagssnack' %}
+                                    Vormittag
+                                {% elif hidden_slot.name == 'Nachmittagssnack' %}
+                                    Nachmittag
+                                {% elif hidden_slot.name == 'Später Snack' %}
+                                    Abend
+                                {% else %}
+                                    {{ hidden_slot.name }}
+                                {% endif %}
+                            </button>
+                        {% endfor %}
+                    </div>
                 </div>
-                <p class="muted">{{ card.preview_items | join(', ') }}</p>
-            {% else %}
-                <p class="empty-state">Noch offen. Du kannst den Tag ganz leicht nach und nach füllen.</p>
             {% endif %}
 
             <div class="week-slot-stack">
                 {% for slot in card.slots %}
-                    <div class="week-slot drop-slot" data-target-date="{{ card.date.isoformat() }}" data-target-daypart-id="{{ slot.daypart.id }}">
+                    <div
+                        class="week-slot drop-slot{% if slot.entries %} has-entries{% endif %}{% if slot.is_snack_daypart %} week-slot-snack{% endif %}"
+                        id="week-slot-{{ card.date.isoformat() }}-{{ slot.daypart.id }}"
+                        data-target-date="{{ card.date.isoformat() }}"
+                        data-target-daypart-id="{{ slot.daypart.id }}"
+                        {% if slot.is_snack_daypart and not slot.visible_by_default %}hidden data-week-snack-slot{% endif %}
+                    >
                         <div class="week-slot-head">
-                            <strong>{{ slot.daypart.name }}</strong>
+                            <div class="week-slot-title">
-                            <span>{{ slot.entries|length }}</span>
+                                <span class="ui-icon {{ daypart_icon_class(slot.daypart.slug) }}"></span>
+                                <strong>{{ slot.daypart.name }}</strong>
+                            </div>
+                            <div class="week-slot-head-meta">
+                                <span class="week-slot-count{% if slot.entries %} status-home{% endif %}">{{ slot.entries|length }}</span>
+                                <button class="week-slot-add" type="button" data-week-slot-picker-open aria-label="{{ slot.daypart.name }} an {{ weekday_name(card.date) }} direkt ergänzen">+</button>
+                            </div>
+                        </div>
+                        <div class="week-slot-picker" hidden>
+                            <div class="week-slot-picker-head">
+                                <strong>{{ slot.daypart.name }} ergänzen</strong>
+                                <button class="ghost-button week-slot-picker-close" type="button" data-week-slot-picker-close>Schließen</button>
+                            </div>
+                            <label class="planner-search week-slot-picker-search">
+                                <span>Suche</span>
+                                <input type="text" placeholder="Mahlzeiten oder Ideen suchen" data-filter-input data-filter-target="#week-slot-picker-list-{{ card.date.isoformat() }}-{{ slot.daypart.id }}">
+                            </label>
+                            <div id="week-slot-picker-list-{{ card.date.isoformat() }}-{{ slot.daypart.id }}">
+                            {% if slot.picker.meal_candidates %}
+                                <div class="planner-subsection">
+                                    <h3>Mahlzeitenideen</h3>
+                                    <div class="quick-add-row compact-quick-row">
+                                        {% for item in slot.picker.meal_candidates %}
+                                            <form method="post" action="{{ url_for('main.planner_day', date=card.date.isoformat()) }}" class="js-week-slot-submit" data-filter-label="{{ item.name|lower }}">
+                                                {{ csrf_input() }}
+                                                <input type="hidden" name="plan_date" value="{{ card.date.isoformat() }}">
+                                                <input type="hidden" name="daypart_id" value="{{ slot.daypart.id }}">
+                                                <input type="hidden" name="item_id" value="{{ item.id }}">
+                                                <input type="hidden" name="visibility" value="{{ item.visibility }}">
+                                                <button class="quick-add-button compact-button" type="submit">
+                                                    <span>{{ item.name }}</span>
+                                                    {% if item.availability_state == 'home' %}<small>Zuhause vorhanden</small>{% endif %}
+                                                </button>
+                                            </form>
+                                        {% endfor %}
+                                    </div>
+                                </div>
+                            {% endif %}
+                            {% if slot.picker.recipe_suggestions %}
+                                <div class="planner-subsection">
+                                    <h3>Passt gut dazu</h3>
+                                    <div class="quick-add-row compact-quick-row">
+                                        {% for suggestion in slot.picker.recipe_suggestions %}
+                                            {% if suggestion.existing_item_id %}
+                                                <form method="post" action="{{ url_for('main.planner_day', date=card.date.isoformat()) }}" class="js-week-slot-submit" data-filter-label="{{ suggestion.title|lower }} {{ suggestion.reason|lower }}">
+                                                    {{ csrf_input() }}
+                                                    <input type="hidden" name="plan_date" value="{{ card.date.isoformat() }}">
+                                                    <input type="hidden" name="daypart_id" value="{{ slot.daypart.id }}">
+                                                    <input type="hidden" name="item_id" value="{{ suggestion.existing_item_id }}">
+                                                    <input type="hidden" name="visibility" value="{{ suggestion.visibility or 'shared' }}">
+                                                    <button class="quick-add-button compact-button" type="submit">
+                                                        <span>{{ suggestion.title }}</span>
+                                                        <small>{{ suggestion.reason }}</small>
+                                                    </button>
+                                                </form>
+                                            {% else %}
+                                                <form method="post" action="{{ url_for('main.planner_generated_meal') }}" class="js-week-slot-submit" data-filter-label="{{ suggestion.title|lower }} {{ suggestion.reason|lower }}">
+                                                    {{ csrf_input() }}
+                                                    <input type="hidden" name="plan_date" value="{{ card.date.isoformat() }}">
+                                                    <input type="hidden" name="daypart_id" value="{{ slot.daypart.id }}">
+                                                    <input type="hidden" name="meal_name" value="{{ suggestion.title }}">
+                                                    <input type="hidden" name="visibility" value="{{ suggestion.visibility or 'shared' }}">
+                                                    {% for component_id in suggestion.component_ids %}
+                                                        <input type="hidden" name="component_ids" value="{{ component_id }}">
+                                                    {% endfor %}
+                                                    <button class="quick-add-button compact-button" type="submit">
+                                                        <span>{{ suggestion.title }}</span>
+                                                        <small>{{ suggestion.reason }}</small>
+                                                    </button>
+                                                </form>
+                                            {% endif %}
+                                        {% endfor %}
+                                    </div>
+                                </div>
+                            {% endif %}
+                            {% if not slot.picker.meal_candidates and not slot.picker.recipe_suggestions %}
+                                <p class="empty-state">Hier ist gerade noch nichts vorbereitet. Im Tagesplan kannst du jederzeit etwas Neues anlegen.</p>
+                            {% endif %}
+                            </div>
                         </div>
                         {% if slot.entries %}
                             <div class="week-entry-stack">
@@ -108,8 +219,30 @@
                                     </article>
                                 {% endfor %}
                             </div>
+                            <div class="week-slot-actions">
+                                {% if slot.copy_allowed %}
+                                    <form method="post" action="{{ url_for('main.planner_slot_copy_forward') }}" class="js-copy-forward-form">
+                                        {{ csrf_input() }}
+                                        <input type="hidden" name="source_date" value="{{ card.date.isoformat() }}">
+                                        <input type="hidden" name="daypart_id" value="{{ slot.daypart.id }}">
+                                        <button class="ghost-button week-slot-copy" type="submit">Zum nächsten Tag kopieren</button>
+                                    </form>
+                                {% endif %}
+                            </div>
                         {% else %}
-                            <p class="week-slot-empty">Hierher ziehen</p>
+                            <div class="week-slot-empty">
+                                <p>Hierher ziehen</p>
+                                {% if slot.is_snack_daypart %}
+                                    <button
+                                        class="ghost-button week-slot-hide"
+                                        type="button"
+                                        data-week-snack-slot-hide
+                                        data-target="#week-slot-{{ card.date.isoformat() }}-{{ slot.daypart.id }}"
+                                    >
+                                        Wieder ausblenden
+                                    </button>
+                                {% endif %}
+                            </div>
                         {% endif %}
                     </div>
                 {% endfor %}

nouri/templates/settings.html

@@ -133,6 +133,7 @@
 
             <fieldset>
                 <legend>Alltag</legend>
+                <label class="inline-check"><input type="checkbox" name="push_small_snack" value="1" {% if user_settings.push_small_snack %}checked{% endif %}><span>Am Nachmittag an etwas Kleines erinnern</span></label>
                 <label class="inline-check"><input type="checkbox" name="remind_small_snack" value="1" {% if user_settings.remind_small_snack %}checked{% endif %}><span>An kleine Zwischenmahlzeiten erinnern</span></label>
                 <label class="inline-check"><input type="checkbox" name="remind_nuts" value="1" {% if user_settings.remind_nuts %}checked{% endif %}><span>Heute schon an Nüsse gedacht?</span></label>
                 <label class="inline-check"><input type="checkbox" name="suggest_templates" value="1" {% if user_settings.suggest_templates %}checked{% endif %}><span>Häufig genutzte Tages- und Wochenvorlagen vorschlagen</span></label>

requirements.txt

@@ -2,3 +2,4 @@ Flask==3.1.1
 gunicorn==23.0.0
 pywebpush==2.3.0
 Pillow==11.2.1; python_version < "3.14"
+fpdf2==2.8.3