From 5fb233195814d7fd25e203aeb787a8dacb2415c1 Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Tue, 16 Dec 2025 14:45:32 -0800
Subject: [PATCH] add backHref prop to CrewHeader, fix title alignment

---
 src/lib/components/crew/CrewHeader.svelte | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/crew/CrewHeader.svelte b/src/lib/components/crew/CrewHeader.svelte
index 65b900e3..49aa0c6f 100644
--- a/src/lib/components/crew/CrewHeader.svelte
+++ b/src/lib/components/crew/CrewHeader.svelte
@@ -2,6 +2,7 @@
 
 <script lang="ts">
 	import type { Snippet } from 'svelte'
+	import Button from '$lib/components/ui/Button.svelte'
 
 	interface Props {
 		/** Main title text */
@@ -10,18 +11,23 @@
 		subtitle?: string | undefined
 		/** Optional description text */
 		description?: string | undefined
+		/** Optional back navigation URL */
+		backHref?: string | undefined
 		/** Content rendered below title (e.g., filter tabs) */
 		belowTitle?: Snippet | undefined
 		/** Action buttons on the right */
 		actions?: Snippet | undefined
 	}
 
-	const { title, subtitle, description, belowTitle, actions }: Props = $props()
+	const { title, subtitle, description, backHref, belowTitle, actions }: Props = $props()
 </script>
 
 <div class="section-header">
 	<div class="header-info">
 		<div class="title-row">
+			{#if backHref}
+				<Button variant="ghost" size="small" iconOnly icon="arrow-left" href={backHref} />
+			{/if}
 			<span class="header-title">{title}</span>
 			{#if subtitle}
 				<span class="header-subtitle">[{subtitle}]</span>
@@ -61,7 +67,7 @@
 
 	.title-row {
 		display: flex;
-		align-items: baseline;
+		align-items: center;
 		gap: spacing.$unit;
 	}