diff --git a/src/lib/components/chat/ChatControls.svelte b/src/lib/components/chat/ChatControls.svelte
index 81608b8c3..b9268cebc 100644
--- a/src/lib/components/chat/ChatControls.svelte
+++ b/src/lib/components/chat/ChatControls.svelte
@@ -86,7 +86,10 @@
 				<div class=" {$showOverview ? ' h-screen  w-screen' : 'px-6 py-4'} h-full">
 					{#if $showOverview}
 						<Overview
-							bind:history
+							{history}
+							on:nodeclick={(e) => {
+								showMessage(e.detail.node.data.message);
+							}}
 							on:close={() => {
 								showControls.set(false);
 							}}
@@ -126,7 +129,7 @@
 						/>
 					{:else if $showOverview}
 						<Overview
-							bind:history
+							{history}
 							on:nodeclick={(e) => {
 								showMessage(e.detail.node.data.message);
 							}}
diff --git a/src/lib/components/chat/Overview.svelte b/src/lib/components/chat/Overview.svelte
index a12a0d80a..a252b7959 100644
--- a/src/lib/components/chat/Overview.svelte
+++ b/src/lib/components/chat/Overview.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { getContext, createEventDispatcher } from 'svelte';
+	import { getContext, createEventDispatcher, onDestroy } from 'svelte';
 	import { useSvelteFlow, useNodesInitialized, useStore } from '@xyflow/svelte';
 
 	const dispatch = createEventDispatcher();
@@ -111,6 +111,8 @@
 	};
 
 	onMount(() => {
+		drawFlow();
+
 		nodesInitialized.subscribe(async (initialized) => {
 			if (initialized) {
 				await tick();
@@ -130,6 +132,13 @@
 			}
 		});
 	});
+
+	onDestroy(() => {
+		console.log('Overview destroyed');
+
+		nodes.set([]);
+		edges.set([]);
+	});
 </script>
 
 <div class="w-full h-full relative">