app/InputBackend.tsx

@@ -26,7 +26,7 @@ const handleCopyClick = () => {
   // Handle copy action
 };
 
-const InputBackend: React.FC = () => {
+const InputBackend:React.FC = () => {
   async function prompt_mistral(model: string, prompt: string, system: string) {
     const apiKey = "m3kZRjN8DRSIo88r8Iti9hmKGWIklrLY";
     
@@ -40,6 +40,7 @@ const InputBackend: React.FC = () => {
     if (chatResponse && chatResponse.choices && chatResponse.choices.length > 0) {
       if (chatResponse.choices[0].message.content) {
         addMessage('AI: ' + chatResponse.choices[0].message.content);
+        console.error('Error: Brain Not Found');
         console.log(messages)
       }
     } else {
@@ -48,15 +49,9 @@ const InputBackend: React.FC = () => {
   }
   
   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)
+    prompt_mistral("mistral-large-latest", message, "You are a helpful assistant.")
   };
-
   const [messages, setMessages] = useState([
     'User: Hello!',
     'AI: Hi there!',

app/styles/header.css

@@ -10,7 +10,6 @@ header {
     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
     z-index: 1000;
     font-family: var(--font-family);
-    height: 5vh;
 }
 
 header li {

app/styles/history.css

@@ -5,9 +5,8 @@
     overflow: hidden;
     background-color: var(--history-background-color);
     padding: 1em;
-    margin: 1em;
-    margin-right: 0;
     border-radius: 2em;
+    margin: 1em;
 }
 
 .history {

app/styles/master.css

@@ -11,4 +11,3 @@
 @import './input.css';
 @import './faq.css';
 @import './scrollbar.css';
-@import './responsive.css';

app/styles/responsive.css

@@ -1,57 +0,0 @@
-/* responsive.css */
-
-/* Responsive behavior - applies only on smaller screens */
-@media (max-width: 1200px) {
-
-    /* Left panel as an overlay */
-    .left-panel {
-        margin: 0 auto;
-        min-width: 100vw;
-        max-width: 100vw;
-        padding: 1em;
-    }
-
-    .left-panel.hidden {
-        width: 0;
-        /* Set width to 0 when hidden */
-        visibility: hidden;
-        /* Fully hide the panel */
-        margin: 0;
-        padding: 0;
-        overflow: hidden;
-    }
-
-    header {
-        height: 125px;
-    }
-
-    header li {
-        flex-direction: column;
-        display: block;
-        padding: 2px;
-    }
-
-    body {
-        margin-top: 100px;
-    }
-
-    .conversation-container.expanded {
-
-        width: 0;
-        /* Set width to 0 when hidden */
-        visibility: hidden;
-        /* Fully hide the panel */
-        margin: 0;
-        padding: 0;
-        overflow: hidden;
-    }
-
-    .conversation-container.collapsed {
-        margin: 0 auto;
-        min-width: 100vw;
-        max-width: 100vw;
-        padding: 1em;
-        margin-left: 0;
-
-    }
-}