aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/nodes/ChatBox/MessageComponent.tsx
diff options
context:
space:
mode:
authorA.J. Shulman <Shulman.aj@gmail.com>2024-08-21 16:06:31 -0400
committerA.J. Shulman <Shulman.aj@gmail.com>2024-08-21 16:06:31 -0400
commit484eb670b291afa07f2f7b976fafe02bdc9ac71d (patch)
treec201a6ac6d3cd729ff07a219c7a05987138c409a /src/client/views/nodes/ChatBox/MessageComponent.tsx
parente5464e4c04ef6f8a2bbf868b43bbcdba54239406 (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.tsx3
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>