fix: track viewportHeight via window.innerHeight to avoid unwanted scrolling

Author: ServeurpersoCom

tools/server/webui/src/routes/+layout.svelte

@@ -17,6 +17,7 @@
 	import { ModeWatcher } from 'mode-watcher';
 	import { Toaster } from 'svelte-sonner';
 	import { goto } from '$app/navigation';
+	import { onMount } from 'svelte';
 
 	let { children } = $props();
 
@@ -25,6 +26,7 @@
 	let isNewChatMode = $derived(page.url.searchParams.get('new_chat') === 'true');
 	let showSidebarByDefault = $derived(activeMessages().length > 0 || isLoading());
 	let sidebarOpen = $state(false);
+	let viewportHeight = $state<number | undefined>();
 	let chatSidebar:
 		| { activateSearchMode?: () => void; editActiveConversation?: () => void }
 		| undefined = $state();
@@ -61,6 +63,20 @@
 		}
 	}
 
+	function updateViewportHeight() {
+		viewportHeight = window.innerHeight;
+	}
+
+	onMount(() => {
+		updateViewportHeight();
+
+		window.addEventListener('resize', updateViewportHeight);
+
+		return () => {
+			window.removeEventListener('resize', updateViewportHeight);
+		};
+	});
+
 	function handleTitleUpdateCancel() {
 		titleUpdateDialogOpen = false;
 		if (titleUpdateResolve) {
@@ -155,7 +171,10 @@
 />
 
 <Sidebar.Provider bind:open={sidebarOpen}>
-	<div class="flex h-screen w-full">
+	<div
+		class="flex h-screen w-full"
+		style:height={viewportHeight !== undefined ? `${viewportHeight}px` : undefined}
+	>
 		<Sidebar.Root class="h-full">
 			<ChatSidebar bind:this={chatSidebar} />
 		</Sidebar.Root>