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,6 +36,30 @@ const greetingText = $derived.by(() => {
 		</div>
 	{/if}
 
+	{#if data.isReader}
+		<div class="flex flex-col gap-5">
+			<ReaderStatsStrip
+				documents={data.readerStats?.totalDocuments ?? null}
+				persons={data.readerStats?.totalPersons ?? null}
+				stories={null}
+			/>
+
+			{#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>
+	{: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} />
@@ -63,4 +92,5 @@ const greetingText = $derived.by(() => {
 				{/if}
 			</div>
 		</div>
+	{/if}
 </main>