From d0bf6d18bcdb554f19807403d1451ff7bf880538 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Sun, 26 Jul 2026 00:00:11 +0000
Subject: [PATCH] Auto-refresh sidebar data so a stale tab picks up backend
 polls
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Verified the PoE2 24h-change computation itself is correct (simulated
24+ hours of real hourly polling against the actual recordRate/
rateAtOrBefore/markPolled functions — change24h starts populating
right on schedule at hour 24). The real problem: weather/stocks/poe2/
bookmarks are only fetched once when the layout first loads.
SvelteKit never re-runs a load() on its own — only on navigation or
explicit invalidation — so a browser tab left open never sees any of
those widgets update no matter how long the backend has been polling.

Named the layout's load() dependency ('app:sidebar') and invalidate
just that on a 5-minute timer, rather than invalidateAll() — which
would also re-run page-level loads and could reset things like the
home feed's own pagination state on every refresh.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_014c1L8ghNBFjfiH64UMViP8
---
 frontend/src/routes/+layout.svelte | 14 +++++++++++++-
 frontend/src/routes/+layout.ts     |  6 +++++-
 2 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/frontend/src/routes/+layout.svelte b/frontend/src/routes/+layout.svelte
index e030e52..80859e7 100644
--- a/frontend/src/routes/+layout.svelte
+++ b/frontend/src/routes/+layout.svelte
@@ -1,7 +1,8 @@
 <script lang="ts">
 	import '../lib/styles/app.css';
+	import { onMount } from 'svelte';
 	import { page } from '$app/stores';
-	import { invalidateAll } from '$app/navigation';
+	import { invalidateAll, invalidate } from '$app/navigation';
 	import ThemeToggle from '$lib/components/ThemeToggle.svelte';
 	import PrivateAccessModal from '$lib/components/PrivateAccessModal.svelte';
 	import Sidebar from '$lib/components/sidebar/Sidebar.svelte';
@@ -13,6 +14,17 @@
 
 	let showLoginModal = $state(false);
 
+	// Weather/Stocks/PoE2/Bookmarks are all backend-polled on their own cadence (15m-1h) —
+	// without this, a tab left open never sees those updates, since SvelteKit only re-runs
+	// a load() on navigation or explicit invalidation, never on a timer by itself. Scoped
+	// to this layout's own 'app:sidebar' dependency (see +layout.ts) rather than
+	// invalidateAll(), so it doesn't also re-run page-level loads — e.g. the home feed's
+	// own pagination state would otherwise reset every refresh.
+	onMount(() => {
+		const interval = setInterval(() => invalidate('app:sidebar'), 5 * 60_000);
+		return () => clearInterval(interval);
+	});
+
 	// Admin pages already use full page width for their own tab UI — the sidebar's utility
 	// widgets don't belong there, unlike every reader-facing route (home, category,
 	// article, event, more, weather).
diff --git a/frontend/src/routes/+layout.ts b/frontend/src/routes/+layout.ts
index 8e4935a..ef1f167 100644
--- a/frontend/src/routes/+layout.ts
+++ b/frontend/src/routes/+layout.ts
@@ -2,7 +2,11 @@ import type { LayoutLoad } from './$types';
 import { getCategories, getEvents, getWeather, getStocks, getBookmarks, getPoe2 } from '$lib/api';
 import { getPrivateAccessStatus } from '$lib/privateAccess';
 
-export const load: LayoutLoad = async ({ fetch, data }) => {
+// Named so the layout can be re-fetched on its own (see +layout.svelte's periodic
+// invalidate('app:sidebar')) without disturbing page-level loads — e.g. the home feed's
+// own pagination state, which a blanket invalidateAll() would reset every refresh.
+export const load: LayoutLoad = async ({ fetch, data, depends }) => {
+	depends('app:sidebar');
 	const [categories, events, privateAccess, weather, stocks, bookmarks, poe2] = await Promise.all([
 		getCategories(fetch),
 		getEvents(fetch),