fix: add handleSessionChange onMount

src/lib/components/ButtonDelete.svelte

@@ -1,6 +1,5 @@
 <script lang="ts">
 	import { Check, Trash2, X } from 'lucide-svelte';
-	import type { Writable } from 'svelte/store';
 
 	import LL from '$i18n/i18n-svelte';
 	import { goto } from '$app/navigation';

src/lib/components/SectionListItem.svelte

@@ -1,6 +1,4 @@
 <script lang="ts">
-	import { writable } from 'svelte/store';
-
 	import LL from '$i18n/i18n-svelte';
 	import { page } from '$app/stores';
 	import { Sitemap } from '$lib/sitemap';

src/routes/knowledge/[id]/+page.svelte

@@ -60,11 +60,7 @@
 
 		<svelte:fragment slot="nav">
 			{#if !isNewKnowledge}
-				<ButtonDelete
-					sitemap={Sitemap.KNOWLEDGE}
-					id={knowledge.id}
-					bind:shouldConfirmDeletion
-				/>
+				<ButtonDelete sitemap={Sitemap.KNOWLEDGE} id={knowledge.id} bind:shouldConfirmDeletion />
 			{/if}
 		</svelte:fragment>
 	</Header>

src/routes/sessions/[id]/+page.svelte

@@ -47,12 +47,12 @@
 		isNewSession: true
 	});
 	let messagesWindow: HTMLDivElement | undefined = $state();
-	let userScrolledUp = $state(false);
 	let modelName: string | undefined = $state();
+	let userScrolledUp = $state(false);
 	let shouldConfirmDeletion = $state(false);
 
 	$effect(() => {
-		session.model = $settingsStore.models.find((m) => m.name === modelName)
+		session.model = $settingsStore.models.find((m) => m.name === modelName);
 	});
 
 	$effect(() => {
@@ -67,6 +67,7 @@
 	});
 
 	onMount(async () => {
+		handleSessionChange();
 		await scrollToBottom();
 		messagesWindow?.addEventListener('scroll', handleScroll);
 	});
@@ -82,10 +83,11 @@
 	});
 
 	async function handleSessionChange() {
+		console.log('handleSessionChange');
 		session = loadSession(data.id);
 		modelName = session.model?.name || '';
 		editor.view = 'messages';
-		editor.isNewSession = !session?.messages.length;
+		editor.isNewSession = !session?.messages?.length;
 		scrollToBottom();
 	}
 

src/routes/sessions/[id]/Controls.svelte

@@ -1,6 +1,4 @@
 <script lang="ts">
-	import type { Writable } from 'svelte/store';
-
 	import LL from '$i18n/i18n-svelte';
 	import FieldCheckbox from '$lib/components/FieldCheckbox.svelte';
 	import FieldInput from '$lib/components/FieldInput.svelte';

src/routes/sessions/[id]/Messages.svelte

@@ -1,6 +1,4 @@
 <script lang="ts">
-	import type { Writable } from 'svelte/store';
-
 	import LL from '$i18n/i18n-svelte';
 	import EmptyMessage from '$lib/components/EmptyMessage.svelte';
 	import { saveSession, type Editor, type Message, type Session } from '$lib/sessions';