Release 0.1.1

src/routes/+layout.svelte

@@ -6,13 +6,14 @@
 	import ThemeToggle from '#lib/components/ThemeToggle.svelte';
 
 	let { children } = $props();
-	const navigation = [
+	const primaryNavigation = [
 		{ href: '/eingang', label: 'Eingang', icon: 'inbox' },
 		{ href: '/fundus', label: 'Fundus', icon: 'library' },
 		{ href: '/sendungen', label: 'Sendungen', icon: 'shows' },
-		{ href: '/archiv', label: 'Archiv', icon: 'archive' },
-		{ href: '/verwaltung', label: 'Verwaltung', icon: 'settings' }
+		{ href: '/archiv', label: 'Archiv', icon: 'archive' }
 	] as const;
+	const administration = { href: '/verwaltung', label: 'Verwaltung', icon: 'settings' } as const;
+	const mobileNavigation = [...primaryNavigation, administration];
 
 	function isActive(href: string) {
 		return (
@@ -36,7 +37,7 @@
 		</a>
 
 		<nav class="main-navigation" aria-label="Hauptnavigation">
-			{#each navigation as item (item.href)}
+			{#each primaryNavigation as item (item.href)}
 				<a
 					href={resolve(item.href)}
 					class:active={isActive(item.href)}
@@ -49,11 +50,17 @@
 		</nav>
 
 		<div class="sidebar-footer">
+			<nav class="utility-navigation" aria-label="Verwaltung">
+				<a
+					href={resolve(administration.href)}
+					class:active={isActive(administration.href)}
+					aria-current={isActive(administration.href) ? 'page' : undefined}
+				>
+					<NavIcon name={administration.icon} />
+					<span>{administration.label}</span>
+				</a>
+			</nav>
 			<ThemeToggle />
-			<div class="stage-indicator">
-				<span></span>
-				<div><strong>Etappe 1</strong><small>Lokaler Entwurf</small></div>
-			</div>
 		</div>
 	</aside>
 
@@ -68,7 +75,7 @@
 	<main id="main-content">{@render children()}</main>
 
 	<nav class="mobile-navigation" aria-label="Hauptnavigation">
-		{#each navigation as item (item.href)}
+		{#each mobileNavigation as item (item.href)}
 			<a
 				href={resolve(item.href)}
 				class:active={isActive(item.href)}

src/routes/archiv/+page.svelte

@@ -2,19 +2,12 @@
 
 <div class="page-wrap narrow-page">
 	<header class="page-heading">
-		<p class="eyebrow">Bewahrte Sendungen</p>
 		<h1>Archiv</h1>
-		<p class="page-intro">
-			Abgeschlossene Abläufe bleiben hier in ihrem damaligen Stand nachvollziehbar.
-		</p>
+		<p class="page-intro">Abgeschlossene Sendungen in ihrem damaligen Stand.</p>
 	</header>
 	<section class="quiet-panel planned-panel">
 		<div class="planned-icon" aria-hidden="true">□</div>
-		<p class="eyebrow">Geplant für Etappe 6</p>
-		<h2>Historie braucht klare Regeln.</h2>
-		<p>
-			Stabile Snapshots, Verwendungshistorie und bewusste Archivierung werden gemeinsam
-			implementiert, statt jetzt nur eine leere Liste vorzutäuschen.
-		</p>
+		<h2>Noch keine Sendung archiviert</h2>
+		<p>Abgeschlossene Sendungen werden hier später dauerhaft auffindbar.</p>
 	</section>
 </div>

src/routes/eingang/+page.svelte

@@ -2,20 +2,12 @@
 
 <div class="page-wrap narrow-page">
 	<header class="page-heading">
-		<p class="eyebrow">Sammelstelle</p>
 		<h1>Eingang</h1>
-		<p class="page-intro">
-			Neue Gedanken und spätere RSS-Fundstücke landen hier, bevor sie in den Fundus übernommen
-			werden.
-		</p>
+		<p class="page-intro">Neue Gedanken und Fundstücke vor der Übernahme in den Fundus.</p>
 	</header>
 	<section class="quiet-panel planned-panel">
 		<div class="planned-icon" aria-hidden="true">＋</div>
-		<p class="eyebrow">Geplant für Etappe 3 und 7</p>
-		<h2>Noch ist der Tresen leer.</h2>
-		<p>
-			Schnellaufnahme, Feed-Vorschau und bewusste Übernahme werden erst mit den dazugehörigen
-			Speicher- und Sicherheitsregeln umgesetzt.
-		</p>
+		<h2>Keine neuen Inhalte</h2>
+		<p>Hier erscheinen später neue Gedanken und ausgewählte Feed-Fundstücke.</p>
 	</section>
 </div>

src/routes/fundus/+page.svelte

@@ -27,11 +27,8 @@
 <div class="page-wrap">
 	<header class="page-heading split-heading">
 		<div>
-			<p class="eyebrow">Redaktioneller Fundus</p>
-			<h1>Gute Stücke, sofort griffbereit.</h1>
-			<p class="page-intro">
-				Vorbereitete Ideen, Gespräche und Fundstücke für die nächste Sendung.
-			</p>
+			<h1>Fundus</h1>
+			<p class="page-intro">Vorbereitete Inhalte für kommende Sendungen.</p>
 		</div>
 		<div class="heading-stat" aria-label={`${data.pieces.length} Inhalte im Beispieldatensatz`}>
 			<strong>{data.pieces.length}</strong><span>Inhalte</span>
@@ -65,22 +62,26 @@
 		<div class="piece-grid">
 			{#each filteredPieces as piece (piece.id)}
 				<article class="piece-card" style={`--category: ${piece.categoryColor}`}>
-					<div class="piece-card-topline">
+					<div class="piece-primary">
+						<h2>{piece.title}</h2>
+						<p>{piece.summary}</p>
+					</div>
+					<div class="piece-classification">
 						<span class="category-label"><i></i>{piece.category}</span>
+						<div class="piece-tags">
+							<span>{piece.format}</span>
+							{#each piece.topics as topic (topic)}<span>{topic}</span>{/each}
+						</div>
+					</div>
+					<div class="piece-state">
 						<span class:ready={piece.status === 'ready'} class="status-label"
 							>{statusLabel[piece.status]}</span
 						>
+						<span class="piece-facts">
+							<span><b>{formatClock(piece.durationSeconds)}</b> geplant</span>
+							<span>{piece.sourceCount} {piece.sourceCount === 1 ? 'Quelle' : 'Quellen'}</span>
+						</span>
 					</div>
-					<h2>{piece.title}</h2>
-					<p>{piece.summary}</p>
-					<div class="piece-tags">
-						<span>{piece.format}</span>
-						{#each piece.topics as topic (topic)}<span>{topic}</span>{/each}
-					</div>
-					<footer>
-						<span><b>{formatClock(piece.durationSeconds)}</b> geplant</span>
-						<span>{piece.sourceCount} {piece.sourceCount === 1 ? 'Quelle' : 'Quellen'}</span>
-					</footer>
 				</article>
 			{/each}
 		</div>

src/routes/sendungen/+page.svelte

@@ -18,9 +18,10 @@
 
 <div class="page-wrap builder-page">
 	<header class="page-heading show-heading">
-		<div>
-			<p class="eyebrow">Nächste Sendung · {data.show.startsAtBerlin} Uhr</p>
-			<h1>{data.show.title}</h1>
+		<div class="show-heading-copy">
+			<h1>Sendungen</h1>
+			<p class="show-title">{data.show.title}</p>
+			<p class="show-date">{data.show.startsAtBerlin} Uhr</p>
 		</div>
 		<div class="show-summary">
 			<div><strong>{plannedCount}</strong><span>Stücke</span></div>
@@ -57,15 +58,6 @@
 				</div>
 				<span>{data.pieces.filter((piece) => piece.status === 'ready').length}</span>
 			</header>
-			<label class="compact-search">
-				<span aria-hidden="true">⌕</span><span class="sr-only">Fundus durchsuchen</span>
-				<input
-					type="search"
-					placeholder="Fundus durchsuchen"
-					disabled
-					title="Die vollständige Suche folgt in Etappe 3"
-				/>
-			</label>
 			<div class="source-list">
 				{#each data.pieces.filter((piece) => piece.status === 'ready') as piece (piece.id)}
 					<article class="source-card" style={`--category: ${piece.categoryColor}`}>
@@ -116,10 +108,9 @@
 							<div class="usage-list">
 								{#each section.usages.filter((usage) => !usage.isReserve) as usage (usage.id)}
 									<div class="usage-row">
-										<span class="drag-hint" aria-hidden="true">⠿</span>
 										<div>
 											<strong>{usage.title}</strong><small
-												>{formatClock(usage.durationSeconds)} · Eigene Sendungskopie</small
+												>{formatClock(usage.durationSeconds)} · Stand für diese Sendung</small
 											>
 										</div>
 										<span class:current={usage.status === 'current'} class="usage-status"
@@ -129,9 +120,7 @@
 								{/each}
 							</div>
 						{:else}
-							<div class="section-placeholder">
-								Eigenständiger Spieleblock · keine Piece-Kopie nötig
-							</div>
+							<div class="section-placeholder">Spieleblock ohne vorbereiteten Fundusinhalt</div>
 						{/if}
 					</article>
 				{/each}

src/routes/verwaltung/+page.svelte

@@ -7,12 +7,8 @@
 
 <div class="page-wrap narrow-page">
 	<header class="page-heading">
-		<p class="eyebrow">System & Struktur</p>
 		<h1>Verwaltung</h1>
-		<p class="page-intro">
-			Die bereits angelegte Taxonomie ist sichtbar; Bearbeitung und Benutzerverwaltung folgen mit
-			serverseitigen Rechten.
-		</p>
+		<p class="page-intro">Abschnittskategorien, Formate und Themen im Überblick.</p>
 	</header>
 	<div class="settings-grid">
 		<section class="quiet-panel taxonomy-panel">
@@ -38,13 +34,6 @@
 				{#each data.taxonomy.topics as topic (topic.id)}<span>{topic.name}</span>{/each}
 			</div>
 		</section>
-		<section class="quiet-panel planned-settings">
-			<p class="eyebrow">Etappe 2</p>
-			<h2>Konten & Rollen</h2>
-			<p>
-				Barkeeper, Thekencrew und technische Zugänge werden erst mit vollständiger Authentifizierung
-				verwaltbar.
-			</p>
-		</section>
 	</div>
+	<p class="settings-footnote">Konten und Rollen sind noch nicht verfügbar.</p>
 </div>