Add deterministic daily weather brief

components/settings/settings-page.tsx

@@ -1,13 +1,16 @@
 "use client";
 
 import { useEffect, useMemo, useState } from "react";
-import { Bell, BellRing, Languages, MapPinned, Palette, Settings, Smartphone } from "lucide-react";
+import { Bell, BellRing, Clock3, Languages, MapPinned, Palette, Settings, Smartphone } from "lucide-react";
 import { Button } from "@/components/ui/button";
 import { Card } from "@/components/ui/card";
 import { LanguageToggle } from "@/components/ui/language-toggle";
 import { ThemeToggle } from "@/components/ui/theme-toggle";
+import { useMeteoStationPositions } from "@/hooks/use-meteo-stations";
+import { useWeatherStations } from "@/hooks/use-weather-stations";
 import { DEFAULT_STATION_ID } from "@/lib/constants";
 import { useI18n } from "@/lib/i18n";
+import { locateSynopStations } from "@/lib/location-utils";
 import { decodeBase64UrlKey, deletePushSubscription, fetchVapidPublicKey, savePushSubscription, sendTestPushNotification } from "@/lib/notification-api";
 import { formatProvinceName, getProvinceForSelection, PROVINCES } from "@/lib/provinces";
 import { useWeatherStore } from "@/lib/store";
