From f4a7a7bcc73d7f1af6de0bc6d3dec8f02057f62e Mon Sep 17 00:00:00 2001
From: jay <thejayman77@gmail.com>
Date: Sun, 28 Jun 2026 14:11:06 -0400
Subject: [PATCH] news relaunch step 1: extract the feed into NewsFeed.svelte,
 mount at / and /news
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Pure refactor, no visible/behavioral change. The ~1065-line feed moves verbatim
from routes/+page.svelte into lib/components/NewsFeed.svelte; both routes/+page
and the new routes/news render it. Link generation is base-aware (feedBase()):
on `/` it builds `/?…` exactly as today (bug-for-bug parity); on `/news` it
builds `/news?…` so /news is self-coherent. At cutover, `/` becomes the hub and
the feed lives only at /news.

/news is kept hidden during the transition (noindex, follow) so we never publish
a duplicate indexable feed: route <meta robots> + a Caddy @newsHidden X-Robots-Tag
(follow, so link equity flows). Removed at cutover, when /news enters the sitemap.

27/27 frontend tests green; build clean; /news.html prerenders.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 data/wotd_audio/renewal.mp3                 |  Bin 0 -> 22985 bytes
 frontend/src/lib/components/NewsFeed.svelte | 1070 +++++++++++++++++++
 frontend/src/routes/+page.svelte            | 1067 +-----------------
 frontend/src/routes/news/+page.svelte       |   12 +
 4 files changed, 1087 insertions(+), 1062 deletions(-)
 create mode 100644 data/wotd_audio/renewal.mp3
 create mode 100644 frontend/src/lib/components/NewsFeed.svelte
 create mode 100644 frontend/src/routes/news/+page.svelte

diff --git a/data/wotd_audio/renewal.mp3 b/data/wotd_audio/renewal.mp3
new file mode 100644
index 0000000000000000000000000000000000000000..008789df8085ed6856c7e4672eb0ca88c3c81020
GIT binary patch
literal 22985
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

literal 0
HcmV?d00001

