diff options
author | A.J. Shulman <Shulman.aj@gmail.com> | 2024-08-21 16:06:31 -0400 |
---|---|---|
committer | A.J. Shulman <Shulman.aj@gmail.com> | 2024-08-21 16:06:31 -0400 |
commit | 484eb670b291afa07f2f7b976fafe02bdc9ac71d (patch) | |
tree | c201a6ac6d3cd729ff07a219c7a05987138c409a /src/client/views/nodes/ChatBox/MessageComponent.tsx | |
parent | e5464e4c04ef6f8a2bbf868b43bbcdba54239406 (diff) |
added answer streaming parsing so it provides realtime parsing and then follow-up questions and citations are added when its finished
Diffstat (limited to 'src/client/views/nodes/ChatBox/MessageComponent.tsx')
-rw-r--r-- | src/client/views/nodes/ChatBox/MessageComponent.tsx | 3 |
1 files changed, 2 insertions, 1 deletions
diff --git a/src/client/views/nodes/ChatBox/MessageComponent.tsx b/src/client/views/nodes/ChatBox/MessageComponent.tsx index 3edfb272c..d0e78c751 100644 --- a/src/client/views/nodes/ChatBox/MessageComponent.tsx +++ b/src/client/views/nodes/ChatBox/MessageComponent.tsx @@ -76,15 +76,16 @@ const MessageComponentBox: React.FC<MessageComponentProps> = function ({ message return ( <div className={`message ${message.role}`}> - <div className="message-content">{message.content && message.content.map(messageFragment => <React.Fragment key={messageFragment.index}>{renderContent(messageFragment)}</React.Fragment>)}</div> {hasProcessingInfo && ( <div className="processing-info"> <button className="toggle-info" onClick={() => setDropdownOpen(!dropdownOpen)}> {dropdownOpen ? 'Hide Agent Thoughts/Actions' : 'Show Agent Thoughts/Actions'} </button> {dropdownOpen && <div className="info-content">{message.processing_info.map(renderProcessingInfo)}</div>} + <br /> </div> )} + <div className="message-content">{message.content && message.content.map(messageFragment => <React.Fragment key={messageFragment.index}>{renderContent(messageFragment)}</React.Fragment>)}</div> {message.follow_up_questions && message.follow_up_questions.length > 0 && ( <div className="follow-up-questions"> <h4>Follow-up Questions:</h4> |