restructure: flatten workspace nesting, move devcontainer to root

- backend/workspaces/backend/ → backend/
- backend/workspaces/frontend/ → frontend/
- backend/.devcontainer/ + .vscode/ → repo root (where VS Code expects them)
- loose scripts/SQL files → scripts/
- replace nested git repo with single repo at project root
- update docker-compose.yml build context and devcontainer.json path
- add root .gitignore

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

frontend/src/routes/+page.svelte

@@ -0,0 +1,385 @@
+<script lang="ts">
+    import PersonTypeahead from '$lib/components/PersonTypeahead.svelte';
+    import { goto } from '$app/navigation';
+	import TagInput from '$lib/components/TagInput.svelte';
+	import { slide } from 'svelte/transition';
+
+    export let data;
+
+    // Local state variables
+    let q = data.filters?.q || '';
+    let from = data.filters?.from || '';
+    let to = data.filters?.to || '';
+    let senderId = data.filters?.senderId || '';
+    let receiverId = data.filters?.receiverId || '';
+    let tagNames = data.filters?.tags || [];
+
+    // Debounce Timer
+    let searchTimer: any;
+
+    let showAdvanced = false;
+    
+
+    function triggerSearch() {
+        const params = new URLSearchParams();
+
+        if (q) params.set('q', q);
+        if (from) params.set('from', from);
+        if (to) params.set('to', to);
+        if (senderId) params.set('senderId', senderId);
+        if (receiverId) params.set('receiverId', receiverId);
+        if(tagNames) tagNames.forEach(tag => params.append('tag', tag));
+
+        goto(`/?${params.toString()}`, { 
+            keepFocus: true, 
+            noScroll: true 
+        });
+    }
+
+
+    function handleTextSearch() {
+        clearTimeout(searchTimer);
+        searchTimer = setTimeout(() => {
+            triggerSearch();
+        }, 500);
+    }
+
+    let previousTags = tagNames.join(',');
+    $: {
+        const currentTags = tagNames.join(',');
+        if (currentTags !== previousTags) {
+            previousTags = currentTags;
+            triggerSearch();
+        }
+    }
+
+
+    function toggleAdvanced() {
+        showAdvanced = !showAdvanced;
+    }
+
+    // Sync with server data (e.g. after reset)
+    $: {
+        q = data.filters?.q || '';
+        from = data.filters?.from || '';
+        to = data.filters?.to || '';
+        senderId = data.filters?.senderId || '';
+        receiverId = data.filters?.receiverId || '';
+    }
+</script>
+
+<!-- Outer Container: Matches the 'Sand' background of the layout -->
+<main class="max-w-7xl mx-auto py-8 sm:px-6 lg:px-8 font-sans">
+	<!-- SEARCH & FILTER CARD -->
+	<div class="bg-white p-6 shadow-sm border border-brand-sand mb-8 rounded-sm">
+		<!-- ROW 1: Main Search (One Line) -->
+		<div class="flex gap-4 items-center">
+			<!-- Full Text Search -->
+			<div class="flex-1 relative">
+				<input
+					type="text"
+					bind:value={q}
+					on:input={handleTextSearch}
+					placeholder="Suche in Titel, Inhalt, Ort..."
+					class="block w-full border-gray-300 shadow-sm focus:border-brand-navy focus:ring-brand-navy placeholder-gray-400 py-2.5 pl-3 pr-10"
+				/>
+				<div class="absolute inset-y-0 right-0 pr-3 flex items-center pointer-events-none">
+					<svg class="h-4 w-4 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"
+						><path
+							stroke-linecap="round"
+							stroke-linejoin="round"
+							stroke-width="2"
+							d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
+						/></svg
+					>
+				</div>
+			</div>
+
+			<!-- Toggle Advanced Button -->
+			<button
+				on:click={toggleAdvanced}
+				class="flex items-center gap-2 px-4 py-2.5 border border-gray-300 bg-gray-50 text-gray-600 text-sm font-bold uppercase tracking-wide hover:bg-gray-100 hover:text-brand-navy transition"
+			>
+				<svg
+					class="w-4 h-4 transform transition-transform duration-200 {showAdvanced
+						? 'rotate-180'
+						: ''}"
+					fill="none"
+					stroke="currentColor"
+					viewBox="0 0 24 24"
+				>
+					<path
+						stroke-linecap="round"
+						stroke-linejoin="round"
+						stroke-width="2"
+						d="M19 9l-7 7-7-7"
+					/>
+				</svg>
+				Filter
+			</button>
+
+			<!-- Reset Button -->
+			<a
+				href="/"
+				class="flex items-center justify-center px-3 py-2.5 border border-transparent text-gray-400 hover:text-red-500 transition"
+				title="Filter zurücksetzen"
+			>
+				<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"
+					><path
+						stroke-linecap="round"
+						stroke-linejoin="round"
+						stroke-width="2"
+						d="M6 18L18 6M6 6l12 12"
+					/></svg
+				>
+			</a>
+		</div>
+
+		<!-- ROW 2: Advanced Filters (Collapsible) -->
+		{#if showAdvanced}
+			<div
+				transition:slide
+				class="mt-6 pt-6 border-t border-gray-100 grid grid-cols-1 md:grid-cols-12 gap-6"
+			>
+				<!-- Tag Filter -->
+				<div class="md:col-span-12">
+					<label class="block text-xs font-bold uppercase tracking-widest text-gray-500 mb-2"
+						>Schlagworte</label
+					>
+					<TagInput bind:tags={tagNames} allowCreation={false} on:change={triggerSearch} />
+				</div>
+
+				<!-- Sender -->
+				<div class="md:col-span-3">
+					<div
+						class="[&_label]:text-xs [&_label]:font-bold [&_label]:uppercase [&_label]:tracking-widest [&_label]:text-gray-500 [&_label]:mb-2 [&_input]:py-2.5 [&_input]:border-gray-300"
+					>
+						<PersonTypeahead
+							name="senderId"
+							label="Absender"
+							bind:value={senderId}
+							initialName={data.initialValues?.senderName}
+							on:change={triggerSearch}
+						/>
+					</div>
+				</div>
+
+				<!-- Receiver -->
+				<div class="md:col-span-3">
+					<div
+						class="[&_label]:text-xs [&_label]:font-bold [&_label]:uppercase [&_label]:tracking-widest [&_label]:text-gray-500 [&_label]:mb-2 [&_input]:py-2.5 [&_input]:border-gray-300"
+					>
+						<PersonTypeahead
+							name="receiverId"
+							label="Empfänger"
+							bind:value={receiverId}
+							initialName={data.initialValues?.receiverName}
+							on:change={triggerSearch}
+						/>
+					</div>
+				</div>
+
+				<!-- Dates -->
+				<div class="md:col-span-6 grid grid-cols-2 gap-4">
+					<div>
+						<label
+							for="from"
+							class="block text-xs font-bold uppercase tracking-widest text-gray-500 mb-2"
+							>Von</label
+						>
+						<input
+							type="date"
+							id="from"
+							bind:value={from}
+							on:change={triggerSearch}
+							class="block w-full border-gray-300 shadow-sm text-sm py-2.5"
+						/>
+					</div>
+					<div>
+						<label
+							for="to"
+							class="block text-xs font-bold uppercase tracking-widest text-gray-500 mb-2"
+							>Bis</label
+						>
+						<input
+							type="date"
+							id="to"
+							bind:value={to}
+							on:change={triggerSearch}
+							class="block w-full border-gray-300 shadow-sm text-sm py-2.5"
+						/>
+					</div>
+				</div>
+			</div>
+		{/if}
+	</div>
+
+	<!-- DOCUMENT LIST -->
+	<div class="bg-white shadow-sm border border-brand-sand">
+		{#if data.error}
+			<div class="p-8 text-center text-red-600 bg-red-50">
+				{data.error}
+			</div>
+		{:else if data.documents && data.documents.length > 0}
+			<ul class="divide-y divide-gray-100">
+				{#each data.documents as doc}
+					<li class="group hover:bg-brand-sand/10 transition-colors duration-200">
+						<!-- LINK TO DETAIL PAGE -->
+						<a href="/documents/{doc.id}" class="block p-6">
+							<div class="flex flex-col sm:flex-row gap-6">
+								<!-- Main Info -->
+								<div class="flex-1">
+									<div class="flex items-baseline justify-between mb-2">
+										<!-- Title: Serif & Brand Navy -->
+										<h3
+											class="text-xl font-serif font-medium text-brand-navy group-hover:underline decoration-brand-mint decoration-2 underline-offset-4"
+										>
+											{doc.title || doc.originalFilename}
+										</h3>
+
+										<!-- Status Badge -->
+										<span
+											class="ml-3 inline-flex items-center px-2.5 py-0.5 rounded-full text-[10px] font-bold uppercase tracking-wide border
+                                            {doc.status === 'UPLOADED'
+												? 'bg-brand-mint/20 text-brand-navy border-brand-mint/50'
+												: 'bg-yellow-50 text-yellow-700 border-yellow-200'}"
+										>
+											{doc.status}
+										</span>
+									</div>
+
+									<!-- Metadata Row -->
+									<div class="flex flex-wrap gap-6 text-sm text-gray-500 mb-4 font-sans">
+										<div class="flex items-center">
+											<svg
+												class="mr-1.5 h-4 w-4 text-brand-mint"
+												fill="none"
+												stroke="currentColor"
+												viewBox="0 0 24 24"
+												><path
+													stroke-linecap="round"
+													stroke-linejoin="round"
+													stroke-width="2"
+													d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"
+												/></svg
+											>
+											{doc.documentDate ? doc.documentDate : '—'}
+										</div>
+										{#if doc.location}
+											<div class="flex items-center">
+												<svg
+													class="mr-1.5 h-4 w-4 text-brand-mint"
+													fill="none"
+													stroke="currentColor"
+													viewBox="0 0 24 24"
+													><path
+														stroke-linecap="round"
+														stroke-linejoin="round"
+														stroke-width="2"
+														d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"
+													/><path
+														stroke-linecap="round"
+														stroke-linejoin="round"
+														stroke-width="2"
+														d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"
+													/></svg
+												>
+												{doc.location}
+											</div>
+										{/if}
+									</div>
+
+									<!-- Sender/Receiver Info -->
+									<div class="grid grid-cols-1 sm:grid-cols-2 gap-4 text-sm font-serif">
+										<div class="flex items-baseline">
+											<span
+												class="w-10 text-xs font-sans font-bold text-gray-400 uppercase tracking-wide"
+												>Von</span
+											>
+											{#if doc.sender}
+												<span class="text-gray-900"
+													>{doc.sender.firstName} {doc.sender.lastName}</span
+												>
+											{:else}
+												<span class="text-gray-400 italic">Unbekannt</span>
+											{/if}
+										</div>
+										<div class="flex items-baseline">
+											<span
+												class="w-10 text-xs font-sans font-bold text-gray-400 uppercase tracking-wide"
+												>An</span
+											>
+											{#if doc.receivers && doc.receivers.length > 0}
+												<span class="text-gray-900">
+													{doc.receivers.map((p) => p.firstName + ' ' + p.lastName).join(', ')}
+												</span>
+											{:else}
+												<span class="text-gray-400 italic">Unbekannt</span>
+											{/if}
+										</div>
+									</div>
+
+									<!-- NEW: Tags Display -->
+									{#if doc.tags && doc.tags.length > 0}
+										<div class="flex flex-wrap gap-2 mt-4 pt-3">
+											{#each doc.tags as tag}
+												<button
+													type="button"
+													class="inline-flex items-center px-2 py-1 rounded text-[10px] font-bold uppercase tracking-widest bg-brand-sand/30 text-brand-navy hover:bg-brand-navy hover:text-white transition-colors relative z-10"
+													on:click|preventDefault|stopPropagation={() =>
+														goto(`/?tag=${encodeURIComponent(tag.name)}`)}
+												>
+													{tag.name}
+												</button>
+											{/each}
+										</div>
+									{/if}
+								</div>
+
+								<!-- Arrow Icon -->
+								<div
+									class="hidden sm:flex items-center text-gray-300 group-hover:text-brand-mint transition-colors"
+								>
+									<svg class="h-6 w-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+										<path
+											stroke-linecap="round"
+											stroke-linejoin="round"
+											stroke-width="2"
+											d="M9 5l7 7-7 7"
+										/>
+									</svg>
+								</div>
+							</div>
+						</a>
+					</li>
+				{/each}
+			</ul>
+		{:else}
+			<!-- Empty State -->
+			<div class="p-16 text-center">
+				<div
+					class="mx-auto w-12 h-12 bg-brand-sand/30 rounded-full flex items-center justify-center mb-4"
+				>
+					<svg class="w-6 h-6 text-brand-navy" fill="none" stroke="currentColor" viewBox="0 0 24 24"
+						><path
+							stroke-linecap="round"
+							stroke-linejoin="round"
+							stroke-width="2"
+							d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
+						/></svg
+					>
+				</div>
+				<h3 class="text-lg font-serif font-medium text-brand-navy">Keine Dokumente gefunden</h3>
+				<p class="text-gray-500 mt-1 font-sans text-sm">
+					Versuchen Sie, die Filter anzupassen oder den Suchbegriff zu ändern.
+				</p>
+				<button
+					on:click={() => goto('/')}
+					class="mt-6 text-brand-mint font-bold text-sm uppercase tracking-wide hover:text-brand-navy transition"
+				>
+					Alle Filter löschen
+				</button>
+			</div>
+		{/if}
+	</div>
+</main>