refactor: Cleanup

Author: allozaur

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

@@ -1,7 +1,6 @@
 <script lang="ts">
 	import ChatScreen from '$lib/components/chat/ChatScreen.svelte';
 	import { chatStore, isInitialized } from '$lib/stores/chat.svelte';
-	import { page } from '$app/stores';
 	import { onMount } from 'svelte';
 
 	onMount(async () => {
@@ -13,9 +12,6 @@
 	onMount(() => {
 		chatStore.clearActiveConversation();
 	});
-
-	// Check if we're in new chat mode
-	const isNewChatMode = $derived($page.url.searchParams.get('new_chat') === 'true');
 </script>
 
 <svelte:head>

tools/server/webui/src/routes/chat/[id]/+page.svelte

@@ -13,64 +13,51 @@
 		stopGeneration,
 		gracefulStop
 	} from '$lib/stores/chat.svelte';
-	import { slide } from 'svelte/transition';
 
-	// Get chat ID from URL params
-	const chatId = $derived($page.params.id);
+	let chatId = $derived($page.params.id);
 	let currentChatId: string | undefined = undefined;
 
-	// Navigation guard to handle streaming abortion
 	beforeNavigate(async ({ cancel, to }) => {
-		// Check if we're currently streaming a response
 		if (isLoading()) {
 			console.log(
 				'Navigation detected while streaming - aborting stream and saving partial response'
 			);
 
-			// Cancel navigation temporarily to allow cleanup
 			cancel();
 
-			// Gracefully stop generation and save partial response
 			await gracefulStop();
 
-			// Now proceed with navigation
 			if (to?.url) {
 				await goto(to.url.pathname + to.url.search);
 			}
 		}
 	});
 
-	// Load chat when ID changes
 	$effect(() => {
 		if (chatId && chatId !== currentChatId) {
-			// If we're switching chats and currently streaming, abort first
 			if (isLoading()) {
 				console.log('Chat switch detected while streaming - aborting stream');
 				stopGeneration();
 			}
 
 			currentChatId = chatId;
 
-			// Load the chat asynchronously
 			(async () => {
 				const success = await chatStore.loadConversation(chatId);
+
 				if (!success) {
-					// Chat not found, redirect to home
 					await goto('/');
 				}
 			})();
 		}
 	});
 
-	// Handle page unload (refresh, close tab, etc.)
 	$effect(() => {
 		if (typeof window !== 'undefined') {
 			const handleBeforeUnload = (event: BeforeUnloadEvent) => {
 				if (isLoading()) {
 					console.log('Page unload detected while streaming - aborting stream');
 					stopGeneration();
-					// Note: We can't wait for async operations in beforeunload
-					// but stopGeneration() will attempt to save synchronously
 				}
 			};
 
@@ -82,10 +69,8 @@
 		}
 	});
 
-	// Cleanup on component destroy
 	onDestroy(() => {
 		if (isLoading()) {
-			console.log('Component destroying while streaming - aborting stream');
 			stopGeneration();
 		}
 	});