From 150bc2f1719797617fe6249c107302923b18ca18 Mon Sep 17 00:00:00 2001
From: Marcel <marcel@familienarchiv>
Date: Thu, 26 Mar 2026 17:32:15 +0100
Subject: [PATCH 1/2] feat(dropzone): replace upload icon with multi-file icon
 and clearer hint text

Swaps the generic upload arrow for Display-Pages-MD (stack of pages) and
shortens the hint text to convey that multiple files are welcome at a glance.

Closes #79
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 frontend/messages/de.json           |  2 +-
 frontend/messages/en.json           |  2 +-
 frontend/messages/es.json           |  2 +-
 frontend/src/routes/DropZone.svelte | 19 +++++--------------
 4 files changed, 8 insertions(+), 17 deletions(-)

diff --git a/frontend/messages/de.json b/frontend/messages/de.json
index 6fc63606..90fbf74a 100644
--- a/frontend/messages/de.json
+++ b/frontend/messages/de.json
@@ -268,7 +268,7 @@
 	"doc_panel_discussion_annotation_tab": "Annotation · Seite {page}",
 	"pdf_annotations_show": "Annotierungen anzeigen",
 	"pdf_annotations_hide": "Annotierungen verbergen",
-	"upload_drop_hint": "Dateien ablegen oder auswählen",
+	"upload_drop_hint": "Einzeln oder mehrere Dateien auf einmal",
 	"upload_accepted_types": "PDF, JPEG, PNG, TIFF",
 	"upload_filename_hint": "Tipp: 2024-03-15_Mueller_Hans.pdf → Datum und Absender werden vorausgefüllt",
 	"upload_success": "{count} Dokument(e) erstellt",
diff --git a/frontend/messages/en.json b/frontend/messages/en.json
index 44be16ab..e8a86475 100644
--- a/frontend/messages/en.json
+++ b/frontend/messages/en.json
@@ -268,7 +268,7 @@
 	"doc_panel_discussion_annotation_tab": "Annotation · Page {page}",
 	"pdf_annotations_show": "Show annotations",
 	"pdf_annotations_hide": "Hide annotations",
-	"upload_drop_hint": "Drop files or click to select",
+	"upload_drop_hint": "Drop one or multiple files at once",
 	"upload_accepted_types": "PDF, JPEG, PNG, TIFF",
 	"upload_filename_hint": "Tip: 2024-03-15_Mueller_Hans.pdf → date and sender pre-filled",
 	"upload_success": "{count} document(s) created",
diff --git a/frontend/messages/es.json b/frontend/messages/es.json
index 54438a09..55b7bba5 100644
--- a/frontend/messages/es.json
+++ b/frontend/messages/es.json
@@ -268,7 +268,7 @@
 	"doc_panel_discussion_annotation_tab": "Anotación · Página {page}",
 	"pdf_annotations_show": "Mostrar anotaciones",
 	"pdf_annotations_hide": "Ocultar anotaciones",
-	"upload_drop_hint": "Soltar archivos o hacer clic para seleccionar",
+	"upload_drop_hint": "Uno o varios archivos a la vez",
 	"upload_accepted_types": "PDF, JPEG, PNG, TIFF",
 	"upload_filename_hint": "Consejo: 2024-03-15_Mueller_Hans.pdf → fecha y remitente prellenados",
 	"upload_success": "{count} documento(s) creado(s)",
