From 3015bb766d33de276f759fb893cabb5538e7e4f2 Mon Sep 17 00:00:00 2001
From: "Timothy J. Baek" <timothyjrbeck@gmail.com>
Date: Fri, 9 Feb 2024 17:09:14 -0800
Subject: [PATCH] feat: convo mode

---
 src/lib/components/chat/MessageInput.svelte   |  1 +
 .../chat/Messages/ResponseMessage.svelte      |  6 ++++
 src/lib/components/chat/Settings/Voice.svelte | 29 +++++++++++++++++--
 3 files changed, 34 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/chat/MessageInput.svelte b/src/lib/components/chat/MessageInput.svelte
index 40a30db3..0844c489 100644
--- a/src/lib/components/chat/MessageInput.svelte
+++ b/src/lib/components/chat/MessageInput.svelte
@@ -674,6 +674,7 @@
 							{#if messages.length == 0 || messages.at(-1).done == true}
 								{#if speechRecognitionEnabled}
 									<button
+										id="voice-input-button"
 										class=" text-gray-600 dark:text-gray-300 transition rounded-lg p-1.5 mr-0.5 self-center"
 										type="button"
 										on:click={() => {
diff --git a/src/lib/components/chat/Messages/ResponseMessage.svelte b/src/lib/components/chat/Messages/ResponseMessage.svelte
index b1c0c817..ba41ef62 100644
--- a/src/lib/components/chat/Messages/ResponseMessage.svelte
+++ b/src/lib/components/chat/Messages/ResponseMessage.svelte
@@ -149,6 +149,9 @@
 
 					audio.onended = () => {
 						speaking = null;
+						if ($settings.conversationMode) {
+							document.getElementById('voice-input-button')?.click();
+						}
 					};
 					audio.play().catch((e) => console.error('Error playing audio:', e));
 				}
@@ -166,6 +169,9 @@
 
 						speak.onend = () => {
 							speaking = null;
+							if ($settings.conversationMode) {
+								document.getElementById('voice-input-button')?.click();
+							}
 						};
 						speak.voice = voice;
 						speechSynthesis.speak(speak);
diff --git a/src/lib/components/chat/Settings/Voice.svelte b/src/lib/components/chat/Settings/Voice.svelte
index dc201069..29b93b3d 100644
--- a/src/lib/components/chat/Settings/Voice.svelte
+++ b/src/lib/components/chat/Settings/Voice.svelte
@@ -6,6 +6,7 @@
 
 	// Voice
 
+	let conversationMode = false;
 	let speechAutoSend = false;
 	let responseAutoPlayback = false;
 
@@ -37,6 +38,11 @@
 		}, 100);
 	};
 
+	const toggleConversationMode = async () => {
+		conversationMode = !conversationMode;
+		saveSettings({ conversationMode: conversationMode });
+	};
+
 	const toggleResponseAutoPlayback = async () => {
 		responseAutoPlayback = !responseAutoPlayback;
 		saveSettings({ responseAutoPlayback: responseAutoPlayback });
@@ -50,6 +56,7 @@
 	onMount(async () => {
 		let settings = JSON.parse(localStorage.getItem('settings') ?? '{}');
 
+		conversationMode = settings.conversationMode ?? false;
 		speechAutoSend = settings.speechAutoSend ?? false;
 		responseAutoPlayback = settings.responseAutoPlayback ?? false;
 
@@ -104,7 +111,25 @@
 			</div>
 
 			<div class=" py-0.5 flex w-full justify-between">
-				<div class=" self-center text-xs font-medium">Voice Input Auto-Send</div>
+				<div class=" self-center text-xs font-medium">Conversation Mode</div>
+
+				<button
+					class="p-1 px-3 text-xs flex rounded transition"
+					on:click={() => {
+						toggleConversationMode();
+					}}
+					type="button"
+				>
+					{#if conversationMode === true}
+						<span class="ml-2 self-center">On</span>
+					{:else}
+						<span class="ml-2 self-center">Off</span>
+					{/if}
+				</button>
+			</div>
+
+			<div class=" py-0.5 flex w-full justify-between">
+				<div class=" self-center text-xs font-medium">Auto-send input after 3 sec.</div>
 
 				<button
 					class="p-1 px-3 text-xs flex rounded transition"
@@ -122,7 +147,7 @@
 			</div>
 
 			<div class=" py-0.5 flex w-full justify-between">
-				<div class=" self-center text-xs font-medium">TTS Automatic Playback</div>
+				<div class=" self-center text-xs font-medium">Auto-playback response</div>
 
 				<button
 					class="p-1 px-3 text-xs flex rounded transition"