From bd4e419477563ac7df7532414f8aef78cc46307b Mon Sep 17 00:00:00 2001
From: Sem Pruijs <sem@pruijs.net>
Date: Sat, 10 Jan 2026 23:25:19 +0100
Subject: [PATCH 1/3] fix mobile canon explorer bug

---
 site/src/lib/components/bible/BibleReader.svelte | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/site/src/lib/components/bible/BibleReader.svelte b/site/src/lib/components/bible/BibleReader.svelte
index 10eda65..91cad90 100644
--- a/site/src/lib/components/bible/BibleReader.svelte
+++ b/site/src/lib/components/bible/BibleReader.svelte
@@ -84,10 +84,13 @@
             internalBook = bookOption.value;
             internalChapter = chapter;
             onStateChange(bookOption.value, chapter);
-            
+
             // Auto-hide canon explorer on mobile after chapter selection
+            // Use setTimeout to ensure state update completes before toggling
             if (isMobile) {
-                onToggleCanonExplorer();
+                setTimeout(() => {
+                    onToggleCanonExplorer();
+                }, 0);
             }
         }
     }

From 7550e9e989e8c96acc227ace1ccc2e7a1b6c2e90 Mon Sep 17 00:00:00 2001
From: Sem Pruijs <sem@pruijs.net>
Date: Sat, 10 Jan 2026 23:53:14 +0100
Subject: [PATCH 2/3] add translation short name in tab title

---
 site/src/lib/app.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/site/src/lib/app.ts b/site/src/lib/app.ts
index 4194560..ea0e048 100644
--- a/site/src/lib/app.ts
+++ b/site/src/lib/app.ts
@@ -71,7 +71,7 @@ const formatTimeForTitle = (milliseconds: number): string => {
 // Get display name for Tab (tab title) using $match
 export const getDisplayName = (tab: Tab): string => {
 	return $match(tab.app, {
-		Bible: ({ bibleState }) => `${getBibleBookDisplayName(bibleState.currentBook)} ${bibleState.currentChapter}`,
+		Bible: ({ bibleState }) => `${getBibleBookDisplayName(bibleState.currentBook)} ${bibleState.currentChapter} (${bibleState.translation.metadata.shortName})`,
 		About: () => "About",
 		ChooseApp: () => "Choose App",
 		Stopwatch: ({ stopwatchState }) => {

From 7e12012918a9a811d63e4d4fa35d5321ed8e0804 Mon Sep 17 00:00:00 2001
From: Sem Pruijs <sem@pruijs.net>
Date: Sun, 11 Jan 2026 00:04:28 +0100
Subject: [PATCH 3/3] set browser title

---
 site/src/lib/components/AppContainer.svelte | 18 +++++++++++++-----
 1 file changed, 13 insertions(+), 5 deletions(-)

diff --git a/site/src/lib/components/AppContainer.svelte b/site/src/lib/components/AppContainer.svelte
index 587f636..5001ac8 100644
--- a/site/src/lib/components/AppContainer.svelte
+++ b/site/src/lib/components/AppContainer.svelte
@@ -1,12 +1,13 @@
 <script lang="ts">
 	import type { Translation } from "$lib/translations/translation";
 	import { BibleBook } from "$lib/book";
-	import { 
-		type Tab, 
-		getTabId, 
+	import {
+		type Tab,
+		getTabId,
 		getTabUrl,
-		createBibleTab, 
-		createAboutTab, 
+		getDisplayName,
+		createBibleTab,
+		createAboutTab,
 		createChooseTab,
 		createStopwatchTab
 	} from "$lib/app";
@@ -65,6 +66,13 @@
 	// Get active tab reference
 	let activeTab = $derived(tabs.find(tab => getTabId(tab) === activeTabId));
 
+	// Update browser title when active tab changes
+	$effect(() => {
+		if (activeTab && typeof document !== 'undefined') {
+			document.title = getDisplayName(activeTab);
+		}
+	});
+
 	// Update tab state
 	function updateTabState(updatedTab: Tab) {
 		const tabId = getTabId(updatedTab);