app/backend/InputOutputHandler.tsx

@@ -3,9 +3,7 @@ import React, { useEffect, useRef, useState } from "react";
 import ConversationFrontend from "../components/ConversationFrontend";
 import InputFrontend from "../components/InputFrontend";
 import axios from "axios";
-
+import { log } from 'console';
-
-let sendable = true
 
 const InputOutputBackend: React.FC = () => {
   type Message = {
@@ -39,10 +37,8 @@ const InputOutputBackend: React.FC = () => {
     postWorkerRef.current.onmessage = (event) => {
       const status = event.data.status
       if (status == 200) {
-        sendable = true
         endGetWorker()
       } else if (status == 500) {
-        sendable = true
         if (getWorkerRef.current) {
           addMessage("assistant", "There was an Error with the AI response")
           getWorkerRef.current.postMessage("terminate")
@@ -90,15 +86,11 @@ const InputOutputBackend: React.FC = () => {
     if (getWorkerRef.current) {
       getWorkerRef.current.postMessage({action:"terminate"})
       getWorkerRef.current.terminate()
-      getWorkerRef.current = null
       console.log(messages);
     }
   }
 
   const editLastMessage = (newContent: string) => {
-    if (newContent == "") {
-      newContent = "Loading..."
-    }
   setMessages((prevMessages) => {
     const updatedMessages = prevMessages.slice(); // Create a shallow copy of the current messages
     if (updatedMessages.length > 0) {
@@ -117,16 +109,11 @@ const InputOutputBackend: React.FC = () => {
     setMessages(previous => [...previous,{role,content}])
   }  
   const handleSendClick = (inputValue: string) => {
-    if (inputValue != "") {
+    if (postWorkerRef.current) {
-      if (sendable) {
+      addMessage("user", inputValue)
-        sendable=false
+      console.log("input:",inputValue);
-        if (postWorkerRef.current) {
+      postWorkerRef.current.postMessage({messages:[...messages, { role: "user", content: inputValue }], ai_model:"phi3.5", access_token:accessToken})
-          addMessage("user", inputValue)
+      startGetWorker()
-          console.log("input:",inputValue);
-          postWorkerRef.current.postMessage({messages:[...messages, { role: "user", content: inputValue }], ai_model:"phi3.5", access_token:accessToken})
-          startGetWorker()
-        }
-      }
     }
   }
 

app/backend/threads/GetWorker.js

@@ -29,6 +29,6 @@ const fetchData = () => {
         .catch(error => {
             console.log('Error fetching data:', error);
             postMessage({error:"failed fetching data"})
-            setTimeout(() => fetchData(),1000)
+        
     })
 }

app/backend/threads/PostWorker.js

@@ -2,7 +2,7 @@ import axios from "axios";
 
 onmessage = (e) => {
     const { messages = [{ role: "assistant", content: "Hello! How can I help you?" }], ai_model = "phi3.5", access_token } = e.data
-    messages.unshift({ role: "system", content: "You are a Helpful assistant. you give short answers" })
+    messages.unshift({ role: "system", content: "You are a Helpful assistant" })
 
     const Message = {
         messages: messages,