From 4ed8686ddc5a946030d3d43b850257e603541eee Mon Sep 17 00:00:00 2001
From: Till JS <tills95@gmail.com>
Date: Mon, 27 Apr 2026 15:26:51 +0200
Subject: [PATCH] =?UTF-8?q?i18n(photos):=20translate=20FilterBar=20via=20$?=
 =?UTF-8?q?=5F()=20=E2=80=94=20App/Zeitraum/Sortierung/Reihenfolge=20+=20R?=
 =?UTF-8?q?eset/Apply?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Reuses existing photos.filters.* (app, dateRange, date, size, sortOrder)
and adds 6 keys (sortByShort, createdAt, newestFirst, oldestFirst, reset,
apply) for the workbench-embedded filter bar's compact labels.

Baselines: hardcoded 1002 → 994 (8 cleared); missing-keys baseline unchanged.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 .../web/src/lib/i18n/locales/photos/de.json   |  8 +++++-
 .../web/src/lib/i18n/locales/photos/en.json   |  8 +++++-
 .../web/src/lib/i18n/locales/photos/es.json   |  8 +++++-
 .../web/src/lib/i18n/locales/photos/fr.json   |  8 +++++-
 .../web/src/lib/i18n/locales/photos/it.json   |  8 +++++-
 .../components/filters/FilterBar.svelte       | 27 +++++++++++--------
 scripts/i18n-hardcoded-baseline.json          |  1 -
 7 files changed, 51 insertions(+), 17 deletions(-)

diff --git a/apps/mana/apps/web/src/lib/i18n/locales/photos/de.json b/apps/mana/apps/web/src/lib/i18n/locales/photos/de.json
index 8782717f6..e8fb50f59 100644
--- a/apps/mana/apps/web/src/lib/i18n/locales/photos/de.json
+++ b/apps/mana/apps/web/src/lib/i18n/locales/photos/de.json
@@ -85,12 +85,18 @@
 		"to": "Bis",
 		"hasLocation": "Mit Standort",
 		"sortBy": "Sortieren nach",
+		"sortByShort": "Sortierung",
 		"date": "Datum",
+		"createdAt": "Erstellt",
 		"size": "Größe",
 		"sortOrder": "Reihenfolge",
 		"asc": "Aufsteigend",
 		"desc": "Absteigend",
