start: show the normal site header on /start (with the owner dashboard button, highlighted there); no footer on the new-tab page

/start is no longer immersive, so it loads the lazily imported SiteChrome like other pages.
Only the book reader still skips the chrome. hidesFooter() keeps the footer off /start.

src/lib/chrome.test.ts

@@ -1,13 +1,19 @@
 import { describe, expect, it } from 'vitest';
-import { isImmersive } from './chrome';
+import { hidesFooter, isImmersive } from './chrome';
 
 describe('immersive pages', () => {
-	it('skips the site chrome on /start and the book reader only', () => {
+	it('skips the site chrome on the book reader only', () => {
-		expect(isImmersive('/start')).toBe(true);
+		expect(isImmersive('/start')).toBe(false);
-		expect(isImmersive('/start/')).toBe(true);
 		expect(isImmersive('/trackers/books/12/read')).toBe(true);
 		expect(isImmersive('/')).toBe(false);
 		expect(isImmersive('/starter')).toBe(false);
 		expect(isImmersive('/trackers/books/12')).toBe(false);
 	});
+
+	it('shows the header but no footer on /start', () => {
+		expect(hidesFooter('/start')).toBe(true);
+		expect(hidesFooter('/start/')).toBe(true);
+		expect(hidesFooter('/starter')).toBe(false);
+		expect(hidesFooter('/')).toBe(false);
+	});
 });

src/lib/chrome.ts

@@ -1,10 +1,15 @@
 /**
- * Full-screen pages that render without the site header and footer: the /start new-tab
+ * Full-screen pages that render without the site header and footer (the book reader). They
- * dashboard and the book reader. They also skip loading the header's JS (icons, menus,
+ * also skip loading the header's JS (icons, menus, the mobile Sheet): src/routes/+layout.ts
- * the mobile Sheet): src/routes/+layout.ts only imports SiteChrome for other pages.
+ * only imports SiteChrome for other pages.
  */
 export function isImmersive(pathname: string): boolean {
-	return /^\/start\/?$/.test(pathname) || /^\/trackers\/books\/\d+\/read\/?$/.test(pathname);
+	return /^\/trackers\/books\/\d+\/read\/?$/.test(pathname);
+}
+
+/** Pages that show the site header but no footer: the /start new-tab dashboard. */
+export function hidesFooter(pathname: string): boolean {
+	return /^\/start\/?$/.test(pathname);
 }
 
 /** True when a keyboard shortcut should not fire because the user is typing. */

src/lib/components/SiteChrome.svelte

@@ -2,7 +2,7 @@
 	import { onMount, type Snippet } from 'svelte';
 	import { resolve } from '$app/paths';
 	import logo from '#lib/assets/brand/favicon-32x32.png?url';
-	import { isTyping } from '#lib/chrome.js';
+	import { hidesFooter, isTyping } from '#lib/chrome.js';
 	import { page } from '$app/state';
 	import CopyButton from '#lib/components/CopyButton.svelte';
 	import ProjectIcon from '#lib/components/ProjectIcon.svelte';
@@ -36,6 +36,7 @@
 		version: string;
 	};
 	let { data, children }: { data: ChromeData; children: Snippet } = $props();
+	const showFooter = $derived(!hidesFooter(page.url.pathname));
 	let menuOpen = $state(false);
 	// Which header dropdown is open (desktop): '/projects', '/trackers' or none.
 	let openMenu = $state<string | null>(null);
@@ -266,7 +267,7 @@
 				{#if data.isOwner}
 					<Button
 						href={resolve('/start')}
-						variant="ghost"
+						variant={current('/start') ? 'secondary' : 'ghost'}
 						size="sm"
 						class="gap-1.5"
 						title="Dashboard (g then d)"
@@ -369,6 +370,7 @@
 		</div>
 	</header>
 	<main id="main" class="isolate min-w-0 flex-1">{@render children()}</main>
+	{#if showFooter}
 		<footer
 			class="mt-16 border-t border-[var(--site-border)]"
 			class:tracker-footer={page.route.id === '/projects/game-tracker'}
@@ -403,6 +405,7 @@
 				</nav>
 			</div>
 		</footer>
+	{/if}
 </div>
 
 <style>

src/routes/+layout.svelte

@@ -5,7 +5,7 @@
 	import { getSeo } from '#lib/seo.js';
 
 	// The header/footer are in #lib/components/SiteChrome.svelte, which +layout.ts loads only
-	// for pages that show them, so the /start new-tab page stays small.
+	// for pages that show them (not the full-screen book reader).
 	let { data, children } = $props();
 	const seo = $derived(getSeo(page.url.pathname, page.data, data.environment));
 	const Chrome = $derived(data.Chrome);

src/routes/+layout.ts

@@ -2,8 +2,8 @@ import { isImmersive } from '#lib/chrome.js';
 import type { LayoutLoad } from './$types';
 
 // The site header/footer (icon libraries, dropdowns, the bits-ui Sheet) live in SiteChrome,
-// imported only for pages that show them. Immersive pages such as the /start new-tab
+// imported only for pages that show them. Immersive pages (the book reader) never
-// dashboard never download that code. Universal loads may return components.
+// download that code. Universal loads may return components.
 export const load: LayoutLoad = async ({ data, url }) => ({
 	...data,
 	Chrome: isImmersive(url.pathname)