app/backend/InputBackend.tsx

@@ -0,0 +1,86 @@
+import React, { useState } from 'react';
+import InputFrontend from '../components/InputFrontend';
+import ConversationFrontend from '../components/ConversationFrontend';
+import { Mistral } from '@mistralai/mistralai';
+
+
+
+const handleMicClick = () => {
+  console.log('Mic clicked!');
+  // Do something when the mic button is clicked
+};
+
+
+const handleResendClick = () => {
+  console.log('Resend button clicked');
+  // Handle resend action
+};
+
+const handleEditClick = () => {
+  console.log('Edit button clicked');
+  // Handle edit action
+};
+
+const handleCopyClick = () => {
+  console.log('Copy button clicked');
+  // Handle copy action
+};
+
+const InputBackend: React.FC = () => {
+  async function prompt_mistral(model: string, prompt: string, system: string) {
+    const apiKey = "m3kZRjN8DRSIo88r8Iti9hmKGWIklrLY";
+
+    const client = new Mistral({ apiKey: apiKey });
+
+    var chatResponse = await client.chat.complete({
+      model: model,
+      messages: [{ role: 'user', content: prompt }, { role: 'system', content: system, }],
+    });
+
+    if (chatResponse && chatResponse.choices && chatResponse.choices.length > 0) {
+      if (chatResponse.choices[0].message.content) {
+        addMessage('AI: ' + chatResponse.choices[0].message.content);
+      }
+    } else {
+      console.error('Error: Unexpected API response:', chatResponse);
+    }
+  }
+
+  const handleSendClick = (message: string) => {
+    var system = "You are a helpful assistant. The following is the chat history."
+    for (let index = 0; index < messages.length; index++) {
+      system += messages[index] + " ";
+    };
+
+    addMessage('User: ' + message);
+    prompt_mistral("mistral-large-latest", message, system)
+  };
+
+  const [messages, setMessages] = useState([
+    'User: Hello!',
+    'AI: Hi there!',
+    'User: How are you?',
+    'AI: I’m good, thank you!'
+  ]);
+
+  const addMessage = (message: string) => {
+    setMessages((prevMessages) => [...prevMessages, message]);
+  };
+  return (
+    <div>
+      <ConversationFrontend
+        messages={messages}
+        onResendClick={handleResendClick}
+        onEditClick={handleEditClick}
+        onCopyClick={handleCopyClick}
+      />
+      <InputFrontend
+        message=""
+        onSendClick={handleSendClick}
+        onMicClick={handleMicClick}
+      />
+    </div>
+  );
+};
+
+export default InputBackend;

app/backend/InputOutputHandler.tsx

@@ -3,7 +3,6 @@ import React, { useEffect, useRef, useState } from "react";
 import ConversationFrontend from "../components/ConversationFrontend";
 import InputFrontend from "../components/InputFrontend";
 import axios from "axios";
