Unlock all slices and remove the placement test (#40)

* Remove placement test gate; unlock all capture slices

- PieHome: drop gated/needsFundamentalsPlacement derived, remove
  locked prop from PieWheel, always show tagline/daily/shaky sections,
  remove lifecycleLocked per-slice logic (Locked badge, disabled Quiz me,
  'Complete Basics to unlock', 'Test out of basics' / gaps block)
- PieWheel: remove locked prop, sliceIsLocked, dimming logic; simplify
  sliceSummary, sliceFill, createOption, attachChart, wheelDescription
- ShelfView: remove routeLocked block, unlockHeadingEl, unlockStatusId,
  locked focus branch; always show 'Ready to prove it?' quiz button;
  convert bind:this to {@Attach captureHeading}
- ChapterView: same lock-block removal; always enable quiz button;
  convert bind:this to {@Attach captureHeading}
- SummaryView: remove TESTOUT_PASS import, unlockedByMastery, entire
  testout UI branch; score ring + headline are now always the main path;
  convert bind:this to {@Attach captureResultHeading}
- QuizView: simplify missed derived — drop game.mode !== 'testout' guard

* Remove testout engine and always-open capture slices

Drop placement test mode, fundamentals unlock gate, and routeLocked
gating. Quizzes on any slice still clear questions and fill the pie.
Legacy progress fields are ignored on load.

---------

Co-authored-by: Cursor Agent <cursoragent@cursor.com>

Author: jsolly

src/components/app/ChapterView.svelte

@@ -10,11 +10,7 @@
 	import TermRichText from "./TermRichText.svelte";
 
 	let chapter = $derived(game.chapter);
-	let headingEl: HTMLHeadingElement | null = $state(null);
-	let unlockHeadingEl: HTMLHeadingElement | null = $state(null);
-	let unlockStatusId = $derived(
-		chapter ? `chapter-unlock-status-${chapter.id}` : "chapter-unlock-status",
-	);
+	let headingEl: HTMLHeadingElement | null = null;
 	let nextChapter = $derived(
 		chapter && game.chapterKind === "shelf-chapter"
 			? nextChapterOnShelf(chapter.id)
@@ -54,17 +50,19 @@
 		};
 	});
 
+	function captureHeading(element: HTMLHeadingElement) {
+		headingEl = element;
+		return () => {
+			if (headingEl === element) headingEl = null;
+		};
+	}
+
 	$effect(() => {
 		const current = chapter;
 		if (!current) return;
-		const locked = game.routeLocked;
 		void tick().then(() => {
 			if (game.chapter !== current) return;
-			if (locked) {
-				unlockHeadingEl?.focus();
-			} else {
-				headingEl?.focus();
-			}
+			headingEl?.focus();
 		});
 	});
 
@@ -108,7 +106,7 @@
 				{chapter.subtitle}
 			</p>
 			<h1
-				bind:this={headingEl}
+				{@attach captureHeading}
 				tabindex="-1"
 				class="mt-1 text-2xl font-bold tracking-tight outline-none sm:text-3xl"
 			>
@@ -119,34 +117,6 @@
 			</p>
 		</header>
 
