Merge pull request 'idk' (#106) from YasinOnm08/interstellar_ai:main into main

Reviewed-on: https://interstellardevelopment.org/code/code/React-Group/interstellar_ai/pulls/106

app/backend/ChatHistory.ts

@@ -14,6 +14,7 @@ function addMessageToHistory(name: string, message: any): void {
     };
     chatHistory.push(newMessage);
     console.log(`Added message from ${name}: ${message}`);
+    chatHistory.sort((a,b) => b.timestamp - a.timestamp)
 }
 
 function removeMessageFromHistory(timestamp: number): void {

app/backend/InputOutputHandler.tsx

@@ -4,9 +4,6 @@ import ConversationFrontend from '../components/ConversationFrontend';
 import InputFrontend from "../components/InputFrontend";
 import { sendToVoiceRecognition } from "./voice_backend"
 import axios from "axios";
-import { resolve } from "path";
-import { FFmpeg } from "@ffmpeg/ffmpeg";
-import { fetchFile, toBlobURL } from "@ffmpeg/util"
 
 const InputOutputBackend: React.FC = () => {
   // # variables
@@ -50,10 +47,8 @@ const InputOutputBackend: React.FC = () => {
       The currency is ${preferredCurrency}. 
       Communicate in the language specified by the user (country code: ${preferredLanguage}), and only in this language.
       You are only able to change language if the user specifically states you must. 
-      Do not answer in multiple languages or multiple measurement systems under any circumstances other than the user requesting it.
+      Do not answer in multiple languages or multiple measurement systems under any circumstances other than the user requesting it.`
-      You try to use html tags as often as possible in your responses. For images, links and tables you use markdown.`
+      : `You are a helpful assistant`;
-      : `You are a helpful assistant
-      You try to use html tags as often as possible in your responses. For images, links and tables you use markdown. You cannot use both at the same time.`;
     setMessages([
       { role: "system", content: systemMessage },
       { role: "assistant", content: "Hello! How may I help you?" },

app/styles/output.css

@@ -84,7 +84,7 @@
 
 .ai-message code{
     width: 100%;
-    overflow-wrap: break-word;
+    overflow: scroll;
 }
 
 /* Button Container */