diff --git a/frontend/src/routes/DropZone.svelte b/frontend/src/routes/DropZone.svelte
index 9806d231..29f8b7d2 100644
--- a/frontend/src/routes/DropZone.svelte
+++ b/frontend/src/routes/DropZone.svelte
@@ -153,21 +153,12 @@ $effect(() => {
 	onclick={() => fileInput.click()}
 	onkeydown={(e) => e.key === 'Enter' && fileInput.click()}
 >
-	<svg
-		xmlns="http://www.w3.org/2000/svg"
-		class="h-4 w-4 shrink-0 opacity-50"
-		viewBox="0 0 24 24"
-		fill="none"
-		stroke="currentColor"
-		stroke-width="2"
-		stroke-linecap="round"
-		stroke-linejoin="round"
+	<img
+		src="/degruyter-icons/Simple/Medium-24px/SVG/Action/Display-Pages-MD.svg"
+		alt=""
 		aria-hidden="true"
-	>
-		<path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
-		<polyline points="17 8 12 3 7 8" />
-		<line x1="12" y1="3" x2="12" y2="15" />
-	</svg>
+		class="h-5 w-5 shrink-0 opacity-50"
+	/>
 	{#if isUploading}
 		<div class="flex w-48 flex-col items-center gap-1">
 			<div class="h-1.5 w-full overflow-hidden rounded-full bg-ink/10">
-- 
2.49.1


From c6984e49ee6c5983aa4c2b7824675c7ae792fe97 Mon Sep 17 00:00:00 2001
From: Marcel <marcel@familienarchiv>
Date: Thu, 26 Mar 2026 17:47:08 +0100
Subject: [PATCH 2/2] fix(dropzone): vertical layout, larger icon, improved
 copy

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 frontend/messages/de.json           |  2 +-
 frontend/src/routes/DropZone.svelte | 22 +++++++++++-----------
 2 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/frontend/messages/de.json b/frontend/messages/de.json
index 90fbf74a..c3ca442c 100644
--- a/frontend/messages/de.json
+++ b/frontend/messages/de.json
@@ -268,7 +268,7 @@
 	"doc_panel_discussion_annotation_tab": "Annotation · Seite {page}",
 	"pdf_annotations_show": "Annotierungen anzeigen",
 	"pdf_annotations_hide": "Annotierungen verbergen",
-	"upload_drop_hint": "Einzeln oder mehrere Dateien auf einmal",
+	"upload_drop_hint": "Einzeln oder mehrere Dateien auf einmal hochladen",
 	"upload_accepted_types": "PDF, JPEG, PNG, TIFF",
 	"upload_filename_hint": "Tipp: 2024-03-15_Mueller_Hans.pdf → Datum und Absender werden vorausgefüllt",
 	"upload_success": "{count} Dokument(e) erstellt",
diff --git a/frontend/src/routes/DropZone.svelte b/frontend/src/routes/DropZone.svelte
index 29f8b7d2..c31b01b5 100644
--- a/frontend/src/routes/DropZone.svelte
+++ b/frontend/src/routes/DropZone.svelte
@@ -142,23 +142,17 @@ $effect(() => {
 <div
 	role="button"
 	tabindex="0"
-	class="mb-4 flex cursor-pointer items-center justify-center gap-3 border border-dashed px-6 text-sm transition-all duration-200 {isDragging
+	class="mb-4 flex cursor-pointer flex-col items-center justify-center gap-2 border border-dashed px-6 transition-all duration-200 {isDragging
 		? 'border-primary bg-accent-bg py-10 text-primary'
 		: windowDragging
 			? 'border-primary/60 bg-accent-bg/50 py-10 text-primary/80'
-			: 'border-ink/20 py-3 text-ink-3 hover:border-primary hover:text-primary'}"
+			: 'border-ink/20 py-6 text-ink-3 hover:border-primary hover:text-primary'}"
 	ondragover={handleDragOver}
 	ondragleave={handleDragLeave}
 	ondrop={handleDrop}
 	onclick={() => fileInput.click()}
 	onkeydown={(e) => e.key === 'Enter' && fileInput.click()}
 >
-	<img
-		src="/degruyter-icons/Simple/Medium-24px/SVG/Action/Display-Pages-MD.svg"
-		alt=""
-		aria-hidden="true"
-		class="h-5 w-5 shrink-0 opacity-50"
-	/>
 	{#if isUploading}
 		<div class="flex w-48 flex-col items-center gap-1">
 			<div class="h-1.5 w-full overflow-hidden rounded-full bg-ink/10">
@@ -170,10 +164,16 @@ $effect(() => {
 			<span class="font-sans text-xs text-ink-3">{uploadProgress}%</span>
 		</div>
 	{:else}
-		<div class="flex flex-col items-center gap-0.5">
-			<span class="font-sans font-medium">{m.upload_drop_hint()}</span>
+		<img
+			src="/degruyter-icons/Simple/Medium-24px/SVG/Action/Copy-Item-MD.svg"
+			alt=""
+			aria-hidden="true"
+			class="h-8 w-8 opacity-40"
+		/>
+		<div class="flex flex-col items-center gap-0.5 text-center">
+			<span class="font-sans text-sm text-ink-2">{m.upload_drop_hint()}</span>
 			<span class="font-sans text-xs text-ink-3">{m.upload_accepted_types()}</span>
-			<span class="font-sans text-xs text-ink-3/70 italic">{m.upload_filename_hint()}</span>
+			<span class="font-sans text-xs text-ink-3 italic">{m.upload_filename_hint()}</span>
 		</div>
 	{/if}
 </div>
-- 
2.49.1