diff --git a/frontend/src/app.html b/frontend/src/app.html
index 9204a02..b730922 100644
--- a/frontend/src/app.html
+++ b/frontend/src/app.html
@@ -3,6 +3,7 @@
+
diff --git a/frontend/src/lib/pwa.svelte.js b/frontend/src/lib/pwa.svelte.js
new file mode 100644
index 0000000..cb1b6bc
--- /dev/null
+++ b/frontend/src/lib/pwa.svelte.js
@@ -0,0 +1,42 @@
+// Calm PWA install state. Captures the browser's install prompt (Android/desktop
+// Chrome), detects iOS (which has no prompt — needs the Share → Add to Home Screen
+// hint), and remembers a dismissal so we never nag.
+import { browser } from '$app/environment';
+
+export const pwa = $state({ canInstall: false, isIOS: false, isStandalone: false, dismissed: false });
+let deferred = null;
+
+if (browser) {
+ try {
+ pwa.isStandalone =
+ window.matchMedia('(display-mode: standalone)').matches || window.navigator.standalone === true;
+ pwa.isIOS = /iphone|ipad|ipod/i.test(window.navigator.userAgent);
+ pwa.dismissed = localStorage.getItem('goodnews:pwa_dismissed') === '1';
+ } catch {
+ /* private mode / unavailable */
+ }
+ window.addEventListener('beforeinstallprompt', (e) => {
+ e.preventDefault();
+ deferred = e;
+ pwa.canInstall = true;
+ });
+ window.addEventListener('appinstalled', () => {
+ pwa.canInstall = false;
+ pwa.isStandalone = true;
+ });
+}
+
+export async function installApp() {
+ if (!deferred) return;
+ deferred.prompt();
+ try { await deferred.userChoice; } catch { /* dismissed */ }
+ deferred = null;
+ pwa.canInstall = false;
+}
+
+export function dismissPwa() {
+ pwa.dismissed = true;
+ if (browser) {
+ try { localStorage.setItem('goodnews:pwa_dismissed', '1'); } catch { /* ignore */ }
+ }
+}
diff --git a/frontend/src/routes/+page.svelte b/frontend/src/routes/+page.svelte
index 984a980..a1f8d96 100644
--- a/frontend/src/routes/+page.svelte
+++ b/frontend/src/routes/+page.svelte
@@ -15,6 +15,7 @@
import { prefs, initPrefs, active as prefsActive, applyPrefAction, persistPrefs, syncPrefsOnLogin } from '$lib/prefs.svelte.js';
import { initHistory, deviceIds, record, loadServerHistory } from '$lib/history.svelte.js';
import { trackVisit, track } from '$lib/analytics.js';
+ import { pwa, installApp, dismissPwa } from '$lib/pwa.svelte.js';
let moods = $state([]);
let topics = $state([]);
@@ -75,6 +76,25 @@
else showSignIn = true;
}
+ // "Since you last visited" — a calm welcome-back cue on Highlights only. Read
+ // the previous visit time, ask how many new calm reads arrived, then stamp now.
+ const LAST_SEEN_KEY = 'goodnews:last_seen';
+ let sinceCount = $state(0);
+ let sinceItems = $state([]);
+ let sinceOpen = $state(false);
+ let sinceDismissed = $state(false);
+ async function checkSince() {
+ let prev = null;
+ try { prev = localStorage.getItem(LAST_SEEN_KEY); localStorage.setItem(LAST_SEEN_KEY, new Date().toISOString()); }
+ catch { return; }
+ if (!prev) return; // first visit on this device → no note
+ try {
+ const q = P.param(prefs.data);
+ const r = await getJSON(`/api/since?ts=${encodeURIComponent(prev)}${q ? '&' + q : ''}`);
+ if (r.count > 0) { sinceCount = r.count; sinceItems = r.items; }
+ } catch { /* quiet */ }
+ }
+
// React to sign-in only (untrack the body so browsing doesn't retrigger it).
$effect(() => {
const u = auth.user;
@@ -421,6 +441,7 @@
error = 'Could not reach Upbeat Bytes.';
}
loading = false;
+ checkSince(); // after the first paint; non-blocking
});
@@ -467,6 +488,25 @@
{#if selected === 'today'}
+ {#if sinceCount > 0 && !sinceDismissed}
+
+
+ Since you were last here, {sinceCount} new calm read{sinceCount === 1 ? '' : 's'} came in.
+ {#if !sinceOpen}{/if}
+
+
+
New since your last visit
+
+ {#each sinceItems as a (a.id)}
+
drill('tag:' + t)} onsource={(id, name) => drill('source:' + id, { id, name })} onview={record} />
+ {/each}
+