feat: add export functionality (#4) (#65)

* feat: add option in chat settings to send complete message history to chatbot * feat: add export functionality for exporting conversations * feat: add interaction and exchange names * feat: export id instead of name for debugging purposes --------- Co-authored-by: deRohrer <[email protected]>
graasp · Sep 4, 2024 · e1a0411 · e1a0411
1 parent 42e9bb9
commit e1a0411
Show file tree

Hide file tree

Showing 10 changed files with 175 additions and 134 deletions.
diff --git a/src/config/appSettings.ts b/src/config/appSettings.ts
@@ -9,13 +9,16 @@ export type AssistantsSettingsType = {
 };
 
 export type ChatSettingsType = {
+  name: string;
   description: string;
   participantInstructions: string;
   participantEndText: string;
+  sendAllToChatbot: boolean;
 };
 
 export type ExchangeSettings = {
   id: UUID;
+  name: string;
   assistant: AssistantSettings;
   description: string;
   chatbotInstructions: string;

diff --git a/src/langs/en.json b/src/langs/en.json
@@ -32,13 +32,16 @@
       },
       "CHAT": {
         "TITLE": "Chat Settings",
+        "NAME": "Interaction Name",
         "DESCRIPTION": "Chat Description",
         "INSTRUCTIONS": "Participant Instructions",
         "END": "End Screen Text",
-        "USER": "Participant"
+        "SEND_ALL": "Let Assistant Remember All Messages",
+        "SEND_ALL_INFO": "If checked, all previous messages will be included in the prompt sent to the chatbot, instead of only messages from the current exchange."
       },
       "EXCHANGES": {
         "TITLE": "Exchanges Settings",
+        "NAME": "Exchange Name",
         "DESCRIPTION": "Exchanges Description",
         "INSTRUCTIONS": "Chatbot instructions",
         "CUE": "Initial Cue",
@@ -54,14 +57,16 @@
     },
     "CONVERSATIONS": {
       "TITLE": "View Conversations",
+      "EXPORT_ALL": "Export All",
       "TABLE": {
         "MEMBER": "Member",
         "UPDATED": "Last change",
         "STATUS": "Status",
         "NOT_STARTED": "Not started",
         "COMPLETE": "Completed",
         "INCOMPLETE": "Not completed",
-        "DELETE": "Delete interaction",
+        "DELETE": "Delete",
+        "EXPORT": "Export",
         "NONE": "No conversations so far."
       },
       "RESET": "Delete and reset conversation"

diff --git a/src/langs/fr.json b/src/langs/fr.json
@@ -32,13 +32,16 @@
       },
       "CHAT": {
         "TITLE": " Paramètres du Chat",
+        "NAME": "Nom de l'Interaction",
         "DESCRIPTION": "Description du Chat",
         "INSTRUCTIONS": "Instructions pour le Participant",
         "END": "Texte de Fin d'Écran",
-        "USER": "Participant"
+        "SEND_ALL": "Laissez l'Assistant se Souvenir de Tous les Messages",
+        "SEND_ALL_INFO": "Si cette option est cochée, tous les messages précédents seront inclus dans l'invite envoyée au chatbot, au lieu des seuls messages de l'échange en cours. "
       },
       "EXCHANGES": {
         "TITLE": "Échanges Paramètres",
+        "NAME": "Nom de l'Échange",
         "DESCRIPTION": "Description des Échanges",
         "INSTRUCTIONS": "Instructions du Chatbot",
         "CUE": "Initial Cue",
@@ -54,14 +57,16 @@
     },
     "CONVERSATIONS": {
       "TITLE": "Voir les Conversations",
+      "EXPORT_ALL": "Exporter Tout",
       "TABLE": {
         "MEMBER": "Membre",
         "UPDATED": "Dernière modification",
         "STATUS": "Statut",
         "NOT_STARTED": "Non démarré",
         "COMPLETE": "Completed",
         "INCOMPLETE": "Non terminé",
-        "DELETE": "Supprimer l'interaction",
+        "DELETE": "Supprimer",
+        "EXPORT": "Exporter",
         "NONE": "Aucune conversation jusqu'à présent"
       },
       "RESET": "Supprimer et réinitialiser la conversation"

diff --git a/src/modules/context/SettingsContext.tsx b/src/modules/context/SettingsContext.tsx
@@ -24,14 +24,17 @@ export const defaultSettingsValues: AllSettingsType = {
     assistantList: [{ id: uuidv4(), name: '', description: '' }],
   },
   chat: {
+    name: '',
     description: '',
     participantInstructions: '',
     participantEndText: '',
+    sendAllToChatbot: false,
   },
   exchanges: {
     exchangeList: [
       {
         id: uuidv4(),
+        name: '',
         assistant: {
           id: '',
           name: '',

diff --git a/src/modules/interaction/ParticipantInteraction.tsx b/src/modules/interaction/ParticipantInteraction.tsx
@@ -255,6 +255,7 @@ const ParticipantInteraction = (): ReactElement => {
         return [];
       })}
       participant={currentMember}
+      sendAllMessages={interaction.sendAllToChatbot}
     />
   );
 };

diff --git a/src/modules/message/MessagesPane.tsx b/src/modules/message/MessagesPane.tsx
@@ -39,6 +39,7 @@ type MessagesPaneProps = {
   participant: Agent;
   autoDismiss: boolean;
   goToNextExchange: () => void;
+  sendAllMessages?: boolean;
   readOnly?: boolean;
 };
 
@@ -51,6 +52,7 @@ const MessagesPane = ({
   participant,
   autoDismiss,
   goToNextExchange,
+  sendAllMessages = false,
   readOnly = false,
 }: MessagesPaneProps): ReactElement => {
   // Hook to post chat messages asynchronously using mutation
@@ -103,6 +105,7 @@ const MessagesPane = ({
           id: uuidv4(),
           content: currentExchange.participantCue,
           sender: currentExchange.assistant,
+          sentAt: new Date(),
         },
       ]);
     }
@@ -145,7 +148,12 @@ const MessagesPane = ({
    */
   function handlePostChatbot(newMessage: Message): void {
     // Build the prompt for the chatbot using the existing messages and the new message
-    const prompt: ChatBotMessage[] = [...buildPrompt(msgs, newMessage)];
+    const prompt: ChatBotMessage[] = [
+      ...buildPrompt(
+        [...(sendAllMessages ? pastMessages : []), ...msgs],
+        newMessage,
+      ),
+    ];
 
     // Send the prompt to the chatbot API and handle the response
     postChatBot(prompt)
@@ -154,6 +162,7 @@ const MessagesPane = ({
           id: uuidv4(),
           content: chatBotRes.completion,
           sender: currentExchange.assistant,
+          sentAt: new Date(),
         };
 
         // Add the chatbot's response to the list of messages
@@ -174,6 +183,7 @@ const MessagesPane = ({
       id: uuidv4(),
       content,
       sender: participant,
+      sentAt: new Date(),
     };
 
     // Update the messages state with the new message
-Original file line number
+Diff line change
@@ Expand Up / @@ -255,6 +255,7 @@ const ParticipantInteraction = (): ReactElement => { @@
             return [];
           })}
           participant={currentMember}
+          sendAllMessages={interaction.sendAllToChatbot}
         />
       );
     };
@@ Expand Down @@