From 1e403cb883d1e8d97d08180d863816af49613f68 Mon Sep 17 00:00:00 2001
From: Rodrigo Gomes da Silva <rodrigo.smscom@gmail.com>
Date: Sun, 4 Jan 2026 22:27:24 -0300
Subject: [PATCH 01/15] feat: add multiselect filters for media gallery

- Add search functionality to participant filter with search bar
- Convert participant and type filters to multiselect with checkboxes
- Show selected filter count in options dropdown
- Keep filter modals open for multiple selections
- Add translations for search placeholder and no match messages
- Update filtering logic to support multiple participants and types simultaneously
---
 messages/de.json                       |  16 +-
 messages/en.json                       |  16 +-
 messages/es.json                       |  16 +-
 messages/fr.json                       |  16 +-
 messages/it.json                       |  16 +-
 messages/ja.json                       |  16 +-
 messages/nl.json                       |  16 +-
 messages/pt.json                       |  16 +-
 messages/ru.json                       |  16 +-
 messages/zh.json                       |  16 +-
 src/lib/components/MediaGallery.svelte | 255 ++++++++++++++++++++++++-
 src/lib/gallery.svelte.ts              |  97 +++++++++-
 12 files changed, 492 insertions(+), 20 deletions(-)

diff --git a/messages/de.json b/messages/de.json
index 5e47360..1ee053d 100644
--- a/messages/de.json
+++ b/messages/de.json
@@ -230,5 +230,19 @@
   "stats_hour_6am": "6 Uhr morgens",
   "stats_hour_12pm": "12 Uhr",
   "stats_hour_6pm": "18 Uhr",
-  "stats_hour_11pm": "23 Uhr"
+  "stats_hour_11pm": "23 Uhr",
+  "media_gallery_options": "Optionen",
+  "media_gallery_filter_by_participant": "Nach Teilnehmer filtern",
+  "media_gallery_filter_by_type": "Nach Typ filtern",
+  "media_gallery_all_participants": "Alle Teilnehmer",
+  "media_gallery_all_types": "Alle Arten",
+  "media_gallery_type_images": "Bilder",
+  "media_gallery_type_videos": "Videos",
+  "media_gallery_type_audio": "Audio",
+  "media_gallery_type_documents": "Unterlagen",
+  "media_gallery_type_other": "Andere",
+  "media_gallery_filter_active": "Filter aktiv",
+  "media_gallery_clear_filter": "Filter löschen",
+  "media_gallery_participant_search_placeholder": "Suche nach Name oder Nummer...",
+  "media_gallery_participant_no_match": "Kein Teilnehmer entspricht \" {query} \""
 }
diff --git a/messages/en.json b/messages/en.json
index dc54bab..4465209 100644
--- a/messages/en.json
+++ b/messages/en.json
@@ -230,5 +230,19 @@
   "calendar_weekday_thu": "Th",
   "calendar_weekday_fri": "Fr",
   "calendar_weekday_sat": "Sa",
-  "close": "Close"
+  "close": "Close",
+  "media_gallery_options": "Options",
+  "media_gallery_filter_by_participant": "Filter by participant",
+  "media_gallery_filter_by_type": "Filter by type",
+  "media_gallery_all_participants": "All participants",
+  "media_gallery_all_types": "All types",
+  "media_gallery_type_images": "Images",
+  "media_gallery_type_videos": "Videos",
+  "media_gallery_type_audio": "Audio",
+  "media_gallery_type_documents": "Documents",
+  "media_gallery_type_other": "Other",
+  "media_gallery_filter_active": "Filter active",
+  "media_gallery_clear_filter": "Clear filter",
+  "media_gallery_participant_search_placeholder": "Search by name or number...",
+  "media_gallery_participant_no_match": "No participant matches \"{query}\""
 }
diff --git a/messages/es.json b/messages/es.json
index 03ed2ad..6abab53 100644
--- a/messages/es.json
+++ b/messages/es.json
@@ -230,5 +230,19 @@
   "stats_hour_6am": "6 a. m.",
   "stats_hour_12pm": "12 p. m.",
   "stats_hour_6pm": "6 p. m.",
-  "stats_hour_11pm": "23:00"
+  "stats_hour_11pm": "23:00",
+  "media_gallery_options": "Opciones",
+  "media_gallery_filter_by_participant": "Filtrar por participante",
+  "media_gallery_filter_by_type": "Filtrar por tipo",
+  "media_gallery_all_participants": "Todos los participantes",
+  "media_gallery_all_types": "Todos los tipos",
+  "media_gallery_type_images": "Imágenes",
+  "media_gallery_type_videos": "Vídeos",
+  "media_gallery_type_audio": "Audio",
+  "media_gallery_type_documents": "Documentos",
+  "media_gallery_type_other": "Otro",
+  "media_gallery_filter_active": "Filtro activo",
+  "media_gallery_clear_filter": "Limpiar filtro",
+  "media_gallery_participant_search_placeholder": "Buscar por nombre o número...",
+  "media_gallery_participant_no_match": "Ningún participante coincide con \" {query} \""
 }
diff --git a/messages/fr.json b/messages/fr.json
index 84a5bc6..11fc29f 100644
--- a/messages/fr.json
+++ b/messages/fr.json
@@ -230,5 +230,19 @@
   "stats_hour_6am": "6h du matin",
   "stats_hour_12pm": "12h",
   "stats_hour_6pm": "18h",
-  "stats_hour_11pm": "23h"
+  "stats_hour_11pm": "23h",
+  "media_gallery_options": "Options",
+  "media_gallery_filter_by_participant": "Filtrer par participant",
+  "media_gallery_filter_by_type": "Filtrer par type",
+  "media_gallery_all_participants": "Tous les participants",
+  "media_gallery_all_types": "Tous types",
+  "media_gallery_type_images": "Images",
+  "media_gallery_type_videos": "Vidéos",
+  "media_gallery_type_audio": "Audio",
+  "media_gallery_type_documents": "Documents",
+  "media_gallery_type_other": "Autre",
+  "media_gallery_filter_active": "Filtre actif",
+  "media_gallery_clear_filter": "Filtre clair",
+  "media_gallery_participant_search_placeholder": "Recherche par nom ou numéro...",
+  "media_gallery_participant_no_match": "Aucun participant ne correspond à \" {query} \""
 }
diff --git a/messages/it.json b/messages/it.json
index 7a6dee8..5061497 100644
--- a/messages/it.json
+++ b/messages/it.json
@@ -230,5 +230,19 @@
   "stats_hour_6am": "6 del mattino",
   "stats_hour_12pm": "12:00",
   "stats_hour_6pm": "18:00",
-  "stats_hour_11pm": "23:00"
+  "stats_hour_11pm": "23:00",
+  "media_gallery_options": "Opzioni",
+  "media_gallery_filter_by_participant": "Filtra per partecipante",
+  "media_gallery_filter_by_type": "Filtra per tipo",
+  "media_gallery_all_participants": "Tutti i partecipanti",
+  "media_gallery_all_types": "Tutti i tipi",
+  "media_gallery_type_images": "Immagini",
+  "media_gallery_type_videos": "Video",
+  "media_gallery_type_audio": "Audio",
+  "media_gallery_type_documents": "Documenti",
+  "media_gallery_type_other": "Altro",
+  "media_gallery_filter_active": "Filtro attivo",
+  "media_gallery_clear_filter": "Cancella filtro",
+  "media_gallery_participant_search_placeholder": "Cerca per nome o numero...",
+  "media_gallery_participant_no_match": "Nessun partecipante corrisponde a \" {query} \""
 }
diff --git a/messages/ja.json b/messages/ja.json
index 103831d..70bdd58 100644
--- a/messages/ja.json
+++ b/messages/ja.json
@@ -230,5 +230,19 @@
   "stats_hour_6am": "午前6時",
   "stats_hour_12pm": "午後12時",
   "stats_hour_6pm": "午後6時",
-  "stats_hour_11pm": "午後11時"
+  "stats_hour_11pm": "午後11時",
+  "media_gallery_options": "オプション",
+  "media_gallery_filter_by_participant": "参加者でフィルタリング",
+  "media_gallery_filter_by_type": "タイプでフィルタリング",
+  "media_gallery_all_participants": "参加者全員",
+  "media_gallery_all_types": "すべてのタイプ",
+  "media_gallery_type_images": "画像",
+  "media_gallery_type_videos": "ビデオ",
+  "media_gallery_type_audio": "オーディオ",
+  "media_gallery_type_documents": "文書",
+  "media_gallery_type_other": "他の",
+  "media_gallery_filter_active": "フィルターが有効",
+  "media_gallery_clear_filter": "フィルターをクリア",
+  "media_gallery_participant_search_placeholder": "名前または番号で検索...",
+  "media_gallery_participant_no_match": "「 {query} 」に一致する参加者はいません"
 }
diff --git a/messages/nl.json b/messages/nl.json
index bfa9389..9aecd50 100644
--- a/messages/nl.json
+++ b/messages/nl.json
@@ -230,5 +230,19 @@
   "stats_hour_6am": "6 uur 's ochtends",
   "stats_hour_12pm": "12 uur 's middags",
   "stats_hour_6pm": "18:00 uur",
-  "stats_hour_11pm": "23:00 uur"
+  "stats_hour_11pm": "23:00 uur",
+  "media_gallery_options": "Opties",
+  "media_gallery_filter_by_participant": "Filteren op deelnemer",
+  "media_gallery_filter_by_type": "Filteren op type",
+  "media_gallery_all_participants": "Alle deelnemers",
+  "media_gallery_all_types": "Alle soorten",
+  "media_gallery_type_images": "Afbeeldingen",
+  "media_gallery_type_videos": "Video's",
+  "media_gallery_type_audio": "Audio",
+  "media_gallery_type_documents": "Documenten",
+  "media_gallery_type_other": "Ander",
+  "media_gallery_filter_active": "Actief filter",
+  "media_gallery_clear_filter": "Filter wissen",
+  "media_gallery_participant_search_placeholder": "Zoeken op naam of nummer...",
+  "media_gallery_participant_no_match": "Geen deelnemer komt overeen met \" {query} \""
 }
diff --git a/messages/pt.json b/messages/pt.json
index 096acff..a93ede8 100644
--- a/messages/pt.json
+++ b/messages/pt.json
@@ -230,5 +230,19 @@
   "stats_hour_6am": "6h da manhã",
   "stats_hour_12pm": "12h",
   "stats_hour_6pm": "18h",
