Merge branch 'agent-paper-main' of https://github.com/brown-dash/Dash-Web into joanne-tutorialagent

1 files changed, 13 insertions, 3 deletions

diff --git a/src/client/views/nodes/chatbot/chatboxcomponents/MessageComponent.tsx b/src/client/views/nodes/chatbot/chatboxcomponents/MessageComponent.tsx
index 4f1d68973..c7699b57f 100644
--- a/src/client/views/nodes/chatbot/chatboxcomponents/MessageComponent.tsx
+++ b/src/client/views/nodes/chatbot/chatboxcomponents/MessageComponent.tsx
@@ -86,7 +86,6 @@ const MessageComponentBox: React.FC<MessageComponentProps> = ({ message, onFollo
         }
 
         // Handle query type content
-        // bcz: What triggers this section?   Where is 'query' added to item?  Why isn't it a field?
         else if ('query' in item) {
             return (
                 <span key={i} className="query-text">
@@ -99,7 +98,7 @@ const MessageComponentBox: React.FC<MessageComponentProps> = ({ message, onFollo
         else {
             return (
                 <span key={i}>
-                    <ReactMarkdown>{item.text /* JSON.stringify(item)*/}</ReactMarkdown>
+                    <ReactMarkdown>{item.text}</ReactMarkdown>
                 </span>
             );
         }
@@ -130,6 +129,18 @@ const MessageComponentBox: React.FC<MessageComponentProps> = ({ message, onFollo
         return null;
     };
 
+    /**
+     * Formats the follow-up question text to ensure proper capitalization
+     * @param {string} question - The original question text
+     * @returns {string} The formatted question
+     */
+    const formatFollowUpQuestion = (question: string) => {
+        // Only capitalize first letter if needed and preserve the rest
+        if (!question) return '';
+        const formattedQuestion = question.charAt(0).toUpperCase() + question.slice(1).toLowerCase();
+        return formattedQuestion;
+    };
+
     return (
         <div className={`message ${message.role}`}>
             {/* Processing Information Dropdown */}
@@ -139,7 +150,6 @@ const MessageComponentBox: React.FC<MessageComponentProps> = ({ message, onFollo
                         {dropdownOpen ? 'Hide Agent Thoughts/Actions' : 'Show Agent Thoughts/Actions'}
                     </button>
                     {dropdownOpen && <div className="info-content">{message.processing_info.map(renderProcessingInfo)}</div>}
-                    <br />
                 </div>
             )}