@@ -60,15 +63,29 @@ export function SettingsPage() {
   const [isSavingSubscription, setIsSavingSubscription] = useState(false);
   const [isSendingTestNotification, setIsSendingTestNotification] = useState(false);
   const [notificationMessage, setNotificationMessage] = useState<string | null>(null);
+  const { data: stations } = useWeatherStations();
+  const { data: positions = [] } = useMeteoStationPositions();
   const selectedStationId = useWeatherStore((state) => state.selectedStationId);
   const selectedLocation = useWeatherStore((state) => state.selectedLocation);
   const notificationsEnabled = useWeatherStore((state) => state.warningNotificationsEnabled);
+  const morningBriefEnabled = useWeatherStore((state) => state.morningBriefNotificationsEnabled);
   const provinceMode = useWeatherStore((state) => state.warningNotificationProvinceMode);
   const manualProvince = useWeatherStore((state) => state.warningNotificationProvince);
   const setNotificationsEnabled = useWeatherStore((state) => state.setWarningNotificationsEnabled);
+  const setMorningBriefEnabled = useWeatherStore((state) => state.setMorningBriefNotificationsEnabled);
   const setProvinceMode = useWeatherStore((state) => state.setWarningNotificationProvinceMode);
   const setManualProvince = useWeatherStore((state) => state.setWarningNotificationProvince);
 
+  const selectedStation = stations?.find((station) => station.id === selectedStationId)
+    ?? stations?.find((station) => station.id === DEFAULT_STATION_ID)
+    ?? stations?.[0];
+  const activeLocation = selectedLocation?.stationId === selectedStation?.id ? selectedLocation : null;
+  const stationPosition = selectedStation
+    ? locateSynopStations(stations ?? [], positions).find((station) => station.id === selectedStation.id)
+    : null;
+  const notificationLatitude = Number.isFinite(activeLocation?.latitude) ? activeLocation?.latitude : stationPosition?.latitude ?? null;
+  const notificationLongitude = Number.isFinite(activeLocation?.longitude) ? activeLocation?.longitude : stationPosition?.longitude ?? null;
+  const notificationLocationName = activeLocation?.name ?? selectedStation?.name ?? null;
   const selectedProvince = getProvinceForSelection(selectedLocation?.province, selectedStationId ?? DEFAULT_STATION_ID);
   const effectiveProvince = provinceMode === "manual" ? manualProvince : selectedProvince;
   const effectiveProvinceLabel = effectiveProvince ? formatProvinceName(effectiveProvince, language) : t("settings.notifications.noProvince");
@@ -99,14 +116,19 @@ export function SettingsPage() {
       const registration = await navigator.serviceWorker?.getRegistration();
       const subscription = await registration?.pushManager.getSubscription();
       if (!subscription || cancelled) return;
-      await savePushSubscription(subscription, province, language).catch(() => undefined);
+      await savePushSubscription(subscription, province, language, {
+        morningBriefEnabled,
+        latitude: notificationLatitude,
+        longitude: notificationLongitude,
+        locationName: notificationLocationName,
+      }).catch(() => undefined);
     }
 
     syncSubscriptionProvince();
     return () => {
       cancelled = true;
     };
-  }, [effectiveProvince, language, notificationStatus, notificationsEnabled, vapidPublicKey]);
+  }, [effectiveProvince, language, morningBriefEnabled, notificationLatitude, notificationLocationName, notificationLongitude, notificationStatus, notificationsEnabled, vapidPublicKey]);
 
   const notificationStatusLabel = useMemo(() => {
     switch (notificationStatus) {
@@ -158,7 +180,12 @@ export function SettingsPage() {
         userVisibleOnly: true,
         applicationServerKey: decodeBase64UrlKey(vapidPublicKey),
       });
-      await savePushSubscription(subscription, effectiveProvince, language);
+      await savePushSubscription(subscription, effectiveProvince, language, {
+        morningBriefEnabled,
+        latitude: notificationLatitude,
+        longitude: notificationLongitude,
+        locationName: notificationLocationName,
+      });
       setNotificationsEnabled(true);
       setNotificationMessage(t("settings.notifications.saveSuccess"));
     } catch {
@@ -180,6 +207,7 @@ export function SettingsPage() {
         await subscription.unsubscribe();
       }
       setNotificationsEnabled(false);
+      setMorningBriefEnabled(false);
       setNotificationMessage(t("settings.notifications.disableSuccess"));
     } catch {
       setNotificationMessage(t("settings.notifications.saveError"));
@@ -204,6 +232,24 @@ export function SettingsPage() {
     }
   }
 
+  async function updateMorningBriefPreference(enabled: boolean) {
+    setMorningBriefEnabled(enabled);
+    if (!notificationsEnabled || !effectiveProvince || notificationStatus !== "granted") return;
+    try {
+      const registration = await navigator.serviceWorker?.getRegistration();
+      const subscription = await registration?.pushManager.getSubscription();
+      if (!subscription) return;
+      await savePushSubscription(subscription, effectiveProvince, language, {
+        morningBriefEnabled: enabled,
+        latitude: notificationLatitude,
+        longitude: notificationLongitude,
+        locationName: notificationLocationName,
+      });
+    } catch {
+      setNotificationMessage(t("settings.notifications.saveError"));
+    }
+  }
+
   return (
     <div className="space-y-6">
       <section>
@@ -301,6 +347,23 @@ export function SettingsPage() {
               {notificationMessage && <p className="mt-3 text-xs font-medium text-accent">{notificationMessage}</p>}
             </div>
 
+            <label className="mt-3 flex items-start gap-3 rounded-card border border-border/60 bg-surface px-3 py-3 text-sm">
+              <input
+                type="checkbox"
+                checked={morningBriefEnabled}
+                disabled={!notificationsEnabled}
+                onChange={(event) => updateMorningBriefPreference(event.target.checked)}
+                className="mt-1 accent-accent"
+              />
+              <span>
+                <span className="flex items-center gap-2 font-medium">
+                  <Clock3 className="size-3.5 text-accent" aria-hidden="true" />
+                  {t("settings.notifications.morningBrief")}
+                </span>
+                <span className="mt-0.5 block text-xs leading-5 text-muted">{t("settings.notifications.morningBriefDescription")}</span>
+              </span>
+            </label>
+
             <div className="mt-4 flex flex-col gap-2 sm:flex-row">
               <Button type="button" disabled={(!notificationsEnabled && !canUsePush) || isSavingSubscription} onClick={notificationsEnabled ? disableWarningNotifications : enableWarningNotifications}>
                 <Bell className="size-4" />