feat(#240): Mission Control Strip frontend — 5 components + dashboard wiring

Adds the full-width 3-column collaboration widget below the existing
dashboard grid. Renders without the backend running (Promise.allSettled
isolation keeps failures silent).

Components (src/lib/components/):
- ExpertBadge.svelte — purple pill with icon, no props
- SegmentationColumn.svelte — col 1: links to /enrich/{id}, weekly pulse
- TranscriptionColumn.svelte — col 2: per-doc progress bar when blocks exist
- ReadyColumn.svelte — col 3: mint border when filled, dashed empty state
- MissionControlStrip.svelte — strip wrapper, 1-col mobile / 3-col sm+

i18n: 19 new keys added to de/en/es (mission_control_*)

Page wiring:
- +page.server.ts: 4 new Promise.allSettled calls for segmentation-queue,
  transcription-queue, ready-to-read, weekly-stats; all failures silent
- +page.svelte: MissionControlStrip rendered below the grid in isDashboard

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

frontend/src/routes/+page.server.ts

@@ -6,6 +6,8 @@ type IncompleteDocumentDTO = components['schemas']['IncompleteDocumentDTO'];
 type StatsDTO = components['schemas']['StatsDTO'];
 type Document = components['schemas']['Document'];
 type SearchMatchData = components['schemas']['SearchMatchData'];
+type TranscriptionQueueItemDTO = components['schemas']['TranscriptionQueueItemDTO'];
+type TranscriptionWeeklyStatsDTO = components['schemas']['TranscriptionWeeklyStatsDTO'];
 
 export async function load({ url, fetch }) {
 	const q = url.searchParams.get('q') || '';
@@ -82,12 +84,28 @@ export async function load({ url, fetch }) {
 		let stats: StatsDTO | null = null;
 		let incompleteDocs: IncompleteDocumentDTO[] = [];
 		let recentDocs: Document[] = [];
+		let segmentationDocs: TranscriptionQueueItemDTO[] = [];
+		let transcriptionDocs: TranscriptionQueueItemDTO[] = [];
+		let readyDocs: TranscriptionQueueItemDTO[] = [];
+		let weeklyStats: TranscriptionWeeklyStatsDTO | null = null;
 
 		if (isDashboard) {
-			const [statsResult, incompleteResult, recentResult] = await Promise.allSettled([
+			const [
+				statsResult,
+				incompleteResult,
+				recentResult,
+				segmentationResult,
+				transcriptionResult,
+				readyResult,
+				weeklyStatsResult
+			] = await Promise.allSettled([
 				api.GET('/api/stats'),
 				api.GET('/api/documents/incomplete', { params: { query: { size: 3 } } }),
-				api.GET('/api/documents/recent-activity', { params: { query: { size: 5 } } })
+				api.GET('/api/documents/recent-activity', { params: { query: { size: 5 } } }),
+				api.GET('/api/transcription/segmentation-queue'),
+				api.GET('/api/transcription/transcription-queue'),
+				api.GET('/api/transcription/ready-to-read'),
+				api.GET('/api/transcription/weekly-stats')
 			]);
 
 			if (statsResult.status === 'fulfilled' && statsResult.value.response.ok) {
@@ -99,6 +117,18 @@ export async function load({ url, fetch }) {
 			if (recentResult.status === 'fulfilled' && recentResult.value.response.ok) {
 				recentDocs = recentResult.value.data ?? [];
 			}
+			if (segmentationResult.status === 'fulfilled' && segmentationResult.value.response.ok) {
+				segmentationDocs = (segmentationResult.value.data ?? []) as TranscriptionQueueItemDTO[];
+			}
+			if (transcriptionResult.status === 'fulfilled' && transcriptionResult.value.response.ok) {
+				transcriptionDocs = (transcriptionResult.value.data ?? []) as TranscriptionQueueItemDTO[];
+			}
+			if (readyResult.status === 'fulfilled' && readyResult.value.response.ok) {
+				readyDocs = (readyResult.value.data ?? []) as TranscriptionQueueItemDTO[];
+			}
+			if (weeklyStatsResult.status === 'fulfilled' && weeklyStatsResult.value.response.ok) {
+				weeklyStats = weeklyStatsResult.value.data ?? null;
+			}
 		}
 
 		return {
@@ -109,6 +139,10 @@ export async function load({ url, fetch }) {
 			stats,
 			incompleteDocs,
 			recentDocs,
+			segmentationDocs,
+			transcriptionDocs,
+			readyDocs,
+			weeklyStats,
 			initialValues: {
 				senderName: senderObj?.displayName ?? '',
 				receiverName: receiverObj?.displayName ?? ''
@@ -127,6 +161,10 @@ export async function load({ url, fetch }) {
 			stats: null,
 			incompleteDocs: [],
 			recentDocs: [],
+			segmentationDocs: [],
+			transcriptionDocs: [],
+			readyDocs: [],
+			weeklyStats: null,
 			initialValues: { senderName: '', receiverName: '' },
 			filters: { q, from, to, senderId, receiverId, tags, sort, dir, tagQ },
 			error: 'Daten konnten nicht geladen werden.' as string | null

frontend/src/routes/+page.svelte

@@ -9,6 +9,7 @@ import DocumentList from './DocumentList.svelte';
 import DashboardResumeStrip from '$lib/components/DashboardResumeStrip.svelte';
 import DashboardNeedsMetadata from '$lib/components/DashboardNeedsMetadata.svelte';
 import DashboardRecentDocuments from '$lib/components/DashboardRecentDocuments.svelte';
+import MissionControlStrip from '$lib/components/MissionControlStrip.svelte';
 import { m } from '$lib/paraglide/messages.js';
 
 let { data } = $props();
@@ -132,6 +133,13 @@ const showRightColumn = $derived(data.canWrite || (data.incompleteDocs?.length ?
 
 			<DashboardRecentDocuments recentDocs={data.recentDocs ?? []} stats={data.stats} />
 		</div>
+
+		<MissionControlStrip
+			segmentationDocs={data.segmentationDocs ?? []}
+			transcriptionDocs={data.transcriptionDocs ?? []}
+			readyDocs={data.readyDocs ?? []}
+			weeklyStats={data.weeklyStats ?? null}
+		/>
 	{:else}
 		<DocumentList
 			documents={data.documents ?? []}