add format message

backend/app.py

@@ -8,7 +8,7 @@
 
 COURSE_QUERY_LIMIT = 5
 SAFETY_CHECK_ENABLED = False
-DATABASE_RELEVANCY_CHECK_ENABLED = False
+DATABASE_RELEVANCY_CHECK_ENABLED = True
 
 load_dotenv()
 
@@ -42,6 +42,8 @@ def chat():
         if message['role'] == 'ai':
             message['role'] = 'assistant'
 
+    print(user_messages)
+
     if SAFETY_CHECK_ENABLED:
         # for safety check, not to be included in final response
         user_messages_safety_check = user_messages.copy()
@@ -76,7 +78,7 @@ def chat():
         user_messages_database_relevancy_check = user_messages.copy()
         user_messages_database_relevancy_check.append({
             'role': 'user',
-            'content': 'Will you be able to better answer my questions with information about specific courses related to the user query at Yale University? You should answer "yes" if you need information about courses at Yale that you don\'t have, otherwise you should answer "no".'
+            'content': 'Will you be able to better answer my question with access to specific courses at Yale University? If you answer "yes", you will be provided with courses that are semantically similar to my question. Answer "yes" or "no".'
         })
 
         user_messages_database_relevancy_check = chat_completion_request(messages=user_messages_database_relevancy_check)
@@ -128,7 +130,7 @@ def chat():
     recommendation_prompt = f'Here are some courses that might be relevant to the user request:\n\n'
     for course in recommended_courses:
         recommendation_prompt += f'{course["course_code"]}: {course["title"]}\n{course["description"]}\n\n'
-    recommendation_prompt += 'Provide a response to the user. Incorporate specific course information if it is relevant to the user request.'
+    recommendation_prompt += 'Provide a response to the user. Incorporate specific course information if it is relevant to the user request. If you include any course titles, make sure to wrap it in **double asterisks**. Do not order them in a list.'
 
     user_messages.append({
         'role': 'system',

frontend/src/app/page.module.css

@@ -85,7 +85,7 @@
 }
 
 .message {
-  display: flex;
+  display: inline;
   flex-direction: column;
   word-wrap: break-word;
   padding: 0.5rem 1rem;

frontend/src/app/page.tsx

@@ -2,6 +2,7 @@
 
 import React, { useState } from 'react';
 import styles from './page.module.css'; // change to ur own directory
+import { format } from 'path';
 
 export default function Chat() {
   const [isTyping, setIsTyping] = useState(false);
@@ -15,6 +16,8 @@ export default function Chat() {
 
   const handleSubmit = async (e: { preventDefault: () => void; }) => {
     e.preventDefault();
+
+    setInput('');
 
     // add the user's message to the chat.
     const newUserMessage = { id: `user-${Date.now()}`, content: input, role: 'user' };
@@ -43,8 +46,6 @@ export default function Chat() {
       console.error('Failed to send message');
     }
 
-    setInput('');
-
   };
 
   const simulateTypingEffect = (message: string, role: string, messageId: string) => {
@@ -80,6 +81,19 @@ export default function Chat() {
     setChatVisible(!chatVisible);
   };
 
+  const formatMessage = (content: string) => {
+    const boldRegex = /\*\*(.*?)\*\*/g;
+    return content.split(boldRegex).map((part, index) => {
+      // Every even index is not bold, odd indices are the bold text between **.
+      if (index % 2 === 0) {
+        // Normal text
+        return part;
+      } else {
+        // Bold text
+        return <strong key={index}>{part}</strong>;
+      }
+    });
+  };
 
   return (
     <>
@@ -99,7 +113,7 @@ export default function Chat() {
         <div className={styles.messages}>
           {messages.map((m) => (
             <div key={m.id} className={`${styles.message} ${m.role === 'user' ? styles.user : styles.ai}`}>
-              {m.content}
+              {formatMessage(m.content)}
             </div>
           ))}
           {isTyping && (