-  "stats_hour_11pm": "23h"
+  "stats_hour_11pm": "23h",
+  "media_gallery_options": "Opções",
+  "media_gallery_filter_by_participant": "Filtrar por participante",
+  "media_gallery_filter_by_type": "Filtrar por tipo",
+  "media_gallery_all_participants": "Todos os participantes",
+  "media_gallery_all_types": "Todos os tipos",
+  "media_gallery_type_images": "Imagens",
+  "media_gallery_type_videos": "Vídeos",
+  "media_gallery_type_audio": "Áudio",
+  "media_gallery_type_documents": "Documentos",
+  "media_gallery_type_other": "Outro",
+  "media_gallery_filter_active": "Filtro ativo",
+  "media_gallery_clear_filter": "Limpar filtro",
+  "media_gallery_participant_search_placeholder": "Pesquisar por nome ou número...",
+  "media_gallery_participant_no_match": "Nenhum participante corresponde a \" {query} \""
 }
diff --git a/messages/ru.json b/messages/ru.json
index c6c259f..b07517f 100644
--- a/messages/ru.json
+++ b/messages/ru.json
@@ -230,5 +230,19 @@
   "stats_hour_6am": "6 утра",
   "stats_hour_12pm": "12:00",
   "stats_hour_6pm": "18:00",
-  "stats_hour_11pm": "23:00"
+  "stats_hour_11pm": "23:00",
+  "media_gallery_options": "Параметры",
+  "media_gallery_filter_by_participant": "Фильтр по участнику",
+  "media_gallery_filter_by_type": "Фильтр по типу",
+  "media_gallery_all_participants": "Все участники",
+  "media_gallery_all_types": "Все типы",
+  "media_gallery_type_images": "Изображения",
+  "media_gallery_type_videos": "Видео",
+  "media_gallery_type_audio": "Аудио",
+  "media_gallery_type_documents": "Документы",
+  "media_gallery_type_other": "Другой",
+  "media_gallery_filter_active": "Фильтр активен",
+  "media_gallery_clear_filter": "Очистить фильтр",
+  "media_gallery_participant_search_placeholder": "Поиск по имени или номеру...",
+  "media_gallery_participant_no_match": "Ни один участник не соответствует \" {query} \""
 }
diff --git a/messages/zh.json b/messages/zh.json
index 7b71ea4..92659a2 100644
--- a/messages/zh.json
+++ b/messages/zh.json
@@ -230,5 +230,19 @@
   "stats_hour_6am": "早上6点",
   "stats_hour_12pm": "中午12点",
   "stats_hour_6pm": "下午6点",
-  "stats_hour_11pm": "晚上11点"
+  "stats_hour_11pm": "晚上11点",
+  "media_gallery_options": "选项",
+  "media_gallery_filter_by_participant": "按参与者筛选",
+  "media_gallery_filter_by_type": "按类型筛选",
+  "media_gallery_all_participants": "所有参与者",
+  "media_gallery_all_types": "所有类型",
+  "media_gallery_type_images": "图片",
+  "media_gallery_type_videos": "视频",
+  "media_gallery_type_audio": "声音的",
+  "media_gallery_type_documents": "文件",
+  "media_gallery_type_other": "其他",
+  "media_gallery_filter_active": "过滤器已激活",
+  "media_gallery_clear_filter": "清除过滤器",
+  "media_gallery_participant_search_placeholder": "按名称或编号搜索……",
+  "media_gallery_participant_no_match": "没有参与者匹配“ {query}"
 }
diff --git a/src/lib/components/MediaGallery.svelte b/src/lib/components/MediaGallery.svelte
index 49f6683..e082ff9 100644
--- a/src/lib/components/MediaGallery.svelte
+++ b/src/lib/components/MediaGallery.svelte
@@ -1,14 +1,22 @@
 <script lang="ts">
 import JSZip from 'jszip';
 import { onDestroy, tick } from 'svelte';
-import { type DateKey, galleryState } from '$lib/gallery.svelte';
+import {
+	type DateKey,
+	galleryState,
+	type MediaTypeFilter,
+} from '$lib/gallery.svelte';
 import { cleanupThumbnailUrls } from '$lib/gallery-thumbnails';
 import * as m from '$lib/paraglide/messages';
 import { getLocale } from '$lib/paraglide/runtime';
 import { loadMediaFile } from '$lib/parser';
 import { appState } from '$lib/state.svelte';
+import Dropdown from './Dropdown.svelte';
+import DropdownList from './DropdownList.svelte';
+import DropdownSearch from './DropdownSearch.svelte';
 import Icon from './Icon.svelte';
 import IconButton from './IconButton.svelte';
