chore: merge main into branch; resolve ChronikRow conflict

TODO/SECURITY placeholders from main are superseded by the #454 implementation.

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

.gitignore

@@ -18,5 +18,11 @@ scripts/large-data.sql
 .claude/worktrees/
 .claude/scheduled_tasks.lock
 
+# Run artifacts from verification tooling
+proofshot-artifacts/
+
+# Root-level Node.js tooling artifacts
+node_modules/
+
 # Repo uses npm; yarn.lock is ignored to avoid double-lockfile drift.
 frontend/yarn.lock

backend/src/main/java/org/raddatz/familienarchiv/exception/GlobalExceptionHandler.java

@@ -15,6 +15,7 @@ import org.springframework.web.server.ResponseStatusException;
 
 import lombok.extern.slf4j.Slf4j;
 
+// "Handler" is Spring's @RestControllerAdvice naming convention — not a generic suffix.
 @RestControllerAdvice
 @Slf4j
 public class GlobalExceptionHandler {

backend/src/main/java/org/raddatz/familienarchiv/security/SecurityUtils.java

@@ -7,6 +7,7 @@ import org.springframework.security.core.Authentication;
 
 import java.util.UUID;
 
+// Cross-cutting auth helper; no domain home — "Utils" is the correct suffix here.
 public final class SecurityUtils {
 
     private SecurityUtils() {}

frontend/.gitignore

@@ -36,6 +36,10 @@ src/lib/paraglide_bak*
 e2e/.auth/
 
 **/test-results/**
+**/test-results.locked/
+
+# Stale SvelteKit build artifacts
+**/.svelte-kit.old/
 
 # Proofshot browser verification artifacts
 proofshot-artifacts/

frontend/.svelte-kit.old/types/src/routes/.stammbaum-stale/$types.d.ts

@@ -1,24 +0,0 @@
-import type * as Kit from '@sveltejs/kit';
-
-type Expand<T> = T extends infer O ? { [K in keyof O]: O[K] } : never;
-type MatcherParam<M> = M extends (param : string) => param is (infer U extends string) ? U : string;
-type RouteParams = {  };
-type RouteId = '/stammbaum';
-type MaybeWithVoid<T> = {} extends T ? T | void : T;
-export type RequiredKeys<T> = { [K in keyof T]-?: {} extends { [P in K]: T[K] } ? never : K; }[keyof T];
-type OutputDataShape<T> = MaybeWithVoid<Omit<App.PageData, RequiredKeys<T>> & Partial<Pick<App.PageData, keyof T & keyof App.PageData>> & Record<string, any>>
-type EnsureDefined<T> = T extends null | undefined ? {} : T;
-type OptionalUnion<U extends Record<string, any>, A extends keyof U = U extends U ? keyof U : never> = U extends unknown ? { [P in Exclude<A, keyof U>]?: never } & U : never;
-export type Snapshot<T = any> = Kit.Snapshot<T>;
-type PageServerParentData = EnsureDefined<import('../$types.js').LayoutServerData>;
-type PageParentData = EnsureDefined<import('../$types.js').LayoutData>;
-
-export type PageServerLoad<OutputData extends OutputDataShape<PageServerParentData> = OutputDataShape<PageServerParentData>> = Kit.ServerLoad<RouteParams, PageServerParentData, OutputData, RouteId>;
-export type PageServerLoadEvent = Parameters<PageServerLoad>[0];
-export type ActionData = unknown;
-export type PageServerData = Expand<OptionalUnion<EnsureDefined<Kit.LoadProperties<Awaited<ReturnType<typeof import('../../../../../src/routes/stammbaum/+page.server.js').load>>>>>>;
-export type PageData = Expand<Omit<PageParentData, keyof PageServerData> & EnsureDefined<PageServerData>>;
-export type Action<OutputData extends Record<string, any> | void = Record<string, any> | void> = Kit.Action<RouteParams, OutputData, RouteId>
-export type Actions<OutputData extends Record<string, any> | void = Record<string, any> | void> = Kit.Actions<RouteParams, OutputData, RouteId>
-export type PageProps = { params: RouteParams; data: PageData; form: ActionData }
-export type RequestEvent = Kit.RequestEvent<RouteParams, RouteId>;

frontend/e2e/.auth/user.json

@@ -1,25 +0,0 @@
-{
-  "cookies": [
-    {
-      "name": "PARAGLIDE_LOCALE",
-      "value": "de",
-      "domain": "localhost",
-      "path": "/",
-      "expires": 1812352142.362504,
-      "httpOnly": false,
-      "secure": false,
-      "sameSite": "Lax"
-    },
-    {
-      "name": "auth_token",
-      "value": "Basic%20YWRtaW5AZmFtaWx5YXJjaGl2ZS5sb2NhbDphZG1pbjEyMw%3D%3D",
-      "domain": "localhost",
-      "path": "/",
-      "expires": 1777878542.943668,
-      "httpOnly": true,
-      "secure": false,
-      "sameSite": "Strict"
-    }
-  ],
-  "origins": []
-}

frontend/src/lib/activity/ChronikErrorCard.svelte.spec.ts

@@ -1,6 +1,6 @@
 import { describe, it, expect, vi, afterEach } from 'vitest';
 import { cleanup, render } from 'vitest-browser-svelte';
-import { page, userEvent } from 'vitest/browser';
+import { page } from 'vitest/browser';
 
 import ChronikErrorCard from './ChronikErrorCard.svelte';
 
@@ -10,7 +10,7 @@ describe('ChronikErrorCard', () => {
 	it('renders the default error message', async () => {
 		render(ChronikErrorCard, { onRetry: vi.fn() });
 		await expect
-			.element(page.getByText('Die Chronik konnte nicht geladen werden.'))
+			.element(page.getByText('Die Aktivitäten konnten nicht geladen werden.'))
 			.toBeInTheDocument();
 	});
 
@@ -27,7 +27,8 @@ describe('ChronikErrorCard', () => {
 	it('calls onRetry when the retry button is clicked', async () => {
 		const onRetry = vi.fn();
 		render(ChronikErrorCard, { onRetry });
-		await userEvent.click(page.getByText('Erneut versuchen'));
+		const btn = (await page.getByText('Erneut versuchen').element()) as HTMLElement;
+		btn.dispatchEvent(new MouseEvent('click', { bubbles: true, cancelable: true }));
 		expect(onRetry).toHaveBeenCalledTimes(1);
 	});
 

frontend/src/lib/document/BulkDropZone.svelte.spec.ts

@@ -34,6 +34,6 @@ describe('BulkDropZone', () => {
 
 	it('shows drop hint text', async () => {
 		render(BulkDropZone, { onFilesAdded: vi.fn() });
-		await expect.element(page.getByText(/hier ablegen/i)).toBeInTheDocument();
+		await expect.element(page.getByText(/Dateien ablegen/i)).toBeInTheDocument();
 	});
 });

frontend/src/lib/document/transcription/TranscriptionBlock.svelte.spec.ts

@@ -116,8 +116,8 @@ describe('TranscriptionBlock — interactions', () => {
 	it('calls onFocus when textarea is focused', async () => {
 		const onFocus = vi.fn();
 		renderBlock({ onFocus });
-		const textarea = page.getByRole('textbox');
-		await textarea.click();
+		const textboxEl = (await page.getByRole('textbox').element()) as HTMLElement;
+		textboxEl.dispatchEvent(new FocusEvent('focus', { bubbles: false }));
 		expect(onFocus).toHaveBeenCalled();
 	});
 
@@ -152,16 +152,20 @@ describe('TranscriptionBlock — reorder controls', () => {
 	it('calls onMoveUp when up arrow clicked', async () => {
 		const onMoveUp = vi.fn();
 		renderBlock({ onMoveUp, isFirst: false });
-		const btn = page.getByRole('button', { name: 'Nach oben' });
-		await btn.click();
+		const btnEl = (await page
+			.getByRole('button', { name: 'Nach oben' })
+			.element()) as HTMLButtonElement;
+		btnEl.dispatchEvent(new MouseEvent('click', { bubbles: true, cancelable: true }));
 		expect(onMoveUp).toHaveBeenCalled();
 	});
 
 	it('calls onMoveDown when down arrow clicked', async () => {
 		const onMoveDown = vi.fn();
 		renderBlock({ onMoveDown, isLast: false });
-		const btn = page.getByRole('button', { name: 'Nach unten' });
-		await btn.click();
+		const btnEl = (await page
+			.getByRole('button', { name: 'Nach unten' })
+			.element()) as HTMLButtonElement;
+		btnEl.dispatchEvent(new MouseEvent('click', { bubbles: true, cancelable: true }));
 		expect(onMoveDown).toHaveBeenCalled();
 	});
 });
@@ -227,16 +231,17 @@ describe('TranscriptionBlock — delete confirmation', () => {
 describe('TranscriptionBlock — quote selection', () => {
 	it('shows quote hint after text is selected in the editor', async () => {
 		renderBlock({ text: 'Breslau, den 12. August' });
-		await page.getByRole('textbox').click();
-		// Select all text in the contenteditable via the native Selection API.
-		// Tiptap fires selectionUpdate which the block forwards as onSelectionChange.
-		const editorEl = document.querySelector('[role="textbox"]') as HTMLElement;
+		// Native .focus() activates ProseMirror's DOMObserver so it listens for selectionchange.
+		const editorEl = (await page.getByRole('textbox').element()) as HTMLElement;
+		editorEl.focus();
+		// Let ProseMirror's focus handler complete before we overwrite the selection.
+		await new Promise((r) => setTimeout(r, 0));
 		const range = document.createRange();
 		range.selectNodeContents(editorEl);
-		const selection = window.getSelection()!;
-		selection.removeAllRanges();
-		selection.addRange(range);
-		editorEl.dispatchEvent(new Event('input', { bubbles: true }));
+		const sel = window.getSelection()!;
+		sel.removeAllRanges();
+		sel.addRange(range);
+		document.dispatchEvent(new Event('selectionchange'));
 		await expect.element(page.getByText(/Zitat/)).toBeInTheDocument();
 	});
 });

frontend/src/lib/document/transcription/TranscriptionEditView.svelte.spec.ts

@@ -1,6 +1,6 @@
 import { describe, it, expect, vi, afterEach } from 'vitest';
 import { cleanup, render } from 'vitest-browser-svelte';
-import { page } from 'vitest/browser';
+import { page, userEvent } from 'vitest/browser';
 import TranscriptionEditView from './TranscriptionEditView.svelte';
 import { createConfirmService, CONFIRM_KEY } from '$lib/shared/services/confirm.svelte.js';
 
@@ -148,24 +148,28 @@ describe('TranscriptionEditView — auto-save debounce', () => {
 	});
 
 	it('passes the block mentionedPersons array as the 3rd save argument', async () => {
-		vi.useFakeTimers();
 		const onSaveBlock = vi.fn().mockResolvedValue(undefined);
 		const blockWithMention = {
 			...block1,
+			// text must contain the @displayName token so deserialize() creates a mention node;
+			// fill() replaces the whole content with plain text and would destroy the node
+			text: '@Auguste Raddatz',
 			mentionedPersons: [{ personId: 'p-aug', displayName: 'Auguste Raddatz' }]
 		};
 		renderView({ blocks: [blockWithMention], onSaveBlock });
 
-		const textarea = page.getByRole('textbox').first();
-		await textarea.fill('Hallo @Auguste Raddatz');
+		// type() focuses the element (cursor at position 0) then inserts without replacing the
+		// existing mention node.  Fake timers interfere with keyboard CDP so use real timers
+		// + vi.waitFor to catch the 1500 ms debounce.
+		await userEvent.type(page.getByRole('textbox').first(), 'Hallo ');
 
-		vi.advanceTimersByTime(1500);
-		await vi.runAllTimersAsync();
-
-		expect(onSaveBlock).toHaveBeenCalledWith('b1', 'Hallo @Auguste Raddatz', [
-			{ personId: 'p-aug', displayName: 'Auguste Raddatz' }
-		]);
-		vi.useRealTimers();
+		await vi.waitFor(
+			() =>
+				expect(onSaveBlock).toHaveBeenCalledWith('b1', 'Hallo @Auguste Raddatz', [
+					{ personId: 'p-aug', displayName: 'Auguste Raddatz' }
+				]),
+			{ timeout: 3000 }
+		);
 	});
 
 	it('resets debounce timer on rapid successive changes', async () => {
@@ -238,8 +242,9 @@ describe('TranscriptionEditView — flush on blur', () => {
 		const textarea = page.getByRole('textbox').first();
 		await textarea.fill('Blur text');
 
-		// Blur before 1500ms debounce fires — locator.blur() not available, use native DOM
-		const el = document.querySelector('textarea') as HTMLTextAreaElement;
+		// Blur before 1500ms debounce fires — locator.blur() not available, use native DOM.
+		// PersonMentionEditor uses a contenteditable div (role=textbox), not a <textarea>.
+		const el = document.querySelector('[role="textbox"]') as HTMLElement;
 		el.dispatchEvent(new FocusEvent('blur', { bubbles: true }));
 
 		await vi.runAllTimersAsync();
@@ -335,7 +340,12 @@ describe('TranscriptionEditView — mark all reviewed', () => {
 			onMarkAllReviewed
 		});
 
-		await page.getByRole('button', { name: /Alle als fertig markieren/ }).click();
+		// userEvent.click() via Playwright CDP doesn't reliably trigger Svelte 5 onclick
+		// handlers when a TipTap editor is mounted in the same component tree.
+		const btn = (await page
+			.getByRole('button', { name: /Alle als fertig markieren/ })
+			.element()) as HTMLButtonElement;
+		btn.dispatchEvent(new MouseEvent('click', { bubbles: true, cancelable: true }));
 		await vi.waitFor(() => expect(onMarkAllReviewed).toHaveBeenCalledTimes(1));
 	});
 
@@ -349,9 +359,14 @@ describe('TranscriptionEditView — mark all reviewed', () => {
 			onMarkAllReviewed
 		});
 
-		const btn = page.getByRole('button', { name: /Alle als fertig markieren/ });
-		await btn.click();
-		await expect.element(btn).toBeDisabled();
+		// Same CDP click workaround: dispatch from browser JS to reliably fire Svelte 5 onclick
+		const btnEl = (await page
+			.getByRole('button', { name: /Alle als fertig markieren/ })
+			.element()) as HTMLButtonElement;
+		btnEl.dispatchEvent(new MouseEvent('click', { bubbles: true, cancelable: true }));
+		await expect
+			.element(page.getByRole('button', { name: /Alle als fertig markieren/ }))
+			.toBeDisabled();
 		resolveMarkAll();
 	});
 });

frontend/src/lib/geschichte/GeschichteEditor.svelte.spec.ts

@@ -53,7 +53,12 @@ describe('GeschichteEditor — title-required guard', () => {
 		render(GeschichteEditor, { onSubmit });
 
 		await userEvent.click(page.getByPlaceholder('Titel der Geschichte'));
-		await userEvent.tab(); // blur
+		// userEvent.tab() / keyboard('{Tab}') do not reliably fire the blur event on
+		// inputs inside Playwright's test iframe.  .blur() is a no-op when the element
+		// has lost focus to TipTap's onMount initialisation.  Dispatching the FocusEvent
+		// directly fires Svelte's onblur listener regardless of the current focus owner.
+		const input = await page.getByPlaceholder('Titel der Geschichte').element();
+		input.dispatchEvent(new FocusEvent('blur'));
 		await expect.element(page.getByText('Bitte gib einen Titel ein.')).toBeInTheDocument();
 	});
 });
@@ -111,8 +116,23 @@ describe('GeschichteEditor — onSubmit payload', () => {
 		const onSubmit = vi.fn().mockResolvedValue(undefined);
 		render(GeschichteEditor, { onSubmit });
 
-		await userEvent.fill(page.getByPlaceholder('Titel der Geschichte'), '  My title  ');
-		await userEvent.click(page.getByRole('button', { name: 'Entwurf speichern' }));
+		// userEvent.fill() with trailing whitespace does not fire the input event chain
+		// that Svelte's bind:value requires (CDP limitation).  Setting .value directly
+		// and dispatching an input event works around this while preserving the trailing
+		// space needed to verify the trim() contract.
+		const input = (await page
+			.getByPlaceholder('Titel der Geschichte')
+			.element()) as HTMLInputElement;
+		input.value = 'My title ';
+		input.dispatchEvent(new Event('input', { bubbles: true }));
+
+		// userEvent.click() via Playwright CDP does not reliably trigger Svelte 5 onclick
+		// handlers when a TipTap editor is mounted in the same component.  Dispatching
+		// the MouseEvent directly from the browser JS context bypasses this issue.
+		const btn = (await page
+			.getByRole('button', { name: 'Entwurf speichern' })
+			.element()) as HTMLButtonElement;
+		btn.dispatchEvent(new MouseEvent('click', { bubbles: true, cancelable: true }));
 
 		expect(onSubmit).toHaveBeenCalledTimes(1);
 		const payload = onSubmit.mock.calls[0][0];
@@ -125,7 +145,10 @@ describe('GeschichteEditor — onSubmit payload', () => {
 		render(GeschichteEditor, { onSubmit });
 
 		await userEvent.fill(page.getByPlaceholder('Titel der Geschichte'), 'Story');
-		await userEvent.click(page.getByRole('button', { name: 'Veröffentlichen' }));
+		const btn = (await page
+			.getByRole('button', { name: 'Veröffentlichen' })
+			.element()) as HTMLButtonElement;
+		btn.dispatchEvent(new MouseEvent('click', { bubbles: true, cancelable: true }));
 
 		expect(onSubmit).toHaveBeenCalledTimes(1);
 		expect(onSubmit.mock.calls[0][0].status).toBe('PUBLISHED');
@@ -140,7 +163,10 @@ describe('GeschichteEditor — onSubmit payload', () => {
 		});
 
 		await userEvent.fill(page.getByPlaceholder('Titel der Geschichte'), 'Story');
-		await userEvent.click(page.getByRole('button', { name: 'Entwurf speichern' }));
+		const btn = (await page
+			.getByRole('button', { name: 'Entwurf speichern' })
+			.element()) as HTMLButtonElement;
+		btn.dispatchEvent(new MouseEvent('click', { bubbles: true, cancelable: true }));
 
 		expect(onSubmit).toHaveBeenCalledTimes(1);
 		const payload = onSubmit.mock.calls[0][0];

frontend/src/lib/person/PersonMultiSelect.svelte.spec.ts

@@ -143,7 +143,7 @@ describe('PersonMultiSelect – selecting persons', () => {
 		const input = page.getByRole('textbox');
 		await input.fill('Mu');
 		await waitForDebounce();
-		await page.getByText('Max Mustermann').click();
+		((await page.getByRole('button', { name: 'Max Mustermann' }).element()) as HTMLElement).click();
 		await expect.element(page.getByText('Max Mustermann')).toBeInTheDocument();
 		await expect.element(input).toHaveValue('');
 		await page.screenshot({
@@ -158,11 +158,13 @@ describe('PersonMultiSelect – selecting persons', () => {
 
 		await input.fill('Mu');
 		await waitForDebounce();
-		await page.getByText('Max Mustermann').click();
+		((await page.getByRole('button', { name: 'Max Mustermann' }).element()) as HTMLElement).click();
 
 		await input.fill('Mu');
 		await waitForDebounce();
-		await page.getByText('Anna Musterfrau').click();
+		(
+			(await page.getByRole('button', { name: 'Anna Musterfrau' }).element()) as HTMLElement
+		).click();
 
 		await expect.element(page.getByText('Max Mustermann')).toBeInTheDocument();
 		await expect.element(page.getByText('Anna Musterfrau')).toBeInTheDocument();
@@ -210,7 +212,13 @@ describe('PersonMultiSelect – selecting persons', () => {
 		const input = page.getByRole('textbox');
 		await input.fill('Ma');
 		await waitForDebounce();
-		await page.getByText('Max Mustermann').click();
+		const resultEl = (await page
+			.getByRole('button', { name: 'Max Mustermann' })
+			.element()) as HTMLElement;
+		resultEl.dispatchEvent(
+			new KeyboardEvent('keydown', { key: 'Enter', bubbles: true, cancelable: true })
+		);
+		await tick();
 		await expect.element(page.getByText('Max Mustermann')).toBeInTheDocument();
 	});
 });
@@ -240,8 +248,11 @@ describe('PersonMultiSelect – removing persons', () => {
 			]
 		});
 		// Buttons have aria-label="Entfernen"
-		const removeButtons = page.getByRole('button', { name: 'Entfernen' });
-		await removeButtons.first().click();
+		const removeBtn = (await page
+			.getByRole('button', { name: 'Entfernen' })
+			.first()
+			.element()) as HTMLElement;
+		removeBtn.click();
 		await expect.element(page.getByText('Max Mustermann')).not.toBeInTheDocument();
 		await expect.element(page.getByText('Anna Musterfrau')).toBeInTheDocument();
 	});
@@ -267,7 +278,9 @@ describe('PersonMultiSelect – removing persons', () => {
 				}
 			]
 		});
-		await page.getByRole('button', { name: 'Entfernen' }).first().click();
+		(
+			(await page.getByRole('button', { name: 'Entfernen' }).first().element()) as HTMLElement
+		).click();
 		await tick();
 		const inputs = receiverInputs();
 		expect(inputs).toHaveLength(1);

frontend/src/lib/person/PersonTypeahead.svelte.spec.ts

@@ -1,6 +1,6 @@
 import { describe, expect, it, vi, afterEach } from 'vitest';
 import { cleanup, render } from 'vitest-browser-svelte';
-import { page, userEvent } from 'vitest/browser';
+import { page } from 'vitest/browser';
 import PersonTypeahead from './PersonTypeahead.svelte';
 
 const waitForDebounce = () => new Promise((r) => setTimeout(r, 350));
@@ -346,6 +346,14 @@ describe('PersonTypeahead – ARIA roles', () => {
 
 // ─── Keyboard navigation ──────────────────────────────────────────────────────
 
+// CDP-based userEvent.keyboard does not reliably trigger Svelte 5 onkeydown
+// handlers. Dispatch native KeyboardEvent directly on the DOM element instead.
+async function pressKey(input: ReturnType<typeof page.getByPlaceholder>, key: string) {
+	const el = (await input.element()) as HTMLInputElement;
+	el.dispatchEvent(new KeyboardEvent('keydown', { key, bubbles: true, cancelable: true }));
+	await tick();
+}
+
 describe('PersonTypeahead – keyboard navigation', () => {
 	it('ArrowDown moves highlight to the first option', async () => {
 		mockFetchWithPersons();
@@ -354,9 +362,7 @@ describe('PersonTypeahead – keyboard navigation', () => {
 		await input.fill('Mu');
 		await waitForDebounce();
 
-		await input.click();
-		await userEvent.keyboard('{ArrowDown}');
-		await tick();
+		await pressKey(input, 'ArrowDown');
 
 		// First option should be highlighted (aria-selected="true")
 		const firstOption = page.getByRole('option', { name: 'Max Mustermann' });
@@ -370,11 +376,8 @@ describe('PersonTypeahead – keyboard navigation', () => {
 		await input.fill('Mu');
 		await waitForDebounce();
 
-		await input.click();
-		await userEvent.keyboard('{ArrowDown}');
-		await tick();
-		await userEvent.keyboard('{ArrowDown}');
-		await tick();
+		await pressKey(input, 'ArrowDown');
+		await pressKey(input, 'ArrowDown');
 
 		const secondOption = page.getByRole('option', { name: 'Anna Musterfrau' });
 		await expect.element(secondOption).toHaveAttribute('aria-selected', 'true');
@@ -387,11 +390,8 @@ describe('PersonTypeahead – keyboard navigation', () => {
 		await input.fill('Mu');
 		await waitForDebounce();
 
-		await input.click();
-		await userEvent.keyboard('{ArrowDown}'); // highlight first
-		await tick();
-		await userEvent.keyboard('{ArrowUp}'); // wrap to last
-		await tick();
+		await pressKey(input, 'ArrowDown'); // highlight first
+		await pressKey(input, 'ArrowUp'); // wrap to last
 
 		const lastOption = page.getByRole('option', { name: 'Anna Musterfrau' });
 		await expect.element(lastOption).toHaveAttribute('aria-selected', 'true');
@@ -404,13 +404,9 @@ describe('PersonTypeahead – keyboard navigation', () => {
 		await input.fill('Mu');
 		await waitForDebounce();
 
-		await input.click();
-		await userEvent.keyboard('{ArrowDown}'); // highlight first (index 0)
-		await tick();
-		await userEvent.keyboard('{ArrowDown}'); // highlight second (index 1 = last)
-		await tick();
-		await userEvent.keyboard('{ArrowDown}'); // wrap to first (index 0)
-		await tick();
+		await pressKey(input, 'ArrowDown'); // highlight first (index 0)
+		await pressKey(input, 'ArrowDown'); // highlight second (index 1 = last)
+		await pressKey(input, 'ArrowDown'); // wrap to first (index 0)
 
 		const firstOption = page.getByRole('option', { name: 'Max Mustermann' });
 		await expect.element(firstOption).toHaveAttribute('aria-selected', 'true');
@@ -431,11 +427,8 @@ describe('PersonTypeahead – keyboard navigation', () => {
 		await input.fill('Ma');
 		await waitForDebounce();
 
-		await input.click();
-		await userEvent.keyboard('{ArrowDown}');
-		await tick();
-		await userEvent.keyboard('{Enter}');
-		await tick();
+		await pressKey(input, 'ArrowDown');
+		await pressKey(input, 'Enter');
 
 		await expect.element(input).toHaveValue('Max Mustermann');
 		await expect.element(page.getByRole('listbox')).not.toBeInTheDocument();
@@ -449,9 +442,8 @@ describe('PersonTypeahead – keyboard navigation', () => {
 		await waitForDebounce();
 		await expect.element(page.getByRole('listbox')).toBeInTheDocument();
 
-		await input.click();
-		await userEvent.keyboard('{Escape}');
-		await tick();
+		await pressKey(input, 'Escape');
+
 		await expect.element(page.getByRole('listbox')).not.toBeInTheDocument();
 		// Value unchanged — nothing was selected
 		await expect.element(input).toHaveValue('Mu');
@@ -468,9 +460,7 @@ describe('PersonTypeahead – keyboard navigation', () => {
 		const beforeNav = await input.element().getAttribute('aria-activedescendant');
 		expect(beforeNav).toBeFalsy();
 
-		await input.click();
-		await userEvent.keyboard('{ArrowDown}');
-		await tick();
+		await pressKey(input, 'ArrowDown');
 
 		const afterNav = await input.element().getAttribute('aria-activedescendant');
 		expect(afterNav).toBeTruthy();

frontend/src/lib/shared/discussion/PersonMentionEditor.svelte.spec.ts

@@ -174,7 +174,14 @@ describe('PersonMentionEditor — AC-1: typed text as displayName', () => {
 			await expect.element(page.getByRole('option', { name: /Auguste Raddatz/ })).toBeVisible();
 		});
 
-		await userEvent.click(page.getByRole('option', { name: /Auguste Raddatz/ }));
+		// MentionDropdown handles selection via onmousedown (not onclick) to prevent
+		// blurring the editor before the selection fires.  userEvent.click() via CDP
+		// does not reliably trigger Svelte 5's onmousedown handler when TipTap is
+		// mounted — dispatch the MouseEvent directly from browser JS instead.
+		const option = (await page
+			.getByRole('option', { name: /Auguste Raddatz/ })
+			.element()) as HTMLElement;
+		option.dispatchEvent(new MouseEvent('mousedown', { bubbles: true, cancelable: true }));
 
 		await vi.waitFor(() => {
 			expect(host.snapshot.mentionedPersons).toHaveLength(1);
@@ -212,7 +219,10 @@ describe('PersonMentionEditor — AC-1: typed text as displayName', () => {
 			await expect.element(page.getByRole('option', { name: /Auguste Raddatz/ })).toBeVisible();
 		});
 
-		await userEvent.click(page.getByRole('option', { name: /Auguste Raddatz/ }));
+		const option = (await page
+			.getByRole('option', { name: /Auguste Raddatz/ })
+			.element()) as HTMLElement;
+		option.dispatchEvent(new MouseEvent('mousedown', { bubbles: true, cancelable: true }));
 
 		await vi.waitFor(() => {
 			expect(host.snapshot.mentionedPersons).toEqual([{ personId: 'p-aug', displayName: 'Aug' }]);

frontend/src/lib/shared/primitives/RichtlinienRuleCard.svelte.spec.ts

@@ -9,6 +9,8 @@ const defaultProps = {
 	icon: '✍',
 	title: 'Unleserliche Wörter',
 	body: 'Schreiben Sie [unleserlich].',
+	// beispielInput is required for the → arrow to render (component: {#if beispielInput !== undefined})
+	beispielInput: '[Original]',
 	beispielOutput: '[unleserlich]'
 };
 
@@ -34,9 +36,12 @@ describe('RichtlinienRuleCard', () => {
 
 	it('renders beispielOutput in monospace with → arrow', async () => {
 		render(RichtlinienRuleCard, { props: defaultProps });
-		const mono = document.querySelector('code, [class*="font-mono"]');
-		expect(mono).not.toBeNull();
-		expect(mono!.textContent).toContain('[unleserlich]');
+		// With both beispielInput and beispielOutput, the component renders two code elements:
+		// [Input] → [Output]. querySelectorAll gets both; last one is the output.
+		const codes = document.querySelectorAll('code, [class*="font-mono"]');
+		expect(codes.length).toBeGreaterThanOrEqual(1);
+		const outputCode = codes[codes.length - 1];
+		expect(outputCode.textContent).toContain('[unleserlich]');
 		await expect.element(page.getByText(/→/)).toBeInTheDocument();
 	});
 

frontend/src/lib/tag/TagInput.svelte.spec.ts

@@ -369,8 +369,7 @@ describe('TagInput – onTextInput callback', () => {
 		const input = page.getByRole('textbox');
 		await input.fill('Ka');
 		await waitForFetch();
-		const option = page.getByRole('option', { name: 'Kaufvertrag' });
-		await option.click();
+		((await page.getByRole('option', { name: 'Kaufvertrag' }).element()) as HTMLElement).click();
 		await expect.poll(() => onTextInput.mock.calls.at(-1)).toEqual(['']);
 	});
 });

frontend/src/routes/DocumentList.svelte

@@ -13,12 +13,14 @@ let {
 	items,
 	canWrite,
 	error,
+	total = 0,
 	q = '',
 	sort = 'DATE'
 }: {
 	items: DocumentSearchItem[];
 	canWrite: boolean;
 	error?: string | null;
+	total?: number;
 	q?: string;
 	sort?: SortMode;
 } = $props();
@@ -77,6 +79,10 @@ function groupByReceiver(docItems: DocumentSearchItem[]) {
 		</div>
 	</div>
 {:else if items.length > 0}
+	<!-- RESULT COUNT -->
+	{#if total > 0}
+		<p class="mb-2 text-sm text-ink-2">{total} Dokumente</p>
+	{/if}
 	<!-- GROUP CARDS -->
 	{#each groups as group (group.label)}
 		<div

frontend/src/routes/admin/+layout.server.ts

@@ -26,8 +26,7 @@ export async function load({ fetch, locals }) {
 	const api = createApiClient(fetch);
 	const canManageUsers = hasPerm(user, 'ADMIN_USER');
 
-	// TODO: replace with a dedicated /api/admin/stats endpoint that returns counts only,
-	// so the System page does not load full entity lists it does not render.
+	// TODO(#453): replace with dedicated /api/admin/stats endpoint returning counts only
 	const [usersResult, groupsResult, tagsResult] = await Promise.all([
 		api.GET('/api/users'),
 		api.GET('/api/groups'),

frontend/src/routes/admin/EntityNavSection.svelte.spec.ts

@@ -134,7 +134,13 @@ describe('EntityNavSection — flyout variant', () => {
 				called = true;
 			}
 		});
-		document.querySelector<HTMLAnchorElement>('a[href="/admin/users"]')!.click();
+		const link = document.querySelector<HTMLAnchorElement>('a[href="/admin/users"]')!;
+		// Prevent the browser from navigating the test iframe to /admin/users (which
+		// would redirect to /login and kill the iframe connection).  preventDefault()
+		// on the capture phase suppresses navigation while still letting the Svelte
+		// onclick handler (onFlyoutClick) run on the bubbling phase.
+		link.addEventListener('click', (e) => e.preventDefault(), { capture: true, once: true });
+		link.click();
 		expect(called).toBe(true);
 	});
 });

frontend/src/routes/admin/entity-nav.svelte.spec.ts

@@ -76,7 +76,13 @@ describe('EntityNav — flyout', () => {
 		document.querySelector<HTMLButtonElement>('[data-flyout-trigger]')!.click();
 		await expect.element(page.getByRole('dialog')).toBeInTheDocument();
 		const dialog = document.querySelector('[role="dialog"]')!;
-		dialog.querySelector<HTMLAnchorElement>('a[href^="/admin/"]')!.click();
+		const link = dialog.querySelector<HTMLAnchorElement>('a[href^="/admin/"]')!;
+		// Prevent the browser from navigating the test iframe to /admin/... (which
+		// would redirect to /login and kill the iframe connection).  preventDefault()
+		// on the capture phase suppresses navigation while still letting the Svelte
+		// onclick handler (closeFlyout) run on the bubbling phase.
+		link.addEventListener('click', (e) => e.preventDefault(), { capture: true, once: true });
+		link.click();
 		await expect.element(page.getByRole('dialog')).not.toBeInTheDocument();
 	});
 });

frontend/src/routes/admin/system/page.svelte.spec.ts

@@ -4,7 +4,10 @@ import { page } from 'vitest/browser';
 import Page from './+page.svelte';
 
 afterEach(cleanup);
-afterEach(() => vi.restoreAllMocks());
+afterEach(() => {
+	vi.restoreAllMocks();
+	vi.unstubAllGlobals();
+});
 
 describe('Admin system page', () => {
 	it('renders the backfill versions heading', async () => {
@@ -52,7 +55,9 @@ describe('Admin system page — mass import card', () => {
 
 	it('renders the mass import heading', async () => {
 		render(Page, {});
-		await expect.element(page.getByText(/Massenimport/i)).toBeInTheDocument();
+		// getByText(/Massenimport/i) would match both the H2 heading AND the thumbnail
+		// description paragraph that mentions "Massenimport" — use heading role instead.
+		await expect.element(page.getByRole('heading', { name: /Massenimport/i })).toBeInTheDocument();
 	});
 
 	it('renders the start import button when idle', async () => {
@@ -66,9 +71,11 @@ describe('Admin system page — mass import card', () => {
 	});
 
 	it('disables the start button and shows running state after click', async () => {
+		// $effect calls fetchImportStatus() then fetchThumbnailStatus() on mount —
+		// the mock must cover both before the POST trigger call.
 		const fetchMock = vi
 			.fn()
-			// initial status fetch → IDLE
+			// call 1: fetchImportStatus() on mount → IDLE
 			.mockResolvedValueOnce({
 				ok: true,
 				json: async () => ({
@@ -78,7 +85,20 @@ describe('Admin system page — mass import card', () => {
 					startedAt: null
 				})
 			})
-			// trigger POST → returns RUNNING immediately
+			// call 2: fetchThumbnailStatus() on mount → IDLE (prevent thumbnail polling)
+			.mockResolvedValueOnce({
+				ok: true,
+				json: async () => ({
+					state: 'IDLE',
+					message: '',
+					total: 0,
+					processed: 0,
+					skipped: 0,
+					failed: 0,
+					startedAt: null
+				})
+			})
+			// call 3: trigger POST → returns RUNNING
 			.mockResolvedValueOnce({
 				ok: true,
 				json: async () => ({
@@ -99,17 +119,33 @@ describe('Admin system page — mass import card', () => {
 	});
 
 	it('shows done status and retry button after successful import', async () => {
+		// Use mockResolvedValueOnce per call so thumbnail gets IDLE, not DONE.
+		// Both cards in DONE state would render two "Erneut starten" buttons → strict mode.
 		vi.stubGlobal(
 			'fetch',
-			vi.fn().mockResolvedValue({
-				ok: true,
-				json: async () => ({
-					state: 'DONE',
-					message: 'Import abgeschlossen.',
-					processed: 42,
-					startedAt: '2026-01-01T10:00:00'
+			vi
+				.fn()
+				.mockResolvedValueOnce({
+					ok: true,
+					json: async () => ({
+						state: 'DONE',
+						message: 'Import abgeschlossen.',
+						processed: 42,
+						startedAt: '2026-01-01T10:00:00'
+					})
+				})
+				.mockResolvedValueOnce({
+					ok: true,
+					json: async () => ({
+						state: 'IDLE',
+						message: '',
+						total: 0,
+						processed: 0,
+						skipped: 0,
+						failed: 0,
+						startedAt: null
+					})
 				})
-			})
 		);
 		render(Page, {});
 		await expect.element(page.getByText(/42 Dokumente/i)).toBeInTheDocument();
@@ -117,17 +153,33 @@ describe('Admin system page — mass import card', () => {
 	});
 
 	it('shows failed status and retry button on error', async () => {
+		// Use mockResolvedValueOnce so thumbnail gets IDLE, not FAILED.
+		// Both cards in FAILED state would render two identical error messages → strict mode.
 		vi.stubGlobal(
 			'fetch',
-			vi.fn().mockResolvedValue({
-				ok: true,
-				json: async () => ({
-					state: 'FAILED',
-					message: 'Datei nicht gefunden.',
-					processed: 0,
-					startedAt: '2026-01-01T10:00:00'
+			vi
+				.fn()
+				.mockResolvedValueOnce({
+					ok: true,
+					json: async () => ({
+						state: 'FAILED',
+						message: 'Datei nicht gefunden.',
+						processed: 0,
+						startedAt: '2026-01-01T10:00:00'
+					})
+				})
+				.mockResolvedValueOnce({
+					ok: true,
+					json: async () => ({
+						state: 'IDLE',
+						message: '',
+						total: 0,
+						processed: 0,
+						skipped: 0,
+						failed: 0,
+						startedAt: null
+					})
 				})
-			})
 		);
 		render(Page, {});
 		await expect.element(page.getByText(/Datei nicht gefunden/i)).toBeInTheDocument();

frontend/src/routes/briefwechsel/CorrespondenzHero.svelte.spec.ts

@@ -24,7 +24,8 @@ describe('CorrespondenzHero — headline and cross-link', () => {
 
 	it('renders a person typeahead input', async () => {
 		render(CorrespondenzHero, { onSelectPerson: noop });
-		await expect.element(page.getByTestId('conv-hero').getByRole('textbox')).toBeInTheDocument();
+		// PersonTypeahead renders <input role="combobox">, not role="textbox"
+		await expect.element(page.getByTestId('conv-hero').getByRole('combobox')).toBeInTheDocument();
 	});
 });
 

frontend/src/routes/documents/[id]/edit/page.svelte.spec.ts

@@ -1,7 +1,12 @@
 import { vi, describe, it, expect, afterEach } from 'vitest';
 import { cleanup, render } from 'vitest-browser-svelte';
 import { page } from 'vitest/browser';
-import { createConfirmService, CONFIRM_KEY } from '$lib/shared/services/confirm.svelte.js';
+import {
+	createConfirmService,
+	CONFIRM_KEY,
+	type ConfirmOptions,
+	type ConfirmService
+} from '$lib/shared/services/confirm.svelte.js';
 import EditPage from './+page.svelte';
 
 afterEach(cleanup);
@@ -32,17 +37,40 @@ describe('Edit page — delete button', () => {
 	});
 
 	it('opens a confirm dialog when the delete button is clicked', async () => {
-		const service = createConfirmService();
+		// vi.spyOn on a Svelte 5 compiled service object does not reliably track calls in
+		// vitest-browser mode (signal scoping), so we use a plain mock object instead.
+		let capturedOptions: ConfirmOptions | null = null;
+		let settleRef: ((value: boolean) => void) | null = null;
+		const mockService: ConfirmService = {
+			confirm(opts) {
+				capturedOptions = opts;
+				return new Promise<boolean>((resolve) => {
+					settleRef = resolve;
+				});
+			},
+			get options(): ConfirmOptions | null {
+				return null;
+			},
+			settle(value) {
+				settleRef?.(value);
+			}
+		};
+
 		render(EditPage, {
 			props: { data: { document: makeDocument() }, form: null },
-			context: new Map([[CONFIRM_KEY, service]])
+			context: new Map([[CONFIRM_KEY, mockService]])
 		});
 
-		await page.getByRole('button', { name: /löschen/i }).click();
-		// The confirm service should have received an options object (dialog is open)
-		expect(service.options).not.toBeNull();
-		expect(service.options?.destructive).toBe(true);
-		service.settle(false);
+		// Playwright CDP click has latency that can exceed vi.waitFor's 1000ms deadline.
+		// Dispatching the MouseEvent directly from browser-JS context is synchronous and
+		// reliably triggers Svelte 5 onclick — same pattern as GeschichteEditor.svelte.spec.ts.
+		const btn = (await page
+			.getByRole('button', { name: /löschen/i })
+			.element()) as HTMLButtonElement;
+		btn.dispatchEvent(new MouseEvent('click', { bubbles: true, cancelable: true }));
+		expect(capturedOptions).not.toBeNull();
+		expect(capturedOptions).toMatchObject({ destructive: true });
+		settleRef?.(false);
 	});
 
 	it('submits the delete form when the user confirms', async () => {

frontend/src/routes/hilfe/transkription/page.svelte.spec.ts

@@ -25,9 +25,9 @@ describe('Richtlinien page — structure', () => {
 		await expect.element(wikiLink).toHaveAttribute('target', '_blank');
 		await expect.element(wikiLink).toHaveAttribute('rel', 'noopener noreferrer');
 		await expect.element(wikiLink).toHaveAttribute('referrerpolicy', 'no-referrer');
-		// visible annotation (not sr-only)
+		// icon communicates "opens new tab" visually; aria-label carries the text for a11y
 		const link = document.querySelector('a[href*="wikipedia"]') as HTMLAnchorElement;
-		expect(link.textContent).toContain('öffnet in neuem Tab');
+		expect(link.getAttribute('aria-label')).toContain('öffnet in neuem Tab');
 	});
 
 	it('renders Regeln h2 section', async () => {

frontend/src/routes/layout.svelte.spec.ts

@@ -1,11 +1,31 @@
-import { afterEach, describe, expect, it, vi } from 'vitest';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
 import { cleanup, render } from 'vitest-browser-svelte';
 import { page, userEvent } from 'vitest/browser';
 import { createRawSnippet } from 'svelte';
 
 vi.mock('$env/static/public', () => ({ PUBLIC_NOTIFICATION_POLL_MS: '60000' }));
 
-afterEach(cleanup);
+// NotificationBell calls notificationStore.init() on mount, which creates an
+// EventSource and immediately fetches the unread count.  In the test environment
+// the SSE connection fails (no backend), triggering onerror → another fetch.
+// If that fetch returns 401, notifications.svelte.ts calls
+// window.location.href = '/login', navigating the test iframe and breaking the
+// Playwright connection.  Stubbing fetch to return 200 keeps it in-check.
+beforeEach(() => {
+	vi.stubGlobal(
+		'fetch',
+		vi.fn().mockResolvedValue({
+			ok: true,
+			status: 200,
+			json: vi.fn().mockResolvedValue({ count: 0, content: [] })
+		})
+	);
+});
+
+afterEach(() => {
+	cleanup();
+	vi.unstubAllGlobals();
+});
 
 const emptySnippet = createRawSnippet(() => ({ render: () => '<span></span>' }));
 import Layout from './+layout.svelte';

frontend/test-results.locked/e2e/.last-run.json

@@ -1,6 +0,0 @@
-{
-  "status": "failed",
-  "failedTests": [
-    "17e3fe6f4d9d8bd79c6b-60f085b113a677673906"
-  ]
-}

package.json

@@ -1,7 +0,0 @@
-{
-  "devDependencies": {
-    "@testing-library/jest-dom": "^6.9.1",
-    "@testing-library/svelte": "^5.3.1",
-    "jsdom": "^29.0.2"
-  }
-}

proofshot-artifacts/2026-03-29_notifications-page-153/metadata.json

@@ -1,6 +0,0 @@
-{
-  "branch": "feature/153-notification-history",
-  "commitSha": "edeff353931e9d625083eec983fe174c138c340d",
-  "startedAt": "2026-03-29T00:00:00.000Z",
-  "description": "Notification history page (/notifications): empty state, list view (20 items), load-more view (40 items) — 320/768/1440px, light/dark"
-}

proofshot-artifacts/2026-04-25_10-54-51_verify-hilfe-transkription-examples-with/metadata.json

@@ -1,6 +0,0 @@
-{
-  "branch": "main",
-  "commitSha": "0797406f02698a5bf43ce3ecb17336017245f91b",
-  "startedAt": "2026-04-25T10:54:51.868Z",
-  "description": "Verify /hilfe/transkription: examples with input→output, no names in intro, Wikipedia link with icon"
-}

proofshot-artifacts/2026-04-25_10-56-18_verify-hilfe-transkription-examples-with/SUMMARY.md

@@ -1,34 +0,0 @@
-# ProofShot Verification Report
-
-**Date:** 2026-04-25 10:57:13
-**Project:** familienarchiv
-**Dev Server:** external on localhost:5173
-
-## What Was Verified
-
-Verify /hilfe/transkription: examples with input→output, no names in intro, Wikipedia link with icon
-
-## Video Recording
-
-Full session recording: [session.webm](./session.webm) (50s)
-
-## Screenshots
-
-![step-full-page.png](./step-full-page.png)
-
-![step-page-top.png](./step-page-top.png)
-
-![step-rules.png](./step-rules.png)
-
-## Console Errors
-
-No console errors detected.
-
-## Server Errors
-
-No server errors detected.
-
-## Environment
-- Browser: Chromium (headless)
-- Viewport: 1280x720
-- Duration: 50 seconds

proofshot-artifacts/2026-04-25_10-56-18_verify-hilfe-transkription-examples-with/console-output.log

@@ -1,10 +0,0 @@
-[debug] [vite] connecting...
-[debug] [vite] connected.
-[debug] [vite] connecting...
-[debug] [vite] connected.
-[debug] [vite] connecting...
-[debug] [vite] connected.
-[debug] [vite] connecting...
-[debug] [vite] connected.
-[debug] [vite] connecting...
-[debug] [vite] connected.

proofshot-artifacts/2026-04-25_10-56-18_verify-hilfe-transkription-examples-with/metadata.json

@@ -1,6 +0,0 @@
-{
-  "branch": "main",
-  "commitSha": "0797406f02698a5bf43ce3ecb17336017245f91b",
-  "startedAt": "2026-04-25T10:56:18.954Z",
-  "description": "Verify /hilfe/transkription: examples with input→output, no names in intro, Wikipedia link with icon"
-}

proofshot-artifacts/2026-04-25_10-56-18_verify-hilfe-transkription-examples-with/session-log.json

@@ -1,78 +0,0 @@
-[
-  {
-    "action": "open http://localhost:5173/hilfe/transkription",
-    "relativeTimeSec": 3.1,
-    "timestamp": "2026-04-25T10:56:25.098Z"
-  },
-  {
-    "action": "screenshot step-full-page.png",
-    "relativeTimeSec": 3.5,
-    "timestamp": "2026-04-25T10:56:25.511Z"
-  },
-  {
-    "action": "snapshot -i",
-    "relativeTimeSec": 7.5,
-    "timestamp": "2026-04-25T10:56:29.579Z"
-  },
-  {
-    "action": "fill @e6 admin@familyarchive.local",
-    "relativeTimeSec": 21.4,
-    "timestamp": "2026-04-25T10:56:43.431Z",
-    "element": {
-      "label": "E-Mail-Adresse",
-      "bbox": {
-        "x": 481,
-        "y": 314,
-        "width": 318,
-        "height": 42
-      },
-      "viewport": {
-        "width": 1280,
-        "height": 720
-      }
-    }
-  },
-  {
-    "action": "fill @e7 admin123",
-    "relativeTimeSec": 22.2,
-    "timestamp": "2026-04-25T10:56:44.231Z",
-    "element": {
-      "label": "Passwort",
-      "bbox": {
-        "x": 481,
-        "y": 398,
-        "width": 318,
-        "height": 42
-      },
-      "viewport": {
-        "width": 1280,
-        "height": 720
-      }
-    }
-  },
-  {
-    "action": "click @e8",
-    "relativeTimeSec": 23.3,
-    "timestamp": "2026-04-25T10:56:45.379Z"
-  },
-  {
-    "action": "open http://localhost:5173/hilfe/transkription",
-    "relativeTimeSec": 30.4,
-    "timestamp": "2026-04-25T10:56:52.485Z"
-  },
-  {
-    "action": "screenshot step-page-top.png",
-    "relativeTimeSec": 31.5,
-    "timestamp": "2026-04-25T10:56:53.525Z"
-  },
-  {
-    "action": "snapshot",
-    "relativeTimeSec": 43.7,
-    "timestamp": "2026-04-25T10:57:05.733Z"
-  },
-  {
-    "action": "screenshot step-rules.png",
-    "relativeTimeSec": 44,
-    "timestamp": "2026-04-25T10:57:06.051Z"
-  }
-]

proofshot-artifacts/2026-04-25_11-02-36_verify-b-css-strikethrough-for-struck-th/SUMMARY.md

@@ -1,34 +0,0 @@
-# ProofShot Verification Report
-
-**Date:** 2026-04-25 11:04:14
-**Project:** familienarchiv
-**Dev Server:** external on localhost:5173
-
-## What Was Verified
-
-Verify B: CSS strikethrough for struck-through rule, no fake input for illegible
-
-## Video Recording
-
-Full session recording: [session.webm](./session.webm) (88s)
-
-## Screenshots
-
-![step-rules.png](./step-rules.png)
-
-![step-scrolled.png](./step-scrolled.png)
-
-![step-strikethrough.png](./step-strikethrough.png)
-
-## Console Errors
-
-No console errors detected.
-
-## Server Errors
-
-No server errors detected.
-
-## Environment
-- Browser: Chromium (headless)
-- Viewport: 1280x720
-- Duration: 88 seconds

proofshot-artifacts/2026-04-25_11-02-36_verify-b-css-strikethrough-for-struck-th/console-output.log

@@ -1,23 +0,0 @@
-[debug] [vite] connecting...
-[debug] [vite] connected.
-[debug] [vite] connecting...
-[debug] [vite] connected.
-[debug] [vite] connecting...
-[debug] [vite] connected.
-[debug] [vite] connecting...
-[debug] [vite] connected.
-[error] Failed to fetch unread count TypeError: Failed to fetch
-    at window.fetch (http://localhost:5173/node_modules/@sveltejs/kit/src/runtime/client/fetcher.js?v=9aff597a:66:10)
-    at fetchUnreadCount (http://localhost:5173/src/lib/stores/notifications.svelte.ts?t=1777114433090:31:46)
-    at Object.init (http://localhost:5173/src/lib/stores/notifications.svelte.ts?t=1777114433090:74:2)
-    at http://localhost:5173/src/lib/components/NotificationBell.svelte?t=1777114433090:71:10
-    at untrack (http://localhost:5173/node_modules/.vite/deps/chunk-W6TT6Y22.js?v=9aff597a:4131:12)
-    at $effect (http://localhost:5173/node_modules/.vite/deps/chunk-XZDNTRGL.js?v=9aff597a:4165:23)
-    at update_reaction (http://localhost:5173/node_modules/.vite/deps/chunk-W6TT6Y22.js?v=9aff597a:3831:18)
-    at update_effect (http://localhost:5173/node_modules/.vite/deps/chunk-W6TT6Y22.js?v=9aff597a:3970:21)
-    at flush_queued_effects (http://localhost:5173/node_modules/.vite/deps/chunk-W6TT6Y22.js?v=9aff597a:2955:7)
-    at #process (http://localhost:5173/node_modules/.vite/deps/chunk-W6TT6Y22.js?v=9aff597a:2613:7)
-[debug] [vite] connecting...
-[debug] [vite] connected.
-[debug] [vite] connecting...
-[debug] [vite] connected.

proofshot-artifacts/2026-04-25_11-02-36_verify-b-css-strikethrough-for-struck-th/metadata.json

@@ -1,6 +0,0 @@
-{
-  "branch": "main",
-  "commitSha": "0797406f02698a5bf43ce3ecb17336017245f91b",
-  "startedAt": "2026-04-25T11:02:36.168Z",
-  "description": "Verify B: CSS strikethrough for struck-through rule, no fake input for illegible"
-}

proofshot-artifacts/2026-04-25_11-02-36_verify-b-css-strikethrough-for-struck-th/session-log.json

@@ -1,121 +0,0 @@
-[
-  {
-    "action": "open http://localhost:5173/hilfe/transkription",
-    "relativeTimeSec": 2.8,
-    "timestamp": "2026-04-25T11:02:46.720Z"
-  },
-  {
-    "action": "screenshot step-rules.png",
-    "relativeTimeSec": 3.3,
-    "timestamp": "2026-04-25T11:02:47.146Z"
-  },
-  {
-    "action": "snapshot -i",
-    "relativeTimeSec": 6.5,
-    "timestamp": "2026-04-25T11:02:50.423Z"
-  },
-  {
-    "action": "fill @e6 admin@familyarchive.local",
-    "relativeTimeSec": 10.7,
-    "timestamp": "2026-04-25T11:02:54.622Z",
-    "element": {
-      "label": "E-Mail-Adresse",
-      "bbox": {
-        "x": 481,
-        "y": 314,
-        "width": 318,
-        "height": 42
-      },
-      "viewport": {
-        "width": 1280,
-        "height": 720
-      }
-    }
-  },
-  {
-    "action": "fill @e7 admin123",
-    "relativeTimeSec": 11.5,
-    "timestamp": "2026-04-25T11:02:55.421Z",
-    "element": {
-      "label": "Passwort",
-      "bbox": {
-        "x": 481,
-        "y": 398,
-        "width": 318,
-        "height": 42
-      },
-      "viewport": {
-        "width": 1280,
-        "height": 720
-      }
-    }
-  },
-  {
-    "action": "click @e8",
-    "relativeTimeSec": 12.7,
-    "timestamp": "2026-04-25T11:02:56.543Z"
-  },
-  {
-    "action": "open http://localhost:5173/hilfe/transkription",
-    "relativeTimeSec": 14.9,
-    "timestamp": "2026-04-25T11:02:58.745Z"
-  },
-  {
-    "action": "screenshot step-rules.png",
-    "relativeTimeSec": 15.9,
-    "timestamp": "2026-04-25T11:02:59.804Z"
-  },
-  {
-    "action": "snapshot",
-    "relativeTimeSec": 27.8,
-    "timestamp": "2026-04-25T11:03:11.712Z"
-  },
-  {
-    "action": "click @e17",
-    "relativeTimeSec": 38.6,
-    "timestamp": "2026-04-25T11:03:22.492Z",
-    "element": {
-      "label": "Durchgestrichene Wörter",
-      "bbox": {
-        "x": 366,
-        "y": 711.5,
-        "width": 174,
-        "height": 24
-      },
-      "viewport": {
-        "width": 1280,
-        "height": 720
-      }
-    }
-  },
-  {
-    "action": "screenshot step-strikethrough.png",
-    "relativeTimeSec": 39,
-    "timestamp": "2026-04-25T11:03:22.830Z"
-  },
-  {
-    "action": "open http://localhost:5173/hilfe/transkription",
-    "relativeTimeSec": 62.2,
-    "timestamp": "2026-04-25T11:03:46.063Z"
-  },
-  {
-    "action": "screenshot --full-page step-full.png",
-    "relativeTimeSec": 63.7,
-    "timestamp": "2026-04-25T11:03:47.577Z"
-  },
-  {
-    "action": "scroll 0 500",
-    "relativeTimeSec": 77.7,
-    "timestamp": "2026-04-25T11:04:01.584Z"
-  },
-  {
-    "action": "scroll down",
-    "relativeTimeSec": 80.7,
-    "timestamp": "2026-04-25T11:04:04.579Z"
-  },
-  {
-    "action": "screenshot step-scrolled.png",
-    "relativeTimeSec": 81,
-    "timestamp": "2026-04-25T11:04:04.856Z"
-  }
-]