-import { skip } from "node:test";
 
 const InputOutputBackend: React.FC = () => {
   type Message = {
@@ -16,15 +15,22 @@ const InputOutputBackend: React.FC = () => {
   const getWorkerRef = useRef<Worker | null>(null)
   const [messages, setMessages] = useState<Message[]>([{role:"assistant", content:"Hello! How can I help you?"}])
   const [liveMessage, setLiveMessage] = useState("")
-  const [inputMessage, setInputMessage] = useState<string>("")
   const [inputDisabled, setInputDisabled] = useState(false)
-  const [lastMessage, setLastMessage] = useState<Message>({ role: "user", content: "Not supposed to happen." })
 
   console.log(messages);
   
 
   useEffect(() => {
-    getNewToken()
+    console.log("getting access");
+    axios.get("http://localhost:5000/interstellar/api/ai_create")
+      .then(response => {
+        setAccessToken(response.data.access_token)
+        console.log(response.data.access_token);
+      })
+      .catch(error => {
+      console.log("error:", error.message);
+      
+    })
 
     postWorkerRef.current = new Worker(new URL("./threads/PostWorker.js", import.meta.url))
 
@@ -54,19 +60,6 @@ const InputOutputBackend: React.FC = () => {
     }
   },[])
 
-  const getNewToken = () => {
-    console.log("getting access");
-    axios.get("http://localhost:5000/interstellar_ai/api/ai_create")
-      .then(response => {
-        setAccessToken(response.data.access_token)
-        console.log(response.data.access_token);
-      })
-      .catch(error => {
-        console.log("error:", error.message);
-
-      })
-  }
-
   const startGetWorker = () => {
     if (!getWorkerRef.current) {
       getWorkerRef.current = new Worker(new URL("./threads/GetWorker.js", import.meta.url))
@@ -121,10 +114,9 @@ const InputOutputBackend: React.FC = () => {
   const addMessage = (role: string, content: string) => {
     setMessages(previous => [...previous,{role,content}])
   }  
-  const handleSendClick = (inputValue: string, override: boolean) => {
+  const handleSendClick = (inputValue: string) => {
     if (inputValue != "") {
-      console.log(inputDisabled)
-      if (!inputDisabled || override) {
+      if (!inputDisabled) {
         setInputDisabled(true)
         if (postWorkerRef.current) {
           addMessage("user", inputValue)
@@ -141,30 +133,15 @@ const InputOutputBackend: React.FC = () => {
   }
 
   const handleResendClick = () => {
-    var temporary_message = messages[messages.length - 2]['content']
-    const updatedMessages = messages.slice(0, -2)
-    setMessages(updatedMessages)
-    endGetWorker()
-    getNewToken()
-    setInputDisabled(false)
-    handleSendClick(temporary_message, true)
+    // do stuff
   }
 
   const handleEditClick = () => {
-    setInputMessage(messages[messages.length - 2]['content'])
-    const updatedMessages = messages.slice(0, -2)
-    setMessages(updatedMessages)
-    endGetWorker()
-    getNewToken()
-    setInputDisabled(false)
+    // do stuff
   }
 
-  const handleCopyClick = async () => {
-    try {
-      await navigator.clipboard.writeText(messages[messages.length - 1]['content']);
-    } catch (err) {
-      console.error('Failed to copy: ', err);
-    }
+  const handleCopyClick = () => {
+    // do stuff
   }
 
     return (
@@ -176,7 +153,7 @@ const InputOutputBackend: React.FC = () => {
         onCopyClick={handleCopyClick}
       />
       <InputFrontend
-        message={inputMessage}
+        message=""
         onSendClick={handleSendClick}
         onMicClick={handleMicClick}
         inputDisabled={inputDisabled}
@@ -191,3 +168,4 @@ export default InputOutputBackend
 
 
 
+ 

app/backend/threads/GetWorker.js

@@ -17,7 +17,7 @@ const fetchData = () => {
     console.log(accesstoken);
     
     
-    const apiURL = "http://localhost:5000/interstellar_ai/api/ai_get?access_token=" + accesstoken
+    const apiURL = "http://localhost:5000/interstellar/api/ai_get?access_token="+accesstoken
     
     axios.get(apiURL)
         .then(response => {

app/backend/threads/PostWorker.js

@@ -14,7 +14,7 @@ onmessage = (e) => {
     console.log(Message);
     
 
-    axios.post("http://localhost:5000/interstellar_ai/api/ai_send", Message)
+    axios.post("http://localhost:5000/interstellar/api/ai_send",Message)
         .then(response => {
             const status = response.data.status
             console.log(status);

app/components/InputFrontend.tsx

@@ -1,8 +1,8 @@
-import React, { useState, ForwardedRef, useEffect } from 'react';
+import React, { useState, ForwardedRef } from 'react';
 
 interface InputProps {
   message: string;
-  onSendClick: (message: string, override: boolean) => void;
+  onSendClick: (message: string) => void;
   onMicClick: () => void;
   inputDisabled:boolean
 }
@@ -11,9 +11,6 @@ const InputFrontend = React.forwardRef<HTMLDivElement, InputProps>(
   ({ message, onSendClick, onMicClick, inputDisabled }, ref: ForwardedRef<HTMLDivElement>) => {
     const [inputValue, setInputValue] = useState('');
     
-    useEffect(() => {
-      setInputValue(message);
-    }, [message]);
 
     const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {
       setInputValue(e.target.value);
@@ -22,7 +19,7 @@ const InputFrontend = React.forwardRef<HTMLDivElement, InputProps>(
     const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {
       if (!inputDisabled) {
         if (event.key === 'Enter') {
-          onSendClick(inputValue, false); // Call the function passed via props
+          onSendClick(inputValue); // Call the function passed via props
           setInputValue(''); // Optionally clear input after submission
           event.preventDefault(); // Prevent default action (e.g., form submission)
         }
@@ -39,7 +36,7 @@ const InputFrontend = React.forwardRef<HTMLDivElement, InputProps>(
           onChange={handleInputChange}
           onKeyDown={handleKeyDown}
         />
-        <button type="button" onClick={() => onSendClick(inputValue, false)} disabled={inputDisabled ? true : false}>
+        <button type="button" onClick={() => onSendClick(inputValue)} disabled={inputDisabled?true:false}>
           <img src="/img/send.svg" alt="send" />
         </button>
         <button type="button" onClick={onMicClick}>

py/api.py

@@ -26,12 +26,12 @@ class API:
         def create_ai():
             access_token = secrets.token_urlsafe(self.crypt_size)
 
-            while access_token in self.ai_response:
-                access_token = secrets.token_urlsafe(self.crypt_size)
-
+            if access_token not in self.ai_response:
                 self.ai_response[access_token] = ""
                 return jsonify({'status': 200, 'access_token': access_token})
 
+            return jsonify({'status': 401, 'error': 'An error occurred, please try again.'})
+
         @self.app.route('/interstellar_ai/api/ai_send', methods=['POST'])
         def send_ai():
             data = request.get_json()
@@ -96,7 +96,7 @@ class API:
             return jsonify({'status': 401, 'response': "Invalid action"})
 
         @self.app.route('/interstellar_ai/api/voice_recognition', methods=['POST'])
-        def voice_recognition():
+        def db_manipulate():
             recognition_type = request.args.get('type')
             audio = request.args.get('audio_data')
             option = request.args.get('option')