diff --git a/src/lib/components/chat/ChatControls.svelte b/src/lib/components/chat/ChatControls.svelte
index 4f22c0326..73d249c1a 100644
--- a/src/lib/components/chat/ChatControls.svelte
+++ b/src/lib/components/chat/ChatControls.svelte
@@ -78,15 +78,24 @@
 					showControls.set(false);
 				}}
 			>
-				<div class="  px-6 py-4 h-full">
-					<Controls
-						on:close={() => {
-							showControls.set(false);
-						}}
-						{models}
-						bind:chatFiles
-						bind:params
-					/>
+				<div class=" {$showOverview ? ' h-screen  w-screen' : 'px-6 py-4'} h-full">
+					{#if $showOverview}
+						<Overview
+							bind:history
+							on:close={() => {
+								showControls.set(false);
+							}}
+						/>
+					{:else}
+						<Controls
+							on:close={() => {
+								showControls.set(false);
+							}}
+							{models}
+							bind:chatFiles
+							bind:params
+						/>
+					{/if}
 				</div>
 			</Drawer>
 		{/if}