refac: sticky new chat selected models behaviour

src/lib/components/chat/Chat.svelte

@@ -141,6 +141,21 @@
 		})();
 	}
 
+	$: if (selectedModels) {
+		saveSessionSelectedModels();
+	}
+
+	const saveSessionSelectedModels = () => {
+		if (selectedModels.length === 0 || (selectedModels.length === 1 && selectedModels[0] === '')) {
+			return;
+		}
+		if (chatIdProp === '') {
+			return;
+		}
+		sessionStorage.selectedModels = JSON.stringify(selectedModels);
+		console.log('saveSessionSelectedModels', selectedModels, sessionStorage.selectedModels);
+	};
+
 	const showMessage = async (message) => {
 		const _chatId = JSON.parse(JSON.stringify($chatId));
 		let _messageId = JSON.parse(JSON.stringify(message.id));
@@ -300,6 +315,7 @@
 	};
 
 	onMount(async () => {
+		console.log('mounted');
 		window.addEventListener('message', onMessageHandler);
 		$socket?.on('chat-events', chatEventHandler);
 
@@ -420,28 +436,10 @@
 	//////////////////////////
 
 	const initNewChat = async () => {
-		await showControls.set(false);
+		if (sessionStorage.selectedModels) {
-		await showCallOverlay.set(false);
+			selectedModels = JSON.parse(sessionStorage.selectedModels);
-		await showOverview.set(false);
+			sessionStorage.removeItem('selectedModels');
-		await showArtifacts.set(false);
+		} else {
-
-		if ($page.url.pathname.includes('/c/')) {
-			window.history.replaceState(history.state, '', `/`);
-		}
-
-		autoScroll = true;
-
-		await chatId.set('');
-		await chatTitle.set('');
-
-		history = {
-			messages: {},
-			currentId: null
-		};
-
-		chatFiles = [];
-		params = {};
-
 			if ($page.url.searchParams.get('models')) {
 				selectedModels = $page.url.searchParams.get('models')?.split(',');
 			} else if ($page.url.searchParams.get('model')) {
@@ -474,9 +472,9 @@
 				console.log($config?.default_models.split(',') ?? '');
 				selectedModels = $config?.default_models.split(',');
 			}
+		}
 
 		selectedModels = selectedModels.filter((modelId) => $models.map((m) => m.id).includes(modelId));
-
 		if (selectedModels.length === 0 || (selectedModels.length === 1 && selectedModels[0] === '')) {
 			if ($models.length > 0) {
 				selectedModels = [$models[0].id];
@@ -487,6 +485,28 @@
 
 		console.log(selectedModels);
 
+		await showControls.set(false);
+		await showCallOverlay.set(false);
+		await showOverview.set(false);
+		await showArtifacts.set(false);
+
+		if ($page.url.pathname.includes('/c/')) {
+			window.history.replaceState(history.state, '', `/`);
+		}
+
+		autoScroll = true;
+
+		await chatId.set('');
+		await chatTitle.set('');
+
+		history = {
+			messages: {},
+			currentId: null
+		};
+
+		chatFiles = [];
+		params = {};
+
 		if ($page.url.searchParams.get('youtube')) {
 			uploadYoutubeTranscription(
 				`https://www.youtube.com/watch?v=${$page.url.searchParams.get('youtube')}`

src/lib/components/chat/Messages/ResponseMessage.svelte

@@ -468,7 +468,7 @@
 	}
 
 	onMount(async () => {
-		console.log('ResponseMessage mounted');
+		// console.log('ResponseMessage mounted');
 
 		await tick();
 	});

src/lib/components/chat/Messages/UserMessage.svelte

@@ -83,7 +83,7 @@
 	};
 
 	onMount(() => {
-		console.log('UserMessage mounted');
+		// console.log('UserMessage mounted');
 	});
 </script>