From 20dbe04d456bc85fc08b5fdc49d21d05a5273411 Mon Sep 17 00:00:00 2001
From: Marcel <marcel@familienarchiv>
Date: Tue, 31 Mar 2026 22:43:15 +0200
Subject: [PATCH] =?UTF-8?q?feat(ui):=20add=20DocumentStatusChip=20?=
 =?UTF-8?q?=E2=80=94=20dot-only=20status=20indicator,=20hidden=20md:block?=
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>
---
 .../lib/components/DocumentStatusChip.svelte  | 20 +++++++++++++++++++
 1 file changed, 20 insertions(+)
 create mode 100644 frontend/src/lib/components/DocumentStatusChip.svelte

diff --git a/frontend/src/lib/components/DocumentStatusChip.svelte b/frontend/src/lib/components/DocumentStatusChip.svelte
new file mode 100644
index 00000000..408ff97c
--- /dev/null
+++ b/frontend/src/lib/components/DocumentStatusChip.svelte
@@ -0,0 +1,20 @@
+<script lang="ts">
+import { statusDotClass, statusLabel } from '$lib/utils/personFormat';
+
+type DocumentStatus = 'PLACEHOLDER' | 'UPLOADED' | 'TRANSCRIBED' | 'REVIEWED' | 'ARCHIVED';
+
+type Props = {
+	status: DocumentStatus;
+};
+
+let { status }: Props = $props();
+
+const dotClass = $derived(statusDotClass(status));
+const label = $derived(statusLabel(status));
+</script>
+
+<span
+	class="hidden shrink-0 md:block {dotClass} h-2.5 w-2.5 rounded-full"
+	title={label}
+	aria-label={label}
+></span>