From 624eb9e5d6b6408906403ace142c06d0083419ce Mon Sep 17 00:00:00 2001
From: Marcel <marcel@familienarchiv>
Date: Tue, 31 Mar 2026 22:58:47 +0200
Subject: [PATCH] =?UTF-8?q?feat(ui):=20add=20OverflowPillDisplay=20?=
 =?UTF-8?q?=E2=80=94=20non-interactive=20aria-hidden=20+N=20span?=
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>
---
 .../src/lib/components/OverflowPillDisplay.svelte  | 14 ++++++++++++++
 1 file changed, 14 insertions(+)
 create mode 100644 frontend/src/lib/components/OverflowPillDisplay.svelte

diff --git a/frontend/src/lib/components/OverflowPillDisplay.svelte b/frontend/src/lib/components/OverflowPillDisplay.svelte
new file mode 100644
index 00000000..d396c5e1
--- /dev/null
+++ b/frontend/src/lib/components/OverflowPillDisplay.svelte
@@ -0,0 +1,14 @@
+<script lang="ts">
+type Props = {
+	extraCount: number;
+};
+
+let { extraCount }: Props = $props();
+</script>
+
+<span
+	aria-hidden="true"
+	class="inline-flex shrink-0 items-center rounded-full border border-line bg-muted px-2 py-0.5 text-[9px] font-bold text-ink-2"
+>
+	+{extraCount}
+</span>