Sempruijs mobile chapter bug

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 }) => {

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);

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);
             }
         }
     }