From ca212e871f1409e94efd8a6fc1d277663e78ef4e Mon Sep 17 00:00:00 2001
From: Marcel <marcel@familienarchiv>
Date: Fri, 20 Mar 2026 16:17:07 +0100
Subject: [PATCH] feat(conversations): add swap button (#32)

Adds a button between the two person typeaheads that swaps sender and
receiver, then reloads the conversation view.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 frontend/messages/de.json                     |  1 +
 frontend/messages/en.json                     |  1 +
 frontend/messages/es.json                     |  1 +
 .../src/routes/conversations/+page.svelte     | 28 +++++++++++++++++++
 4 files changed, 31 insertions(+)

diff --git a/frontend/messages/de.json b/frontend/messages/de.json
index 1c2d4843..5f0ad724 100644
--- a/frontend/messages/de.json
+++ b/frontend/messages/de.json
@@ -140,6 +140,7 @@
 	"conv_empty_text": "Die Korrespondenz wird hier angezeigt.",
 	"conv_no_results_heading": "Keine Dokumente gefunden.",
 	"conv_no_results_text": "Versuchen Sie, den Zeitraum anzupassen.",
+	"conv_swap_btn": "Personen tauschen",
 
 	"admin_heading": "Admin Dashboard",
 	"admin_tab_users": "Benutzer",
diff --git a/frontend/messages/en.json b/frontend/messages/en.json
index 1a340e11..556543c2 100644
--- a/frontend/messages/en.json
+++ b/frontend/messages/en.json
@@ -140,6 +140,7 @@
 	"conv_empty_text": "The correspondence will be shown here.",
 	"conv_no_results_heading": "No documents found.",
 	"conv_no_results_text": "Try adjusting the time period.",
+	"conv_swap_btn": "Swap persons",
 
 	"admin_heading": "Admin Dashboard",
 	"admin_tab_users": "Users",
diff --git a/frontend/messages/es.json b/frontend/messages/es.json
index 2ca24a72..a0d36bfc 100644
--- a/frontend/messages/es.json
+++ b/frontend/messages/es.json
@@ -140,6 +140,7 @@
 	"conv_empty_text": "La correspondencia se mostrará aquí.",
 	"conv_no_results_heading": "No se encontraron documentos.",
 	"conv_no_results_text": "Intente ajustar el período de tiempo.",
+	"conv_swap_btn": "Intercambiar personas",
 
 	"admin_heading": "Panel de administración",
 	"admin_tab_users": "Usuarios",
diff --git a/frontend/src/routes/conversations/+page.svelte b/frontend/src/routes/conversations/+page.svelte
index 854b45c4..9e15379c 100644
--- a/frontend/src/routes/conversations/+page.svelte
+++ b/frontend/src/routes/conversations/+page.svelte
@@ -37,6 +37,13 @@ function toggleSort() {
 	sortDir = sortDir === 'DESC' ? 'ASC' : 'DESC';
 	applyFilters();
 }
+
+function swapPersons() {
+	const tmp = senderId;
+	senderId = receiverId;
+	receiverId = tmp;
+	applyFilters();
+}
 </script>
 
 <div class="mx-auto max-w-5xl px-4 py-10">
@@ -80,6 +87,27 @@ function toggleSort() {
 			</div>
 		</div>
 
+		{#if senderId && receiverId}
+			<div class="mb-4 flex justify-center">
+				<button
+					data-testid="conv-swap-btn"
+					onclick={swapPersons}
+					class="flex items-center gap-2 rounded-sm border border-brand-sand px-4 py-2 text-xs font-bold tracking-widest text-brand-navy uppercase transition-colors hover:bg-brand-navy hover:text-white"
+					title={m.conv_swap_btn()}
+				>
+					<svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+						<path
+							stroke-linecap="round"
+							stroke-linejoin="round"
+							stroke-width="2"
+							d="M7 16V4m0 0L3 8m4-4l4 4M17 8v12m0 0l4-4m-4 4l-4-4"
+						></path>
+					</svg>
+					{m.conv_swap_btn()}
+				</button>
+			</div>
+		{/if}
+
 		<div class="relative z-10 grid grid-cols-1 items-end gap-6 md:grid-cols-3">
 			<!-- Date From -->
 			<div>