refac

src/lib/components/chat/ChatControls.svelte

@@ -73,6 +73,7 @@
 			</div>
 		{:else if $showControls}
 			<Drawer
+				show={$showControls}
 				on:close={() => {
 					showControls.set(false);
 				}}

src/lib/components/chat/Overview.svelte

@@ -1,4 +1,4 @@
-<script>
+<script lang="ts">
 	import { getContext, createEventDispatcher } from 'svelte';
 	import { useSvelteFlow, useNodesInitialized, useStore } from '@xyflow/svelte';
 	import { SvelteFlow, Controls, Background, BackgroundVariant } from '@xyflow/svelte';
@@ -91,6 +91,8 @@
 					id: parentId + '-' + pos.id,
 					source: parentId,
 					target: pos.id,
+					selectable: false,
+
 					type: 'smoothstep',
 					animated: true
 				});

src/lib/components/common/Drawer.svelte

@@ -44,19 +44,22 @@
 		window.addEventListener('keydown', handleKeyDown);
 		document.body.style.overflow = 'hidden';
 	} else if (modalElement) {
+		dispatch('close');
 		window.removeEventListener('keydown', handleKeyDown);
-		document.body.removeChild(modalElement);
-		document.body.style.overflow = 'unset';
-	}
 
-	$: if (!show) {
-		dispatch('close');
+		if (document.body.contains(modalElement)) {
+			document.body.removeChild(modalElement);
+			document.body.style.overflow = 'unset';
+		}
 	}
 
 	onDestroy(() => {
 		show = false;
 		if (modalElement) {
-			document.body.removeChild(modalElement);
+			if (document.body.contains(modalElement)) {
+				document.body.removeChild(modalElement);
+				document.body.style.overflow = 'unset';
+			}
 		}
 	});
 </script>