diff --git a/frontend/src/lib/components/NewsFeed.svelte b/frontend/src/lib/components/NewsFeed.svelte
new file mode 100644
index 0000000..363632f
--- /dev/null
+++ b/frontend/src/lib/components/NewsFeed.svelte
@@ -0,0 +1,1070 @@
+<script>
+  import { onMount, untrack } from 'svelte';
+  import { goto, afterNavigate } from '$app/navigation';
+  import { page } from '$app/stores';
+  import { getJSON, postJSON } from '$lib/api.js';
+  import * as P from '$lib/prefs.js';
+  import Header from '$lib/components/Header.svelte';
+  import BottomNav from '$lib/components/BottomNav.svelte';
+  import MoodNav from '$lib/components/MoodNav.svelte';
+  import LanePicker from '$lib/components/LanePicker.svelte';
+  import ArticleCard from '$lib/components/ArticleCard.svelte';
+  import SignIn from '$lib/components/SignIn.svelte';
+  import SavedFlyout from '$lib/components/SavedFlyout.svelte';
+  import { auth, refresh as refreshAuth, isFollowing, toggleFollow, followKeys } from '$lib/auth.svelte.js';
+  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 { track } from '$lib/analytics.js';
+  import { pwa, installApp, dismissPwa } from '$lib/pwa.svelte.js';
+  import { ritualState, markBriefSeen } from '$lib/ritual.js';
+
+  let moods = $state([]);
+  let topics = $state([]);
+  let families = $state([]);
+  let lanePool = $state(null); // /api/lanes: { pinned, default, groups }
+  let showLanes = $state(false);
+  // The URL is the single source of truth for the current view, so the in-page
+  // Back button and the browser Back button share ONE history. The view is
+  // derived from query params: /?view=latest, /?tag=clean-energy, /?source=7,
+  // /?view=<mood|topic>, or bare / for Highlights.
+  function parseView(url) {
+    const p = url.searchParams;
+    if ((p.get('q') || '').trim()) return 'search';
+    if (p.get('source')) return 'source:' + p.get('source');
+    if (p.get('tag')) return 'tag:' + p.get('tag');
+    return p.get('view') || 'today';
+  }
+  // The feed renders at both `/` (interim) and `/news`. Generate links for whichever
+  // base we're on, so `/` behaves exactly as today and `/news` is self-coherent. At
+  // cutover, `/` becomes the hub and only `/news` renders the feed (base → always /news).
+  function feedBase() { return $page.url.pathname.startsWith('/news') ? '/news' : '/'; }
+  function urlForView(key) {
+    const b = feedBase();
+    if (key === 'today') return b;
+    if (key.startsWith('source:')) return b + '?source=' + encodeURIComponent(key.slice(7));
+    if (key.startsWith('tag:')) return b + '?tag=' + encodeURIComponent(key.slice(4));
+    return b + '?view=' + encodeURIComponent(key);
+  }
+  let selected = $derived(parseView($page.url));
+  let searchQuery = $derived(($page.url.searchParams.get('q') || '').trim());
+  let searchOpen = $state(false);
+  let searchText = $state('');
+  function toggleSearch() { searchOpen = !searchOpen; if (searchOpen) searchText = searchQuery; }
+  function runSearch() {
+    const q = searchText.trim();
+    goto(q ? feedBase() + '?q=' + encodeURIComponent(q) : feedBase());
+  }
+  let sourceNames = $state({}); // source id -> name, for an instant header label
+  let brief = $state(null);
+  let heroIdx = $state(0);
+  // Daily Ritual ("today's calm set") — derived from local game state + a
+  // brief-seen flag, keyed on the brief's SERVER date (never the browser's).
+  let ritual = $state({ items: [], count: 0, total: 0 });
+  let endcapEl = $state(null);
+  function refreshRitual() {
+    const d = brief?.brief_date;
+    if (d) ritual = ritualState(d, prefs.data.ritual);
+  }
+  let feed = $state([]);
+  let feedDone = $state(false);   // no more pages for the current feed view
+  let loadingMore = $state(false);
+  // Closer to Home: the reader's opt-in home ('US' or 'US-NY'), localStorage-only.
+  // Empty = the default non-personalized feed. feedNextOffset carries the API's
+  // world-tier paging cursor so the one-time near/country lead block never skews paging.
+  let homeValue = $state('');
+  let homePromptDismissed = $state(false);
+  let feedNextOffset = $state(null);
+  // Scope dial: the reader's "emotional radius" — nearby | region | country | world.
+  // Persisted; default nearby. 'world' = the global brief/feed (no geo lead).
+  let homeScope = $state('nearby');
+  const homeActive = () => selected === 'latest' && !!homeValue;
+  let showSignIn = $state(false);
+  let showSaved = $state(false); // Saved flyout
+  let loading = $state(true);
+  let error = $state('');
+  let notice = $state('');
+
+  // Device-local browsing memory (separate from history): seen = "displayed"
+  // (so Replace doesn't recycle), dismissed = swapped/avoided this session.
+  const SEEN_KEY = 'goodnews:seen';
+  const DISMISSED_KEY = 'goodnews:dismissed';
+  const BRIEF_VIEW_KEY = 'goodnews:brief_view';
+  let seenIds = new Set();
+  let dismissed = $state(new Set());
+
+  function persistSession() {
+    P.saveJSON(SEEN_KEY, [...seenIds]);
+    P.saveJSON(DISMISSED_KEY, [...dismissed]);
+  }
+  function markDisplayed(items) {
+    let changed = false;
+    for (const a of items || []) {
+      if (a && !seenIds.has(a.id)) { seenIds.add(a.id); changed = true; }
+    }
+    if (changed) P.saveJSON(SEEN_KEY, [...seenIds]);
+  }
+
+  function openAccount() {
+    if (auth.user) goto('/account');
+    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;
+    if (u && typeof window !== 'undefined') untrack(() => onLogin(u));
+  });
+
+  async function onLogin(u) {
+    const key = 'goodnews:imported:' + u.id;
+    if (!localStorage.getItem(key)) {
+      try {
+        await postJSON('/api/import', { seen: deviceIds(), saved: [] });
+        localStorage.setItem(key, '1');
+      } catch { /* best-effort */ }
+    }
+    loadServerHistory();
+    await syncPrefsOnLogin(); // adopt account prefs or seed from device
+    loadView(selected, true); // reflect any adopted boundaries in the current view
+  }
+
+  const cap = (s) => (s ? s[0].toUpperCase() + s.slice(1) : s);
+  const humanize = (s) => (s || '').replace(/-/g, ' ');
+
+  // Show the brief's date in the VIEWER's local timezone (from its UTC freshness
+  // stamp), so everyone sees their own correct date — never "tomorrow."
+  function localDateLabel(b) {
+    const ts = b?.generated_at;
+    if (ts) {
+      const d = new Date(ts.replace(' ', 'T') + 'Z');
+      if (!isNaN(d)) return d.toLocaleDateString(undefined, { weekday: 'long', month: 'long', day: 'numeric' });
+    }
+    return b?.brief_date ?? '';
+  }
+  let filtersOn = $derived(prefsActive());
+  let currentMood = $derived(moods.find((m) => m.key === selected));
+  let currentTopic = $derived(topics.find((t) => t.key === selected));
+  let currentTag = $derived(selected.startsWith('tag:') ? selected.slice(4) : null);
+  let tagFamily = $derived(
+    currentTag ? families.find((f) => f.tags.some((t) => t.key === currentTag)) : null
+  );
+  let viewLabel = $derived(
+    selected === 'today' ? 'Highlights from Today'
+      : selected === 'search' ? `Search: “${searchQuery}”`
+      : selected.startsWith('source:') ? (sourceNames[selected.slice(7)] ?? feed[0]?.source ?? 'Source')
+      : selected === 'latest' ? 'Latest'
+        : selected === 'following' ? 'Following'
+        : currentTag ? humanize(currentTag)
+          : (currentMood?.label ?? cap(currentTopic?.key) ?? '')
+  );
+  let viewSubtitle = $derived(
+    selected === 'today' ? localDateLabel(brief)
+      : selected === 'search' ? 'Results across Upbeat Bytes'
+      : selected.startsWith('source:') ? 'Latest from this source'
+      : selected === 'latest' ? 'Freshest calm reads — newest first'
+        : selected === 'following' ? 'From the sources & topics you follow'
+        : currentTag ? (tagFamily?.description ?? '')
+          : (currentMood?.description ?? currentTopic?.description ?? '')
+  );
+  let activeTab = $derived(
+    selected === 'today' ? 'today' : selected === 'latest' ? 'latest'
+      : selected === 'following' ? 'following' : 'browse'
+  );
+
+  // Customizable nav rail: the pinned lanes (Highlights + Latest) are always
+  // first, then the reader's chosen lanes (or the default set if they've never
+  // customized). Resolve each key to its {label, description} from the pool.
+  let laneMap = $derived(
+    new Map(
+      lanePool
+        ? [
+            ...lanePool.pinned.map((p) => [p.key, p]),
+            ...lanePool.groups.flatMap((g) => g.lanes.map((l) => [l.key, l])),
+          ]
+        : []
+    )
+  );
+  let pinnedLaneKeys = $derived(
+    prefs.data.lanes?.length ? prefs.data.lanes : (lanePool?.default ?? [])
+  );
+  let navLanes = $derived(
+    lanePool
+      ? [
+          ...lanePool.pinned,
+          ...(auth.user ? [{ key: 'following', label: 'Following' }] : []),
+          ...pinnedLaneKeys.map((k) => laneMap.get(k)).filter(Boolean),
+        ]
+      : []
+  );
+
+  function saveLanes(keys) {
+    prefs.data.lanes = keys;
+    persistPrefs();
+    // If the reader unpinned the lane they're viewing, fall back to Highlights.
+    // (The special pinned lanes — Highlights/Latest/Following — are never in
+    // `keys`, so don't bounce away from them.)
+    if (!['today', 'latest', 'following'].includes(selected) && !keys.includes(selected)) navigate('today');
+  }
+
+  // Hero is the only image slot; if its image won't load, promote the next one.
+  let heroArticle = $derived(brief?.items?.[heroIdx] ?? null);
+  let restArticles = $derived((brief?.items ?? []).filter((_, i) => i !== heroIdx));
+  function heroImageFailed() {
+    const items = brief?.items ?? [];
+    for (let i = heroIdx + 1; i < items.length; i++) {
+      if (items[i]?.image_url) { heroIdx = i; return; }
+    }
+  }
+
+  // A source or tag view can be followed (durable interest).
+  let followTarget = $derived(
+    selected.startsWith('source:') ? { kind: 'source', value: selected.slice(7), noun: 'source' }
+      : selected.startsWith('tag:') ? { kind: 'tag', value: selected.slice(4), noun: 'topic' }
+        : null
+  );
+
+  function viewFilter(key = selected) {
+    if (key === 'today') return {};
+    const m = moods.find((x) => x.key === key);
+    if (m) return m.filter ?? {};
+    return { include_topics: [key] };
+  }
+  function mergedParam() {
+    return P.param(P.merge(prefs.data, viewFilter()));
+  }
+
+  // Signature of the filters that shaped a brief — boundaries/prefs + dismissals.
+  // Instant-paint and the merge only reuse a saved brief when this still matches,
+  // so a boundary change can never briefly resurface content it should now hide.
+  function briefSig() {
+    const h = homeValue && homeScope !== 'world' ? `${homeValue}:${homeScope}` : '';
+    return P.param(prefs.data) + '|' + Array.from(dismissed).sort().join(',') + '|h:' + h;
+  }
+
+  async function loadToday(fresh) {
+    const q = P.param(prefs.data);
+    const ex = Array.from(dismissed).join(',');
+    let fetched;
+    // Only personalize when a home is set and the dial isn't on 'world' (global).
+    const homeq = homeValue && homeScope !== 'world'
+      ? `&home=${encodeURIComponent(homeValue)}&scope=${homeScope}` : '';
+    try {
+      fetched = await getJSON(`/api/brief?limit=7${homeq}${q ? '&' + q : ''}${ex ? '&exclude=' + ex : ''}`);
+    } catch (e) {
+      if (brief) return; // already showing a saved brief — a failed background refresh stays invisible
+      throw e; // true first load with nothing painted → let the caller surface the error
+    }
+    const sig = briefSig();
+    const view = P.loadJSON(BRIEF_VIEW_KEY, null);
+    // Reuse the saved arrangement only when BOTH the server brief and the reader's
+    // filter signature are unchanged — otherwise the merge's `?? it` fallback could
+    // re-add a story the current boundaries now hide.
+    const sameServerBrief =
+      view && view.generated_at && fetched.generated_at &&
+      view.generated_at === fetched.generated_at && view.sig === sig;
+    if (!fresh && sameServerBrief && Array.isArray(view.items) && view.items.length) {
+      const freshById = new Map(fetched.items.map((a) => [a.id, a]));
+      const items = view.items.map((it) => freshById.get(it.id) ?? it);
+      brief = { ...fetched, items };
+      P.saveJSON(BRIEF_VIEW_KEY, { generated_at: fetched.generated_at, items, sig });
+    } else {
+      brief = fetched;
+      P.saveJSON(BRIEF_VIEW_KEY, { generated_at: fetched.generated_at, items: fetched.items, sig });
+    }
+    heroIdx = 0;
+    markDisplayed(brief.items);
+  }
+
+  // Build a /api/feed URL for a lane view at a given page offset. 'latest' is
+  // the chronological firehose (sort=latest); 'tag:x' browses a grouping tag;
+  // anything else resolves through its mood/topic filter.
+  const PAGE = 24;
+  function feedUrl(key, offset) {
+    const ex = Array.from(dismissed).join(',');
+    const exq = ex ? `&exclude=${ex}` : '';
+    if (key === 'search') {
+      const q = P.param(prefs.data);
+      return `/api/search?q=${encodeURIComponent(searchQuery)}&limit=${PAGE}&offset=${offset}${q ? '&' + q : ''}`;
+    }
+    if (key === 'latest') {
+      const q = P.param(prefs.data);
+      // Closer to Home lives on the all-news browse lane (Latest).
+      const homeq = homeValue ? `&home=${encodeURIComponent(homeValue)}` : '';
+      return `/api/feed?sort=latest&limit=${PAGE}&offset=${offset}${homeq}${q ? '&' + q : ''}${exq}`;
+    }
+    if (key === 'following') {
+      const q = P.param(prefs.data);
+      return `/api/feed?following=true&sort=latest&limit=${PAGE}&offset=${offset}${q ? '&' + q : ''}${exq}`;
+    }
+    if (key.startsWith('tag:')) {
+      const q = P.param(prefs.data);
+      return `/api/feed?limit=${PAGE}&offset=${offset}&tag=${encodeURIComponent(key.slice(4))}${q ? '&' + q : ''}${exq}`;
+    }
+    if (key.startsWith('source:')) {
+      // A publication feed: this source's articles, newest first, still
+      // accepted/non-duplicate/boundary-filtered.
+      const q = P.param(prefs.data);
+      return `/api/feed?source_id=${encodeURIComponent(key.slice(7))}&sort=latest&limit=${PAGE}&offset=${offset}${q ? '&' + q : ''}${exq}`;
+    }
+    const q = P.param(P.merge(prefs.data, viewFilter(key)));
+    return `/api/feed?limit=${PAGE}&offset=${offset}${q ? '&' + q : ''}${exq}`;
+  }
+
+  // All navigation goes through the URL (goto), so browser Back/Forward and the
+  // in-page Back button traverse the same single history.
+  function navigate(key) {
+    goto(urlForView(key));
+  }
+  // Drilling into a tag/source from a card: cache the source name for an instant
+  // label, then navigate by URL (no private stack).
+  function drill(key, source = null) {
+    if (source) sourceNames = { ...sourceNames, [source.id]: source.name };
+    navigate(key);
+  }
+  // How many forward in-app navigations deep we are from the landing entry, so
+  // the in-page Back stays INSIDE the app even when someone deep-links in from
+  // email/social/an article (history.length can't tell us that).
+  let appNavDepth = 0;
+  function goBack() {
+    if (appNavDepth > 0 && typeof history !== 'undefined') history.back();
+    else goto(urlForView('today')); // landed here directly → app-safe Highlights
+  }
+
+  // Load the data for a view. Called by afterNavigate (URL-driven: in-app goto,
+  // browser back/forward, initial load) and directly on a boundary re-filter.
+  let loadSeq = 0;
+  async function loadView(key, fresh = false) {
+    const seq = ++loadSeq; // a newer navigation supersedes a slow in-flight one
+    error = '';
+    feedDone = false;
+    try {
+      if (key === 'today') {
+        await loadToday(fresh);
+        if (seq !== loadSeq) return; // a newer navigation superseded this one
+      } else {
+        const resp = await getJSON(feedUrl(key, 0));
+        if (seq !== loadSeq) return;
+        const items = resp.items;
+        feed = items;
+        feedNextOffset = resp.next_offset ?? null;
+        // Home lane pages by the API's world cursor; other lanes by simple length.
+        feedDone = (key === 'latest' && homeValue) ? feedNextOffset == null : items.length < PAGE;
+        markDisplayed(feed);
+        if (key.startsWith('source:') && items[0]) {
+          sourceNames = { ...sourceNames, [key.slice(7)]: items[0].source };
+        }
+      }
+    } catch (e) {
+      if (seq === loadSeq) error = 'Something went quiet — could not reach the feed.';
+    }
+    if (seq === loadSeq && typeof window !== 'undefined') window.scrollTo({ top: 0, behavior: 'smooth' });
+  }
+
+  // Every URL change (in-app goto, browser back/forward, link) reloads the view.
+  // The initial 'enter' is handled by onMount, after its data deps are fetched.
+  afterNavigate((nav) => {
+    if (nav.type === 'enter') return;
+    // Forward in-app nav deepens the stack; popstate moves by its signed delta
+    // (Back = -1, Forward = +1, ±N for jumps), so a back-then-forward dance keeps
+    // an accurate count. Clamped at 0, so an out-of-app landing stays app-safe.
+    if (nav.type === 'goto' || nav.type === 'link') appNavDepth += 1;
+    else if (nav.type === 'popstate') appNavDepth = Math.max(0, appNavDepth + (nav.delta ?? -1));
+    if (selected === 'search') { searchText = searchQuery; searchOpen = true; }  // prefill on shared/back links
+    loadView(selected);
+  });
+
+  // The brief is "enjoyed" only when its end-cap actually scrolls into view (the
+  // finite read), not on mere page-open. When it does, mark it for today and
+  // refresh the calm-set — which also picks up any Word / Word Search played in
+  // this session. The block lives inside the end-cap, so by the time the reader
+  // sees it, the brief tick has already settled.
+  $effect(() => {
+    if (!endcapEl || !brief?.brief_date) return;
+    const date = brief.brief_date;
+    const io = new IntersectionObserver((entries) => {
+      if (entries.some((e) => e.isIntersecting)) { markBriefSeen(date); refreshRitual(); }
+    }, { threshold: 0.4 });
+    io.observe(endcapEl);
+    return () => io.disconnect();
+  });
+
+  // "Load more" for any feed view (Latest, topics, tags, moods): fetch the next
+  // page at the current length and append, de-duping against what's shown.
+  async function loadMore() {
+    if (loadingMore || feedDone || selected === 'today') return;
+    loadingMore = true;
+    try {
+      const off = homeActive() && feedNextOffset != null ? feedNextOffset : feed.length;
+      const resp = await getJSON(feedUrl(selected, off));
+      const items = resp.items;
+      const have = new Set(feed.map((a) => a.id));
+      const fresh = items.filter((a) => !have.has(a.id));
+      feed = [...feed, ...fresh];
+      feedNextOffset = resp.next_offset ?? null;
+      feedDone = homeActive() ? feedNextOffset == null : items.length < PAGE;
+      markDisplayed(fresh);
+    } catch {
+      flash('Could not load more just now.');
+    } finally {
+      loadingMore = false;
+    }
+  }
+
+  // The finite-ending's gentle nudge: one tap to get tomorrow's brief by email.
+  let digestBusy = $state(false);
+  let pendingDigestOptIn = $state(false);
+  async function subscribeDigest() {
+    if (!auth.user) { pendingDigestOptIn = true; showSignIn = true; return; } // sign in → auto-enable
+    if (auth.user.digest_enabled || digestBusy) return;
+    digestBusy = true;
+    try { await postJSON('/api/account/digest', { enabled: true }); await refreshAuth(); }
+    catch { /* leave as-is */ }
+    finally { digestBusy = false; }
+  }
+  // Keep the one-tap promise: if they tapped while signed out, enable right after sign-in.
+  $effect(() => {
+    if (pendingDigestOptIn && auth.user) {
+      pendingDigestOptIn = false;
+      if (!auth.user.digest_enabled) subscribeDigest();
+    }
+  });
+
+  const MIX_EVENT = { notToday: 'not_today', lessLikeThis: 'less_like_this', alwaysHide: 'hide_topic' };
+  function applyAction(kind, value) {
+    applyPrefAction(kind, value); // updates + persists + syncs to account
+    if (MIX_EVENT[kind]) track(MIX_EVENT[kind]); // emotional-mix signal (no value stored)
+    loadView(selected, true); // re-filter the current view in place (no nav)
+  }
+
+  function flash(msg) {
+    notice = msg;
+    if (typeof window !== 'undefined') setTimeout(() => (notice = ''), 4000);
+  }
+
+  async function replaceArticle(article) {
+    const list = selected === 'today' ? brief?.items : feed;
+    if (!list) return;
+    const isHero = selected === 'today' && heroArticle?.id === article.id;
+    const exclude = Array.from(seenIds).join(',');
+    const q = mergedParam();
+    const url = `/api/replacement?exclude=${exclude}&avoid_paywall=true${isHero ? '&gentle=true' : ''}${q ? '&' + q : ''}`;
+    let repl;
+    try {
+      repl = await getJSON(url);
+    } catch {
+      flash('Could not reach the feed just now.');
+      return;
+    }
+    if (!repl) {
+      flash("That's everything fresh for now — nothing new to swap in.");
+      track('replace_none');
+      return;
+    }
+    track('replace_used', article.id);
+    if (article.paywalled) track('paywall_replace', article.id);
+    dismissed.add(article.id);
+    seenIds.add(article.id);
+    markDisplayed([repl]);
+    record(article); // keep the swapped-away story (recoverable)
+    persistSession();
+    if (selected === 'today') {
+      const i = brief.items.findIndex((a) => a.id === article.id);
+      if (i >= 0) {
+        brief.items[i] = repl;
+        brief = { ...brief, items: [...brief.items] };
+        // Sign the save (dismissed just changed) so the next load can still
+        // instant-paint this edited brief instead of falling back to "Gathering…".
+        P.saveJSON(BRIEF_VIEW_KEY, { generated_at: brief.generated_at, items: brief.items, sig: briefSig() });
+      }
+    } else {
+      const i = feed.findIndex((a) => a.id === article.id);
+      if (i >= 0) {
+        feed[i] = repl;
+        feed = [...feed];
+      }
+    }
+  }
+
+  async function browse() {
+    if (selected !== 'today') await goto(urlForView('today'));
+    document.getElementById('explore')?.scrollIntoView({ behavior: 'smooth' });
+  }
+
+  // --- Closer to Home: opt-in, localStorage-only, easy to clear ---
+  function reloadHomeViews() {
+    if (selected === 'today') loadToday(true);
+    else if (selected === 'latest') loadView('latest', true);
+  }
+  function persistScope() { try { localStorage.setItem('goodnews:homeScope', homeScope); } catch { /* ignore */ } }
+  function setHome(v) {
+    homeValue = v || '';
+    // No US state -> nearby/region don't apply; collapse the dial to country.
+    if (!String(v).includes('-') && (homeScope === 'nearby' || homeScope === 'region')) homeScope = 'country';
+    try { v ? localStorage.setItem('goodnews:home', v) : localStorage.removeItem('goodnews:home'); } catch { /* ignore */ }
+    persistScope();
+    reloadHomeViews();
+  }
+  function setScope(s) { homeScope = s; persistScope(); reloadHomeViews(); }
+  function clearHome() { setHome(''); }
+  function dismissHomePrompt() {
+    homePromptDismissed = true;
+    try { localStorage.setItem('goodnews:homeDismissed', '1'); } catch { /* ignore */ }
+  }
+  let homeCountry = $derived(homeValue ? homeValue.split('-')[0] : '');
+  let homeState = $derived(homeValue.includes('-') ? homeValue.split('-')[1] : '');
+  // US census regions (mirror of the backend) — for concrete section labels.
+  const US_REGIONS = {
+    Northeast: ['CT','ME','MA','NH','RI','VT','NJ','NY','PA'],
+    Midwest: ['IL','IN','MI','OH','WI','IA','KS','MN','MO','NE','ND','SD'],
+    South: ['DE','FL','GA','MD','NC','SC','VA','DC','WV','AL','KY','MS','TN','AR','LA','OK','TX'],
+    West: ['AZ','CO','ID','MT','NV','NM','UT','WY','AK','CA','HI','OR','WA'],
+  };
+  let homeStateName = $derived(homeState ? (US_STATES.find(([c]) => c === homeState)?.[1] ?? homeState) : '');
+  let homeRegionName = $derived(homeState ? (Object.keys(US_REGIONS).find((r) => US_REGIONS[r].includes(homeState)) ?? '') : '');
+  let homeCountryLabel = $derived(homeCountry === 'US' ? 'the US' : homeCountry === 'GB' ? 'the UK'
+    : (HOME_COUNTRIES.find(([c]) => c === homeCountry)?.[1] ?? homeCountry));
+  // The dial's stops adapt to what's entered: full radius for a US state, else Country/World.
+  let scopeStops = $derived(homeState
+    ? [['nearby', 'Nearby'], ['region', 'Region'], ['country', 'Country'], ['world', 'World']]
+    : [['country', 'Country'], ['world', 'World']]);
+  // Concrete, soft section labels — honest place names so the reader sees the dial worked.
+  function sectionLabel(key) {
+    if (key === 'state') return homeStateName ? `Around ${homeStateName}` : 'Near you';
+    if (key === 'region') return homeRegionName ? `Across the ${homeRegionName}` : 'Your region';
+    if (key === 'country') return `Across ${homeCountryLabel}`;
+    if (key === 'world') return 'Around the world';
+    if (key === 'near') return homeStateName ? `Around ${homeStateName}` : 'Near you';   // legacy feed key
+    return '';
+  }
+
+  // Home picker. Countries are the well-covered ones (matches backend normalization);
+  // US gets state granularity. Kept short on purpose — calm, not a config wall.
+  const HOME_COUNTRIES = [
+    ['US', 'United States'], ['GB', 'United Kingdom'], ['CA', 'Canada'], ['AU', 'Australia'],
+    ['IE', 'Ireland'], ['NZ', 'New Zealand'], ['FR', 'France'], ['DE', 'Germany'],
+    ['NL', 'Netherlands'], ['BE', 'Belgium'], ['IT', 'Italy'], ['ES', 'Spain'], ['IN', 'India'],
+  ];
+  const US_STATES = [
+    ['AL','Alabama'],['AK','Alaska'],['AZ','Arizona'],['AR','Arkansas'],['CA','California'],
+    ['CO','Colorado'],['CT','Connecticut'],['DE','Delaware'],['DC','Washington DC'],['FL','Florida'],
+    ['GA','Georgia'],['HI','Hawaii'],['ID','Idaho'],['IL','Illinois'],['IN','Indiana'],['IA','Iowa'],
+    ['KS','Kansas'],['KY','Kentucky'],['LA','Louisiana'],['ME','Maine'],['MD','Maryland'],
+    ['MA','Massachusetts'],['MI','Michigan'],['MN','Minnesota'],['MS','Mississippi'],['MO','Missouri'],
+    ['MT','Montana'],['NE','Nebraska'],['NV','Nevada'],['NH','New Hampshire'],['NJ','New Jersey'],
+    ['NM','New Mexico'],['NY','New York'],['NC','North Carolina'],['ND','North Dakota'],['OH','Ohio'],
+    ['OK','Oklahoma'],['OR','Oregon'],['PA','Pennsylvania'],['RI','Rhode Island'],['SC','South Carolina'],
+    ['SD','South Dakota'],['TN','Tennessee'],['TX','Texas'],['UT','Utah'],['VT','Vermont'],
+    ['VA','Virginia'],['WA','Washington'],['WV','West Virginia'],['WI','Wisconsin'],['WY','Wyoming'],
+  ];
+  let homeEditing = $state(false);
+  let pickCountry = $state('');
+  let pickState = $state('');
+  function applyHomePick() {
+    if (!pickCountry) return;
+    setHome(pickCountry === 'US' && pickState ? `${pickCountry}-${pickState}` : pickCountry);
+    homeEditing = false;
+  }
+  function openHomeEditor() { pickCountry = homeCountry; pickState = homeState; homeEditing = true; }
+
+  onMount(async () => {
+    initPrefs();
+    initHistory();
+    seenIds = new Set(P.loadJSON(SEEN_KEY, []));
+    dismissed = new Set(P.loadJSON(DISMISSED_KEY, []));
+    try {
+      homeValue = localStorage.getItem('goodnews:home') || '';
+      homePromptDismissed = localStorage.getItem('goodnews:homeDismissed') === '1';
+      homeScope = localStorage.getItem('goodnews:homeScope') || 'nearby';
+      if (!homeValue.includes('-') && (homeScope === 'nearby' || homeScope === 'region')) homeScope = 'country';
+    } catch { /* ignore */ }
+    refreshAuth();
+    // trackVisit() now fires once in the global layout (covers every landing page).
+    if (selected === 'search') { searchText = searchQuery; searchOpen = true; }  // prefill on direct/shared link
+    // Instant paint: render the last saved Today brief immediately and refresh
+    // it behind the scenes, so the first view never blocks on a (personalized,
+    // origin-bound) /api/brief request. "Gathering the good news…" then only
+    // shows on a genuine first visit with nothing cached yet.
+    if (selected === 'today') {
+      const cached = P.loadJSON(BRIEF_VIEW_KEY, null);
+      // Only paint instantly if the saved brief was shaped by the SAME
+      // boundaries/prefs/dismissals — never flash content the current settings
+      // should hide. A mismatch falls through to "Gathering…" + a fresh fetch.
+      if (cached && Array.isArray(cached.items) && cached.items.length && cached.sig === briefSig()) {
+        brief = cached;
+        heroIdx = 0;
+        loading = false;
+      }
+    }
+    // Critical path: moods + categories (needed to resolve a mood/topic view)
+    // load in PARALLEL, then the requested view. Every getJSON times out, and
+    // loading ALWAYS clears in finally, so the page can never get stuck on
+    // "Gathering the good news…".
+    try {
+      const [m, c] = await Promise.all([
+        getJSON('/api/moods').catch(() => []),
+        getJSON('/api/categories').catch(() => ({ topics: [] })),
+      ]);
+      moods = m; topics = c.topics;
+      await loadView(selected);
+    } catch (e) {
+      if (!brief) error = 'Could not reach Upbeat Bytes.'; // keep painted content if a refresh failed
+    } finally {
+      loading = false;
+    }
+    checkSince(); // after the first paint; non-blocking
+    // Pure decoration (nav-rail customization + tag families): non-blocking — a
+    // slow or failed one fills in late instead of holding up the content.
+    Promise.allSettled([
+      getJSON('/api/lanes').then((r) => (lanePool = r)),
+      getJSON('/api/families').then((r) => (families = r)),
+    ]);
+  });
+</script>
+
+<Header onSaved={() => (showSaved = true)} onaccount={openAccount} user={auth.user} boundariesActive={filtersOn} />
+
+{#if showSignIn}<SignIn onclose={() => { showSignIn = false; if (!auth.user) pendingDigestOptIn = false; }} />{/if}
+{#if showSaved && auth.user}<SavedFlyout onclose={() => (showSaved = false)} />{/if}
+{#if showLanes && lanePool}
+  <LanePicker pool={lanePool} selected={pinnedLaneKeys} onsave={saveLanes} onclose={() => (showLanes = false)} />
+{/if}
+
+<main class="container">
+  {#if navLanes.length}
+    <MoodNav lanes={navLanes} {selected} onselect={navigate} oncustomize={() => (showLanes = true)} />
+  {/if}
+
+  {#if notice}<p class="notice rise">{notice}</p>{/if}
+
+  {#if loading}
+    <p class="muted center pad">Gathering the good news…</p>
+  {:else if error}
+    <p class="muted center pad">{error}</p>
+  {:else}
+    {#key selected}
+      <header class="view-head rise">
+        <div class="vh-text">
+          <h1>{viewLabel}</h1>
+          {#if viewSubtitle}<p class="sub">{viewSubtitle}</p>{/if}
+        </div>
+        <div class="vh-actions">
+          <button class="searchtoggle" class:on={searchOpen || selected === 'search'} onclick={toggleSearch} aria-label="Search articles" title="Search articles">
+            <svg viewBox="0 0 24 24" aria-hidden="true"><circle cx="11" cy="11" r="7" fill="none" stroke="currentColor" stroke-width="2"/><path d="M21 21l-4.4-4.4" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg>
+          </button>
+          {#if auth.user && followTarget}
+            <button class="followbtn" class:on={isFollowing(followTarget.kind, followTarget.value)}
+                    onclick={() => toggleFollow(followTarget.kind, followTarget.value)}>
+              {isFollowing(followTarget.kind, followTarget.value) ? '✓ Following' : 'Follow ' + followTarget.noun}
+            </button>
+          {/if}
+          {#if selected !== 'today'}
+            <button class="viewback" onclick={goBack} aria-label="Go back">
+              <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M19 12H5M11 6l-6 6 6 6" fill="none" stroke="currentColor" stroke-width="2.1" stroke-linecap="round" stroke-linejoin="round"/></svg>
+              Back
+            </button>
+          {/if}
+        </div>
+      </header>
+
+      {#if searchOpen || selected === 'search'}
+        <div class="searchbar rise">
+          <input type="search" bind:value={searchText} placeholder="Search articles, topics, or a source…"
+                 autocapitalize="off" autocomplete="off" spellcheck="false"
+                 onkeydown={(e) => (e.key === 'Enter' ? runSearch() : e.key === 'Escape' ? (searchOpen = false) : null)} />
+          <button class="searchgo" onclick={runSearch}>Search</button>
+          {#if selected === 'search'}<button class="searchclear" onclick={() => { searchOpen = false; goto(feedBase()); }}>Clear</button>{/if}
+        </div>
+      {/if}
+
+      {#if selected === 'today'}
+        {#if sinceCount > 0 && !sinceDismissed}
+          <div class="welcomeback rise">
+            <p class="wb-text">
+              Since you were last here, {sinceCount} new calm read{sinceCount === 1 ? '' : 's'} came in.
+              {#if !sinceOpen}<button class="wb-cta" onclick={() => (sinceOpen = true)}>See what’s new</button>{/if}
+            </p>
+            <button class="wb-x" onclick={() => (sinceDismissed = true)} aria-label="Dismiss">×</button>
+          </div>
+          {#if sinceOpen && sinceItems.length}
+            <section class="rise sincesec">
+              <h2 class="since-h">New since your last visit</h2>
+              <div class="grid">
+                {#each sinceItems as a (a.id)}
+                  <ArticleCard article={a} thumb onaction={applyAction} onreplace={replaceArticle} ontag={(t) => drill('tag:' + t)} onsource={(id, name) => drill('source:' + id, { id, name })} onview={record} />
+                {/each}
+              </div>
+            </section>
+          {/if}
+        {/if}
+        {#if brief?.items?.length}
+          {#if homeEditing || (!homeValue && !homePromptDismissed)}
+            <div class="homecard rise">
+              {#if !homeValue}<p class="homecopy">Want your good news closer to home?</p>{/if}
+              <div class="homepick">
+                <select bind:value={pickCountry} aria-label="Country">
+                  <option value="">Pick a country…</option>
+                  {#each HOME_COUNTRIES as [code, label] (code)}<option value={code}>{label}</option>{/each}
+                </select>
+                {#if pickCountry === 'US'}
+                  <select bind:value={pickState} aria-label="State">
+                    <option value="">All of the US</option>
+                    {#each US_STATES as [code, label] (code)}<option value={code}>{label}</option>{/each}
+                  </select>
+                {/if}
+                <button class="hset" onclick={applyHomePick} disabled={!pickCountry}>Show local first</button>
+                {#if homeValue}<button class="linkish" onclick={() => (homeEditing = false)}>Cancel</button>
+                {:else}<button class="linkish" onclick={dismissHomePrompt}>Not now</button>{/if}
+              </div>
+            </div>
+          {:else if homeValue}
+            <div class="scopedial rise">
+              <span class="sd-label">Good news closest first</span>
+              <div class="sd-stops">
+                {#each scopeStops as [s, label] (s)}
+                  <button class="sd-btn" class:on={homeScope === s} onclick={() => setScope(s)}>{label}</button>
+                {/each}
+              </div>
+              <span class="sd-actions">
+                <button class="linkish" onclick={openHomeEditor}>Change</button>
+                <button class="linkish" onclick={clearHome}>Clear</button>
+              </span>
+            </div>
+          {/if}
+          <section class="rise">
+            <ArticleCard article={heroArticle} hero onaction={applyAction} onreplace={replaceArticle} ontag={(t) => drill('tag:' + t)} onsource={(id, name) => drill('source:' + id, { id, name })} onview={record} onimageerror={heroImageFailed} />
+            {#if restArticles.length}
+              <div class="grid rest">
+                {#each restArticles as a, i (a.id)}
+                  {#if a.section && a.section !== restArticles[i - 1]?.section && a.section !== heroArticle?.section}
+                    <h3 class="feed-section">{sectionLabel(a.section)}</h3>
+                  {/if}
+                  <ArticleCard article={a} thumb onaction={applyAction} onreplace={replaceArticle} ontag={(t) => drill('tag:' + t)} onsource={(id, name) => drill('source:' + id, { id, name })} onview={record} />
+                {/each}
+              </div>
+            {/if}
+          </section>
+          <div class="endcap rise" bind:this={endcapEl}>
+            <p class="endmark">✦ that's the good news for today ✦</p>
+            <p class="endsub">You're caught up for now.</p>
+            {#if ritual.total}
+              <div class="calmset">
+                <p class="cs-head">Today's calm set</p>
+                <ul class="cs-items">
+                  {#each ritual.items as it (it.key)}
+                    <li class="cs-item" class:done={it.done}>
+                      <span class="cs-mark" aria-hidden="true"></span>{#if it.done || it.key === 'brief'}{it.label}{:else}<a href={it.href}>{it.label}</a>{/if}
+                    </li>
+                  {/each}
+                </ul>
+                <p class="cs-foot">
+                  {ritual.count === ritual.total ? `All ${ritual.total} enjoyed today` : `${ritual.count} of ${ritual.total} enjoyed today`} · fresh set tomorrow · <a class="cs-edit" href="/account?section=calmset">make it yours</a>
+                </p>
+              </div>
+            {/if}
+            {#if auth.user?.digest_enabled}
+              <p class="digestnote">Tomorrow's brief is headed to your inbox ☕</p>
+            {:else}
+              <button class="digestcta" onclick={subscribeDigest} disabled={digestBusy}>
+                {digestBusy ? '…' : 'Get tomorrow’s brief by email'}
+              </button>
+            {/if}
+          </div>
+        {:else}
+          <p class="muted center pad">No highlights yet today — try a calmer filter, or check back soon.</p>
+        {/if}
+      {:else if feed.length}
+        {#if selected === 'latest'}
+          {#if homeEditing || (!homeValue && !homePromptDismissed)}
+            <div class="homecard rise">
+              <p class="homecopy">Want good news closer to home?</p>
+              <div class="homepick">
+                <select bind:value={pickCountry} aria-label="Country">
+                  <option value="">Pick a country…</option>
+                  {#each HOME_COUNTRIES as [code, label] (code)}<option value={code}>{label}</option>{/each}
+                </select>
+                {#if pickCountry === 'US'}
+                  <select bind:value={pickState} aria-label="State">
+                    <option value="">All of the US</option>
+                    {#each US_STATES as [code, label] (code)}<option value={code}>{label}</option>{/each}
+                  </select>
+                {/if}
+                <button class="hset" onclick={applyHomePick} disabled={!pickCountry}>Show local first</button>
+                {#if homeValue}
+                  <button class="linkish" onclick={() => (homeEditing = false)}>Cancel</button>
+                {:else}
+                  <button class="linkish" onclick={dismissHomePrompt}>Not now</button>
+                {/if}
+              </div>
+            </div>
+          {:else if homeValue}
+            <div class="homebar">📍 Showing local first · <button class="linkish" onclick={openHomeEditor}>Change</button> · <button class="linkish" onclick={clearHome}>Clear</button></div>
+          {/if}
+        {/if}
+        <div class="grid rise">
+          {#each feed as a, i (a.id)}
+            {#if a.section && a.section !== feed[i - 1]?.section}
+              <h3 class="feed-section">{sectionLabel(a.section)}</h3>
+            {/if}
+            <ArticleCard article={a} thumb onaction={applyAction} onreplace={replaceArticle} ontag={(t) => drill('tag:' + t)} onsource={(id, name) => drill('source:' + id, { id, name })} onview={record} />
+          {/each}
+        </div>
+        {#if !feedDone}
+          <div class="loadmore">
+            <button onclick={loadMore} disabled={loadingMore}>
+              {loadingMore ? 'Loading…' : 'Load more'}
+            </button>
+          </div>
+        {:else}
+          <p class="endcap rise">✦ you're all caught up ✦</p>
+        {/if}
+      {:else if selected === 'search'}
+        <p class="muted center pad">No articles found for “{searchQuery}”. Try a different word, or a source name like “Nature”.</p>
+      {:else if selected === 'following'}
+        <p class="muted center pad">
+          {#if auth.user}Nothing here yet — open a source or a grouping and tap <strong>Follow</strong> to fill this lane with what you care about.
+          {:else}Sign in and follow a few sources or topics, and this becomes your own calm lane.{/if}
+        </p>
+      {:else}
+        <p class="muted center pad">Nothing here right now — try another, or ease a boundary.</p>
+      {/if}
+    {/key}
+
+    {#if families.length}
+      <section id="explore" class="explore">
+        <h2>Explore Upbeat Bytes</h2>
+        <div class="families">
+          {#each families as f (f.name)}
+            {@const tags = f.tags.filter((t) => t.count > 0)}
+            {#if tags.length}
+              <div class="family">
+                <h3>{f.name}</h3>
+                <p class="fdesc">{f.description}</p>
+                <div class="chips">
+                  {#each tags as t (t.key)}
+                    <button class="chip" class:active={selected === 'tag:' + t.key} onclick={() => drill('tag:' + t.key)}>{humanize(t.key)}</button>
+                  {/each}
+                </div>
+              </div>
+            {/if}
+          {/each}
+        </div>
+      </section>
+    {/if}
+
+    {#if !pwa.isStandalone && !pwa.dismissed && (pwa.canInstall || pwa.isIOS)}
+      <aside class="install rise">
+        <div class="install-text">
+          <strong>Keep Upbeat Bytes a tap away.</strong>
+          {#if pwa.canInstall}Add it to your home screen — it opens like an app, no store needed.
+          {:else}On iPhone: tap the <span class="ios-share">Share</span> button, then “Add to Home Screen.”{/if}
+        </div>
+        <div class="install-actions">
+          {#if pwa.canInstall}<button class="install-go" onclick={installApp}>Install</button>{/if}
+          <button class="install-x" onclick={dismissPwa}>Not now</button>
+        </div>
+      </aside>
+    {/if}
+  {/if}
+</main>
+
+<BottomNav active={activeTab} onToday={() => navigate('today')} onLatest={() => navigate('latest')} onPlay={() => goto('/play')} onYou={openAccount} user={auth.user} />
+
+<style>
+  main.container { padding-top: 6px; padding-bottom: 40px; min-height: 60vh; }
+
+  .view-head {
+    margin: 18px 0 18px; display: flex; align-items: flex-start;
+    justify-content: space-between; gap: 16px;
+  }
+  .view-head .vh-text { flex: 1; min-width: 0; }
+  .viewback {
+    flex-shrink: 0; margin-top: 8px;
+    display: inline-flex; align-items: center; gap: 5px;
+    background: none; border: 1px solid var(--line); color: var(--accent-deep);
+    border-radius: 999px; padding: 6px 14px; font-size: 0.85rem; cursor: pointer;
+    transition: border-color 0.14s ease;
+  }
+  .viewback:hover { border-color: var(--accent); }
+  .viewback svg { width: 16px; height: 16px; display: block; }
+  .vh-actions { flex-shrink: 0; display: flex; align-items: center; gap: 8px; margin-top: 8px; }
+  .searchtoggle { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px;
+                  background: none; border: 1px solid var(--line); color: var(--accent-deep); border-radius: 999px;
+                  cursor: pointer; transition: border-color 0.14s ease, background 0.14s ease; }
+  .searchtoggle:hover { border-color: var(--accent); }
+  .searchtoggle.on { background: var(--accent); border-color: var(--accent); color: #fff; }
+  .searchtoggle svg { width: 17px; height: 17px; display: block; }
+  .searchbar { display: flex; gap: 8px; margin: 0 0 18px; }
+  .searchbar input { flex: 1; min-width: 0; font: inherit; font-size: 1rem; padding: 10px 14px;
+                     border: 1px solid var(--line); border-radius: 10px; background: var(--surface); color: var(--ink); }
+  .searchbar input:focus { outline: none; border-color: var(--accent); }
+  .searchgo { background: var(--accent); color: #fff; border: none; border-radius: 10px; padding: 0 18px;
+              font: inherit; font-weight: 600; cursor: pointer; }
+  .searchgo:hover { background: var(--accent-deep); }
+  .searchclear { background: none; border: 1px solid var(--line); color: var(--muted); border-radius: 10px;
+                 padding: 0 14px; font: inherit; cursor: pointer; }
+  .followbtn {
+    display: inline-flex; align-items: center; gap: 5px; white-space: nowrap;
+    background: none; border: 1px solid var(--accent); color: var(--accent-deep);
+    border-radius: 999px; padding: 6px 15px; font-size: 0.85rem; cursor: pointer;
+    transition: background 0.14s ease, color 0.14s ease;
+  }
+  .followbtn:hover { background: var(--accent-soft); }
+  .followbtn.on { background: var(--accent); border-color: var(--accent); color: #fff; }
+  .view-head h1 { font-size: clamp(2.1rem, 5.5vw, 2.8rem); line-height: 1.05; text-transform: capitalize; }
+  .view-head .sub { margin: 8px 0 0; color: var(--muted); font-size: 1.02rem; }
+  .view-head .vh-text::after {
+    content: ''; display: block; width: 46px; height: 3px;
+    background: var(--accent); border-radius: 2px; margin-top: 14px; opacity: 0.8;
+  }
+
+  .explore { margin: 52px 0 8px; padding-top: 28px; border-top: 1px solid var(--line); }
+  .explore h2 {
+    font-size: 0.74rem; text-transform: uppercase; letter-spacing: 0.14em;
+    color: var(--muted); font-family: var(--label); font-weight: 400; margin: 0 0 22px;
+  }
+  .families { display: grid; grid-template-columns: repeat(auto-fit, minmax(248px, 1fr)); gap: 26px 32px; }
+  .family h3 { font-size: 1.16rem; margin: 0 0 2px; }
+  .family .fdesc { margin: 0 0 11px; color: var(--muted); font-size: 0.86rem; line-height: 1.45; }
+  .explore .chips { display: flex; flex-wrap: wrap; gap: 7px; }
+  .explore .chip {
+    border: 1px solid var(--line); background: var(--surface); color: var(--ink);
+    border-radius: 999px; padding: 5px 13px; font-size: 0.82rem; cursor: pointer;
+    transition: all 0.14s ease; text-transform: capitalize;
+  }
+  .explore .chip:hover { border-color: var(--accent); color: var(--accent-deep); }
+  .explore .chip.active { background: var(--accent); border-color: var(--accent); color: #fff; }
+
+  .notice {
+    text-align: center; color: var(--accent-deep); background: var(--accent-soft);
+    border-radius: 999px; padding: 8px 16px; margin: 10px auto 0; width: fit-content; font-size: 0.86rem;
+  }
+  .rest { margin-top: 18px; }
+  .center { text-align: center; }
+  .pad { padding: 48px 0; }
+  .endcap {
+    text-align: center; color: var(--muted); font-family: var(--serif);
+    font-style: italic; margin: 40px 0 10px; letter-spacing: 0.02em;
+  }
+  .endcap .endmark { margin: 0; }
+  .endcap .endsub { margin: 4px 0 0; font-size: 0.92rem; }
+  .endcap .digestnote { margin: 14px 0 0; font-style: normal; font-family: var(--label); font-size: 0.86rem; color: var(--accent-deep); }
+  .endcap .digestcta {
+    margin-top: 16px; font-family: var(--label); font-style: normal; font-size: 0.9rem; cursor: pointer;
+    background: var(--accent); color: #fff; border: none; border-radius: 999px; padding: 10px 22px;
+  }
+  .endcap .digestcta:hover { background: var(--accent-deep); }
+  .endcap .digestcta:disabled { opacity: 0.6; cursor: default; }
+
+  /* Daily Ritual — "today's calm set". Gentle, non-instrumental: a soft check
+     for what's been enjoyed, no streak, no pressure to finish the rest. */
+  .calmset {
+    margin: 20px auto 4px; max-width: 320px; padding-top: 16px;
+    border-top: 1px solid var(--line); font-style: normal; font-family: var(--label);
+  }
+  .cs-head {
+    margin: 0 0 10px; text-transform: uppercase; letter-spacing: 0.13em;
+    font-size: 0.66rem; font-weight: 600; color: var(--accent-deep);
+  }
+  .cs-items {
+    list-style: none; margin: 0; padding: 0; display: flex; gap: 16px;
+    justify-content: center; flex-wrap: wrap;
+  }
+  .cs-item { display: inline-flex; align-items: center; gap: 7px; font-size: 0.9rem; color: var(--muted); }
+  .cs-item a { color: inherit; text-decoration: none; }
+  .cs-item a:hover { color: var(--accent-deep); }
+  .cs-item.done { color: var(--ink); }
+  .cs-mark {
+    width: 16px; height: 16px; border-radius: 50%; border: 1.5px solid var(--line);
+    flex-shrink: 0; transition: background 0.16s ease, border-color 0.16s ease;
+  }
+  .cs-item.done .cs-mark {
+    background: var(--accent); border-color: var(--accent);
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12l5 5 9-10' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
+    background-size: 13px; background-repeat: no-repeat; background-position: center;
+  }
+  .cs-foot { margin: 12px 0 0; font-size: 0.82rem; color: var(--muted); }
+  .cs-edit { color: var(--accent-deep); text-decoration: underline; white-space: nowrap; }
+
+  /* "Since you last visited" — a calm welcome-back cue on Highlights */
+  .welcomeback {
+    display: flex; align-items: center; gap: 12px; justify-content: space-between;
+    background: var(--accent-soft); border: 1px solid var(--accent-soft); color: var(--accent-deep);
+    border-radius: 14px; padding: 12px 16px; margin: 4px 0 18px;
+  }
+  .welcomeback .wb-text { margin: 0; font-size: 0.95rem; }
+  .wb-cta { background: none; border: none; color: var(--accent-deep); font: inherit; font-weight: 600;
+            cursor: pointer; text-decoration: underline; margin-left: 6px; padding: 0; }
+  .wb-x { background: none; border: none; color: var(--accent-deep); font-size: 1.3rem; line-height: 1;
+          cursor: pointer; padding: 0 4px; opacity: 0.7; flex-shrink: 0; }
+  .wb-x:hover { opacity: 1; }
+  .sincesec { margin: 0 0 26px; }
+  .since-h { font-size: 1.1rem; margin: 0 0 12px; color: var(--ink); }
+
+  /* PWA install banner — gentle, dismissible, never nagging */
+  .install {
+    display: flex; align-items: center; gap: 14px; justify-content: space-between; flex-wrap: wrap;
+    background: var(--surface); border: 1px solid var(--line); border-radius: 16px;
+    padding: 16px 20px; margin: 28px 0 0;
+  }
+  .install-text { font-size: 0.92rem; color: var(--ink); line-height: 1.5; }
+  .install-text strong { display: block; margin-bottom: 2px; }
+  .ios-share { color: var(--accent-deep); font-weight: 600; }
+  .install-actions { display: flex; gap: 10px; align-items: center; flex-shrink: 0; }
+  .install-go { background: var(--accent); color: #fff; border: none; border-radius: 999px;
+                padding: 9px 20px; font: inherit; font-weight: 600; cursor: pointer; }
+  .install-go:hover { background: var(--accent-deep); }
+  .install-x { background: none; border: none; color: var(--muted); font: inherit; font-size: 0.88rem; cursor: pointer; }
+  .install-x:hover { color: var(--accent-deep); }
+  /* Closer to Home: calm inline prompt + slim indicator + section headers */
+  .homecard { border: 1px solid var(--line); border-radius: 14px; background: var(--accent-soft);
+              padding: 14px 16px; margin: 0 0 18px; }
+  .homecopy { margin: 0 0 10px; font-family: var(--label); color: var(--accent-deep); }
+  .homepick { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
+  .homepick select { font: inherit; font-size: 0.9rem; padding: 7px 10px; border: 1px solid var(--line);
+                     border-radius: 9px; background: var(--bg); color: var(--ink); }
+  .hset { font: inherit; font-weight: 600; padding: 7px 16px; border: none; border-radius: 999px;
+          background: var(--accent); color: #fff; cursor: pointer; }
+  .hset:hover { background: var(--accent-deep); }
+  .hset:disabled { opacity: 0.55; cursor: default; }
+  .linkish { background: none; border: none; color: var(--accent-deep); font: inherit; font-size: 0.86rem;
+             cursor: pointer; text-decoration: underline; padding: 0; }
+  .homebar { font-size: 0.86rem; color: var(--muted); margin: 0 0 16px; }
+  .scopedial { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; margin: 0 0 16px; }
+  .sd-label { font-size: 0.82rem; color: var(--muted); }
+  .sd-stops { display: inline-flex; border: 1px solid var(--line); border-radius: 999px; overflow: hidden; }
+  .sd-btn { font: inherit; font-size: 0.85rem; font-weight: 600; padding: 6px 14px; border: none;
+            background: var(--bg); color: var(--ink); cursor: pointer; border-right: 1px solid var(--line); }
+  .sd-stops .sd-btn:last-child { border-right: none; }
+  .sd-btn.on { background: var(--accent-soft); color: var(--accent-deep); }
+  .sd-actions { margin-left: auto; display: inline-flex; gap: 12px; }
+  .feed-section { grid-column: 1 / -1; margin: 8px 0 2px; font-family: var(--label); font-size: 0.78rem;
+                  text-transform: uppercase; letter-spacing: 0.06em; color: var(--muted); }
+  .grid > .feed-section:first-child { margin-top: 0; }
+  .loadmore { display: flex; justify-content: center; margin: 30px 0 6px; }
+  .loadmore button {
+    background: var(--surface); border: 1px solid var(--line); color: var(--accent-deep);
+    border-radius: 999px; padding: 10px 28px; font-size: 0.92rem; cursor: pointer;
+    transition: all 0.14s ease;
+  }
+  .loadmore button:hover { border-color: var(--accent); background: var(--accent-soft); }
+  .loadmore button:disabled { opacity: 0.6; cursor: default; }
+</style>
diff --git a/frontend/src/routes/+page.svelte b/frontend/src/routes/+page.svelte
index ecfedb3..4a63172 100644
--- a/frontend/src/routes/+page.svelte
+++ b/frontend/src/routes/+page.svelte
@@ -1,1065 +1,8 @@
 <script>
-  import { onMount, untrack } from 'svelte';
-  import { goto, afterNavigate } from '$app/navigation';
-  import { page } from '$app/stores';
-  import { getJSON, postJSON } from '$lib/api.js';
-  import * as P from '$lib/prefs.js';
-  import Header from '$lib/components/Header.svelte';
-  import BottomNav from '$lib/components/BottomNav.svelte';
-  import MoodNav from '$lib/components/MoodNav.svelte';
-  import LanePicker from '$lib/components/LanePicker.svelte';
-  import ArticleCard from '$lib/components/ArticleCard.svelte';
-  import SignIn from '$lib/components/SignIn.svelte';
-  import SavedFlyout from '$lib/components/SavedFlyout.svelte';
-  import { auth, refresh as refreshAuth, isFollowing, toggleFollow, followKeys } from '$lib/auth.svelte.js';
-  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 { track } from '$lib/analytics.js';
-  import { pwa, installApp, dismissPwa } from '$lib/pwa.svelte.js';
-  import { ritualState, markBriefSeen } from '$lib/ritual.js';
-
-  let moods = $state([]);
-  let topics = $state([]);
-  let families = $state([]);
-  let lanePool = $state(null); // /api/lanes: { pinned, default, groups }
-  let showLanes = $state(false);
-  // The URL is the single source of truth for the current view, so the in-page
-  // Back button and the browser Back button share ONE history. The view is
-  // derived from query params: /?view=latest, /?tag=clean-energy, /?source=7,
-  // /?view=<mood|topic>, or bare / for Highlights.
-  function parseView(url) {
-    const p = url.searchParams;
-    if ((p.get('q') || '').trim()) return 'search';
-    if (p.get('source')) return 'source:' + p.get('source');
-    if (p.get('tag')) return 'tag:' + p.get('tag');
-    return p.get('view') || 'today';
-  }
-  function urlForView(key) {
-    if (key === 'today') return '/';
-    if (key.startsWith('source:')) return '/?source=' + encodeURIComponent(key.slice(7));
-    if (key.startsWith('tag:')) return '/?tag=' + encodeURIComponent(key.slice(4));
-    return '/?view=' + encodeURIComponent(key);
-  }
-  let selected = $derived(parseView($page.url));
-  let searchQuery = $derived(($page.url.searchParams.get('q') || '').trim());
-  let searchOpen = $state(false);
-  let searchText = $state('');
-  function toggleSearch() { searchOpen = !searchOpen; if (searchOpen) searchText = searchQuery; }
-  function runSearch() {
-    const q = searchText.trim();
-    goto(q ? '/?q=' + encodeURIComponent(q) : '/');
-  }
-  let sourceNames = $state({}); // source id -> name, for an instant header label
-  let brief = $state(null);
-  let heroIdx = $state(0);
-  // Daily Ritual ("today's calm set") — derived from local game state + a
-  // brief-seen flag, keyed on the brief's SERVER date (never the browser's).
-  let ritual = $state({ items: [], count: 0, total: 0 });
-  let endcapEl = $state(null);
-  function refreshRitual() {
-    const d = brief?.brief_date;
-    if (d) ritual = ritualState(d, prefs.data.ritual);
-  }
-  let feed = $state([]);
-  let feedDone = $state(false);   // no more pages for the current feed view
-  let loadingMore = $state(false);
-  // Closer to Home: the reader's opt-in home ('US' or 'US-NY'), localStorage-only.
-  // Empty = the default non-personalized feed. feedNextOffset carries the API's
-  // world-tier paging cursor so the one-time near/country lead block never skews paging.
-  let homeValue = $state('');
-  let homePromptDismissed = $state(false);
-  let feedNextOffset = $state(null);
-  // Scope dial: the reader's "emotional radius" — nearby | region | country | world.
-  // Persisted; default nearby. 'world' = the global brief/feed (no geo lead).
-  let homeScope = $state('nearby');
-  const homeActive = () => selected === 'latest' && !!homeValue;
-  let showSignIn = $state(false);
-  let showSaved = $state(false); // Saved flyout
-  let loading = $state(true);
-  let error = $state('');
-  let notice = $state('');
-
-  // Device-local browsing memory (separate from history): seen = "displayed"
-  // (so Replace doesn't recycle), dismissed = swapped/avoided this session.
-  const SEEN_KEY = 'goodnews:seen';
-  const DISMISSED_KEY = 'goodnews:dismissed';
-  const BRIEF_VIEW_KEY = 'goodnews:brief_view';
-  let seenIds = new Set();
-  let dismissed = $state(new Set());
-
-  function persistSession() {
-    P.saveJSON(SEEN_KEY, [...seenIds]);
-    P.saveJSON(DISMISSED_KEY, [...dismissed]);
-  }
-  function markDisplayed(items) {
-    let changed = false;
-    for (const a of items || []) {
-      if (a && !seenIds.has(a.id)) { seenIds.add(a.id); changed = true; }
-    }
-    if (changed) P.saveJSON(SEEN_KEY, [...seenIds]);
-  }
-
-  function openAccount() {
-    if (auth.user) goto('/account');
-    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;
-    if (u && typeof window !== 'undefined') untrack(() => onLogin(u));
-  });
-
-  async function onLogin(u) {
-    const key = 'goodnews:imported:' + u.id;
-    if (!localStorage.getItem(key)) {
-      try {
-        await postJSON('/api/import', { seen: deviceIds(), saved: [] });
-        localStorage.setItem(key, '1');
-      } catch { /* best-effort */ }
-    }
-    loadServerHistory();
-    await syncPrefsOnLogin(); // adopt account prefs or seed from device
-    loadView(selected, true); // reflect any adopted boundaries in the current view
-  }
-
-  const cap = (s) => (s ? s[0].toUpperCase() + s.slice(1) : s);
-  const humanize = (s) => (s || '').replace(/-/g, ' ');
-
-  // Show the brief's date in the VIEWER's local timezone (from its UTC freshness
-  // stamp), so everyone sees their own correct date — never "tomorrow."
-  function localDateLabel(b) {
-    const ts = b?.generated_at;
-    if (ts) {
-      const d = new Date(ts.replace(' ', 'T') + 'Z');
-      if (!isNaN(d)) return d.toLocaleDateString(undefined, { weekday: 'long', month: 'long', day: 'numeric' });
-    }
-    return b?.brief_date ?? '';
-  }
-  let filtersOn = $derived(prefsActive());
-  let currentMood = $derived(moods.find((m) => m.key === selected));
-  let currentTopic = $derived(topics.find((t) => t.key === selected));
-  let currentTag = $derived(selected.startsWith('tag:') ? selected.slice(4) : null);
-  let tagFamily = $derived(
-    currentTag ? families.find((f) => f.tags.some((t) => t.key === currentTag)) : null
-  );
-  let viewLabel = $derived(
-    selected === 'today' ? 'Highlights from Today'
-      : selected === 'search' ? `Search: “${searchQuery}”`
-      : selected.startsWith('source:') ? (sourceNames[selected.slice(7)] ?? feed[0]?.source ?? 'Source')
-      : selected === 'latest' ? 'Latest'
-        : selected === 'following' ? 'Following'
-        : currentTag ? humanize(currentTag)
-          : (currentMood?.label ?? cap(currentTopic?.key) ?? '')
-  );
-  let viewSubtitle = $derived(
-    selected === 'today' ? localDateLabel(brief)
-      : selected === 'search' ? 'Results across Upbeat Bytes'
-      : selected.startsWith('source:') ? 'Latest from this source'
-      : selected === 'latest' ? 'Freshest calm reads — newest first'
-        : selected === 'following' ? 'From the sources & topics you follow'
-        : currentTag ? (tagFamily?.description ?? '')
-          : (currentMood?.description ?? currentTopic?.description ?? '')
-  );
-  let activeTab = $derived(
-    selected === 'today' ? 'today' : selected === 'latest' ? 'latest'
-      : selected === 'following' ? 'following' : 'browse'
-  );
-
-  // Customizable nav rail: the pinned lanes (Highlights + Latest) are always
-  // first, then the reader's chosen lanes (or the default set if they've never
-  // customized). Resolve each key to its {label, description} from the pool.
-  let laneMap = $derived(
-    new Map(
-      lanePool
-        ? [
-            ...lanePool.pinned.map((p) => [p.key, p]),
-            ...lanePool.groups.flatMap((g) => g.lanes.map((l) => [l.key, l])),
-          ]
-        : []
-    )
-  );
-  let pinnedLaneKeys = $derived(
-    prefs.data.lanes?.length ? prefs.data.lanes : (lanePool?.default ?? [])
-  );
-  let navLanes = $derived(
-    lanePool
-      ? [
-          ...lanePool.pinned,
-          ...(auth.user ? [{ key: 'following', label: 'Following' }] : []),
-          ...pinnedLaneKeys.map((k) => laneMap.get(k)).filter(Boolean),
-        ]
-      : []
-  );
-
-  function saveLanes(keys) {
-    prefs.data.lanes = keys;
-    persistPrefs();
-    // If the reader unpinned the lane they're viewing, fall back to Highlights.
-    // (The special pinned lanes — Highlights/Latest/Following — are never in
-    // `keys`, so don't bounce away from them.)
-    if (!['today', 'latest', 'following'].includes(selected) && !keys.includes(selected)) navigate('today');
-  }
-
-  // Hero is the only image slot; if its image won't load, promote the next one.
-  let heroArticle = $derived(brief?.items?.[heroIdx] ?? null);
-  let restArticles = $derived((brief?.items ?? []).filter((_, i) => i !== heroIdx));
-  function heroImageFailed() {
-    const items = brief?.items ?? [];
-    for (let i = heroIdx + 1; i < items.length; i++) {
-      if (items[i]?.image_url) { heroIdx = i; return; }
-    }
-  }
-
-  // A source or tag view can be followed (durable interest).
-  let followTarget = $derived(
-    selected.startsWith('source:') ? { kind: 'source', value: selected.slice(7), noun: 'source' }
-      : selected.startsWith('tag:') ? { kind: 'tag', value: selected.slice(4), noun: 'topic' }
-        : null
-  );
-
-  function viewFilter(key = selected) {
-    if (key === 'today') return {};
-    const m = moods.find((x) => x.key === key);
-    if (m) return m.filter ?? {};
-    return { include_topics: [key] };
-  }
-  function mergedParam() {
-    return P.param(P.merge(prefs.data, viewFilter()));
-  }
-
-  // Signature of the filters that shaped a brief — boundaries/prefs + dismissals.
-  // Instant-paint and the merge only reuse a saved brief when this still matches,
-  // so a boundary change can never briefly resurface content it should now hide.
-  function briefSig() {
-    const h = homeValue && homeScope !== 'world' ? `${homeValue}:${homeScope}` : '';
-    return P.param(prefs.data) + '|' + Array.from(dismissed).sort().join(',') + '|h:' + h;
-  }
-
-  async function loadToday(fresh) {
-    const q = P.param(prefs.data);
-    const ex = Array.from(dismissed).join(',');
-    let fetched;
-    // Only personalize when a home is set and the dial isn't on 'world' (global).
-    const homeq = homeValue && homeScope !== 'world'
-      ? `&home=${encodeURIComponent(homeValue)}&scope=${homeScope}` : '';
-    try {
-      fetched = await getJSON(`/api/brief?limit=7${homeq}${q ? '&' + q : ''}${ex ? '&exclude=' + ex : ''}`);
-    } catch (e) {
-      if (brief) return; // already showing a saved brief — a failed background refresh stays invisible
-      throw e; // true first load with nothing painted → let the caller surface the error
-    }
-    const sig = briefSig();
-    const view = P.loadJSON(BRIEF_VIEW_KEY, null);
-    // Reuse the saved arrangement only when BOTH the server brief and the reader's
-    // filter signature are unchanged — otherwise the merge's `?? it` fallback could
-    // re-add a story the current boundaries now hide.
-    const sameServerBrief =
-      view && view.generated_at && fetched.generated_at &&
-      view.generated_at === fetched.generated_at && view.sig === sig;
-    if (!fresh && sameServerBrief && Array.isArray(view.items) && view.items.length) {
-      const freshById = new Map(fetched.items.map((a) => [a.id, a]));
-      const items = view.items.map((it) => freshById.get(it.id) ?? it);
-      brief = { ...fetched, items };
-      P.saveJSON(BRIEF_VIEW_KEY, { generated_at: fetched.generated_at, items, sig });
-    } else {
-      brief = fetched;
-      P.saveJSON(BRIEF_VIEW_KEY, { generated_at: fetched.generated_at, items: fetched.items, sig });
-    }
-    heroIdx = 0;
-    markDisplayed(brief.items);
-  }
-
-  // Build a /api/feed URL for a lane view at a given page offset. 'latest' is
-  // the chronological firehose (sort=latest); 'tag:x' browses a grouping tag;
-  // anything else resolves through its mood/topic filter.
-  const PAGE = 24;
-  function feedUrl(key, offset) {
-    const ex = Array.from(dismissed).join(',');
-    const exq = ex ? `&exclude=${ex}` : '';
-    if (key === 'search') {
-      const q = P.param(prefs.data);
-      return `/api/search?q=${encodeURIComponent(searchQuery)}&limit=${PAGE}&offset=${offset}${q ? '&' + q : ''}`;
-    }
-    if (key === 'latest') {
-      const q = P.param(prefs.data);
-      // Closer to Home lives on the all-news browse lane (Latest).
-      const homeq = homeValue ? `&home=${encodeURIComponent(homeValue)}` : '';
-      return `/api/feed?sort=latest&limit=${PAGE}&offset=${offset}${homeq}${q ? '&' + q : ''}${exq}`;
-    }
-    if (key === 'following') {
-      const q = P.param(prefs.data);
-      return `/api/feed?following=true&sort=latest&limit=${PAGE}&offset=${offset}${q ? '&' + q : ''}${exq}`;
-    }
-    if (key.startsWith('tag:')) {
-      const q = P.param(prefs.data);
-      return `/api/feed?limit=${PAGE}&offset=${offset}&tag=${encodeURIComponent(key.slice(4))}${q ? '&' + q : ''}${exq}`;
-    }
-    if (key.startsWith('source:')) {
-      // A publication feed: this source's articles, newest first, still
-      // accepted/non-duplicate/boundary-filtered.
-      const q = P.param(prefs.data);
-      return `/api/feed?source_id=${encodeURIComponent(key.slice(7))}&sort=latest&limit=${PAGE}&offset=${offset}${q ? '&' + q : ''}${exq}`;
-    }
-    const q = P.param(P.merge(prefs.data, viewFilter(key)));
-    return `/api/feed?limit=${PAGE}&offset=${offset}${q ? '&' + q : ''}${exq}`;
-  }
-
-  // All navigation goes through the URL (goto), so browser Back/Forward and the
-  // in-page Back button traverse the same single history.
-  function navigate(key) {
-    goto(urlForView(key));
-  }
-  // Drilling into a tag/source from a card: cache the source name for an instant
-  // label, then navigate by URL (no private stack).
-  function drill(key, source = null) {
-    if (source) sourceNames = { ...sourceNames, [source.id]: source.name };
-    navigate(key);
-  }
-  // How many forward in-app navigations deep we are from the landing entry, so
-  // the in-page Back stays INSIDE the app even when someone deep-links in from
-  // email/social/an article (history.length can't tell us that).
-  let appNavDepth = 0;
-  function goBack() {
-    if (appNavDepth > 0 && typeof history !== 'undefined') history.back();
-    else goto(urlForView('today')); // landed here directly → app-safe Highlights
-  }
-
-  // Load the data for a view. Called by afterNavigate (URL-driven: in-app goto,
-  // browser back/forward, initial load) and directly on a boundary re-filter.
-  let loadSeq = 0;
-  async function loadView(key, fresh = false) {
-    const seq = ++loadSeq; // a newer navigation supersedes a slow in-flight one
-    error = '';
-    feedDone = false;
-    try {
-      if (key === 'today') {
-        await loadToday(fresh);
-        if (seq !== loadSeq) return; // a newer navigation superseded this one
-      } else {
-        const resp = await getJSON(feedUrl(key, 0));
-        if (seq !== loadSeq) return;
-        const items = resp.items;
-        feed = items;
-        feedNextOffset = resp.next_offset ?? null;
-        // Home lane pages by the API's world cursor; other lanes by simple length.
-        feedDone = (key === 'latest' && homeValue) ? feedNextOffset == null : items.length < PAGE;
-        markDisplayed(feed);
-        if (key.startsWith('source:') && items[0]) {
-          sourceNames = { ...sourceNames, [key.slice(7)]: items[0].source };
-        }
-      }
-    } catch (e) {
-      if (seq === loadSeq) error = 'Something went quiet — could not reach the feed.';
-    }
-    if (seq === loadSeq && typeof window !== 'undefined') window.scrollTo({ top: 0, behavior: 'smooth' });
-  }
-
-  // Every URL change (in-app goto, browser back/forward, link) reloads the view.
-  // The initial 'enter' is handled by onMount, after its data deps are fetched.
-  afterNavigate((nav) => {
-    if (nav.type === 'enter') return;
-    // Forward in-app nav deepens the stack; popstate moves by its signed delta
-    // (Back = -1, Forward = +1, ±N for jumps), so a back-then-forward dance keeps
-    // an accurate count. Clamped at 0, so an out-of-app landing stays app-safe.
-    if (nav.type === 'goto' || nav.type === 'link') appNavDepth += 1;
-    else if (nav.type === 'popstate') appNavDepth = Math.max(0, appNavDepth + (nav.delta ?? -1));
-    if (selected === 'search') { searchText = searchQuery; searchOpen = true; }  // prefill on shared/back links
-    loadView(selected);
-  });
-
-  // The brief is "enjoyed" only when its end-cap actually scrolls into view (the
-  // finite read), not on mere page-open. When it does, mark it for today and
-  // refresh the calm-set — which also picks up any Word / Word Search played in
-  // this session. The block lives inside the end-cap, so by the time the reader
-  // sees it, the brief tick has already settled.
-  $effect(() => {
-    if (!endcapEl || !brief?.brief_date) return;
-    const date = brief.brief_date;
-    const io = new IntersectionObserver((entries) => {
-      if (entries.some((e) => e.isIntersecting)) { markBriefSeen(date); refreshRitual(); }
-    }, { threshold: 0.4 });
-    io.observe(endcapEl);
-    return () => io.disconnect();
-  });
-
-  // "Load more" for any feed view (Latest, topics, tags, moods): fetch the next
-  // page at the current length and append, de-duping against what's shown.
-  async function loadMore() {
-    if (loadingMore || feedDone || selected === 'today') return;
-    loadingMore = true;
-    try {
-      const off = homeActive() && feedNextOffset != null ? feedNextOffset : feed.length;
-      const resp = await getJSON(feedUrl(selected, off));
-      const items = resp.items;
-      const have = new Set(feed.map((a) => a.id));
-      const fresh = items.filter((a) => !have.has(a.id));
-      feed = [...feed, ...fresh];
-      feedNextOffset = resp.next_offset ?? null;
-      feedDone = homeActive() ? feedNextOffset == null : items.length < PAGE;
-      markDisplayed(fresh);
-    } catch {
-      flash('Could not load more just now.');
-    } finally {
-      loadingMore = false;
-    }
-  }
-
-  // The finite-ending's gentle nudge: one tap to get tomorrow's brief by email.
-  let digestBusy = $state(false);
-  let pendingDigestOptIn = $state(false);
-  async function subscribeDigest() {
-    if (!auth.user) { pendingDigestOptIn = true; showSignIn = true; return; } // sign in → auto-enable
-    if (auth.user.digest_enabled || digestBusy) return;
-    digestBusy = true;
-    try { await postJSON('/api/account/digest', { enabled: true }); await refreshAuth(); }
-    catch { /* leave as-is */ }
-    finally { digestBusy = false; }
-  }
-  // Keep the one-tap promise: if they tapped while signed out, enable right after sign-in.
-  $effect(() => {
-    if (pendingDigestOptIn && auth.user) {
-      pendingDigestOptIn = false;
-      if (!auth.user.digest_enabled) subscribeDigest();
-    }
-  });
-
-  const MIX_EVENT = { notToday: 'not_today', lessLikeThis: 'less_like_this', alwaysHide: 'hide_topic' };
-  function applyAction(kind, value) {
-    applyPrefAction(kind, value); // updates + persists + syncs to account
-    if (MIX_EVENT[kind]) track(MIX_EVENT[kind]); // emotional-mix signal (no value stored)
-    loadView(selected, true); // re-filter the current view in place (no nav)
-  }
-
-  function flash(msg) {
-    notice = msg;
-    if (typeof window !== 'undefined') setTimeout(() => (notice = ''), 4000);
-  }
-
-  async function replaceArticle(article) {
-    const list = selected === 'today' ? brief?.items : feed;
-    if (!list) return;
-    const isHero = selected === 'today' && heroArticle?.id === article.id;
-    const exclude = Array.from(seenIds).join(',');
-    const q = mergedParam();
-    const url = `/api/replacement?exclude=${exclude}&avoid_paywall=true${isHero ? '&gentle=true' : ''}${q ? '&' + q : ''}`;
-    let repl;
-    try {
-      repl = await getJSON(url);
-    } catch {
-      flash('Could not reach the feed just now.');
-      return;
-    }
-    if (!repl) {
-      flash("That's everything fresh for now — nothing new to swap in.");
-      track('replace_none');
-      return;
-    }
-    track('replace_used', article.id);
-    if (article.paywalled) track('paywall_replace', article.id);
-    dismissed.add(article.id);
-    seenIds.add(article.id);
-    markDisplayed([repl]);
-    record(article); // keep the swapped-away story (recoverable)
-    persistSession();
-    if (selected === 'today') {
-      const i = brief.items.findIndex((a) => a.id === article.id);
-      if (i >= 0) {
-        brief.items[i] = repl;
-        brief = { ...brief, items: [...brief.items] };
-        // Sign the save (dismissed just changed) so the next load can still
-        // instant-paint this edited brief instead of falling back to "Gathering…".
-        P.saveJSON(BRIEF_VIEW_KEY, { generated_at: brief.generated_at, items: brief.items, sig: briefSig() });
-      }
-    } else {
-      const i = feed.findIndex((a) => a.id === article.id);
-      if (i >= 0) {
-        feed[i] = repl;
-        feed = [...feed];
-      }
-    }
-  }
-
-  async function browse() {
-    if (selected !== 'today') await goto(urlForView('today'));
-    document.getElementById('explore')?.scrollIntoView({ behavior: 'smooth' });
-  }
-
-  // --- Closer to Home: opt-in, localStorage-only, easy to clear ---
-  function reloadHomeViews() {
-    if (selected === 'today') loadToday(true);
-    else if (selected === 'latest') loadView('latest', true);
-  }
-  function persistScope() { try { localStorage.setItem('goodnews:homeScope', homeScope); } catch { /* ignore */ } }
-  function setHome(v) {
-    homeValue = v || '';
-    // No US state -> nearby/region don't apply; collapse the dial to country.
-    if (!String(v).includes('-') && (homeScope === 'nearby' || homeScope === 'region')) homeScope = 'country';
-    try { v ? localStorage.setItem('goodnews:home', v) : localStorage.removeItem('goodnews:home'); } catch { /* ignore */ }
-    persistScope();
-    reloadHomeViews();
-  }
-  function setScope(s) { homeScope = s; persistScope(); reloadHomeViews(); }
-  function clearHome() { setHome(''); }
-  function dismissHomePrompt() {
-    homePromptDismissed = true;
-    try { localStorage.setItem('goodnews:homeDismissed', '1'); } catch { /* ignore */ }
-  }
-  let homeCountry = $derived(homeValue ? homeValue.split('-')[0] : '');
-  let homeState = $derived(homeValue.includes('-') ? homeValue.split('-')[1] : '');
-  // US census regions (mirror of the backend) — for concrete section labels.
-  const US_REGIONS = {
-    Northeast: ['CT','ME','MA','NH','RI','VT','NJ','NY','PA'],
-    Midwest: ['IL','IN','MI','OH','WI','IA','KS','MN','MO','NE','ND','SD'],
-    South: ['DE','FL','GA','MD','NC','SC','VA','DC','WV','AL','KY','MS','TN','AR','LA','OK','TX'],
-    West: ['AZ','CO','ID','MT','NV','NM','UT','WY','AK','CA','HI','OR','WA'],
-  };
-  let homeStateName = $derived(homeState ? (US_STATES.find(([c]) => c === homeState)?.[1] ?? homeState) : '');
-  let homeRegionName = $derived(homeState ? (Object.keys(US_REGIONS).find((r) => US_REGIONS[r].includes(homeState)) ?? '') : '');
-  let homeCountryLabel = $derived(homeCountry === 'US' ? 'the US' : homeCountry === 'GB' ? 'the UK'
-    : (HOME_COUNTRIES.find(([c]) => c === homeCountry)?.[1] ?? homeCountry));
-  // The dial's stops adapt to what's entered: full radius for a US state, else Country/World.
-  let scopeStops = $derived(homeState
-    ? [['nearby', 'Nearby'], ['region', 'Region'], ['country', 'Country'], ['world', 'World']]
-    : [['country', 'Country'], ['world', 'World']]);
-  // Concrete, soft section labels — honest place names so the reader sees the dial worked.
-  function sectionLabel(key) {
-    if (key === 'state') return homeStateName ? `Around ${homeStateName}` : 'Near you';
-    if (key === 'region') return homeRegionName ? `Across the ${homeRegionName}` : 'Your region';
-    if (key === 'country') return `Across ${homeCountryLabel}`;
-    if (key === 'world') return 'Around the world';
-    if (key === 'near') return homeStateName ? `Around ${homeStateName}` : 'Near you';   // legacy feed key
-    return '';
-  }
-
-  // Home picker. Countries are the well-covered ones (matches backend normalization);
-  // US gets state granularity. Kept short on purpose — calm, not a config wall.
-  const HOME_COUNTRIES = [
-    ['US', 'United States'], ['GB', 'United Kingdom'], ['CA', 'Canada'], ['AU', 'Australia'],
-    ['IE', 'Ireland'], ['NZ', 'New Zealand'], ['FR', 'France'], ['DE', 'Germany'],
-    ['NL', 'Netherlands'], ['BE', 'Belgium'], ['IT', 'Italy'], ['ES', 'Spain'], ['IN', 'India'],
-  ];
-  const US_STATES = [
-    ['AL','Alabama'],['AK','Alaska'],['AZ','Arizona'],['AR','Arkansas'],['CA','California'],
-    ['CO','Colorado'],['CT','Connecticut'],['DE','Delaware'],['DC','Washington DC'],['FL','Florida'],
-    ['GA','Georgia'],['HI','Hawaii'],['ID','Idaho'],['IL','Illinois'],['IN','Indiana'],['IA','Iowa'],
-    ['KS','Kansas'],['KY','Kentucky'],['LA','Louisiana'],['ME','Maine'],['MD','Maryland'],
-    ['MA','Massachusetts'],['MI','Michigan'],['MN','Minnesota'],['MS','Mississippi'],['MO','Missouri'],
-    ['MT','Montana'],['NE','Nebraska'],['NV','Nevada'],['NH','New Hampshire'],['NJ','New Jersey'],
-    ['NM','New Mexico'],['NY','New York'],['NC','North Carolina'],['ND','North Dakota'],['OH','Ohio'],
-    ['OK','Oklahoma'],['OR','Oregon'],['PA','Pennsylvania'],['RI','Rhode Island'],['SC','South Carolina'],
-    ['SD','South Dakota'],['TN','Tennessee'],['TX','Texas'],['UT','Utah'],['VT','Vermont'],
-    ['VA','Virginia'],['WA','Washington'],['WV','West Virginia'],['WI','Wisconsin'],['WY','Wyoming'],
-  ];
-  let homeEditing = $state(false);
-  let pickCountry = $state('');
-  let pickState = $state('');
-  function applyHomePick() {
-    if (!pickCountry) return;
-    setHome(pickCountry === 'US' && pickState ? `${pickCountry}-${pickState}` : pickCountry);
-    homeEditing = false;
-  }
-  function openHomeEditor() { pickCountry = homeCountry; pickState = homeState; homeEditing = true; }
-
-  onMount(async () => {
-    initPrefs();
-    initHistory();
-    seenIds = new Set(P.loadJSON(SEEN_KEY, []));
-    dismissed = new Set(P.loadJSON(DISMISSED_KEY, []));
-    try {
-      homeValue = localStorage.getItem('goodnews:home') || '';
-      homePromptDismissed = localStorage.getItem('goodnews:homeDismissed') === '1';
-      homeScope = localStorage.getItem('goodnews:homeScope') || 'nearby';
-      if (!homeValue.includes('-') && (homeScope === 'nearby' || homeScope === 'region')) homeScope = 'country';
-    } catch { /* ignore */ }
-    refreshAuth();
-    // trackVisit() now fires once in the global layout (covers every landing page).
-    if (selected === 'search') { searchText = searchQuery; searchOpen = true; }  // prefill on direct/shared link
-    // Instant paint: render the last saved Today brief immediately and refresh
-    // it behind the scenes, so the first view never blocks on a (personalized,
-    // origin-bound) /api/brief request. "Gathering the good news…" then only
-    // shows on a genuine first visit with nothing cached yet.
-    if (selected === 'today') {
-      const cached = P.loadJSON(BRIEF_VIEW_KEY, null);
-      // Only paint instantly if the saved brief was shaped by the SAME
-      // boundaries/prefs/dismissals — never flash content the current settings
-      // should hide. A mismatch falls through to "Gathering…" + a fresh fetch.
-      if (cached && Array.isArray(cached.items) && cached.items.length && cached.sig === briefSig()) {
-        brief = cached;
-        heroIdx = 0;
-        loading = false;
-      }
-    }
-    // Critical path: moods + categories (needed to resolve a mood/topic view)
-    // load in PARALLEL, then the requested view. Every getJSON times out, and
-    // loading ALWAYS clears in finally, so the page can never get stuck on
-    // "Gathering the good news…".
-    try {
-      const [m, c] = await Promise.all([
-        getJSON('/api/moods').catch(() => []),
-        getJSON('/api/categories').catch(() => ({ topics: [] })),
-      ]);
-      moods = m; topics = c.topics;
-      await loadView(selected);
-    } catch (e) {
-      if (!brief) error = 'Could not reach Upbeat Bytes.'; // keep painted content if a refresh failed
-    } finally {
-      loading = false;
-    }
-    checkSince(); // after the first paint; non-blocking
-    // Pure decoration (nav-rail customization + tag families): non-blocking — a
-    // slow or failed one fills in late instead of holding up the content.
-    Promise.allSettled([
-      getJSON('/api/lanes').then((r) => (lanePool = r)),
-      getJSON('/api/families').then((r) => (families = r)),
-    ]);
-  });
+  // Interim: `/` still renders the news feed (extracted to NewsFeed) with NO visible or
+  // behavioral change — base-aware links keep `/` behaving exactly as before. At cutover
+  // this route becomes the hub (moved from /home3) and the feed lives only at /news.
+  import NewsFeed from '$lib/components/NewsFeed.svelte';
 </script>
 
-<Header onSaved={() => (showSaved = true)} onaccount={openAccount} user={auth.user} boundariesActive={filtersOn} />
-
-{#if showSignIn}<SignIn onclose={() => { showSignIn = false; if (!auth.user) pendingDigestOptIn = false; }} />{/if}
-{#if showSaved && auth.user}<SavedFlyout onclose={() => (showSaved = false)} />{/if}
-{#if showLanes && lanePool}
-  <LanePicker pool={lanePool} selected={pinnedLaneKeys} onsave={saveLanes} onclose={() => (showLanes = false)} />
-{/if}
-
-<main class="container">
-  {#if navLanes.length}
-    <MoodNav lanes={navLanes} {selected} onselect={navigate} oncustomize={() => (showLanes = true)} />
-  {/if}
-
-  {#if notice}<p class="notice rise">{notice}</p>{/if}
-
-  {#if loading}
-    <p class="muted center pad">Gathering the good news…</p>
-  {:else if error}
-    <p class="muted center pad">{error}</p>
-  {:else}
-    {#key selected}
-      <header class="view-head rise">
-        <div class="vh-text">
-          <h1>{viewLabel}</h1>
-          {#if viewSubtitle}<p class="sub">{viewSubtitle}</p>{/if}
-        </div>
-        <div class="vh-actions">
-          <button class="searchtoggle" class:on={searchOpen || selected === 'search'} onclick={toggleSearch} aria-label="Search articles" title="Search articles">
-            <svg viewBox="0 0 24 24" aria-hidden="true"><circle cx="11" cy="11" r="7" fill="none" stroke="currentColor" stroke-width="2"/><path d="M21 21l-4.4-4.4" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg>
-          </button>
-          {#if auth.user && followTarget}
-            <button class="followbtn" class:on={isFollowing(followTarget.kind, followTarget.value)}
-                    onclick={() => toggleFollow(followTarget.kind, followTarget.value)}>
-              {isFollowing(followTarget.kind, followTarget.value) ? '✓ Following' : 'Follow ' + followTarget.noun}
-            </button>
-          {/if}
-          {#if selected !== 'today'}
-            <button class="viewback" onclick={goBack} aria-label="Go back">
-              <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M19 12H5M11 6l-6 6 6 6" fill="none" stroke="currentColor" stroke-width="2.1" stroke-linecap="round" stroke-linejoin="round"/></svg>
-              Back
-            </button>
-          {/if}
-        </div>
-      </header>
-
-      {#if searchOpen || selected === 'search'}
-        <div class="searchbar rise">
-          <input type="search" bind:value={searchText} placeholder="Search articles, topics, or a source…"
-                 autocapitalize="off" autocomplete="off" spellcheck="false"
-                 onkeydown={(e) => (e.key === 'Enter' ? runSearch() : e.key === 'Escape' ? (searchOpen = false) : null)} />
-          <button class="searchgo" onclick={runSearch}>Search</button>
-          {#if selected === 'search'}<button class="searchclear" onclick={() => { searchOpen = false; goto('/'); }}>Clear</button>{/if}
-        </div>
-      {/if}
-
-      {#if selected === 'today'}
-        {#if sinceCount > 0 && !sinceDismissed}
-          <div class="welcomeback rise">
-            <p class="wb-text">
-              Since you were last here, {sinceCount} new calm read{sinceCount === 1 ? '' : 's'} came in.
-              {#if !sinceOpen}<button class="wb-cta" onclick={() => (sinceOpen = true)}>See what’s new</button>{/if}
-            </p>
-            <button class="wb-x" onclick={() => (sinceDismissed = true)} aria-label="Dismiss">×</button>
-          </div>
-          {#if sinceOpen && sinceItems.length}
-            <section class="rise sincesec">
-              <h2 class="since-h">New since your last visit</h2>
-              <div class="grid">
-                {#each sinceItems as a (a.id)}
-                  <ArticleCard article={a} thumb onaction={applyAction} onreplace={replaceArticle} ontag={(t) => drill('tag:' + t)} onsource={(id, name) => drill('source:' + id, { id, name })} onview={record} />
-                {/each}
-              </div>
-            </section>
-          {/if}
-        {/if}
-        {#if brief?.items?.length}
-          {#if homeEditing || (!homeValue && !homePromptDismissed)}
-            <div class="homecard rise">
-              {#if !homeValue}<p class="homecopy">Want your good news closer to home?</p>{/if}
-              <div class="homepick">
-                <select bind:value={pickCountry} aria-label="Country">
-                  <option value="">Pick a country…</option>
-                  {#each HOME_COUNTRIES as [code, label] (code)}<option value={code}>{label}</option>{/each}
-                </select>
-                {#if pickCountry === 'US'}
-                  <select bind:value={pickState} aria-label="State">
-                    <option value="">All of the US</option>
-                    {#each US_STATES as [code, label] (code)}<option value={code}>{label}</option>{/each}
-                  </select>
-                {/if}
-                <button class="hset" onclick={applyHomePick} disabled={!pickCountry}>Show local first</button>
-                {#if homeValue}<button class="linkish" onclick={() => (homeEditing = false)}>Cancel</button>
-                {:else}<button class="linkish" onclick={dismissHomePrompt}>Not now</button>{/if}
-              </div>
-            </div>
-          {:else if homeValue}
-            <div class="scopedial rise">
-              <span class="sd-label">Good news closest first</span>
-              <div class="sd-stops">
-                {#each scopeStops as [s, label] (s)}
-                  <button class="sd-btn" class:on={homeScope === s} onclick={() => setScope(s)}>{label}</button>
-                {/each}
-              </div>
-              <span class="sd-actions">
-                <button class="linkish" onclick={openHomeEditor}>Change</button>
-                <button class="linkish" onclick={clearHome}>Clear</button>
-              </span>
-            </div>
-          {/if}
-          <section class="rise">
-            <ArticleCard article={heroArticle} hero onaction={applyAction} onreplace={replaceArticle} ontag={(t) => drill('tag:' + t)} onsource={(id, name) => drill('source:' + id, { id, name })} onview={record} onimageerror={heroImageFailed} />
-            {#if restArticles.length}
-              <div class="grid rest">
-                {#each restArticles as a, i (a.id)}
-                  {#if a.section && a.section !== restArticles[i - 1]?.section && a.section !== heroArticle?.section}
-                    <h3 class="feed-section">{sectionLabel(a.section)}</h3>
-                  {/if}
-                  <ArticleCard article={a} thumb onaction={applyAction} onreplace={replaceArticle} ontag={(t) => drill('tag:' + t)} onsource={(id, name) => drill('source:' + id, { id, name })} onview={record} />
-                {/each}
-              </div>
-            {/if}
-          </section>
-          <div class="endcap rise" bind:this={endcapEl}>
-            <p class="endmark">✦ that's the good news for today ✦</p>
-            <p class="endsub">You're caught up for now.</p>
-            {#if ritual.total}
-              <div class="calmset">
-                <p class="cs-head">Today's calm set</p>
-                <ul class="cs-items">
-                  {#each ritual.items as it (it.key)}
-                    <li class="cs-item" class:done={it.done}>
-                      <span class="cs-mark" aria-hidden="true"></span>{#if it.done || it.key === 'brief'}{it.label}{:else}<a href={it.href}>{it.label}</a>{/if}
-                    </li>
-                  {/each}
-                </ul>
-                <p class="cs-foot">
-                  {ritual.count === ritual.total ? `All ${ritual.total} enjoyed today` : `${ritual.count} of ${ritual.total} enjoyed today`} · fresh set tomorrow · <a class="cs-edit" href="/account?section=calmset">make it yours</a>
-                </p>
-              </div>
-            {/if}
-            {#if auth.user?.digest_enabled}
-              <p class="digestnote">Tomorrow's brief is headed to your inbox ☕</p>
-            {:else}
-              <button class="digestcta" onclick={subscribeDigest} disabled={digestBusy}>
-                {digestBusy ? '…' : 'Get tomorrow’s brief by email'}
-              </button>
-            {/if}
-          </div>
-        {:else}
-          <p class="muted center pad">No highlights yet today — try a calmer filter, or check back soon.</p>
-        {/if}
-      {:else if feed.length}
-        {#if selected === 'latest'}
-          {#if homeEditing || (!homeValue && !homePromptDismissed)}
-            <div class="homecard rise">
-              <p class="homecopy">Want good news closer to home?</p>
-              <div class="homepick">
-                <select bind:value={pickCountry} aria-label="Country">
-                  <option value="">Pick a country…</option>
-                  {#each HOME_COUNTRIES as [code, label] (code)}<option value={code}>{label}</option>{/each}
-                </select>
-                {#if pickCountry === 'US'}
-                  <select bind:value={pickState} aria-label="State">
-                    <option value="">All of the US</option>
-                    {#each US_STATES as [code, label] (code)}<option value={code}>{label}</option>{/each}
-                  </select>
-                {/if}
-                <button class="hset" onclick={applyHomePick} disabled={!pickCountry}>Show local first</button>
-                {#if homeValue}
-                  <button class="linkish" onclick={() => (homeEditing = false)}>Cancel</button>
-                {:else}
-                  <button class="linkish" onclick={dismissHomePrompt}>Not now</button>
-                {/if}
-              </div>
-            </div>
-          {:else if homeValue}
-            <div class="homebar">📍 Showing local first · <button class="linkish" onclick={openHomeEditor}>Change</button> · <button class="linkish" onclick={clearHome}>Clear</button></div>
-          {/if}
-        {/if}
-        <div class="grid rise">
-          {#each feed as a, i (a.id)}
-            {#if a.section && a.section !== feed[i - 1]?.section}
-              <h3 class="feed-section">{sectionLabel(a.section)}</h3>
-            {/if}
-            <ArticleCard article={a} thumb onaction={applyAction} onreplace={replaceArticle} ontag={(t) => drill('tag:' + t)} onsource={(id, name) => drill('source:' + id, { id, name })} onview={record} />
-          {/each}
-        </div>
-        {#if !feedDone}
-          <div class="loadmore">
-            <button onclick={loadMore} disabled={loadingMore}>
-              {loadingMore ? 'Loading…' : 'Load more'}
-            </button>
-          </div>
-        {:else}
-          <p class="endcap rise">✦ you're all caught up ✦</p>
-        {/if}
-      {:else if selected === 'search'}
-        <p class="muted center pad">No articles found for “{searchQuery}”. Try a different word, or a source name like “Nature”.</p>
-      {:else if selected === 'following'}
-        <p class="muted center pad">
-          {#if auth.user}Nothing here yet — open a source or a grouping and tap <strong>Follow</strong> to fill this lane with what you care about.
-          {:else}Sign in and follow a few sources or topics, and this becomes your own calm lane.{/if}
-        </p>
-      {:else}
-        <p class="muted center pad">Nothing here right now — try another, or ease a boundary.</p>
-      {/if}
-    {/key}
-
-    {#if families.length}
-      <section id="explore" class="explore">
-        <h2>Explore Upbeat Bytes</h2>
-        <div class="families">
-          {#each families as f (f.name)}
-            {@const tags = f.tags.filter((t) => t.count > 0)}
-            {#if tags.length}
-              <div class="family">
-                <h3>{f.name}</h3>
-                <p class="fdesc">{f.description}</p>
-                <div class="chips">
-                  {#each tags as t (t.key)}
-                    <button class="chip" class:active={selected === 'tag:' + t.key} onclick={() => drill('tag:' + t.key)}>{humanize(t.key)}</button>
-                  {/each}
-                </div>
-              </div>
-            {/if}
-          {/each}
-        </div>
-      </section>
-    {/if}
-
-    {#if !pwa.isStandalone && !pwa.dismissed && (pwa.canInstall || pwa.isIOS)}
-      <aside class="install rise">
-        <div class="install-text">
-          <strong>Keep Upbeat Bytes a tap away.</strong>
-          {#if pwa.canInstall}Add it to your home screen — it opens like an app, no store needed.
-          {:else}On iPhone: tap the <span class="ios-share">Share</span> button, then “Add to Home Screen.”{/if}
-        </div>
-        <div class="install-actions">
-          {#if pwa.canInstall}<button class="install-go" onclick={installApp}>Install</button>{/if}
-          <button class="install-x" onclick={dismissPwa}>Not now</button>
-        </div>
-      </aside>
-    {/if}
-  {/if}
-</main>
-
-<BottomNav active={activeTab} onToday={() => navigate('today')} onLatest={() => navigate('latest')} onPlay={() => goto('/play')} onYou={openAccount} user={auth.user} />
-
-<style>
-  main.container { padding-top: 6px; padding-bottom: 40px; min-height: 60vh; }
-
-  .view-head {
-    margin: 18px 0 18px; display: flex; align-items: flex-start;
-    justify-content: space-between; gap: 16px;
-  }
-  .view-head .vh-text { flex: 1; min-width: 0; }
-  .viewback {
-    flex-shrink: 0; margin-top: 8px;
-    display: inline-flex; align-items: center; gap: 5px;
-    background: none; border: 1px solid var(--line); color: var(--accent-deep);
-    border-radius: 999px; padding: 6px 14px; font-size: 0.85rem; cursor: pointer;
-    transition: border-color 0.14s ease;
-  }
-  .viewback:hover { border-color: var(--accent); }
-  .viewback svg { width: 16px; height: 16px; display: block; }
-  .vh-actions { flex-shrink: 0; display: flex; align-items: center; gap: 8px; margin-top: 8px; }
-  .searchtoggle { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px;
-                  background: none; border: 1px solid var(--line); color: var(--accent-deep); border-radius: 999px;
-                  cursor: pointer; transition: border-color 0.14s ease, background 0.14s ease; }
-  .searchtoggle:hover { border-color: var(--accent); }
-  .searchtoggle.on { background: var(--accent); border-color: var(--accent); color: #fff; }
-  .searchtoggle svg { width: 17px; height: 17px; display: block; }
-  .searchbar { display: flex; gap: 8px; margin: 0 0 18px; }
-  .searchbar input { flex: 1; min-width: 0; font: inherit; font-size: 1rem; padding: 10px 14px;
-                     border: 1px solid var(--line); border-radius: 10px; background: var(--surface); color: var(--ink); }
-  .searchbar input:focus { outline: none; border-color: var(--accent); }
-  .searchgo { background: var(--accent); color: #fff; border: none; border-radius: 10px; padding: 0 18px;
-              font: inherit; font-weight: 600; cursor: pointer; }
-  .searchgo:hover { background: var(--accent-deep); }
-  .searchclear { background: none; border: 1px solid var(--line); color: var(--muted); border-radius: 10px;
-                 padding: 0 14px; font: inherit; cursor: pointer; }
-  .followbtn {
-    display: inline-flex; align-items: center; gap: 5px; white-space: nowrap;
-    background: none; border: 1px solid var(--accent); color: var(--accent-deep);
-    border-radius: 999px; padding: 6px 15px; font-size: 0.85rem; cursor: pointer;
-    transition: background 0.14s ease, color 0.14s ease;
-  }
-  .followbtn:hover { background: var(--accent-soft); }
-  .followbtn.on { background: var(--accent); border-color: var(--accent); color: #fff; }
-  .view-head h1 { font-size: clamp(2.1rem, 5.5vw, 2.8rem); line-height: 1.05; text-transform: capitalize; }
-  .view-head .sub { margin: 8px 0 0; color: var(--muted); font-size: 1.02rem; }
-  .view-head .vh-text::after {
-    content: ''; display: block; width: 46px; height: 3px;
-    background: var(--accent); border-radius: 2px; margin-top: 14px; opacity: 0.8;
-  }
-
-  .explore { margin: 52px 0 8px; padding-top: 28px; border-top: 1px solid var(--line); }
-  .explore h2 {
-    font-size: 0.74rem; text-transform: uppercase; letter-spacing: 0.14em;
-    color: var(--muted); font-family: var(--label); font-weight: 400; margin: 0 0 22px;
-  }
-  .families { display: grid; grid-template-columns: repeat(auto-fit, minmax(248px, 1fr)); gap: 26px 32px; }
-  .family h3 { font-size: 1.16rem; margin: 0 0 2px; }
-  .family .fdesc { margin: 0 0 11px; color: var(--muted); font-size: 0.86rem; line-height: 1.45; }
-  .explore .chips { display: flex; flex-wrap: wrap; gap: 7px; }
-  .explore .chip {
-    border: 1px solid var(--line); background: var(--surface); color: var(--ink);
-    border-radius: 999px; padding: 5px 13px; font-size: 0.82rem; cursor: pointer;
-    transition: all 0.14s ease; text-transform: capitalize;
-  }
-  .explore .chip:hover { border-color: var(--accent); color: var(--accent-deep); }
-  .explore .chip.active { background: var(--accent); border-color: var(--accent); color: #fff; }
-
-  .notice {
-    text-align: center; color: var(--accent-deep); background: var(--accent-soft);
-    border-radius: 999px; padding: 8px 16px; margin: 10px auto 0; width: fit-content; font-size: 0.86rem;
-  }
-  .rest { margin-top: 18px; }
-  .center { text-align: center; }
-  .pad { padding: 48px 0; }
-  .endcap {
-    text-align: center; color: var(--muted); font-family: var(--serif);
-    font-style: italic; margin: 40px 0 10px; letter-spacing: 0.02em;
-  }
-  .endcap .endmark { margin: 0; }
-  .endcap .endsub { margin: 4px 0 0; font-size: 0.92rem; }
-  .endcap .digestnote { margin: 14px 0 0; font-style: normal; font-family: var(--label); font-size: 0.86rem; color: var(--accent-deep); }
-  .endcap .digestcta {
-    margin-top: 16px; font-family: var(--label); font-style: normal; font-size: 0.9rem; cursor: pointer;
-    background: var(--accent); color: #fff; border: none; border-radius: 999px; padding: 10px 22px;
-  }
-  .endcap .digestcta:hover { background: var(--accent-deep); }
-  .endcap .digestcta:disabled { opacity: 0.6; cursor: default; }
-
-  /* Daily Ritual — "today's calm set". Gentle, non-instrumental: a soft check
-     for what's been enjoyed, no streak, no pressure to finish the rest. */
-  .calmset {
-    margin: 20px auto 4px; max-width: 320px; padding-top: 16px;
-    border-top: 1px solid var(--line); font-style: normal; font-family: var(--label);
-  }
-  .cs-head {
-    margin: 0 0 10px; text-transform: uppercase; letter-spacing: 0.13em;
-    font-size: 0.66rem; font-weight: 600; color: var(--accent-deep);
-  }
-  .cs-items {
-    list-style: none; margin: 0; padding: 0; display: flex; gap: 16px;
-    justify-content: center; flex-wrap: wrap;
-  }
-  .cs-item { display: inline-flex; align-items: center; gap: 7px; font-size: 0.9rem; color: var(--muted); }
-  .cs-item a { color: inherit; text-decoration: none; }
-  .cs-item a:hover { color: var(--accent-deep); }
-  .cs-item.done { color: var(--ink); }
-  .cs-mark {
-    width: 16px; height: 16px; border-radius: 50%; border: 1.5px solid var(--line);
-    flex-shrink: 0; transition: background 0.16s ease, border-color 0.16s ease;
-  }
-  .cs-item.done .cs-mark {
-    background: var(--accent); border-color: var(--accent);
-    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12l5 5 9-10' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
-    background-size: 13px; background-repeat: no-repeat; background-position: center;
-  }
-  .cs-foot { margin: 12px 0 0; font-size: 0.82rem; color: var(--muted); }
-  .cs-edit { color: var(--accent-deep); text-decoration: underline; white-space: nowrap; }
-
-  /* "Since you last visited" — a calm welcome-back cue on Highlights */
-  .welcomeback {
-    display: flex; align-items: center; gap: 12px; justify-content: space-between;
-    background: var(--accent-soft); border: 1px solid var(--accent-soft); color: var(--accent-deep);
-    border-radius: 14px; padding: 12px 16px; margin: 4px 0 18px;
-  }
-  .welcomeback .wb-text { margin: 0; font-size: 0.95rem; }
-  .wb-cta { background: none; border: none; color: var(--accent-deep); font: inherit; font-weight: 600;
-            cursor: pointer; text-decoration: underline; margin-left: 6px; padding: 0; }
-  .wb-x { background: none; border: none; color: var(--accent-deep); font-size: 1.3rem; line-height: 1;
-          cursor: pointer; padding: 0 4px; opacity: 0.7; flex-shrink: 0; }
-  .wb-x:hover { opacity: 1; }
-  .sincesec { margin: 0 0 26px; }
-  .since-h { font-size: 1.1rem; margin: 0 0 12px; color: var(--ink); }
-
-  /* PWA install banner — gentle, dismissible, never nagging */
-  .install {
-    display: flex; align-items: center; gap: 14px; justify-content: space-between; flex-wrap: wrap;
-    background: var(--surface); border: 1px solid var(--line); border-radius: 16px;
-    padding: 16px 20px; margin: 28px 0 0;
-  }
-  .install-text { font-size: 0.92rem; color: var(--ink); line-height: 1.5; }
-  .install-text strong { display: block; margin-bottom: 2px; }
-  .ios-share { color: var(--accent-deep); font-weight: 600; }
-  .install-actions { display: flex; gap: 10px; align-items: center; flex-shrink: 0; }
-  .install-go { background: var(--accent); color: #fff; border: none; border-radius: 999px;
-                padding: 9px 20px; font: inherit; font-weight: 600; cursor: pointer; }
-  .install-go:hover { background: var(--accent-deep); }
-  .install-x { background: none; border: none; color: var(--muted); font: inherit; font-size: 0.88rem; cursor: pointer; }
-  .install-x:hover { color: var(--accent-deep); }
-  /* Closer to Home: calm inline prompt + slim indicator + section headers */
-  .homecard { border: 1px solid var(--line); border-radius: 14px; background: var(--accent-soft);
-              padding: 14px 16px; margin: 0 0 18px; }
-  .homecopy { margin: 0 0 10px; font-family: var(--label); color: var(--accent-deep); }
-  .homepick { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
-  .homepick select { font: inherit; font-size: 0.9rem; padding: 7px 10px; border: 1px solid var(--line);
-                     border-radius: 9px; background: var(--bg); color: var(--ink); }
-  .hset { font: inherit; font-weight: 600; padding: 7px 16px; border: none; border-radius: 999px;
-          background: var(--accent); color: #fff; cursor: pointer; }
-  .hset:hover { background: var(--accent-deep); }
-  .hset:disabled { opacity: 0.55; cursor: default; }
-  .linkish { background: none; border: none; color: var(--accent-deep); font: inherit; font-size: 0.86rem;
-             cursor: pointer; text-decoration: underline; padding: 0; }
-  .homebar { font-size: 0.86rem; color: var(--muted); margin: 0 0 16px; }
-  .scopedial { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; margin: 0 0 16px; }
-  .sd-label { font-size: 0.82rem; color: var(--muted); }
-  .sd-stops { display: inline-flex; border: 1px solid var(--line); border-radius: 999px; overflow: hidden; }
-  .sd-btn { font: inherit; font-size: 0.85rem; font-weight: 600; padding: 6px 14px; border: none;
-            background: var(--bg); color: var(--ink); cursor: pointer; border-right: 1px solid var(--line); }
-  .sd-stops .sd-btn:last-child { border-right: none; }
-  .sd-btn.on { background: var(--accent-soft); color: var(--accent-deep); }
-  .sd-actions { margin-left: auto; display: inline-flex; gap: 12px; }
-  .feed-section { grid-column: 1 / -1; margin: 8px 0 2px; font-family: var(--label); font-size: 0.78rem;
-                  text-transform: uppercase; letter-spacing: 0.06em; color: var(--muted); }
-  .grid > .feed-section:first-child { margin-top: 0; }
-  .loadmore { display: flex; justify-content: center; margin: 30px 0 6px; }
-  .loadmore button {
-    background: var(--surface); border: 1px solid var(--line); color: var(--accent-deep);
-    border-radius: 999px; padding: 10px 28px; font-size: 0.92rem; cursor: pointer;
-    transition: all 0.14s ease;
-  }
-  .loadmore button:hover { border-color: var(--accent); background: var(--accent-soft); }
-  .loadmore button:disabled { opacity: 0.6; cursor: default; }
-</style>
+<NewsFeed />
diff --git a/frontend/src/routes/news/+page.svelte b/frontend/src/routes/news/+page.svelte
new file mode 100644
index 0000000..556224b
--- /dev/null
+++ b/frontend/src/routes/news/+page.svelte
@@ -0,0 +1,12 @@
+<script>
+  // /news — the feed's permanent home. During transition it renders the SAME extracted
+  // NewsFeed as `/` and stays hidden (noindex) so we never publish a duplicate indexable
+  // surface. At cutover the noindex is dropped and /news enters the sitemap.
+  import NewsFeed from '$lib/components/NewsFeed.svelte';
+</script>
+
+<svelte:head>
+  <meta name="robots" content="noindex, follow" />
+</svelte:head>
+
+<NewsFeed />