From 2be2087a95d5c7be664b8b3ef4f3fe2a8ad83c63 Mon Sep 17 00:00:00 2001
From: Marcel <marcel@familienarchiv>
Date: Thu, 7 May 2026 21:40:23 +0200
Subject: [PATCH] feat(dashboard): wire reader layout to +page.svelte
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Adds conditional {#if data.isReader} block that renders the 5-zone
reader layout (StatsStrip → DraftsModule → PersonChips → two-column
docs/stories row) for READ_ALL-only users, while preserving the
existing contributor layout for WRITE_ALL / ANNOTATE_ALL users.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 frontend/src/routes/+page.svelte | 84 ++++++++++++++++++++++----------
 1 file changed, 57 insertions(+), 27 deletions(-)

diff --git a/frontend/src/routes/+page.svelte b/frontend/src/routes/+page.svelte
index 2512be89..86e073c2 100644
--- a/frontend/src/routes/+page.svelte
+++ b/frontend/src/routes/+page.svelte
@@ -5,6 +5,11 @@ import MissionControlStrip from '$lib/document/MissionControlStrip.svelte';
 import DashboardFamilyPulse from '$lib/shared/dashboard/DashboardFamilyPulse.svelte';
 import DashboardActivityFeed from '$lib/activity/DashboardActivityFeed.svelte';
 import EnrichmentBlock from '$lib/document/EnrichmentBlock.svelte';
+import ReaderStatsStrip from '$lib/shared/dashboard/ReaderStatsStrip.svelte';
+import ReaderPersonChips from '$lib/shared/dashboard/ReaderPersonChips.svelte';
+import ReaderDraftsModule from '$lib/shared/dashboard/ReaderDraftsModule.svelte';
+import ReaderRecentDocs from '$lib/shared/dashboard/ReaderRecentDocs.svelte';
+import ReaderRecentStories from '$lib/shared/dashboard/ReaderRecentStories.svelte';
 import { m } from '$lib/paraglide/messages.js';
 
 let { data } = $props();
@@ -31,36 +36,61 @@ const greetingText = $derived.by(() => {
 		</div>
 	{/if}
 
-	<div class="grid grid-cols-1 gap-5 lg:grid-cols-[1fr_320px] lg:items-start">
+	{#if data.isReader}
 		<div class="flex flex-col gap-5">
-			<DashboardResumeStrip resumeDoc={data.resumeDoc ?? null} />
-
-			<EnrichmentBlock
-				topDocs={data.incompleteDocs ?? []}
-				totalCount={data.incompleteTotal ?? 0}
-				bannerCount={bannerCount}
-				onBannerClose={() => (bannerCount = 0)}
+			<ReaderStatsStrip
+				documents={data.readerStats?.totalDocuments ?? null}
+				persons={data.readerStats?.totalPersons ?? null}
+				stories={null}
 			/>
 
-			<section aria-label={m.dashboard_mission_caption()}>
-				<h2 class="mb-3 font-sans text-xs font-bold tracking-widest text-ink-3 uppercase">
-					{m.dashboard_mission_caption()}
-				</h2>
-				<MissionControlStrip
-					segmentationDocs={data.segmentationDocs ?? []}
-					transcriptionDocs={data.transcriptionDocs ?? []}
-					readyDocs={data.readyDocs ?? []}
-					weeklyStats={data.weeklyStats ?? null}
-				/>
-			</section>
-		</div>
-
-		<div class="flex flex-col gap-5 lg:sticky lg:top-[80px]">
-			<DashboardFamilyPulse pulse={data.pulse ?? null} />
-			<DashboardActivityFeed feed={data.activityFeed ?? []} />
-			{#if data.canWrite}
-				<DropZone onUploadComplete={(count) => (bannerCount = count)} />
+			{#if data.canBlogWrite}
+				<ReaderDraftsModule drafts={data.drafts ?? []} />
 			{/if}
+
+			<ReaderPersonChips persons={data.topPersons ?? []} />
+
+			<div class="flex flex-col gap-5 md:flex-row">
+				<div class="flex-[3]">
+					<ReaderRecentDocs documents={data.recentDocs ?? []} />
+				</div>
+				<div class="flex-[2]">
+					<ReaderRecentStories stories={data.recentStories ?? []} />
+				</div>
+			</div>
 		</div>
-	</div>
+	{:else}
+		<div class="grid grid-cols-1 gap-5 lg:grid-cols-[1fr_320px] lg:items-start">
+			<div class="flex flex-col gap-5">
+				<DashboardResumeStrip resumeDoc={data.resumeDoc ?? null} />
+
+				<EnrichmentBlock
+					topDocs={data.incompleteDocs ?? []}
+					totalCount={data.incompleteTotal ?? 0}
+					bannerCount={bannerCount}
+					onBannerClose={() => (bannerCount = 0)}
+				/>
+
+				<section aria-label={m.dashboard_mission_caption()}>
+					<h2 class="mb-3 font-sans text-xs font-bold tracking-widest text-ink-3 uppercase">
+						{m.dashboard_mission_caption()}
+					</h2>
+					<MissionControlStrip
+						segmentationDocs={data.segmentationDocs ?? []}
+						transcriptionDocs={data.transcriptionDocs ?? []}
+						readyDocs={data.readyDocs ?? []}
+						weeklyStats={data.weeklyStats ?? null}
+					/>
+				</section>
+			</div>
+
+			<div class="flex flex-col gap-5 lg:sticky lg:top-[80px]">
+				<DashboardFamilyPulse pulse={data.pulse ?? null} />
+				<DashboardActivityFeed feed={data.activityFeed ?? []} />
+				{#if data.canWrite}
+					<DropZone onUploadComplete={(count) => (bannerCount = count)} />
+				{/if}
+			</div>
+		</div>
+	{/if}
 </main>