-		"clear": "Filter zurücksetzen"
+		"newestFirst": "Neueste zuerst",
+		"oldestFirst": "Älteste zuerst",
+		"clear": "Filter zurücksetzen",
+		"reset": "Zurücksetzen",
+		"apply": "Anwenden"
 	},
 	"settings": {
 		"title": "Einstellungen",
diff --git a/apps/mana/apps/web/src/lib/i18n/locales/photos/en.json b/apps/mana/apps/web/src/lib/i18n/locales/photos/en.json
index d35543a57..a4fbd1c2c 100644
--- a/apps/mana/apps/web/src/lib/i18n/locales/photos/en.json
+++ b/apps/mana/apps/web/src/lib/i18n/locales/photos/en.json
@@ -85,12 +85,18 @@
 		"to": "To",
 		"hasLocation": "With Location",
 		"sortBy": "Sort by",
+		"sortByShort": "Sort",
 		"date": "Date",
+		"createdAt": "Created",
 		"size": "Size",
 		"sortOrder": "Order",
 		"asc": "Ascending",
 		"desc": "Descending",
-		"clear": "Clear Filters"
+		"newestFirst": "Newest first",
+		"oldestFirst": "Oldest first",
+		"clear": "Clear Filters",
+		"reset": "Reset",
+		"apply": "Apply"
 	},
 	"settings": {
 		"title": "Settings",
diff --git a/apps/mana/apps/web/src/lib/i18n/locales/photos/es.json b/apps/mana/apps/web/src/lib/i18n/locales/photos/es.json
index aecf01a8a..3711a5339 100644
--- a/apps/mana/apps/web/src/lib/i18n/locales/photos/es.json
+++ b/apps/mana/apps/web/src/lib/i18n/locales/photos/es.json
@@ -85,12 +85,18 @@
 		"to": "Hasta",
 		"hasLocation": "Con ubicación",
 		"sortBy": "Ordenar por",
+		"sortByShort": "Orden",
 		"date": "Fecha",
+		"createdAt": "Creado",
 		"size": "Tamaño",
 		"sortOrder": "Orden",
 		"asc": "Ascendente",
 		"desc": "Descendente",
-		"clear": "Borrar filtros"
+		"newestFirst": "Más recientes primero",
+		"oldestFirst": "Más antiguos primero",
+		"clear": "Borrar filtros",
+		"reset": "Restablecer",
+		"apply": "Aplicar"
 	},
 	"settings": {
 		"title": "Ajustes",
diff --git a/apps/mana/apps/web/src/lib/i18n/locales/photos/fr.json b/apps/mana/apps/web/src/lib/i18n/locales/photos/fr.json
index 47e095f22..6653d74a2 100644
--- a/apps/mana/apps/web/src/lib/i18n/locales/photos/fr.json
+++ b/apps/mana/apps/web/src/lib/i18n/locales/photos/fr.json
@@ -85,12 +85,18 @@
 		"to": "Au",
 		"hasLocation": "Avec localisation",
 		"sortBy": "Trier par",
+		"sortByShort": "Tri",
 		"date": "Date",
+		"createdAt": "Créé",
 		"size": "Taille",
 		"sortOrder": "Ordre",
 		"asc": "Croissant",
 		"desc": "Décroissant",
-		"clear": "Effacer les filtres"
+		"newestFirst": "Plus récent d'abord",
+		"oldestFirst": "Plus ancien d'abord",
+		"clear": "Effacer les filtres",
+		"reset": "Réinitialiser",
+		"apply": "Appliquer"
 	},
 	"settings": {
 		"title": "Paramètres",
diff --git a/apps/mana/apps/web/src/lib/i18n/locales/photos/it.json b/apps/mana/apps/web/src/lib/i18n/locales/photos/it.json
index f00b5277b..9b03a34cb 100644
--- a/apps/mana/apps/web/src/lib/i18n/locales/photos/it.json
+++ b/apps/mana/apps/web/src/lib/i18n/locales/photos/it.json
@@ -85,12 +85,18 @@
 		"to": "A",
 		"hasLocation": "Con posizione",
 		"sortBy": "Ordina per",
+		"sortByShort": "Ordinamento",
 		"date": "Data",
+		"createdAt": "Creato",
 		"size": "Dimensione",
 		"sortOrder": "Ordine",
 		"asc": "Crescente",
 		"desc": "Decrescente",
-		"clear": "Cancella filtri"
+		"newestFirst": "Più recenti prima",
+		"oldestFirst": "Più vecchi prima",
+		"clear": "Cancella filtri",
+		"reset": "Reimposta",
+		"apply": "Applica"
 	},
 	"settings": {
 		"title": "Impostazioni",
diff --git a/apps/mana/apps/web/src/lib/modules/photos/components/filters/FilterBar.svelte b/apps/mana/apps/web/src/lib/modules/photos/components/filters/FilterBar.svelte
index 9a98eafb5..ecac9e810 100644
--- a/apps/mana/apps/web/src/lib/modules/photos/components/filters/FilterBar.svelte
+++ b/apps/mana/apps/web/src/lib/modules/photos/components/filters/FilterBar.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
 	import { photoStore } from '$lib/modules/photos/stores/photos.svelte';
+	import { _ } from 'svelte-i18n';
 
 	const apps = ['picture', 'chat', 'contacts', 'food'];
 
@@ -42,7 +43,9 @@
 
 <div class="mb-6 flex flex-wrap gap-4 rounded-xl border border-border bg-background-card p-4">
 	<div class="flex flex-col gap-1.5">
-		<span class="text-xs font-medium uppercase text-foreground-secondary">App</span>
+		<span class="text-xs font-medium uppercase text-foreground-secondary"
+			>{$_('photos.filters.app')}</span
+		>
 		<div class="flex flex-wrap gap-1">
 			{#each apps as app}
 				<button
@@ -58,7 +61,9 @@
 	</div>
 
 	<div class="flex flex-col gap-1.5">
-		<span class="text-xs font-medium uppercase text-foreground-secondary">Zeitraum</span>
+		<span class="text-xs font-medium uppercase text-foreground-secondary"
+			>{$_('photos.filters.dateRange')}</span
+		>
 		<div class="flex items-center gap-2">
 			<input
 				type="date"
@@ -76,30 +81,30 @@
 
 	<div class="flex flex-col gap-1.5">
 		<label for="sort-by" class="text-xs font-medium uppercase text-foreground-secondary"
-			>Sortierung</label
+			>{$_('photos.filters.sortByShort')}</label
 		>
 		<select
 			id="sort-by"
 			class="rounded-lg border border-border bg-background px-2 py-1 text-sm text-foreground"
 			bind:value={sortBy}
 		>
-			<option value="dateTaken">Datum</option>
-			<option value="createdAt">Erstellt</option>
-			<option value="size">Größe</option>
+			<option value="dateTaken">{$_('photos.filters.date')}</option>
+			<option value="createdAt">{$_('photos.filters.createdAt')}</option>
+			<option value="size">{$_('photos.filters.size')}</option>
 		</select>
 	</div>
 
 	<div class="flex flex-col gap-1.5">
 		<label for="sort-order" class="text-xs font-medium uppercase text-foreground-secondary"
-			>Reihenfolge</label
+			>{$_('photos.filters.sortOrder')}</label
 		>
 		<select
 			id="sort-order"
 			class="rounded-lg border border-border bg-background px-2 py-1 text-sm text-foreground"
 			bind:value={sortOrder}
 		>
-			<option value="desc">Neueste zuerst</option>
-			<option value="asc">Älteste zuerst</option>
+			<option value="desc">{$_('photos.filters.newestFirst')}</option>
+			<option value="asc">{$_('photos.filters.oldestFirst')}</option>
 		</select>
 	</div>
 
@@ -108,13 +113,13 @@
 			class="rounded-lg border border-border bg-background px-3 py-1.5 text-sm text-foreground-secondary hover:bg-background-card-hover"
 			onclick={clearFilters}
 		>
-			Zurücksetzen
+			{$_('photos.filters.reset')}
 		</button>
 		<button
 			class="rounded-lg bg-primary px-3 py-1.5 text-sm font-medium text-white hover:bg-primary/90"
 			onclick={applyFilters}
 		>
-			Anwenden
+			{$_('photos.filters.apply')}
 		</button>
 	</div>
 </div>
diff --git a/scripts/i18n-hardcoded-baseline.json b/scripts/i18n-hardcoded-baseline.json
index c7e481f82..a850de1ec 100644
--- a/scripts/i18n-hardcoded-baseline.json
+++ b/scripts/i18n-hardcoded-baseline.json
@@ -141,7 +141,6 @@
 	"apps/mana/apps/web/src/lib/modules/news/widgets/NewsUnreadWidget.svelte": 2,
 	"apps/mana/apps/web/src/lib/modules/notes/ListView.svelte": 4,
 	"apps/mana/apps/web/src/lib/modules/photos/components/albums/CreateAlbumModal.svelte": 3,
-	"apps/mana/apps/web/src/lib/modules/photos/components/filters/FilterBar.svelte": 8,
 	"apps/mana/apps/web/src/lib/modules/photos/ListView.svelte": 4,
 	"apps/mana/apps/web/src/lib/modules/picture/components/ImageLightbox.svelte": 3,
 	"apps/mana/apps/web/src/lib/modules/picture/components/ReferenceImagePicker.svelte": 1,