feat: use uuid to create id for chat

src/components/Chatbot/Chatbot.tsx

@@ -99,20 +99,22 @@ export default function HungerMapChatbot() {
       if (chats[currentChatIndex].isReportStarter && chats[currentChatIndex].context) {
         aiResponse = (
           await chatbot.sendMessage(text, {
+            chatId: chats[currentChatIndex].id,
             previous_messages: previousMessages,
             context: chats[currentChatIndex].context,
           })
         ).response;
         chats[currentChatIndex].isReportStarter = false;
       } else {
-        aiResponse = (await chatbot.sendMessage(text, { previous_messages: previousMessages })).response;
+        aiResponse = (
+          await chatbot.sendMessage(text, { chatId: chats[currentChatIndex].id, previous_messages: previousMessages })
+        ).response;
       }
     } catch (err) {
       if (err instanceof APIError) {
         aiResponse = `Ups! Unfortunately, it seems like there was a problem connecting to the server...\n ${err.status}: ${err.message}`;
       }
     }
-    // TODO: get data sources from response later
     const updatedChatsWithAI = structuredClone(chats);
     updatedChatsWithAI[currentChatIndex].messages.push({
       id: crypto.randomUUID(),

src/domain/contexts/ChatbotContext.tsx

@@ -1,4 +1,5 @@
 import React, { createContext, ReactNode, useContext, useEffect, useMemo, useState } from 'react';
+import { v4 as uuid } from 'uuid';
 
 import { useSnackbar } from '@/domain/contexts/SnackbarContext';
 import { IChat } from '@/domain/entities/chatbot/Chatbot';
@@ -53,7 +54,7 @@ export function ChatbotProvider({ children }: { children: ReactNode }) {
 
     if (!newChat) {
       chatToAdd = {
-        id: chats.length + 1,
+        id: uuid(),
         title: `Chat ${chats.length + 1}`,
         messages: [],
         isTyping: false,
@@ -111,7 +112,7 @@ export function ChatbotProvider({ children }: { children: ReactNode }) {
     };
 
     const newChat: IChat = {
-      id: chats.length + 1,
+      id: uuid(),
       title: `Report ${reportName}`,
       context: reportText,
       isReportStarter: true,

src/domain/entities/chatbot/BackendCommunication.ts

@@ -1,6 +1,7 @@
 import { IMessage } from './Chatbot';
 
 export interface QueryRequest {
+  chatId: string;
   context?: string;
   query: string;
   version?: number;

src/domain/entities/chatbot/Chatbot.ts

@@ -8,7 +8,7 @@ export interface IMessage {
 }
 
 export interface IChat {
-  id: number;
+  id: string;
   title: string;
   context?: string;
   isReportStarter?: boolean;

src/infrastructure/repositories/ChatbotRepositoryImpl.ts

@@ -1,3 +1,5 @@
+import { v4 as uuid } from 'uuid';
+
 import { APIError, QueryRequest, QueryResponse } from '@/domain/entities/chatbot/BackendCommunication.ts';
 import ChatbotRepository from '@/domain/repositories/ChatbotRepository';
 
@@ -14,6 +16,7 @@ export default class ChatbotRepositoryImpl implements ChatbotRepository {
   async sendMessage(message: string, options: Partial<Omit<QueryRequest, 'query'>>): Promise<QueryResponse> {
     try {
       const payload: QueryRequest = {
+        chatId: options.chatId || uuid(),
         context: options.context || '',
         query: message,
         version: options.version || 1,

src/operations/chatbot/Chatbot.ts

@@ -1,3 +1,5 @@
+import { v4 as uuid } from 'uuid';
+
 import { IChat } from '@/domain/entities/chatbot/Chatbot';
 import { SNACKBAR_SHORT_DURATION } from '@/domain/entities/snackbar/Snackbar';
 import { SenderRole } from '@/domain/enums/SenderRole';
@@ -45,7 +47,7 @@ export default class ChatbotOperations {
     // Return default chat if no recent chats are found
     return [
       {
-        id: 1,
+        id: uuid(),
         title: 'Chat 1',
         messages: [],
         isTyping: false,