From 264d60c85529c7fda183a6958d50214217a99011 Mon Sep 17 00:00:00 2001
From: Marcel <marcel@familienarchiv>
Date: Mon, 25 May 2026 19:06:56 +0200
Subject: [PATCH] =?UTF-8?q?feat(themen):=20cap=20ThemenWidget=20at=206=20t?=
 =?UTF-8?q?ags=20=E2=80=94=20link=20to=20/themen=20for=20full=20list?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 frontend/src/lib/shared/dashboard/ThemenWidget.svelte | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/frontend/src/lib/shared/dashboard/ThemenWidget.svelte b/frontend/src/lib/shared/dashboard/ThemenWidget.svelte
index b4ca9abf..107e570a 100644
--- a/frontend/src/lib/shared/dashboard/ThemenWidget.svelte
+++ b/frontend/src/lib/shared/dashboard/ThemenWidget.svelte
@@ -10,9 +10,12 @@ interface Props {
 	compact?: boolean;
 }
 
+const MAX_VISIBLE_TAGS = 6;
+
 const { tags, compact = false }: Props = $props();
 
 const visibleTags = $derived.by(() => tags.filter(hasAnyDocuments));
+const shownTags = $derived(visibleTags.slice(0, MAX_VISIBLE_TAGS));
 </script>
 
 <section class="rounded-sm border border-line bg-surface p-5 shadow-sm">
@@ -35,7 +38,7 @@ const visibleTags = $derived.by(() => tags.filter(hasAnyDocuments));
 			class="grid gap-2 {compact ? 'grid-cols-1' : 'grid-cols-1 sm:grid-cols-2'}"
 			data-compact={compact}
 		>
-			{#each visibleTags as tag (tag.id)}
+			{#each shownTags as tag (tag.id)}
 				<a
 					href="/?tag={encodeURIComponent(tag.name)}"
 					aria-label="{tag.name}{tag.documentCount > 0