show chat in browser title + scroll to bottom

src/routes/(app)/+page.svelte

@@ -14,6 +14,7 @@
 		chats,
 		chatId,
 		config,
+		WEBUI_NAME,
 		tags as _tags
 	} from '$lib/stores';
 	import { copyToClipboard, splitStream } from '$lib/utils';
@@ -38,7 +39,6 @@
 	import { RAGTemplate } from '$lib/utils/rag';
 	import { LITELLM_API_BASE_URL, OPENAI_API_BASE_URL } from '$lib/constants';
 	import { WEBUI_BASE_URL } from '$lib/constants';
-
 	let stopResponseFlag = false;
 	let autoScroll = true;
 	let processing = '';
@@ -69,6 +69,7 @@
 	let tags = [];
 
 	let title = '';
+	let pageTitle = WEBUI_NAME;
 	let prompt = '';
 	let files = [];
 	let messages = [];
@@ -77,6 +78,13 @@
 		currentId: null
 	};
 
+	$: if (title) {
+		const trimmedTitle = title.length > 30 ? `${title.slice(0, 30)}...` : title;
+		pageTitle = `${trimmedTitle} | ${$WEBUI_NAME}`;
+	} else {
+		pageTitle = $WEBUI_NAME;
+	}
+
 	$: if (history.currentId !== null) {
 		let _messages = [];
 
@@ -809,6 +817,12 @@
 	};
 </script>
 
+<svelte:head>
+	<title>
+		{pageTitle}
+	</title>
+</svelte:head>
+
 <div class="h-screen max-h-[100dvh] w-full flex flex-col">
 	<Navbar {title} shareEnabled={messages.length > 0} {initNewChat} {tags} {addTag} {deleteTag} />
 	<div class="flex flex-col flex-auto">

src/routes/(app)/c/[id]/+page.svelte

@@ -14,6 +14,7 @@
 		chats,
 		chatId,
 		config,
+		WEBUI_NAME,
 		tags as _tags
 	} from '$lib/stores';
 	import { copyToClipboard, splitStream, convertMessagesToHistory } from '$lib/utils';
@@ -71,6 +72,7 @@
 	let tags = [];
 
 	let title = '';
+	let pageTitle = WEBUI_NAME;
 	let prompt = '';
 	let files = [];
 
@@ -80,6 +82,13 @@
 		currentId: null
 	};
 
+	$: if (title) {
+		const trimmedTitle = title.length > 30 ? `${title.slice(0, 30)}...` : title;
+		pageTitle = `${trimmedTitle} | ${$WEBUI_NAME}`;
+	} else {
+		pageTitle = $WEBUI_NAME;
+	}
+
 	$: if (history.currentId !== null) {
 		let _messages = [];
 
@@ -100,6 +109,7 @@
 				await tick();
 				loaded = true;
 
+				window.setTimeout(() => scrollToBottom(), 0);
 				const chatInput = document.getElementById('chat-textarea');
 				chatInput?.focus();
 			} else {
@@ -823,6 +833,10 @@
 	});
 </script>
 
+<svelte:head>
+	<title>{pageTitle}</title>
+</svelte:head>
+
 {#if loaded}
 	<div class="min-h-screen max-h-screen w-full flex flex-col">
 		<Navbar