Release 0.4.0

src/routes/live/+page.svelte

@@ -29,37 +29,41 @@
 					aria-label="Schrift vergrößern">A+</button
 				>
 			</div>
-			<a href={resolve('/sendungen')}>Planung schließen</a>
+			<a href={resolve('/sendungen/[id]', { id: data.show.id })}>Planung schließen</a>
 		</div>
 	</header>
 
 	<PreviewNotice area="Live-Modus" />
 
 	<div class="live-grid">
-		<section class="live-current" style={`--prompt-size: ${promptSize}rem`}>
-			<div class="live-kicker">
-				<span>Aktuell · {data.current.section}</span><strong
-					>{formatClock(data.current.durationSeconds)}</strong
-				>
-			</div>
-			<h2>{data.current.title}</h2>
-			<div class="prompter-copy">{data.current.intro}</div>
-			<div class="moderation-card">
-				<span>Moderationsstichpunkte</span>
-				<p>{data.current.moderation}</p>
-			</div>
-			<details class="research-details">
-				<summary>Recherche öffnen</summary>
-				<p>
-					Die Recherche bleibt im echten Live-Modus standardmäßig geschlossen und bewahrt beim
-					Öffnen die Leseposition.
-				</p>
-			</details>
-			<div class="transition-card">
-				<span>Überleitung</span>
-				<p>{data.current.transition}</p>
-			</div>
-		</section>
+		{#if data.current}<section class="live-current" style={`--prompt-size: ${promptSize}rem`}>
+				<div class="live-kicker">
+					<span>Aktuell · {data.current.section}</span><strong
+						>{formatClock(data.current.durationSeconds)}</strong
+					>
+				</div>
+				<h2>{data.current.title}</h2>
+				<div class="prompter-copy">{data.current.intro}</div>
+				<div class="moderation-card">
+					<span>Moderationsstichpunkte</span>
+					<p>{data.current.moderation}</p>
+				</div>
+				<details class="research-details">
+					<summary>Recherche öffnen</summary>
+					<p>
+						Die Recherche bleibt im echten Live-Modus standardmäßig geschlossen und bewahrt beim
+						Öffnen die Leseposition.
+					</p>
+				</details>
+				<div class="transition-card">
+					<span>Überleitung</span>
+					<p>{data.current.transition}</p>
+				</div>
+			</section>{:else}<section class="live-current live-empty">
+				<p class="eyebrow">Noch kein Piece eingeplant</p>
+				<h2>Diese Sendung hat noch keinen moderierbaren Inhalt.</h2>
+				<p>In der Planung kann zuerst ein sendefertiges Piece hinzugefügt werden.</p>
+			</section>{/if}
 
 		<aside class="live-rail">
 			<div class="next-card">