+ {:else}
+ 
+ {/if}
diff --git a/frontend/src/lib/components/SortDropdown.svelte.spec.ts b/frontend/src/lib/components/SortDropdown.svelte.spec.ts
index 2c4282a8..98b12ac0 100644
--- a/frontend/src/lib/components/SortDropdown.svelte.spec.ts
+++ b/frontend/src/lib/components/SortDropdown.svelte.spec.ts
@@ -22,15 +22,19 @@ describe('SortDropdown', () => {
await expect.element(btn).toBeInTheDocument();
});
- it('direction button shows ↑ when dir is asc', async () => {
+ it('direction button shows up arrow when dir is asc', async () => {
render(SortDropdown, { sort: 'DATE', dir: 'asc' });
- const btn = page.getByRole('button');
- await expect.element(btn).toHaveTextContent('↑');
+ await expect.element(page.getByRole('button')).toBeInTheDocument();
+ const img = document.querySelector('button img') as HTMLImageElement;
+ expect(img).not.toBeNull();
+ expect(img.src).toContain('Long-Arrow-Up');
});
- it('direction button shows ↓ when dir is desc', async () => {
+ it('direction button shows down arrow when dir is desc', async () => {
render(SortDropdown, { sort: 'DATE', dir: 'desc' });
- const btn = page.getByRole('button');
- await expect.element(btn).toHaveTextContent('↓');
+ await expect.element(page.getByRole('button')).toBeInTheDocument();
+ const img = document.querySelector('button img') as HTMLImageElement;
+ expect(img).not.toBeNull();
+ expect(img.src).toContain('Long-Arrow-Down');
});
});
diff --git a/frontend/src/routes/AppNav.svelte b/frontend/src/routes/AppNav.svelte
index 4fe77704..026b7f72 100644
--- a/frontend/src/routes/AppNav.svelte
+++ b/frontend/src/routes/AppNav.svelte
@@ -60,9 +60,9 @@ function handleOverlayKeydown(event: KeyboardEvent) {
+
+{:else}
+
+
+
+{/if}
diff --git a/frontend/src/routes/korrespondenz/ConversationFilterBar.svelte b/frontend/src/routes/briefwechsel/ConversationFilterBar.svelte
similarity index 100%
rename from frontend/src/routes/korrespondenz/ConversationFilterBar.svelte
rename to frontend/src/routes/briefwechsel/ConversationFilterBar.svelte
diff --git a/frontend/src/routes/korrespondenz/ConversationTimeline.svelte b/frontend/src/routes/briefwechsel/ConversationTimeline.svelte
similarity index 86%
rename from frontend/src/routes/korrespondenz/ConversationTimeline.svelte
rename to frontend/src/routes/briefwechsel/ConversationTimeline.svelte
index 3502803d..4a2842e7 100644
--- a/frontend/src/routes/korrespondenz/ConversationTimeline.svelte
+++ b/frontend/src/routes/briefwechsel/ConversationTimeline.svelte
@@ -84,8 +84,24 @@ const newDocUrl = $derived(
aria-label="Briefverteilung in diesem Zeitraum: {outCount} von {senderName ?? ''}, {inCount} von {receiverName ?? ''}"
>
+ (showAdvanced = !showAdvanced)}
+ />
+
+ {#if showAdvanced}
+
+
+
+ {#if data.documents.length === 0}
+
+
+
+ {:else}
+ {m.conv_no_results_heading()}
+{m.conv_no_results_text()}
+
- {outCount} von {shortSenderName} →
- {inCount} von {shortReceiverName} ←
+ {outCount} von {shortSenderName}
+
+ {inCount} von {shortReceiverName}
+
@@ -115,14 +131,14 @@ const newDocUrl = $derived(
class:border-l-primary={isOut}
class:border-l-accent={!isOut}
>
-
+ class="h-4 w-4 shrink-0 opacity-60"
+ />
diff --git a/frontend/src/routes/korrespondenz/CorrespondentSuggestionsDropdown.svelte b/frontend/src/routes/briefwechsel/CorrespondentSuggestionsDropdown.svelte
similarity index 100%
rename from frontend/src/routes/korrespondenz/CorrespondentSuggestionsDropdown.svelte
rename to frontend/src/routes/briefwechsel/CorrespondentSuggestionsDropdown.svelte
diff --git a/frontend/src/routes/briefwechsel/CorrespondenzFilterControls.svelte b/frontend/src/routes/briefwechsel/CorrespondenzFilterControls.svelte
new file mode 100644
index 00000000..70d2ef45
--- /dev/null
+++ b/frontend/src/routes/briefwechsel/CorrespondenzFilterControls.svelte
@@ -0,0 +1,48 @@
+
+
+('[data-testid="recent-person-r1"]')!.click();
+ expect(spy).toHaveBeenCalledWith('r1');
+ });
+});
diff --git a/frontend/src/routes/briefwechsel/CorrespondenzPersonBar.svelte b/frontend/src/routes/briefwechsel/CorrespondenzPersonBar.svelte
new file mode 100644
index 00000000..62d67337
--- /dev/null
+++ b/frontend/src/routes/briefwechsel/CorrespondenzPersonBar.svelte
@@ -0,0 +1,187 @@
+
+
+
+
+
+
diff --git a/frontend/src/routes/briefwechsel/CorrespondenzHero.svelte b/frontend/src/routes/briefwechsel/CorrespondenzHero.svelte
new file mode 100644
index 00000000..e059370d
--- /dev/null
+++ b/frontend/src/routes/briefwechsel/CorrespondenzHero.svelte
@@ -0,0 +1,92 @@
+
+
+
+
+ onapplyFilters()}
+ class="block w-full rounded-md border border-line bg-surface px-3 py-2.5 text-sm text-ink shadow-sm placeholder:text-ink-3 focus:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring"
+ />
+
+
+
+
+
+ onapplyFilters()}
+ class="block w-full rounded-md border border-line bg-surface px-3 py-2.5 text-sm text-ink shadow-sm placeholder:text-ink-3 focus:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring"
+ />
+
+
+
+
diff --git a/frontend/src/routes/briefwechsel/CorrespondenzHero.svelte.spec.ts b/frontend/src/routes/briefwechsel/CorrespondenzHero.svelte.spec.ts
new file mode 100644
index 00000000..b3108334
--- /dev/null
+++ b/frontend/src/routes/briefwechsel/CorrespondenzHero.svelte.spec.ts
@@ -0,0 +1,50 @@
+import { afterEach, describe, expect, it, vi } from 'vitest';
+import { cleanup, render } from 'vitest-browser-svelte';
+import { page } from 'vitest/browser';
+import CorrespondenzHero from './CorrespondenzHero.svelte';
+
+vi.mock('$app/navigation', () => ({ goto: vi.fn() }));
+
+afterEach(cleanup);
+
+const noop = () => {};
+
+describe('CorrespondenzHero — headline and cross-link', () => {
+ it('renders the discovery headline', async () => {
+ render(CorrespondenzHero, { onSelectPerson: noop });
+ await expect.element(page.getByText(/Wessen Briefe möchten Sie lesen/i)).toBeInTheDocument();
+ });
+
+ it('renders a cross-link to the document search page', async () => {
+ render(CorrespondenzHero, { onSelectPerson: noop });
+ const link = page.getByRole('link', { name: /Zur Dokumentensuche/i });
+ await expect.element(link).toBeInTheDocument();
+ await expect.element(link).toHaveAttribute('href', '/');
+ });
+
+ it('renders a person typeahead input', async () => {
+ render(CorrespondenzHero, { onSelectPerson: noop });
+ await expect.element(page.getByTestId('conv-hero').getByRole('textbox')).toBeInTheDocument();
+ });
+});
+
+describe('CorrespondenzHero — recent persons', () => {
+ it('shows recent person chips when provided', async () => {
+ render(CorrespondenzHero, {
+ onSelectPerson: noop,
+ recentPersons: [{ id: 'r1', name: 'Clara Braun' }]
+ });
+ await expect.element(page.getByText('Clara Braun')).toBeInTheDocument();
+ });
+
+ it('calls onSelectPerson when a recent person chip is clicked', async () => {
+ const spy = vi.fn();
+ render(CorrespondenzHero, {
+ onSelectPerson: spy,
+ recentPersons: [{ id: 'r1', name: 'Clara Braun' }]
+ });
+ await expect.element(page.getByText('Clara Braun')).toBeInTheDocument();
+ document.querySelector+ {m.conv_empty_heading()} +
+ + + + {m.conv_hero_crosslink()} + + + +
+
+
+
+ {#if recentPersons.length > 0}
+
+
+ {m.conv_hero_divider()}
+
+
+
+
+
+ {m.conv_empty_recent_label()}
+
+
+ {/if}
+
+ {#each recentPersons as person (person.id)}
+
+ {/each}
+
+
+
+
+
+
+
+ { if (id) onapplyFilters(); }}
+ />
+
+
+
+
+
+
+
+ {
+ showSuggestions = false;
+ onapplyFilters();
+ }}
+ onfocused={handleCorrespondentFocused}
+ />
+ {#if showSuggestions && senderId && !receiverId}
+ (showSuggestions = false)}
+ />
+ {/if}
+
+
+
+
+
+
+
+
+
+
+ {m.conv_letters_count({ count: documentCount })}
+
+
diff --git a/frontend/src/routes/korrespondenz/SinglePersonHintBar.svelte b/frontend/src/routes/briefwechsel/SinglePersonHintBar.svelte
similarity index 91%
rename from frontend/src/routes/korrespondenz/SinglePersonHintBar.svelte
rename to frontend/src/routes/briefwechsel/SinglePersonHintBar.svelte
index 034e0284..ab867c4f 100644
--- a/frontend/src/routes/korrespondenz/SinglePersonHintBar.svelte
+++ b/frontend/src/routes/briefwechsel/SinglePersonHintBar.svelte
@@ -19,7 +19,7 @@ let toYear = $derived(toDate ? toDate.substring(0, 4) : '');