Add opening/closing address slot types and fix session track mapping

- Add opening_address and closing_address slot types
- Hide speaker photo/name for slots without speakers
- Hide view details button for opening/closing addresses
- Fix track_id to read from session level (not just slot level)
- Handle room_change slots as breaks
- Handle slots with title but no sessions

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

Author: Matt

src/lib/components/Tag.svelte

@@ -1,14 +1,16 @@
 <script lang="ts">
 	interface Props {
-		type: 'keynote' | 'talk' | 'tutorial';
+		type: 'keynote' | 'talk' | 'tutorial' | 'opening' | 'closing';
 	}
 
 	let { type }: Props = $props();
 
 	const labels: Record<string, string> = {
 		keynote: 'Keynote',
 		talk: 'Talk',
-		tutorial: 'Tutorial'
+		tutorial: 'Tutorial',
+		opening: 'Opening',
+		closing: 'Closing'
 	};
 </script>
 
@@ -39,4 +41,9 @@
 	.tag--tutorial {
 		background: var(--color-tag-tutorial);
 	}
+
+	.tag--opening,
+	.tag--closing {
+		background: var(--color-tag-keynote);
+	}
 </style>

src/lib/components/TalkCard.svelte

@@ -16,7 +16,7 @@
 		speaker: string;
 		speakerPhoto: string;
 		synopsis: string;
-		tag: 'keynote' | 'talk' | 'tutorial';
+		tag: 'keynote' | 'talk' | 'tutorial' | 'opening' | 'closing';
 		social: Social;
 	}
 
@@ -55,12 +55,14 @@
 				</span>
 			{/if}
 		</div>
-		<img
-			src={talk.speakerPhoto}
-			alt=""
-			class="speaker-photo"
-			loading="lazy"
-		/>
+		{#if talk.speakerPhoto}
+			<img
+				src={talk.speakerPhoto}
+				alt=""
+				class="speaker-photo"
+				loading="lazy"
+			/>
+		{/if}
 	</div>
 
 	<div class="talk-content">
@@ -72,30 +74,34 @@
 				{/if}
 			</div>
 			<h3 class="talk-title">{talk.title}</h3>
-			<p class="speaker-name">{talk.speaker}</p>
+			{#if talk.speaker}
+				<p class="speaker-name">{talk.speaker}</p>
+			{/if}
 		</div>
 
-		<button
-			class="synopsis-toggle"
-			onclick={toggleExpanded}
-			aria-expanded={expanded}
-			aria-controls="synopsis-{talk.id}"
-		>
-			{expanded ? 'Hide details' : 'View details'}
-			<svg
-				class="chevron"
-				class:rotated={expanded}
-				width="16"
-				height="16"
-				viewBox="0 0 16 16"
-				fill="none"
-				aria-hidden="true"
+		{#if talk.tag !== 'opening' && talk.tag !== 'closing'}
+			<button
+				class="synopsis-toggle"
+				onclick={toggleExpanded}
+				aria-expanded={expanded}
+				aria-controls="synopsis-{talk.id}"
 			>
-				<path d="M4 6L8 10L12 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-			</svg>
-		</button>
+				{expanded ? 'Hide details' : 'View details'}
+				<svg
+					class="chevron"
+					class:rotated={expanded}
+					width="16"
+					height="16"
+					viewBox="0 0 16 16"
+					fill="none"
+					aria-hidden="true"
+				>
+					<path d="M4 6L8 10L12 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+				</svg>
+			</button>
+		{/if}
 
-		{#if expanded}
+		{#if expanded && talk.tag !== 'opening' && talk.tag !== 'closing'}
 			<div id="synopsis-{talk.id}" class="synopsis">
 				<p>{talk.synopsis}</p>
 

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

@@ -39,6 +39,7 @@ interface ApiSpeaker {
 
 interface ApiSession {
 	id: string;
+	track_id: string | null;
 	title: string | null;
 	description: string | null;
 	speaker: ApiSpeaker;
@@ -66,9 +67,11 @@ function formatTime(time: string): string {
 	return time.slice(0, 5);
 }
 
-function mapSlotTypeToTag(slotType: string): 'keynote' | 'talk' | 'tutorial' {
+function mapSlotTypeToTag(slotType: string): 'keynote' | 'talk' | 'tutorial' | 'opening' | 'closing' {
 	if (slotType === 'keynote') return 'keynote';
 	if (slotType === 'tutorial') return 'tutorial';
+	if (slotType === 'opening_address') return 'opening';
+	if (slotType === 'closing_address') return 'closing';
 	return 'talk';
 }
 
@@ -82,7 +85,7 @@ function transformApiData(slots: ApiSlot[], apiTracks: ApiTrack[]) {
 		const time = formatTime(slot.start_time);
 		const duration = calculateDuration(slot.start_time, slot.end_time);
 
-		if (slot.is_break) {
+		if (slot.is_break || slot.slot_type === 'room_change') {
 			transformedBreaks.push({
 				time,
 				duration,
@@ -94,7 +97,9 @@ function transformApiData(slots: ApiSlot[], apiTracks: ApiTrack[]) {
 				const session = slot.sessions[i];
 				let trackId: string;
 
-				if (slot.track_id) {
+				if (session.track_id) {
+					trackId = session.track_id;
+				} else if (slot.track_id) {
 					trackId = slot.track_id;
 				} else if (slot.sessions.length > 1 && mainTracks.length > 0) {
 					trackId = mainTracks[i % mainTracks.length]?.id || mainTracks[0].id;
@@ -121,6 +126,21 @@ function transformApiData(slots: ApiSlot[], apiTracks: ApiTrack[]) {
 					social: {}
 				});
 			}
+		} else if (slot.title) {
+			// Slot with title but no sessions (e.g., Closing Address)
+			const trackId = slot.track_id || mainTracks[0]?.id || apiTracks[0]?.id || '';
+			transformedTalks.push({
+				id: slot.id,
+				track: trackId,
+				time,
+				duration,
+				title: slot.title,
+				speaker: '',
+				speakerPhoto: '',
+				synopsis: '',
+				tag: mapSlotTypeToTag(slot.slot_type),
+				social: {}
+			});
 		}
 	}