app/backend/InputOutputHandler.tsx

@@ -21,7 +21,7 @@ const InputOutputBackend: React.FC = () => {
   const [preferredMeasurement, setPreferredMeasurement] = useState<string>("metric");
   const [timeZone, setTimeZone] = useState<string>("GMT");
   const [dateFormat, setDateFormat] = useState<string>("DD-MM-YYYY");
-  const [messages, setMessages] = useState<Message[]>(chatHistory.chats[chatHistory.selectedIndex].messages || []);
+  const [messages, setMessages] = useState<Message[]>(chatHistory.chats[chatHistory.selectedIndex]?.messages || []);
   const [myBoolean, setMyBoolean] = useState<boolean>(false);
   const [systemMessage, setSystemMessage] = useState<string>("You are a helpful assistant")
   const apiURL = new URL("http://localhost:5000/interstellar_ai/api/ai_create")
@@ -31,26 +31,22 @@ const InputOutputBackend: React.FC = () => {
     apiURL.hostname = "localhost"
   }
 
-  console.log(setSelectedIndex)
 
+  useEffect(() => {
 
-useEffect(() => {
     console.log("History", chatHistory);
     console.log("Messages", messages);
 
     // Get the current chat's messages
-    const currentMessages = chatHistory.chats[chatHistory.selectedIndex].messages || [];
+    const currentMessages = chatHistory.chats[chatHistory.selectedIndex]?.messages || [];
 
-    // If the selected chat has messages, set them
+    // If currentMessages is not empty, update messages only if it's not the same
-    if (currentMessages.length > 0) {
+    if (currentMessages.length > 0 && JSON.stringify(currentMessages) !== JSON.stringify(messages)) {
         setMessages(currentMessages);
-    } else if (currentMessages.length === 0) {
+    } else if (messages.length === 0) {
-      // When creating a new chat and no messages exist yet, set default messages
+        setMessages([{ role: "system", content: systemMessage }, { role: "assistant", content: "Hello! How can I help you?" }]);
-      addMessage("system", systemMessage)
-      addMessage("assistant", "Hello! How can I help you?")
-      console.log(systemMessage)
     }
-}, [chatHistory, chatHistory.selectedIndex, systemMessage]);
+}, [chatHistory, setSelectedIndex]);
 
   // Update messages when any of the settings change
   useEffect(() => {

app/hooks/useChatHistory.tsx

@@ -19,7 +19,8 @@ interface GlobalChatHistory {
 
 let globalChatHistory: GlobalChatHistory = {
     chats: [
-        { name: "Welcome!", messages: [{role:"system",content:"you are a helpful assistant"},{role:"assistant",content:"Hello! How can I help you?"}], timestamp: 4 },
+        { name: "Chat 1", messages: [{role:"system",content:"you are a helpful assistant"},{role:"assistant",content:"how can i help you"}], timestamp: 4 },
+        { name: "Chat 2", messages: [{role:"system",content:"you are a helpful assistant"},{role:"assistant",content:"how can i help you"}], timestamp: 4 },
     ],
     selectedIndex:0
 }