fix bug with sidebar title streaming update

app/src/lib/components/ChatListActionItems.svelte

@@ -16,7 +16,7 @@
 	export let summary: string;
 	export let title: string;
 
-	const { session$, audioSource$, fetchingSource$, sessionId$, sessionCompleted$ } =
+	const { session$, audioSource$, fetchingSource$, sessionId$, sessionCompleted$, updateSessionTitle } =
 		getSessionContext();
 
 	async function ongenerate(summary: string) {
@@ -79,15 +79,9 @@
 
 	async function handleStreamingResponse(res: Response) {
 		if (!res.ok) return;
-
+		
 		for await (const chunk of streamingResponse(res)) {
-			session$.update((session) => {
-				if (session) {
-					if (session.title.toLowerCase() === 'untitled') session.title = '';
-					session.title += chunk;
-				}
-				return session;
-			});
+			updateSessionTitle(chunk);
 		}
 	}
 

app/src/lib/components/Sidebar.svelte

@@ -1,11 +1,14 @@
 <script lang="ts" context="module">
+	import { browser } from '$app/environment';
 	import { SESSION_KEY } from '@/stores/sessionContext.svelte';
 
 	const ONE_DAY_MS = 24 * 60 * 60 * 1000;
 	const last24Hrs = Date.now() - ONE_DAY_MS;
 	const last7Days = Date.now() - 4 * ONE_DAY_MS;
 
 	export function getSessionItems() {
+		if (!browser) return [];
+
 		return Object.entries(localStorage)
 			.filter(([key]) => key.startsWith(SESSION_KEY))
 			.map(
@@ -39,17 +42,17 @@
 	import { page } from '$app/stores';
 	import NewAudiocastButton from './NewAudiocastButton.svelte';
 	import { goto } from '$app/navigation';
-	import { browser } from '$app/environment';
 	import { env } from '@env';
 
 	const dispatch = createEventDispatcher<{ clickItem: void }>();
 	const { openSettingsDrawer$ } = getAppContext();
 	const { session$, refreshSidebar$ } = getSessionContext();
 
-	$: sessionItems = browser || $session$ ? getSessionItems() : [];
-
-	$: sidebarItems = getSidebarItems(sessionItems);
-	$: if ($refreshSidebar$) sidebarItems = getSidebarItems(getSessionItems());
+	$: sidebarItems = getSidebarItems(getSessionItems());
+	
+	$: if ($refreshSidebar$ || $session$?.title) {
+		sidebarItems = getSidebarItems(getSessionItems());
+	}
 
 	$: inLast24Hrs = sidebarItems.filter((i) => i.nonce > last24Hrs);
 	$: inLast7Days = sidebarItems.filter((i) => i.nonce < last24Hrs && i.nonce > last7Days);

app/src/lib/stores/sessionContext.svelte.ts

@@ -84,6 +84,16 @@ export function setSessionContext(sessionId: string) {
 				session.chats = chats;
 				return session;
 			});
+		},
+		updateSessionTitle: (chunk: string) => {
+			session$.update((session) => {
+				if (session) {
+					if (session.title.toLowerCase() === 'untitled') session.title = '';
+					session.title += chunk;
+				}
+				return session;
+			});
+			return session$;
 		}
 	});
 }