feat: dictation toggle

src/lib/components/chat/MessageInput/VoiceRecording.svelte

@@ -368,7 +368,17 @@
 	let maxVisibleItems = 300;
 	$: maxVisibleItems = Math.floor(containerWidth / 5); // 2px width + 0.5px gap
 
+	const handleKeyDown = (e) => {
+		if (e.key === 'Escape') {
+			e.preventDefault();
+			stopRecording();
+			onCancel();
+		}
+	};
+
 	onMount(() => {
+		window.addEventListener('keydown', handleKeyDown);
+
 		// listen to width changes
 		resizeObserver = new ResizeObserver(() => {
 			VISUALIZER_BUFFER_LENGTH = Math.floor(window.innerWidth / 4);
@@ -385,6 +395,7 @@
 	});
 
 	onDestroy(() => {
+		window.removeEventListener('keydown', handleKeyDown);
 		// remove resize observer
 		resizeObserver.disconnect();
 	});
@@ -547,6 +558,7 @@
 				</div>
 			{:else}
 				<button
+					id="confirm-recording-button"
 					type="button"
 					class="p-1.5 bg-indigo-500 text-white dark:bg-indigo-500 dark:text-blue-950 rounded-full"
 					on:click={async () => {