-		{#if game.routeLocked}
-			<div class="mb-6 rounded-2xl border-2 border-border bg-card p-5 sm:mb-8 sm:p-6">
-				<h2
-					bind:this={unlockHeadingEl}
-					tabindex="-1"
-					class="font-semibold outline-none focus-visible:ring-2 focus-visible:ring-ring sm:text-lg"
-				>
-					Quiz unlocks after Basics
-				</h2>
-				<p
-					id={unlockStatusId}
-					class="mt-2 text-sm leading-6 text-muted-foreground sm:text-base sm:leading-7"
-					role="status"
-				>
-					You can read this chapter now. Lifecycle quizzes open after you clear Master the
-					Basics (or test out).
-				</p>
-				<div class="mt-5 flex flex-col gap-2 sm:flex-row sm:flex-wrap">
-					<Button size="lg" class="w-full sm:w-auto" href={learnShelfPath("fundamentals")}>
-						Open Basics shelf
-					</Button>
-					<Button size="lg" variant="outline" class="w-full sm:w-auto" href="/">
-						Back to home
-					</Button>
-				</div>
-			</div>
-		{/if}
-
 		{#if chapter.pieces.length > 1}
 			<nav class="mb-6 sm:mb-8" aria-label="On this page">
 				<p class="text-xs font-semibold uppercase tracking-wide text-muted-foreground">
@@ -207,7 +177,7 @@
 						<blockquote
 							class="mt-5 border-l-4 border-primary/40 bg-muted/40 px-4 py-3 text-sm leading-6 sm:text-[0.95rem] sm:leading-7"
 						>
-							<p class="italic text-foreground/95">“{piece.quote.text}”</p>
+							<p class="italic text-foreground/95">"{piece.quote.text}"</p>
 							<footer class="mt-2 not-italic">
 								<a
 									class="text-xs font-medium text-primary underline underline-offset-2 sm:text-sm"
@@ -274,8 +244,6 @@
 					<Button
 						size="lg"
 						class="w-full sm:h-11 sm:min-w-[12rem] sm:flex-1 sm:text-base"
-						disabled={game.routeLocked}
-						aria-describedby={game.routeLocked ? unlockStatusId : undefined}
 						onclick={() => game.runChapterQuizAction(chapter.quizCta.action)}
 					>
 						{chapter.quizCta.label}

src/components/app/PieHome.svelte

@@ -9,7 +9,6 @@
 	import { Badge } from "$lib/components/ui/badge";
 
 	let stats = $derived(game.allStats);
-	let gated = $derived(game.needsFundamentalsPlacement);
 	let confirmReset = $state(false);
 	let confirmYesEl: HTMLElement | null = $state(null);
 	let resetButtonEl: HTMLElement | null = $state(null);
@@ -47,11 +46,9 @@
 			>
 				Learn The FAR
 			</h1>
-			{#if !gated}
-				<p class="text-xs text-muted-foreground sm:text-sm">
-					A fun way to learn the FAR, one scenario at a time.
-				</p>
-			{/if}
+			<p class="text-xs text-muted-foreground sm:text-sm">
+				A fun way to learn the FAR, one scenario at a time.
+			</p>
 		</div>
 		<div
 			class="flex items-center gap-1.5 rounded-full border bg-card px-3 py-1.5 text-sm font-semibold sm:gap-2 sm:px-4 sm:py-2 sm:text-base"
@@ -64,48 +61,46 @@
 	</header>
 
 	<div class="mt-4 sm:mt-6">
-		<PieWheel {stats} hubPercent={game.masteryPercent} locked={gated} />
+		<PieWheel {stats} hubPercent={game.masteryPercent} />
 	</div>
 
-	{#if !gated}
-		<div
-			class={`mt-4 grid gap-2 sm:mt-6 sm:gap-3 ${game.shakyQuestions.length > 0 ? "sm:grid-cols-2" : ""}`}
+	<div
+		class={`mt-4 grid gap-2 sm:mt-6 sm:gap-3 ${game.shakyQuestions.length > 0 ? "sm:grid-cols-2" : ""}`}
+	>
+		<button
+			type="button"
+			disabled={game.dailyDoneToday}
+			onclick={() => game.startDaily()}
+			class="flex items-center gap-3 rounded-2xl border-2 p-4 text-left transition-all enabled:hover:border-primary/50 enabled:hover:bg-muted/40 disabled:opacity-60 sm:gap-4 sm:p-5 lg:p-6"
 		>
+			<span class="text-2xl sm:text-3xl" aria-hidden="true">{game.dailyDoneToday ? "✅" : "📰"}</span>
+			<div class="min-w-0 flex-1">
+				<p class="font-semibold leading-tight sm:text-lg">Daily challenge</p>
+				<p class="text-xs text-muted-foreground sm:text-sm">
+					{game.dailyDoneToday ? "Done today — back tomorrow" : "5 mixed questions, feeds your streak"}
+				</p>
+			</div>
+			<span class="shrink-0 text-lg text-muted-foreground sm:text-xl" aria-hidden="true">›</span>
+		</button>
+
+		{#if game.shakyQuestions.length > 0}
 			<button
 				type="button"
-				disabled={game.dailyDoneToday}
-				onclick={() => game.startDaily()}
-				class="flex items-center gap-3 rounded-2xl border-2 p-4 text-left transition-all enabled:hover:border-primary/50 enabled:hover:bg-muted/40 disabled:opacity-60 sm:gap-4 sm:p-5 lg:p-6"
+				onclick={() => game.startStudyMisses()}
+				class="flex items-center gap-3 rounded-2xl border-2 p-4 text-left transition-all hover:border-primary/50 hover:bg-muted/40 sm:gap-4 sm:p-5 lg:p-6"
 			>
-				<span class="text-2xl sm:text-3xl" aria-hidden="true">{game.dailyDoneToday ? "✅" : "📰"}</span>
+				<span class="text-2xl sm:text-3xl" aria-hidden="true">📖</span>
 				<div class="min-w-0 flex-1">
-					<p class="font-semibold leading-tight sm:text-lg">Daily challenge</p>
+					<p class="font-semibold leading-tight sm:text-lg">Here's the missing picture</p>
 					<p class="text-xs text-muted-foreground sm:text-sm">
-						{game.dailyDoneToday ? "Done today — back tomorrow" : "5 mixed questions, feeds your streak"}
+						{game.shakyQuestions.length} concept{game.shakyQuestions.length === 1 ? "" : "s"} to
+						re-read — not a soft quiz
 					</p>
 				</div>
 				<span class="shrink-0 text-lg text-muted-foreground sm:text-xl" aria-hidden="true">›</span>
 			</button>
-
-			{#if game.shakyQuestions.length > 0}
-				<button
-					type="button"
-					onclick={() => game.startStudyMisses()}
-					class="flex items-center gap-3 rounded-2xl border-2 p-4 text-left transition-all hover:border-primary/50 hover:bg-muted/40 sm:gap-4 sm:p-5 lg:p-6"
-				>
-					<span class="text-2xl sm:text-3xl" aria-hidden="true">📖</span>
-					<div class="min-w-0 flex-1">
-						<p class="font-semibold leading-tight sm:text-lg">Here’s the missing picture</p>
-						<p class="text-xs text-muted-foreground sm:text-sm">
-							{game.shakyQuestions.length} concept{game.shakyQuestions.length === 1 ? "" : "s"} to
-							re-read — not a soft quiz
-						</p>
-					</div>
-					<span class="shrink-0 text-lg text-muted-foreground sm:text-xl" aria-hidden="true">›</span>
-				</button>
-			{/if}
-		</div>
-	{/if}
+		{/if}
+	</div>
 
 	{#if showGlossaryOnHome}
 		<button
@@ -130,44 +125,25 @@
 	</h2>
 	<div class="flex flex-col gap-2 sm:gap-3">
 		{#each stats as s (s.unit.id)}
-			{@const lifecycleLocked = game.isUnitLocked(s.unit.id)}
-			<div
-				class={`rounded-2xl border-2 p-3 sm:p-4 lg:p-5 ${
-					lifecycleLocked
-						? "border-border/50 bg-muted/40"
-						: "border-border bg-card"
-				}`}
-			>
+			<div class="rounded-2xl border-2 border-border bg-card p-3 sm:p-4 lg:p-5">
 				<div class="flex items-start gap-3 sm:gap-4">
 					<span
-						class={`flex h-10 w-10 shrink-0 items-center justify-center rounded-xl text-sm font-bold sm:h-12 sm:w-12 sm:text-base ${
-							lifecycleLocked ? "bg-muted text-foreground/80" : "text-white"
-						}`}
-						style={lifecycleLocked ? undefined : `background:hsl(${s.unit.hue} 70% 27%)`}
+						class="flex h-10 w-10 shrink-0 items-center justify-center rounded-xl text-sm font-bold text-white sm:h-12 sm:w-12 sm:text-base"
+						style={`background:hsl(${s.unit.hue} 70% 27%)`}
 					>
 						{Math.round(s.ratio * 100)}%
 					</span>
 					<div class="min-w-0 flex-1">
 						<div class="flex flex-wrap items-center gap-2 sm:gap-x-3">
-							<h3
-								class={`font-semibold leading-tight sm:text-lg ${
-									lifecycleLocked ? "text-muted-foreground" : ""
-								}`}
-							>
+							<h3 class="font-semibold leading-tight sm:text-lg">
 								{s.unit.title}
 							</h3>
-							{#if lifecycleLocked}
-								<Badge variant="secondary" class="shrink-0 text-[0.65rem] sm:text-xs">Locked</Badge>
-							{:else if s.level !== "new"}
+							{#if s.level !== "new"}
 								<Badge variant="secondary" class="shrink-0 text-[0.65rem] sm:text-xs"
 									>{s.levelLabel}</Badge
 								>
 							{/if}
-							{#if lifecycleLocked}
-								<span class="text-[0.65rem] text-muted-foreground sm:text-xs">
-									Complete Basics to unlock
-								</span>
-							{:else if game.workingTier(s.unit.id) === "advanced"}
+							{#if game.workingTier(s.unit.id) === "advanced"}
 								<span class="text-[0.65rem] text-muted-foreground sm:text-xs">
 									{DIFFICULTY_LABEL.advanced}
 								</span>
@@ -176,7 +152,6 @@
 						<p class="mt-0.5 text-xs text-muted-foreground sm:text-sm">{s.unit.blurb}</p>
 						<div
 							class="mt-1.5 flex h-1.5 w-full overflow-hidden rounded-full bg-muted sm:mt-2 sm:h-2"
-							class:opacity-50={lifecycleLocked}
 						>
 							{#if s.masteredRatio > 0}
 								<div
@@ -199,7 +174,6 @@
 					<Button
 						class="flex-1"
 						size="sm"
-						disabled={lifecycleLocked}
 						onclick={() => game.startUnit(s.unit.id)}
 					>
 						Quiz me
@@ -213,28 +187,6 @@
 						Start learning
 					</Button>
 				</div>
-				{#if gated && s.unit.id === "fundamentals"}
-					<div class="mt-2 flex flex-col gap-2 sm:mt-3 sm:gap-3">
-						<Button
-							size="sm"
-							variant="secondary"
-							class="w-full"
-							onclick={() => game.startTestOut()}
-						>
-							Test out of basics
-						</Button>
-						{#if game.hasFundamentalsAttempt && game.fundamentalsGaps.length > 0}
-							<Button
-								size="sm"
-								variant="outline"
-								class="w-full"
-								onclick={() => game.startStudyFundamentalsGaps()}
-							>
-								Here’s the missing picture
-							</Button>
-						{/if}
-					</div>
-				{/if}
 			</div>
 		{/each}
 	</div>