add tts

src/app/listen.tsx

@@ -42,9 +42,12 @@ export function Listen({
     })
   }, [])
 
+  return null 
+  /*
   return (
     <div className="fixed top-64 left-16 z-10 bg-gray-100 p-4">
       <div>{status}</div>
     </div>
   )
+  */
 }

src/app/main.tsx

@@ -93,7 +93,7 @@ export default function Main() {
       </div>
 
       <Observe onObserve={handleOnObserve} />
-      <Listen onListen={handleOnListen} />
+      {/*<Listen onListen={handleOnListen} />*/}
       <Speak>{action}</Speak>
 
       <Progress

src/app/speak.tsx

@@ -39,11 +39,6 @@ export function Speak({
   }, [])
 
   useEffect(() => {
-    console.log("DEBUG:", {
-      "voice?.name": voice?.name,
-      newMessage,
-      playedMessage,
-    })
     if (typeof window === "undefined") { return }
     if (!window?.speechSynthesis) { return }
     if (!voice?.name) { return }
@@ -59,7 +54,6 @@ export function Speak({
   }, [voice?.name, newMessage, playedMessage])
   
   return (
-    <div className="fixed top-64 right-16 z-10 bg-gray-100 p-4">
-    </div>
+    null
   )
 }