Insert user queries into UI; label llm & user queries in UI.

uwcirg · Oct 29, 2024 · 4b1aa55 · 4b1aa55
1 parent 98b78ab
commit 4b1aa55
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/static/ips/assets/js/llmChat.js b/static/ips/assets/js/llmChat.js
@@ -31,6 +31,8 @@ async function sendMessage() {
         content: [{ type: "text", text: userMessage }]
     });
 
+    insertMessageIntoUi('user', "Your query: " + userMessage);
+
     chatInput.value = '';
 
     try {
@@ -54,14 +56,14 @@ async function sendMessage() {
             content: [{ type: "text", text: data.content}]
         });
 
-        appendMessage('assistant', data.content);
+        insertMessageIntoUi('assistant', "LLM: " + data.content);
     } catch (error) {
         console.error('Error sending message to LLM:', error);
-        appendMessage('error', 'Failed to get a response. Please try again.');
+        insertMessageIntoUi('error', 'Failed to get a response. Please try again.');
     }
 }
 
-function appendMessage(role, content) {
+function insertMessageIntoUi(role, content) {
     const chatMessages = document.getElementById('chat-messages');
     const messageElement = document.createElement('div');
     messageElement.classList.add('message', role);