+import ListItemButton from './ListItemButton.svelte';
 import MediaThumbnail from './MediaThumbnail.svelte';
 
 interface Props {
@@ -23,12 +31,17 @@ $effect(() => {
 });
 
 const items = $derived.by(() => galleryState.items);
+const allItems = $derived.by(() => galleryState.allItems);
 const itemsByDate = $derived.by(() => galleryState.itemsByDate);
 const datesWithMedia = $derived.by(() => galleryState.datesWithMedia);
 const dateBoundaries = $derived.by(() => galleryState.dateBoundaries);
 const selectedCount = $derived.by(() => galleryState.selectedCount);
 const lightboxPath = $derived.by(() => galleryState.lightboxMediaPath);
 const scrollToDateKey = $derived.by(() => galleryState.scrollToDateKey);
+const hasActiveFilter = $derived.by(() => galleryState.hasActiveFilter);
+const filterParticipants = $derived.by(() => galleryState.filterParticipants);
+const filterTypes = $derived.by(() => galleryState.filterTypes);
+const mediaParticipants = $derived.by(() => galleryState.mediaParticipants);
 
 const lightboxItem = $derived.by(() => {
 	const path = lightboxPath;
@@ -48,9 +61,35 @@ let downloadError = $state<string | null>(null);
 let showDatePicker = $state(false);
 let datePickerMonth = $state(new Date());
 
+// Options dropdown state
+let showOptionsDropdown = $state(false);
+let optionsButtonRef = $state<HTMLButtonElement | null>(null);
+
+// Participant filter modal state
+let showParticipantFilter = $state(false);
+let participantSearchQuery = $state('');
+let participantSearchInputRef = $state<HTMLInputElement | null>(null);
+
+// Type filter modal state
+let showTypeFilter = $state(false);
+
 // Scroll container ref
 let scrollContainerRef = $state<HTMLElement | null>(null);
 
+// Auto-focus participant search input when modal opens
+$effect(() => {
+	if (showParticipantFilter && participantSearchInputRef) {
+		setTimeout(() => participantSearchInputRef?.focus(), 50);
+	}
+});
+
+// Filter participants based on search query
+const filteredMediaParticipants = $derived.by(() => {
+	const query = participantSearchQuery.toLowerCase().trim();
+	if (!query) return mediaParticipants;
+	return mediaParticipants.filter((p) => p.toLowerCase().includes(query));
+});
+
 // Handle scroll-to-date
 $effect(() => {
 	const dateKey = scrollToDateKey;
@@ -174,7 +213,13 @@ function closeLightbox() {
 
 function handleKeydown(e: KeyboardEvent) {
 	if (e.key === 'Escape') {
-		if (showDatePicker) {
+		if (showOptionsDropdown) {
+			showOptionsDropdown = false;
+		} else if (showParticipantFilter) {
+			showParticipantFilter = false;
+		} else if (showTypeFilter) {
+			showTypeFilter = false;
+		} else if (showDatePicker) {
 			showDatePicker = false;
 		} else if (lightboxPath) {
 			closeLightbox();
@@ -336,9 +381,46 @@ function openDatePicker() {
 	} else {
 		datePickerMonth = new Date();
 	}
+	showOptionsDropdown = false;
 	showDatePicker = true;
 }
 
+function openParticipantFilter() {
+	showOptionsDropdown = false;
+	participantSearchQuery = '';
+	showParticipantFilter = true;
+}
+
+function openTypeFilter() {
+	showOptionsDropdown = false;
+	showTypeFilter = true;
+}
+
+function toggleParticipant(participant: string) {
+	galleryState.toggleParticipantFilter(participant);
+}
+
+function toggleType(type: MediaTypeFilter) {
+	galleryState.toggleTypeFilter(type);
+}
+
+function getTypeLabel(type: MediaTypeFilter): string {
+	switch (type) {
+		case 'image':
+			return m.media_gallery_type_images();
+		case 'video':
+			return m.media_gallery_type_videos();
+		case 'audio':
+			return m.media_gallery_type_audio();
+		case 'document':
+			return m.media_gallery_type_documents();
+		case 'other':
+			return m.media_gallery_type_other();
+		default:
+			return m.media_gallery_all_types();
+	}
+}
+
 onDestroy(() => {
 	cleanupThumbnailUrls();
 });
@@ -355,23 +437,31 @@ onDestroy(() => {
 				<h2 class="min-w-0 text-sm font-semibold text-gray-900 dark:text-gray-100 truncate">
 					{m.media_gallery_title()}
 				</h2>
-				{#if selectedCount > 0}
+				{#if hasActiveFilter}
+					<span class="text-xs text-[var(--color-whatsapp-teal)] bg-[var(--color-whatsapp-teal)]/10 px-2 py-0.5 rounded-full whitespace-nowrap">
+						{items.length} / {allItems.length}
+					</span>
+				{:else if selectedCount > 0}
 					<span class="text-xs text-gray-500 dark:text-gray-300 bg-gray-100/70 dark:bg-gray-700/70 px-2 py-0.5 rounded-full whitespace-nowrap">
 						{m.media_gallery_selected({ count: selectedCount })}
 					</span>
 				{/if}
 			</div>
 			<div class="flex items-center gap-1.5 flex-shrink-0">
-				<!-- Go to Date button -->
-				{#if items.length > 0}
+				<!-- Options button -->
+				{#if allItems.length > 0}
 					<IconButton
+						bind:ref={optionsButtonRef}
 						theme="light"
 						size="lg"
-						onclick={openDatePicker}
-						aria-label={m.media_gallery_go_to_date()}
-						title={m.media_gallery_go_to_date()}
+						onclick={() => (showOptionsDropdown = !showOptionsDropdown)}
+						aria-label={m.media_gallery_options()}
+						title={m.media_gallery_options()}
 					>
-						<Icon name="calendar" size="md" />
+						<Icon name="dots-vertical" size="md" />
+						{#if hasActiveFilter}
+							<span class="absolute -top-0.5 -right-0.5 w-2 h-2 rounded-full bg-[var(--color-whatsapp-teal)]"></span>
+						{/if}
 					</IconButton>
 				{/if}
 				{#if selectedCount > 0}
@@ -551,6 +641,153 @@ onDestroy(() => {
 		</div>
 	{/if}
 
+	<!-- Options Dropdown -->
+	<Dropdown
+		anchor={optionsButtonRef}
+		open={showOptionsDropdown}
+		onClose={() => (showOptionsDropdown = false)}
+		width="w-56"
+		placement="bottom-end"
+	>
+		<DropdownList maxHeight="max-h-64">
+			<ListItemButton onclick={openDatePicker}>
+				<Icon name="calendar" size="sm" />
+				<span>{m.media_gallery_go_to_date()}</span>
+			</ListItemButton>
+			<ListItemButton onclick={openParticipantFilter} active={filterParticipants.length > 0}>
+				<Icon name="user" size="sm" />
+				<span class="flex-1">{m.media_gallery_filter_by_participant()}</span>
+				{#if filterParticipants.length > 0}
+					<span class="text-xs text-gray-500 dark:text-gray-400 tabular-nums">{filterParticipants.length}</span>
+				{/if}
+			</ListItemButton>
+			<ListItemButton onclick={openTypeFilter} active={filterTypes.length > 0}>
+				<Icon name="tag" size="sm" />
+				<span class="flex-1">{m.media_gallery_filter_by_type()}</span>
+				{#if filterTypes.length > 0}
+					<span class="text-xs text-gray-500 dark:text-gray-400 tabular-nums">{filterTypes.length}</span>
+				{/if}
+			</ListItemButton>
+			{#if hasActiveFilter}
+				<div class="border-t border-gray-200 dark:border-gray-700 my-1"></div>
+				<ListItemButton onclick={() => galleryState.clearFilters()} danger>
+					<Icon name="close" size="sm" />
+					<span>{m.media_gallery_clear_filter()}</span>
+				</ListItemButton>
+			{/if}
+		</DropdownList>
+	</Dropdown>
+
+	<!-- Participant Filter Modal -->
+	{#if showParticipantFilter}
+		<div class="fixed inset-0 z-50 bg-black/40 backdrop-blur-sm flex items-center justify-center p-4">
+			<button
+				type="button"
+				class="absolute inset-0 cursor-default"
+				onclick={() => (showParticipantFilter = false)}
+				aria-label={m.close()}
+			></button>
+			<div class="relative bg-white dark:bg-gray-800 rounded-xl shadow-xl border border-gray-200 dark:border-gray-700 w-full max-w-sm overflow-hidden">
+				<div class="flex items-center justify-between p-4 border-b border-gray-200 dark:border-gray-700">
+					<h3 class="text-sm font-semibold text-gray-900 dark:text-gray-100">{m.media_gallery_filter_by_participant()}</h3>
+					<IconButton
+						theme="light"
+						size="sm"
+						onclick={() => (showParticipantFilter = false)}
+						aria-label={m.close()}
+					>
+						<Icon name="close" size="md" />
+					</IconButton>
+				</div>
+				
+				<DropdownSearch
+					bind:value={participantSearchQuery}
+					bind:ref={participantSearchInputRef}
+					placeholder={m.media_gallery_participant_search_placeholder()}
+				/>
+				
+				<div class="max-h-80 overflow-y-auto py-2">
+					{#each filteredMediaParticipants as participant (participant)}
+						<ListItemButton
+							onclick={() => toggleParticipant(participant)}
+							active={filterParticipants.includes(participant)}
+						>
+							<span class="w-5 text-center">{filterParticipants.includes(participant) ? '✓' : ''}</span>
+							<span class="truncate">{participant}</span>
+						</ListItemButton>
+					{/each}
+					{#if filteredMediaParticipants.length === 0 && participantSearchQuery}
+						<div class="px-3 py-2 text-sm text-gray-500 dark:text-gray-400 italic">
+							{m.media_gallery_participant_no_match({ query: participantSearchQuery })}
+						</div>
+					{/if}
+				</div>
+			</div>
+		</div>
+	{/if}
+
+	<!-- Type Filter Modal -->
+	{#if showTypeFilter}
+		<div class="fixed inset-0 z-50 bg-black/40 backdrop-blur-sm flex items-center justify-center p-4">
+			<button
+				type="button"
+				class="absolute inset-0 cursor-default"
+				onclick={() => (showTypeFilter = false)}
+				aria-label={m.close()}
+			></button>
+			<div class="relative bg-white dark:bg-gray-800 rounded-xl shadow-xl border border-gray-200 dark:border-gray-700 w-full max-w-sm overflow-hidden">
+				<div class="flex items-center justify-between p-4 border-b border-gray-200 dark:border-gray-700">
+					<h3 class="text-sm font-semibold text-gray-900 dark:text-gray-100">{m.media_gallery_filter_by_type()}</h3>
+					<IconButton
+						theme="light"
+						size="sm"
+						onclick={() => (showTypeFilter = false)}
+						aria-label={m.close()}
+					>
+						<Icon name="close" size="md" />
+					</IconButton>
+				</div>
+				<div class="py-2">
+					<ListItemButton
+						onclick={() => toggleType('image')}
+						active={filterTypes.includes('image')}
+					>
+						<span class="w-5 text-center">{filterTypes.includes('image') ? '✓' : ''}</span>
+						<span>{m.media_gallery_type_images()}</span>
+					</ListItemButton>
+					<ListItemButton
+						onclick={() => toggleType('video')}
+						active={filterTypes.includes('video')}
+					>
+						<span class="w-5 text-center">{filterTypes.includes('video') ? '✓' : ''}</span>
+						<span>{m.media_gallery_type_videos()}</span>
+					</ListItemButton>
+					<ListItemButton
+						onclick={() => toggleType('audio')}
+						active={filterTypes.includes('audio')}
+					>
+						<span class="w-5 text-center">{filterTypes.includes('audio') ? '✓' : ''}</span>
+						<span>{m.media_gallery_type_audio()}</span>
+					</ListItemButton>
+					<ListItemButton
+						onclick={() => toggleType('document')}
+						active={filterTypes.includes('document')}
+					>
+						<span class="w-5 text-center">{filterTypes.includes('document') ? '✓' : ''}</span>
+						<span>{m.media_gallery_type_documents()}</span>
+					</ListItemButton>
+					<ListItemButton
+						onclick={() => toggleType('other')}
+						active={filterTypes.includes('other')}
+					>
+						<span class="w-5 text-center">{filterTypes.includes('other') ? '✓' : ''}</span>
+						<span>{m.media_gallery_type_other()}</span>
+					</ListItemButton>
+				</div>
+			</div>
+		</div>
+	{/if}
+
 	{#if lightboxItem}
 		<!-- Lightbox -->
 		<div class="fixed inset-0 z-50 bg-black/60 backdrop-blur-sm flex items-center justify-center p-4">
diff --git a/src/lib/gallery.svelte.ts b/src/lib/gallery.svelte.ts
index a893983..0623292 100644
--- a/src/lib/gallery.svelte.ts
+++ b/src/lib/gallery.svelte.ts
@@ -62,18 +62,71 @@ function toDateKey(timestamp?: string): DateKey | null {
 	return `${year}-${month}-${day}`;
 }
 
+/** Valid media type filter values */
+export type MediaTypeFilter =
+	| 'all'
+	| 'image'
+	| 'video'
+	| 'audio'
+	| 'document'
+	| 'other';
+
 function createGalleryState() {
 	let selectedMediaPaths = $state<Set<string>>(new Set());
 	let lightboxMediaPath = $state<string | null>(null);
 	let lastChatTitle = $state<string | null>(null);
 	let scrollToDateKey = $state<DateKey | null>(null);
 
-	const items = $derived.by(() => {
+	// Filter state
+	let filterParticipants = $state<string[]>([]);
+	let filterTypes = $state<MediaTypeFilter[]>([]);
+
+	/** All items (unfiltered) */
+	const allItems = $derived.by(() => {
 		const chat = appState.selectedChat;
 		if (!chat) return [] as GalleryItem[];
 		return chat.mediaFiles.map(toGalleryItem);
 	});
 
+	/** Unique participants who sent media */
+	const mediaParticipants = $derived.by(() => {
+		const participants = new Set<string>();
+		for (const item of allItems) {
+			if (item.messageSender) {
+				participants.add(item.messageSender);
+			}
+		}
+		return [...participants].sort((a, b) =>
+			a.localeCompare(b, undefined, { sensitivity: 'base' }),
+		);
+	});
+
+	/** Filtered items based on participant and type filters */
+	const items = $derived.by(() => {
+		let result = allItems;
+
+		// Filter by participants
+		if (filterParticipants.length > 0) {
+			result = result.filter((item) =>
+				item.messageSender
+					? filterParticipants.includes(item.messageSender)
+					: false,
+			);
+		}
+
+		// Filter by types
+		if (filterTypes.length > 0) {
+			result = result.filter((item) => filterTypes.includes(item.type));
+		}
+
+		return result;
+	});
+
+	/** Whether any filter is active */
+	const hasActiveFilter = $derived(
+		filterParticipants.length > 0 || filterTypes.length > 0,
+	);
+
 	/** Items grouped by date (YYYY-MM-DD), sorted newest first */
 	const itemsByDate = $derived.by(() => {
 		const map = new Map<DateKey, GalleryItem[]>();
@@ -134,6 +187,30 @@ function createGalleryState() {
 		selectedMediaPaths = new Set();
 		lightboxMediaPath = null;
 		lastChatTitle = currentTitle;
+		// Reset filters when changing chats
+		filterParticipants = [];
+		filterTypes = [];
+	}
+
+	function toggleParticipantFilter(participant: string): void {
+		if (filterParticipants.includes(participant)) {
+			filterParticipants = filterParticipants.filter((p) => p !== participant);
+		} else {
+			filterParticipants = [...filterParticipants, participant];
+		}
+	}
+
+	function toggleTypeFilter(type: MediaTypeFilter): void {
+		if (filterTypes.includes(type)) {
+			filterTypes = filterTypes.filter((t) => t !== type);
+		} else {
+			filterTypes = [...filterTypes, type];
+		}
+	}
+
+	function clearFilters(): void {
+		filterParticipants = [];
+		filterTypes = [];
 	}
 
 	function isSelected(path: string): boolean {
@@ -206,6 +283,9 @@ function createGalleryState() {
 		get items() {
 			return items;
 		},
+		get allItems() {
+			return allItems;
+		},
 		get itemsByDate() {
 			return itemsByDate;
 		},
@@ -230,6 +310,18 @@ function createGalleryState() {
 		get scrollToDateKey() {
 			return scrollToDateKey;
 		},
+		get filterParticipants() {
+			return filterParticipants;
+		},
+		get filterTypes() {
+			return filterTypes;
+		},
+		get hasActiveFilter() {
+			return hasActiveFilter;
+		},
+		get mediaParticipants() {
+			return mediaParticipants;
+		},
 
 		syncToChatTitle,
 		isSelected,
@@ -242,6 +334,9 @@ function createGalleryState() {
 		clearScrollToDate,
 		getItemCountForDate,
 		getMediaTypesForDate,
+		toggleParticipantFilter,
+		toggleTypeFilter,
+		clearFilters,
 	};
 }
 

From 96987de4d0c4f002458677c7eb2e979467e4674c Mon Sep 17 00:00:00 2001
From: Rodrigo Gomes da Silva <rodrigo.smscom@gmail.com>
Date: Sun, 4 Jan 2026 22:36:54 -0300
Subject: [PATCH 02/15] fix: correct Chinese audio translation
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Address Copilot review comment: Change '声音的' to '音频' for better grammar
---
 messages/zh.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/messages/zh.json b/messages/zh.json
index 92659a2..435ebfa 100644
--- a/messages/zh.json
+++ b/messages/zh.json
@@ -238,7 +238,7 @@
   "media_gallery_all_types": "所有类型",
   "media_gallery_type_images": "图片",
   "media_gallery_type_videos": "视频",
-  "media_gallery_type_audio": "声音的",
+  "media_gallery_type_audio": "音频",
   "media_gallery_type_documents": "文件",
   "media_gallery_type_other": "其他",
   "media_gallery_filter_active": "过滤器已激活",

From fb1b1d88dc9f772362ad6f7d7e7e0d59a319da1b Mon Sep 17 00:00:00 2001
From: Rodrigo Gomes da Silva <rodrigo.smscom@gmail.com>
Date: Sun, 4 Jan 2026 22:38:54 -0300
Subject: [PATCH 03/15] fix: remove extra spaces in translation placeholders

Address Copilot review comments: Fix placeholder formatting in 8 languages (pt, ja, de, ru, nl, it, fr, es) - remove spaces around {query}
---
 messages/de.json | 2 +-
 messages/es.json | 2 +-
 messages/fr.json | 2 +-
 messages/it.json | 2 +-
 messages/ja.json | 2 +-
 messages/nl.json | 2 +-
 messages/pt.json | 2 +-
 messages/ru.json | 2 +-
 8 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/messages/de.json b/messages/de.json
index 1ee053d..a743b38 100644
--- a/messages/de.json
+++ b/messages/de.json
@@ -244,5 +244,5 @@
   "media_gallery_filter_active": "Filter aktiv",
   "media_gallery_clear_filter": "Filter löschen",
   "media_gallery_participant_search_placeholder": "Suche nach Name oder Nummer...",
-  "media_gallery_participant_no_match": "Kein Teilnehmer entspricht \" {query} \""
+  "media_gallery_participant_no_match": "Kein Teilnehmer entspricht \"{query}\""
 }
diff --git a/messages/es.json b/messages/es.json
index 6abab53..3befee7 100644
--- a/messages/es.json
+++ b/messages/es.json
@@ -244,5 +244,5 @@
   "media_gallery_filter_active": "Filtro activo",
   "media_gallery_clear_filter": "Limpiar filtro",
   "media_gallery_participant_search_placeholder": "Buscar por nombre o número...",
-  "media_gallery_participant_no_match": "Ningún participante coincide con \" {query} \""
+  "media_gallery_participant_no_match": "Ningún participante coincide con \"{query}\""
 }
diff --git a/messages/fr.json b/messages/fr.json
index 11fc29f..821376e 100644
--- a/messages/fr.json
+++ b/messages/fr.json
@@ -244,5 +244,5 @@
   "media_gallery_filter_active": "Filtre actif",
   "media_gallery_clear_filter": "Filtre clair",
   "media_gallery_participant_search_placeholder": "Recherche par nom ou numéro...",
-  "media_gallery_participant_no_match": "Aucun participant ne correspond à \" {query} \""
+  "media_gallery_participant_no_match": "Aucun participant ne correspond à \"{query}\""
 }
diff --git a/messages/it.json b/messages/it.json
index 5061497..9a1bfc0 100644
--- a/messages/it.json
+++ b/messages/it.json
@@ -244,5 +244,5 @@
   "media_gallery_filter_active": "Filtro attivo",
   "media_gallery_clear_filter": "Cancella filtro",
   "media_gallery_participant_search_placeholder": "Cerca per nome o numero...",
-  "media_gallery_participant_no_match": "Nessun partecipante corrisponde a \" {query} \""
+  "media_gallery_participant_no_match": "Nessun partecipante corrisponde a \"{query}\""
 }
diff --git a/messages/ja.json b/messages/ja.json
index 70bdd58..706b702 100644
--- a/messages/ja.json
+++ b/messages/ja.json
@@ -244,5 +244,5 @@
   "media_gallery_filter_active": "フィルターが有効",
   "media_gallery_clear_filter": "フィルターをクリア",
   "media_gallery_participant_search_placeholder": "名前または番号で検索...",
-  "media_gallery_participant_no_match": "「 {query} 」に一致する参加者はいません"
+  "media_gallery_participant_no_match": "「{query}」に一致する参加者はいません"
 }
diff --git a/messages/nl.json b/messages/nl.json
index 9aecd50..c7ab287 100644
--- a/messages/nl.json
+++ b/messages/nl.json
@@ -244,5 +244,5 @@
   "media_gallery_filter_active": "Actief filter",
   "media_gallery_clear_filter": "Filter wissen",
   "media_gallery_participant_search_placeholder": "Zoeken op naam of nummer...",
-  "media_gallery_participant_no_match": "Geen deelnemer komt overeen met \" {query} \""
+  "media_gallery_participant_no_match": "Geen deelnemer komt overeen met \"{query}\""
 }
diff --git a/messages/pt.json b/messages/pt.json
index a93ede8..ff828ca 100644
--- a/messages/pt.json
+++ b/messages/pt.json
@@ -244,5 +244,5 @@
   "media_gallery_filter_active": "Filtro ativo",
   "media_gallery_clear_filter": "Limpar filtro",
   "media_gallery_participant_search_placeholder": "Pesquisar por nome ou número...",
-  "media_gallery_participant_no_match": "Nenhum participante corresponde a \" {query} \""
+  "media_gallery_participant_no_match": "Nenhum participante corresponde a \"{query}\""
 }
diff --git a/messages/ru.json b/messages/ru.json
index b07517f..260d1b1 100644
--- a/messages/ru.json
+++ b/messages/ru.json
@@ -244,5 +244,5 @@
   "media_gallery_filter_active": "Фильтр активен",
   "media_gallery_clear_filter": "Очистить фильтр",
   "media_gallery_participant_search_placeholder": "Поиск по имени или номеру...",
-  "media_gallery_participant_no_match": "Ни один участник не соответствует \" {query} \""
+  "media_gallery_participant_no_match": "Ни один участник не соответствует \"{query}\""
 }

From bf63ff8d100cda330ab83753914c826fe3cc7293 Mon Sep 17 00:00:00 2001
From: Rodrigo Gomes da Silva <rodrigo.smscom@gmail.com>
Date: Sun, 4 Jan 2026 22:45:19 -0300
Subject: [PATCH 04/15] fix: correct Chinese JSON syntax for placeholder

Fix invalid JSON syntax - move closing quote after {query} placeholder
---
 messages/zh.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/messages/zh.json b/messages/zh.json
index 435ebfa..90e3a5a 100644
--- a/messages/zh.json
+++ b/messages/zh.json
@@ -244,5 +244,5 @@
   "media_gallery_filter_active": "过滤器已激活",
   "media_gallery_clear_filter": "清除过滤器",
   "media_gallery_participant_search_placeholder": "按名称或编号搜索……",
-  "media_gallery_participant_no_match": "没有参与者匹配“ {query}"
+  "media_gallery_participant_no_match": "没有参与者匹配\"{query}\""
 }

From 9e43a009fbdef06206349fe1edf1c9820af5d3d0 Mon Sep 17 00:00:00 2001
From: Rodrigo Gomes da Silva <rodrigo.smscom@gmail.com>
Date: Sun, 4 Jan 2026 23:10:12 -0300
Subject: [PATCH 05/15] perf: optimize filter checks and remove unused code

- Use derived Sets for O(1) filter lookups instead of O(n) array includes
- Remove unused getTypeLabel function
- Address Copilot performance review comments
---
 src/lib/components/MediaGallery.svelte | 45 +++++++++-----------------
 1 file changed, 16 insertions(+), 29 deletions(-)

diff --git a/src/lib/components/MediaGallery.svelte b/src/lib/components/MediaGallery.svelte
index e082ff9..72773b0 100644
--- a/src/lib/components/MediaGallery.svelte
+++ b/src/lib/components/MediaGallery.svelte
@@ -90,6 +90,10 @@ const filteredMediaParticipants = $derived.by(() => {
 	return mediaParticipants.filter((p) => p.toLowerCase().includes(query));
 });
 
+// Performance optimization: Use Sets for O(1) lookups instead of O(n) includes
+const filterParticipantsSet = $derived(new Set(filterParticipants));
+const filterTypesSet = $derived(new Set(filterTypes));
+
 // Handle scroll-to-date
 $effect(() => {
 	const dateKey = scrollToDateKey;
@@ -404,23 +408,6 @@ function toggleType(type: MediaTypeFilter) {
 	galleryState.toggleTypeFilter(type);
 }
 
-function getTypeLabel(type: MediaTypeFilter): string {
-	switch (type) {
-		case 'image':
-			return m.media_gallery_type_images();
-		case 'video':
-			return m.media_gallery_type_videos();
-		case 'audio':
-			return m.media_gallery_type_audio();
-		case 'document':
-			return m.media_gallery_type_documents();
-		case 'other':
-			return m.media_gallery_type_other();
-		default:
-			return m.media_gallery_all_types();
-	}
-}
-
 onDestroy(() => {
 	cleanupThumbnailUrls();
 });
@@ -710,9 +697,9 @@ onDestroy(() => {
 					{#each filteredMediaParticipants as participant (participant)}
 						<ListItemButton
 							onclick={() => toggleParticipant(participant)}
-							active={filterParticipants.includes(participant)}
+							active={filterParticipantsSet.has(participant)}
 						>
-							<span class="w-5 text-center">{filterParticipants.includes(participant) ? '✓' : ''}</span>
+							<span class="w-5 text-center">{filterParticipantsSet.has(participant) ? '✓' : ''}</span>
 							<span class="truncate">{participant}</span>
 						</ListItemButton>
 					{/each}
@@ -750,37 +737,37 @@ onDestroy(() => {
 				<div class="py-2">
 					<ListItemButton
 						onclick={() => toggleType('image')}
-						active={filterTypes.includes('image')}
+						active={filterTypesSet.has('image')}
 					>
-						<span class="w-5 text-center">{filterTypes.includes('image') ? '✓' : ''}</span>
+						<span class="w-5 text-center">{filterTypesSet.has('image') ? '✓' : ''}</span>
 						<span>{m.media_gallery_type_images()}</span>
 					</ListItemButton>
 					<ListItemButton
 						onclick={() => toggleType('video')}
-						active={filterTypes.includes('video')}
+						active={filterTypesSet.has('video')}
 					>
-						<span class="w-5 text-center">{filterTypes.includes('video') ? '✓' : ''}</span>
+						<span class="w-5 text-center">{filterTypesSet.has('video') ? '✓' : ''}</span>
 						<span>{m.media_gallery_type_videos()}</span>
 					</ListItemButton>
 					<ListItemButton
 						onclick={() => toggleType('audio')}
-						active={filterTypes.includes('audio')}
+						active={filterTypesSet.has('audio')}
 					>
-						<span class="w-5 text-center">{filterTypes.includes('audio') ? '✓' : ''}</span>
+						<span class="w-5 text-center">{filterTypesSet.has('audio') ? '✓' : ''}</span>
 						<span>{m.media_gallery_type_audio()}</span>
 					</ListItemButton>
 					<ListItemButton
 						onclick={() => toggleType('document')}
-						active={filterTypes.includes('document')}
+						active={filterTypesSet.has('document')}
 					>
-						<span class="w-5 text-center">{filterTypes.includes('document') ? '✓' : ''}</span>
+						<span class="w-5 text-center">{filterTypesSet.has('document') ? '✓' : ''}</span>
 						<span>{m.media_gallery_type_documents()}</span>
 					</ListItemButton>
 					<ListItemButton
 						onclick={() => toggleType('other')}
-						active={filterTypes.includes('other')}
+						active={filterTypesSet.has('other')}
 					>
-						<span class="w-5 text-center">{filterTypes.includes('other') ? '✓' : ''}</span>
+						<span class="w-5 text-center">{filterTypesSet.has('other') ? '✓' : ''}</span>
 						<span>{m.media_gallery_type_other()}</span>
 					</ListItemButton>
 				</div>

From b48190a40c017c601f1a914b751e7c73ddffa088 Mon Sep 17 00:00:00 2001
From: Rodrigo Gomes da Silva <rodrigo.smscom@gmail.com>
Date: Sun, 4 Jan 2026 23:16:11 -0300
Subject: [PATCH 06/15] refactor: remove unused translation keys and 'all' type

- Remove unused 'all' from MediaTypeFilter type (never used in UI)
- Remove unused translation keys: media_gallery_all_participants, media_gallery_all_types, media_gallery_filter_active
- Address Copilot code cleanup review comments
---
 src/lib/gallery.svelte.ts | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/lib/gallery.svelte.ts b/src/lib/gallery.svelte.ts
index 0623292..191bf2a 100644
--- a/src/lib/gallery.svelte.ts
+++ b/src/lib/gallery.svelte.ts
@@ -64,7 +64,6 @@ function toDateKey(timestamp?: string): DateKey | null {
 
 /** Valid media type filter values */
 export type MediaTypeFilter =
-	| 'all'
 	| 'image'
 	| 'video'
 	| 'audio'

From e94114bd984840c0158d6938378c96140656e234 Mon Sep 17 00:00:00 2001
From: Rodrigo Gomes da Silva <rodrigo.smscom@gmail.com>
Date: Sun, 4 Jan 2026 23:20:08 -0300
Subject: [PATCH 07/15] fix: remove unused translation keys and fix spacing
 issues

- Remove unused keys: media_gallery_all_participants, media_gallery_all_types, media_gallery_filter_active
- Fix spacing in media_gallery_participant_no_match across all non-English languages
- Address all remaining Copilot review comments
---
 messages/de.json | 3 ---
 messages/en.json | 3 ---
 messages/es.json | 5 +----
 messages/fr.json | 5 +----
 messages/it.json | 3 ---
 messages/ja.json | 7 ++-----
 messages/nl.json | 3 ---
 messages/pt.json | 3 ---
 messages/ru.json | 5 +----
 messages/zh.json | 3 ---
 10 files changed, 5 insertions(+), 35 deletions(-)

diff --git a/messages/de.json b/messages/de.json
index a743b38..71f1658 100644
--- a/messages/de.json
+++ b/messages/de.json
@@ -234,14 +234,11 @@
   "media_gallery_options": "Optionen",
   "media_gallery_filter_by_participant": "Nach Teilnehmer filtern",
   "media_gallery_filter_by_type": "Nach Typ filtern",
-  "media_gallery_all_participants": "Alle Teilnehmer",
-  "media_gallery_all_types": "Alle Arten",
   "media_gallery_type_images": "Bilder",
   "media_gallery_type_videos": "Videos",
   "media_gallery_type_audio": "Audio",
   "media_gallery_type_documents": "Unterlagen",
   "media_gallery_type_other": "Andere",
-  "media_gallery_filter_active": "Filter aktiv",
   "media_gallery_clear_filter": "Filter löschen",
   "media_gallery_participant_search_placeholder": "Suche nach Name oder Nummer...",
   "media_gallery_participant_no_match": "Kein Teilnehmer entspricht \"{query}\""
diff --git a/messages/en.json b/messages/en.json
index 4465209..dcc7388 100644
--- a/messages/en.json
+++ b/messages/en.json
@@ -234,14 +234,11 @@
   "media_gallery_options": "Options",
   "media_gallery_filter_by_participant": "Filter by participant",
   "media_gallery_filter_by_type": "Filter by type",
-  "media_gallery_all_participants": "All participants",
-  "media_gallery_all_types": "All types",
   "media_gallery_type_images": "Images",
   "media_gallery_type_videos": "Videos",
   "media_gallery_type_audio": "Audio",
   "media_gallery_type_documents": "Documents",
   "media_gallery_type_other": "Other",
-  "media_gallery_filter_active": "Filter active",
   "media_gallery_clear_filter": "Clear filter",
   "media_gallery_participant_search_placeholder": "Search by name or number...",
   "media_gallery_participant_no_match": "No participant matches \"{query}\""
diff --git a/messages/es.json b/messages/es.json
index 3befee7..06862b9 100644
--- a/messages/es.json
+++ b/messages/es.json
@@ -234,14 +234,11 @@
   "media_gallery_options": "Opciones",
   "media_gallery_filter_by_participant": "Filtrar por participante",
   "media_gallery_filter_by_type": "Filtrar por tipo",
-  "media_gallery_all_participants": "Todos los participantes",
-  "media_gallery_all_types": "Todos los tipos",
   "media_gallery_type_images": "Imágenes",
-  "media_gallery_type_videos": "Vídeos",
+  "media_gallery_type_videos": "Videos",
   "media_gallery_type_audio": "Audio",
   "media_gallery_type_documents": "Documentos",
   "media_gallery_type_other": "Otro",
-  "media_gallery_filter_active": "Filtro activo",
   "media_gallery_clear_filter": "Limpiar filtro",
   "media_gallery_participant_search_placeholder": "Buscar por nombre o número...",
   "media_gallery_participant_no_match": "Ningún participante coincide con \"{query}\""
diff --git a/messages/fr.json b/messages/fr.json
index 821376e..5db8813 100644
--- a/messages/fr.json
+++ b/messages/fr.json
@@ -234,14 +234,11 @@
   "media_gallery_options": "Options",
   "media_gallery_filter_by_participant": "Filtrer par participant",
   "media_gallery_filter_by_type": "Filtrer par type",
-  "media_gallery_all_participants": "Tous les participants",
-  "media_gallery_all_types": "Tous types",
   "media_gallery_type_images": "Images",
   "media_gallery_type_videos": "Vidéos",
-  "media_gallery_type_audio": "Audio",
+  "media_gallery_type_audio": "l'audio",
   "media_gallery_type_documents": "Documents",
   "media_gallery_type_other": "Autre",
-  "media_gallery_filter_active": "Filtre actif",
   "media_gallery_clear_filter": "Filtre clair",
   "media_gallery_participant_search_placeholder": "Recherche par nom ou numéro...",
   "media_gallery_participant_no_match": "Aucun participant ne correspond à \"{query}\""
diff --git a/messages/it.json b/messages/it.json
index 9a1bfc0..c1d9749 100644
--- a/messages/it.json
+++ b/messages/it.json
@@ -234,14 +234,11 @@
   "media_gallery_options": "Opzioni",
   "media_gallery_filter_by_participant": "Filtra per partecipante",
   "media_gallery_filter_by_type": "Filtra per tipo",
-  "media_gallery_all_participants": "Tutti i partecipanti",
-  "media_gallery_all_types": "Tutti i tipi",
   "media_gallery_type_images": "Immagini",
   "media_gallery_type_videos": "Video",
   "media_gallery_type_audio": "Audio",
   "media_gallery_type_documents": "Documenti",
   "media_gallery_type_other": "Altro",
-  "media_gallery_filter_active": "Filtro attivo",
   "media_gallery_clear_filter": "Cancella filtro",
   "media_gallery_participant_search_placeholder": "Cerca per nome o numero...",
   "media_gallery_participant_no_match": "Nessun partecipante corrisponde a \"{query}\""
diff --git a/messages/ja.json b/messages/ja.json
index 706b702..fed388d 100644
--- a/messages/ja.json
+++ b/messages/ja.json
@@ -234,14 +234,11 @@
   "media_gallery_options": "オプション",
   "media_gallery_filter_by_participant": "参加者でフィルタリング",
   "media_gallery_filter_by_type": "タイプでフィルタリング",
-  "media_gallery_all_participants": "参加者全員",
-  "media_gallery_all_types": "すべてのタイプ",
   "media_gallery_type_images": "画像",
-  "media_gallery_type_videos": "ビデオ",
+  "media_gallery_type_videos": "動画",
   "media_gallery_type_audio": "オーディオ",
-  "media_gallery_type_documents": "文書",
+  "media_gallery_type_documents": "書類",
   "media_gallery_type_other": "他の",
-  "media_gallery_filter_active": "フィルターが有効",
   "media_gallery_clear_filter": "フィルターをクリア",
   "media_gallery_participant_search_placeholder": "名前または番号で検索...",
   "media_gallery_participant_no_match": "「{query}」に一致する参加者はいません"
diff --git a/messages/nl.json b/messages/nl.json
index c7ab287..9556db4 100644
--- a/messages/nl.json
+++ b/messages/nl.json
@@ -234,14 +234,11 @@
   "media_gallery_options": "Opties",
   "media_gallery_filter_by_participant": "Filteren op deelnemer",
   "media_gallery_filter_by_type": "Filteren op type",
-  "media_gallery_all_participants": "Alle deelnemers",
-  "media_gallery_all_types": "Alle soorten",
   "media_gallery_type_images": "Afbeeldingen",
   "media_gallery_type_videos": "Video's",
   "media_gallery_type_audio": "Audio",
   "media_gallery_type_documents": "Documenten",
   "media_gallery_type_other": "Ander",
-  "media_gallery_filter_active": "Actief filter",
   "media_gallery_clear_filter": "Filter wissen",
   "media_gallery_participant_search_placeholder": "Zoeken op naam of nummer...",
   "media_gallery_participant_no_match": "Geen deelnemer komt overeen met \"{query}\""
diff --git a/messages/pt.json b/messages/pt.json
index ff828ca..18d91b2 100644
--- a/messages/pt.json
+++ b/messages/pt.json
@@ -234,14 +234,11 @@
   "media_gallery_options": "Opções",
   "media_gallery_filter_by_participant": "Filtrar por participante",
   "media_gallery_filter_by_type": "Filtrar por tipo",
-  "media_gallery_all_participants": "Todos os participantes",
-  "media_gallery_all_types": "Todos os tipos",
   "media_gallery_type_images": "Imagens",
   "media_gallery_type_videos": "Vídeos",
   "media_gallery_type_audio": "Áudio",
   "media_gallery_type_documents": "Documentos",
   "media_gallery_type_other": "Outro",
-  "media_gallery_filter_active": "Filtro ativo",
   "media_gallery_clear_filter": "Limpar filtro",
   "media_gallery_participant_search_placeholder": "Pesquisar por nome ou número...",
   "media_gallery_participant_no_match": "Nenhum participante corresponde a \"{query}\""
diff --git a/messages/ru.json b/messages/ru.json
index 260d1b1..7c76d60 100644
--- a/messages/ru.json
+++ b/messages/ru.json
@@ -234,14 +234,11 @@
   "media_gallery_options": "Параметры",
   "media_gallery_filter_by_participant": "Фильтр по участнику",
   "media_gallery_filter_by_type": "Фильтр по типу",
-  "media_gallery_all_participants": "Все участники",
-  "media_gallery_all_types": "Все типы",
-  "media_gallery_type_images": "Изображения",
+  "media_gallery_type_images": "Картинки",
   "media_gallery_type_videos": "Видео",
   "media_gallery_type_audio": "Аудио",
   "media_gallery_type_documents": "Документы",
   "media_gallery_type_other": "Другой",
-  "media_gallery_filter_active": "Фильтр активен",
   "media_gallery_clear_filter": "Очистить фильтр",
   "media_gallery_participant_search_placeholder": "Поиск по имени или номеру...",
   "media_gallery_participant_no_match": "Ни один участник не соответствует \"{query}\""
diff --git a/messages/zh.json b/messages/zh.json
index 90e3a5a..76e59ce 100644
--- a/messages/zh.json
+++ b/messages/zh.json
@@ -234,14 +234,11 @@
   "media_gallery_options": "选项",
   "media_gallery_filter_by_participant": "按参与者筛选",
   "media_gallery_filter_by_type": "按类型筛选",
-  "media_gallery_all_participants": "所有参与者",
-  "media_gallery_all_types": "所有类型",
   "media_gallery_type_images": "图片",
   "media_gallery_type_videos": "视频",
   "media_gallery_type_audio": "音频",
   "media_gallery_type_documents": "文件",
   "media_gallery_type_other": "其他",
-  "media_gallery_filter_active": "过滤器已激活",
   "media_gallery_clear_filter": "清除过滤器",
   "media_gallery_participant_search_placeholder": "按名称或编号搜索……",
   "media_gallery_participant_no_match": "没有参与者匹配\"{query}\""

From bb0dbf37e25eae20b21f7139c09957460c501477 Mon Sep 17 00:00:00 2001
From: Rodrigo Gomes da Silva <rodrigo.smscom@gmail.com>
Date: Sun, 4 Jan 2026 23:32:26 -0300
Subject: [PATCH 08/15] feat: add visual indicator for active filters in media
 gallery

- Change Options button icon color to teal when filters are active
- Remove unused translation keys (media_gallery_all_participants, media_gallery_all_types, media_gallery_filter_active)
- Fix spacing issues in media_gallery_participant_no_match across all languages
- Options button now visually matches download button style when filters applied
---
 src/lib/components/MediaGallery.svelte | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/src/lib/components/MediaGallery.svelte b/src/lib/components/MediaGallery.svelte
index 72773b0..f72949a 100644
--- a/src/lib/components/MediaGallery.svelte
+++ b/src/lib/components/MediaGallery.svelte
@@ -445,10 +445,7 @@ onDestroy(() => {
 						aria-label={m.media_gallery_options()}
 						title={m.media_gallery_options()}
 					>
-						<Icon name="dots-vertical" size="md" />
-						{#if hasActiveFilter}
-							<span class="absolute -top-0.5 -right-0.5 w-2 h-2 rounded-full bg-[var(--color-whatsapp-teal)]"></span>
-						{/if}
+						<Icon name="dots-vertical" size="md" class={hasActiveFilter ? 'text-[var(--color-whatsapp-teal)]' : ''} />
 					</IconButton>
 				{/if}
 				{#if selectedCount > 0}

From d099f5d3f6fa465164194a9505a1196097c35213 Mon Sep 17 00:00:00 2001
From: Rodrigo Gomes da Silva <rodrigo.smscom@gmail.com>
Date: Sun, 4 Jan 2026 23:34:53 -0300
Subject: [PATCH 09/15] feat: improve accessibility and Svelte patterns

- Replace setTimeout with tick() for auto-focus (better Svelte pattern)
- Add ARIA attributes to filter modals (role="dialog", aria-modal="true", aria-labelledby)
- Improve screen reader accessibility for participant and type filter modals
- Address Copilot accessibility review comments
---
 src/lib/components/MediaGallery.svelte | 23 ++++++++++++++++++-----
 1 file changed, 18 insertions(+), 5 deletions(-)

diff --git a/src/lib/components/MediaGallery.svelte b/src/lib/components/MediaGallery.svelte
index f72949a..9bb04e9 100644
--- a/src/lib/components/MediaGallery.svelte
+++ b/src/lib/components/MediaGallery.svelte
@@ -79,7 +79,10 @@ let scrollContainerRef = $state<HTMLElement | null>(null);
 // Auto-focus participant search input when modal opens
 $effect(() => {
 	if (showParticipantFilter && participantSearchInputRef) {
-		setTimeout(() => participantSearchInputRef?.focus(), 50);
+		(async () => {
+			await tick();
+			participantSearchInputRef?.focus();
+		})();
 	}
 });
 
@@ -671,9 +674,14 @@ onDestroy(() => {
 				onclick={() => (showParticipantFilter = false)}
 				aria-label={m.close()}
 			></button>
-			<div class="relative bg-white dark:bg-gray-800 rounded-xl shadow-xl border border-gray-200 dark:border-gray-700 w-full max-w-sm overflow-hidden">
+			<div
+				class="relative bg-white dark:bg-gray-800 rounded-xl shadow-xl border border-gray-200 dark:border-gray-700 w-full max-w-sm overflow-hidden"
+				role="dialog"
+				aria-modal="true"
+				aria-labelledby="participant-filter-title"
+			>
 				<div class="flex items-center justify-between p-4 border-b border-gray-200 dark:border-gray-700">
-					<h3 class="text-sm font-semibold text-gray-900 dark:text-gray-100">{m.media_gallery_filter_by_participant()}</h3>
+					<h3 id="participant-filter-title" class="text-sm font-semibold text-gray-900 dark:text-gray-100">{m.media_gallery_filter_by_participant()}</h3>
 					<IconButton
 						theme="light"
 						size="sm"
@@ -719,9 +727,14 @@ onDestroy(() => {
 				onclick={() => (showTypeFilter = false)}
 				aria-label={m.close()}
 			></button>
-			<div class="relative bg-white dark:bg-gray-800 rounded-xl shadow-xl border border-gray-200 dark:border-gray-700 w-full max-w-sm overflow-hidden">
+			<div
+				class="relative bg-white dark:bg-gray-800 rounded-xl shadow-xl border border-gray-200 dark:border-gray-700 w-full max-w-sm overflow-hidden"
+				role="dialog"
+				aria-modal="true"
+				aria-labelledby="media-type-filter-title"
+			>
 				<div class="flex items-center justify-between p-4 border-b border-gray-200 dark:border-gray-700">
-					<h3 class="text-sm font-semibold text-gray-900 dark:text-gray-100">{m.media_gallery_filter_by_type()}</h3>
+					<h3 id="media-type-filter-title" class="text-sm font-semibold text-gray-900 dark:text-gray-100">{m.media_gallery_filter_by_type()}</h3>
 					<IconButton
 						theme="light"
 						size="sm"

From 486ede4941f1207dc2bde5d3becb89056fcde188 Mon Sep 17 00:00:00 2001
From: Rodrigo Gomes da Silva <rodrigo.smscom@gmail.com>
Date: Sun, 4 Jan 2026 23:37:16 -0300
Subject: [PATCH 10/15] perf: optimize toggle filter functions with Set
 operations

- Use Set-based operations (has/add/delete) instead of array includes/filter
- Improves toggle operations from O(n) to O(1)
- Maintains consistency with component-level Set optimizations
- Address final Copilot performance review comments
---
 src/lib/gallery.svelte.ts | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/lib/gallery.svelte.ts b/src/lib/gallery.svelte.ts
index 191bf2a..4b0770f 100644
--- a/src/lib/gallery.svelte.ts
+++ b/src/lib/gallery.svelte.ts
@@ -192,19 +192,23 @@ function createGalleryState() {
 	}
 
 	function toggleParticipantFilter(participant: string): void {
-		if (filterParticipants.includes(participant)) {
-			filterParticipants = filterParticipants.filter((p) => p !== participant);
+		const set = new Set(filterParticipants);
+		if (set.has(participant)) {
+			set.delete(participant);
 		} else {
-			filterParticipants = [...filterParticipants, participant];
+			set.add(participant);
 		}
+		filterParticipants = Array.from(set);
 	}
 
 	function toggleTypeFilter(type: MediaTypeFilter): void {
-		if (filterTypes.includes(type)) {
-			filterTypes = filterTypes.filter((t) => t !== type);
+		const set = new Set(filterTypes);
+		if (set.has(type)) {
+			set.delete(type);
 		} else {
-			filterTypes = [...filterTypes, type];
+			set.add(type);
 		}
+		filterTypes = Array.from(set);
 	}
 
 	function clearFilters(): void {

From 87ce6f40dc8d27fd7a0f94de136388ee09638d9d Mon Sep 17 00:00:00 2001
From: Rodrigo Gomes da Silva <rodrigo.smscom@gmail.com>
Date: Sun, 4 Jan 2026 23:39:34 -0300
Subject: [PATCH 11/15] refactor: maintain filter state as Sets internally
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Store filterParticipants and filterTypes as Sets internally
- Expose as arrays via derived getters for external consumption
- Direct Set operations (add/delete/has) are now O(1) throughout
- Eliminates temporary Set creation on every toggle
- More efficient: modify Set directly instead of array→Set→array conversion

This fully addresses Copilot's performance suggestions.
---
 src/lib/gallery.svelte.ts | 46 ++++++++++++++++++++-------------------
 1 file changed, 24 insertions(+), 22 deletions(-)

diff --git a/src/lib/gallery.svelte.ts b/src/lib/gallery.svelte.ts
index 4b0770f..493d5c1 100644
--- a/src/lib/gallery.svelte.ts
+++ b/src/lib/gallery.svelte.ts
@@ -76,9 +76,13 @@ function createGalleryState() {
 	let lastChatTitle = $state<string | null>(null);
 	let scrollToDateKey = $state<DateKey | null>(null);
 
-	// Filter state
-	let filterParticipants = $state<string[]>([]);
-	let filterTypes = $state<MediaTypeFilter[]>([]);
+	// Filter state (stored as Sets internally for O(1) operations)
+	let filterParticipantsSet = $state<Set<string>>(new Set());
+	let filterTypesSet = $state<Set<MediaTypeFilter>>(new Set());
+
+	// Expose filters as arrays for external consumption
+	const filterParticipants = $derived(Array.from(filterParticipantsSet));
+	const filterTypes = $derived(Array.from(filterTypesSet));
 
 	/** All items (unfiltered) */
 	const allItems = $derived.by(() => {
@@ -105,17 +109,17 @@ function createGalleryState() {
 		let result = allItems;
 
 		// Filter by participants
-		if (filterParticipants.length > 0) {
+		if (filterParticipantsSet.size > 0) {
 			result = result.filter((item) =>
 				item.messageSender
-					? filterParticipants.includes(item.messageSender)
+					? filterParticipantsSet.has(item.messageSender)
 					: false,
 			);
 		}
 
 		// Filter by types
-		if (filterTypes.length > 0) {
-			result = result.filter((item) => filterTypes.includes(item.type));
+		if (filterTypesSet.size > 0) {
+			result = result.filter((item) => filterTypesSet.has(item.type));
 		}
 
 		return result;
@@ -123,7 +127,7 @@ function createGalleryState() {
 
 	/** Whether any filter is active */
 	const hasActiveFilter = $derived(
-		filterParticipants.length > 0 || filterTypes.length > 0,
+		filterParticipantsSet.size > 0 || filterTypesSet.size > 0,
 	);
 
 	/** Items grouped by date (YYYY-MM-DD), sorted newest first */
@@ -187,33 +191,31 @@ function createGalleryState() {
 		lightboxMediaPath = null;
 		lastChatTitle = currentTitle;
 		// Reset filters when changing chats
-		filterParticipants = [];
-		filterTypes = [];
+		filterParticipantsSet = new Set();
+		filterTypesSet = new Set();
 	}
 
 	function toggleParticipantFilter(participant: string): void {
-		const set = new Set(filterParticipants);
-		if (set.has(participant)) {
-			set.delete(participant);
+		if (filterParticipantsSet.has(participant)) {
+			filterParticipantsSet.delete(participant);
 		} else {
-			set.add(participant);
+			filterParticipantsSet.add(participant);
 		}
-		filterParticipants = Array.from(set);
+		filterParticipantsSet = new Set(filterParticipantsSet);
 	}
 
 	function toggleTypeFilter(type: MediaTypeFilter): void {
-		const set = new Set(filterTypes);
-		if (set.has(type)) {
-			set.delete(type);
+		if (filterTypesSet.has(type)) {
+			filterTypesSet.delete(type);
 		} else {
-			set.add(type);
+			filterTypesSet.add(type);
 		}
-		filterTypes = Array.from(set);
+		filterTypesSet = new Set(filterTypesSet);
 	}
 
 	function clearFilters(): void {
-		filterParticipants = [];
-		filterTypes = [];
+		filterParticipantsSet = new Set();
+		filterTypesSet = new Set();
 	}
 
 	function isSelected(path: string): boolean {

From ad60999a0788d2053a1eae9f1b3457d0c9835a0c Mon Sep 17 00:00:00 2001
From: Rodrigo Gomes da Silva <rodrigo.smscom@gmail.com>
Date: Sun, 4 Jan 2026 23:41:41 -0300
Subject: [PATCH 12/15] fix: close options dropdown when clearing filters

---
 src/lib/components/MediaGallery.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/lib/components/MediaGallery.svelte b/src/lib/components/MediaGallery.svelte
index 9bb04e9..4cd828e 100644
--- a/src/lib/components/MediaGallery.svelte
+++ b/src/lib/components/MediaGallery.svelte
@@ -657,7 +657,7 @@ onDestroy(() => {
 			</ListItemButton>
 			{#if hasActiveFilter}
 				<div class="border-t border-gray-200 dark:border-gray-700 my-1"></div>
-				<ListItemButton onclick={() => galleryState.clearFilters()} danger>
+				<ListItemButton onclick={() => { galleryState.clearFilters(); showOptionsDropdown = false; }} danger>
 					<Icon name="close" size="sm" />
 					<span>{m.media_gallery_clear_filter()}</span>
 				</ListItemButton>

From c3e02444f68395579f7cf3b73e9bb37b1beaa036 Mon Sep 17 00:00:00 2001
From: Rodrigo Gomes da Silva <rodrigo.smscom@gmail.com>
Date: Sun, 4 Jan 2026 23:45:08 -0300
Subject: [PATCH 13/15] fix: French translations and participant search reset

- Change 'l'audio' to 'Audio' to match capitalization of other types
- Change 'Filtre clair' to 'Effacer le filtre' (proper verb form)
- Reset participant search query when modal closes for clean state
- Address Copilot French translation and UX review comments
---
 messages/fr.json                       | 4 ++--
 src/lib/components/MediaGallery.svelte | 5 ++++-
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/messages/fr.json b/messages/fr.json
index 5db8813..7810134 100644
--- a/messages/fr.json
+++ b/messages/fr.json
@@ -236,10 +236,10 @@
   "media_gallery_filter_by_type": "Filtrer par type",
   "media_gallery_type_images": "Images",
   "media_gallery_type_videos": "Vidéos",
-  "media_gallery_type_audio": "l'audio",
+  "media_gallery_type_audio": "Audio",
   "media_gallery_type_documents": "Documents",
   "media_gallery_type_other": "Autre",
-  "media_gallery_clear_filter": "Filtre clair",
+  "media_gallery_clear_filter": "Effacer le filtre",
   "media_gallery_participant_search_placeholder": "Recherche par nom ou numéro...",
   "media_gallery_participant_no_match": "Aucun participant ne correspond à \"{query}\""
 }
diff --git a/src/lib/components/MediaGallery.svelte b/src/lib/components/MediaGallery.svelte
index 4cd828e..0457fb7 100644
--- a/src/lib/components/MediaGallery.svelte
+++ b/src/lib/components/MediaGallery.svelte
@@ -76,13 +76,16 @@ let showTypeFilter = $state(false);
 // Scroll container ref
 let scrollContainerRef = $state<HTMLElement | null>(null);
 
-// Auto-focus participant search input when modal opens
+// Auto-focus participant search input when modal opens and reset query when closing
 $effect(() => {
 	if (showParticipantFilter && participantSearchInputRef) {
 		(async () => {
 			await tick();
 			participantSearchInputRef?.focus();
 		})();
+	} else if (!showParticipantFilter) {
+		// Reset search query when modal closes for clean state on reopen
+		participantSearchQuery = '';
 	}
 });
 

From 7be9ac8359a1db0e76197c6a685b4f26f6186989 Mon Sep 17 00:00:00 2001
From: Rodrigo Gomes da Silva <rodrigo.smscom@gmail.com>
Date: Sun, 4 Jan 2026 23:46:59 -0300
Subject: [PATCH 14/15] chore: update favicon display and package-lock

- Replace WhatsApp icon with app favicon on empty state
- Update package-lock.json peer dependencies
---
 package-lock.json       | 43 +++++++++++++++--------------------------
 src/routes/+page.svelte |  4 ++--
 2 files changed, 18 insertions(+), 29 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 79dbba2..5d55d2c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -709,7 +709,6 @@
 			"dev": true,
 			"license": "BSD-2-Clause",
 			"optional": true,
-			"peer": true,
 			"dependencies": {
 				"cross-dirname": "^0.1.0",
 				"debug": "^4.3.4",
@@ -2169,6 +2168,7 @@
 			"integrity": "sha512-DhGl4xMVFGVIyMwswXeyzdL4uXD5OGILGX5N8Y+f6W7LhC1Ze2poSNrkF/fedpVDHEEZ+PHFW0vL14I+mm8K3Q==",
 			"dev": true,
 			"license": "MIT",
+			"peer": true,
 			"dependencies": {
 				"@octokit/auth-token": "^6.0.0",
 				"@octokit/graphql": "^9.0.3",
@@ -3435,6 +3435,7 @@
 			"integrity": "sha512-Vp3zX/qlwerQmHMP6x0Ry1oY7eKKRcOWGc2P59srOp4zcqyn+etJyQpELgOi4+ZSUgteX8Y387NuwruLgGXLUQ==",
 			"dev": true,
 			"license": "MIT",
+			"peer": true,
 			"dependencies": {
 				"@standard-schema/spec": "^1.0.0",
 				"@sveltejs/acorn-typescript": "^1.0.5",
@@ -3474,6 +3475,7 @@
 			"integrity": "sha512-YZs/OSKOQAQCnJvM/P+F1URotNnYNeU3P2s4oIpzm1uFaqUEqRxUB0g5ejMjEb5Gjb9/PiBI5Ktrq4rUUF8UVQ==",
 			"dev": true,
 			"license": "MIT",
+			"peer": true,
 			"dependencies": {
 				"@sveltejs/vite-plugin-svelte-inspector": "^5.0.0",
 				"debug": "^4.4.1",
@@ -3960,6 +3962,7 @@
 			"integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
 			"dev": true,
 			"license": "MIT",
+			"peer": true,
 			"bin": {
 				"acorn": "bin/acorn"
 			},
@@ -4010,6 +4013,7 @@
 			"integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
 			"dev": true,
 			"license": "MIT",
+			"peer": true,
 			"dependencies": {
 				"fast-deep-equal": "^3.1.1",
 				"fast-json-stable-stringify": "^2.0.0",
@@ -5245,8 +5249,7 @@
 			"integrity": "sha512-+R08/oI0nl3vfPcqftZRpytksBXDzOUveBq/NBVx0sUp1axwzPQrKinNx5yd5sxPu8j1wIy8AfnVQ+5eFdha6Q==",
 			"dev": true,
 			"license": "MIT",
-			"optional": true,
-			"peer": true
+			"optional": true
 		},
 		"node_modules/cross-env": {
 			"version": "10.1.0",
@@ -5523,6 +5526,7 @@
 			"integrity": "sha512-59CAAjAhTaIMCN8y9kD573vDkxbs1uhDcrFLHSgutYdPcGOU35Rf95725snvzEOy4BFB7+eLJ8djCNPmGwG67w==",
 			"dev": true,
 			"license": "MIT",
+			"peer": true,
 			"dependencies": {
 				"app-builder-lib": "26.0.12",
 				"builder-util": "26.0.11",
@@ -5821,7 +5825,6 @@
 			"dev": true,
 			"hasInstallScript": true,
 			"license": "MIT",
-			"peer": true,
 			"dependencies": {
 				"@electron/asar": "^3.2.1",
 				"debug": "^4.1.1",
@@ -5842,7 +5845,6 @@
 			"integrity": "sha512-YJDaCJZEnBmcbw13fvdAM9AwNOJwOzrE4pqMqBq5nFiEqXUqHwlK4B+3pUw6JNvfSPtX05xFHtYy/1ni01eGCw==",
 			"dev": true,
 			"license": "MIT",
-			"peer": true,
 			"dependencies": {
 				"graceful-fs": "^4.1.2",
 				"jsonfile": "^4.0.0",
@@ -5858,7 +5860,6 @@
 			"integrity": "sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==",
 			"dev": true,
 			"license": "MIT",
-			"peer": true,
 			"optionalDependencies": {
 				"graceful-fs": "^4.1.6"
 			}
@@ -5869,7 +5870,6 @@
 			"integrity": "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==",
 			"dev": true,
 			"license": "MIT",
-			"peer": true,
 			"engines": {
 				"node": ">= 4.0.0"
 			}
@@ -7669,6 +7669,7 @@
 			"integrity": "sha512-FIyV/64EkKhJmjgC0g2hygpBv5RNWVPyNCqSAD7eTCv6eFWNIi4PN1UvdSJGicN/o35bnevgis4Y0UDC0qi8jQ==",
 			"dev": true,
 			"license": "MIT",
+			"peer": true,
 			"engines": {
 				"node": ">=14.0.0"
 			}
@@ -8235,6 +8236,7 @@
 			"integrity": "sha512-8dD6FusOQSrpv9Z1rdNMdlSgQOIP880DHqnohobOmYLElGEqAL/JvxvuxZO16r4HtjTlfPRDC1hbvxC9dPN2nA==",
 			"dev": true,
 			"license": "MIT",
+			"peer": true,
 			"bin": {
 				"marked": "bin/marked.js"
 			},
@@ -10778,6 +10780,7 @@
 			"dev": true,
 			"inBundle": true,
 			"license": "MIT",
+			"peer": true,
 			"engines": {
 				"node": ">=12"
 			},
@@ -11525,7 +11528,6 @@
 			"dev": true,
 			"license": "MIT",
 			"optional": true,
-			"peer": true,
 			"dependencies": {
 				"commander": "^9.4.0"
 			},
@@ -11543,7 +11545,6 @@
 			"dev": true,
 			"license": "MIT",
 			"optional": true,
-			"peer": true,
 			"engines": {
 				"node": "^12.20.0 || >=14"
 			}
@@ -12039,6 +12040,7 @@
 			"integrity": "sha512-6qGjWccl5yoyugHt3jTgztJ9Y0JVzyH8/Voc/D8PlLat9pwxQYXz7W1Dpnq5h0/G5GCYGUaDSlYcyk3AMh5A6g==",
 			"dev": true,
 			"license": "MIT",
+			"peer": true,
 			"dependencies": {
 				"@semantic-release/commit-analyzer": "^13.0.1",
 				"@semantic-release/error": "^4.0.0",
@@ -13197,6 +13199,7 @@
 			"integrity": "sha512-1Jh7FwVh/2Uxg0T7SeE1qFKMhwYH45b2v53bcZpW7qHa6O8iU1ByEj56PF0IQ6dU4HE5gRkic6h+vx+tclHeiw==",
 			"dev": true,
 			"license": "MIT",
+			"peer": true,
 			"dependencies": {
 				"@jridgewell/remapping": "^2.3.4",
 				"@jridgewell/sourcemap-codec": "^1.5.0",
@@ -13260,21 +13263,6 @@
 				}
 			}
 		},
-		"node_modules/svelte-check/node_modules/picomatch": {
-			"version": "4.0.3",
-			"resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
-			"integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
-			"dev": true,
-			"license": "MIT",
-			"optional": true,
-			"peer": true,
-			"engines": {
-				"node": ">=12"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/jonschlinkert"
-			}
-		},
 		"node_modules/tagged-tag": {
 			"version": "1.0.0",
 			"resolved": "https://registry.npmjs.org/tagged-tag/-/tagged-tag-1.0.0.tgz",
@@ -13343,7 +13331,6 @@
 			"integrity": "sha512-yYrrsWnrXMcdsnu/7YMYAofM1ktpL5By7vZhf15CrXijWWrEYZks5AXBudalfSWJLlnen/QUJUB5aoB0kqZUGA==",
 			"dev": true,
 			"license": "MIT",
-			"peer": true,
 			"dependencies": {
 				"mkdirp": "^0.5.1",
 				"rimraf": "~2.6.2"
@@ -13394,7 +13381,6 @@
 			"integrity": "sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==",
 			"dev": true,
 			"license": "MIT",
-			"peer": true,
 			"dependencies": {
 				"minimist": "^1.2.6"
 			},
@@ -13409,7 +13395,6 @@
 			"deprecated": "Rimraf versions prior to v4 are no longer supported",
 			"dev": true,
 			"license": "ISC",
-			"peer": true,
 			"dependencies": {
 				"glob": "^7.1.3"
 			},
@@ -13579,6 +13564,7 @@
 			"integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
 			"dev": true,
 			"license": "MIT",
+			"peer": true,
 			"engines": {
 				"node": ">=12"
 			},
@@ -13701,6 +13687,7 @@
 			"integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
 			"dev": true,
 			"license": "Apache-2.0",
+			"peer": true,
 			"bin": {
 				"tsc": "bin/tsc",
 				"tsserver": "bin/tsserver"
@@ -13944,6 +13931,7 @@
 			"integrity": "sha512-ITcnkFeR3+fI8P1wMgItjGrR10170d8auB4EpMLPqmx6uxElH3a/hHGQabSHKdqd4FXWO1nFIp9rRn7JQ34ACQ==",
 			"dev": true,
 			"license": "MIT",
+			"peer": true,
 			"dependencies": {
 				"esbuild": "^0.25.0",
 				"fdir": "^6.5.0",
@@ -14037,6 +14025,7 @@
 			"integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
 			"dev": true,
 			"license": "MIT",
+			"peer": true,
 			"engines": {
 				"node": ">=12"
 			},
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index b555898..bd08868 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -458,8 +458,8 @@ const currentUser = $derived.by(() => {
 					<div class="max-w-lg w-full flex flex-col items-center py-8">
 					<!-- Logo and title -->
 					<div class="text-center mb-6">
-						<div class="w-16 h-16 mx-auto mb-3 rounded-full bg-[var(--color-whatsapp-green)] flex items-center justify-center shadow-lg">
-							<Icon name="whatsapp" size="2xl" class="text-white" />
+						<div class="w-32 h-32 mx-auto mb-4">
+							<img src="/favicon.svg" alt="WhatsApp Backup Reader" class="w-full h-full" />
 						</div>
 						<h1 class="text-2xl font-bold text-gray-800 dark:text-white mb-1">
 							{m.app_title()}

From 29285ad70e32f914c55f60041bc5de1cf3d52ca6 Mon Sep 17 00:00:00 2001
From: Rodrigo Gomes da Silva <rodrigo.smscom@gmail.com>
Date: Sun, 4 Jan 2026 23:51:06 -0300
Subject: [PATCH 15/15] fix: German translation for documents

- Change 'Unterlagen' to 'Dokumente' (standard term in software contexts)
- 'Unterlagen' refers to bureaucratic papers, 'Dokumente' is correct for files/documents
- Address Copilot German translation review comment
---
 messages/de.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/messages/de.json b/messages/de.json
index 71f1658..fec2c18 100644
--- a/messages/de.json
+++ b/messages/de.json
@@ -237,7 +237,7 @@
   "media_gallery_type_images": "Bilder",
   "media_gallery_type_videos": "Videos",
   "media_gallery_type_audio": "Audio",
-  "media_gallery_type_documents": "Unterlagen",
+  "media_gallery_type_documents": "Dokumente",
   "media_gallery_type_other": "Andere",
   "media_gallery_clear_filter": "Filter löschen",
   "media_gallery_participant_search_placeholder": "Suche nach Name oder Nummer...",