diff options
| author | A.J. Shulman <Shulman.aj@gmail.com> | 2024-08-16 15:45:23 -0400 |
|---|---|---|
| committer | A.J. Shulman <Shulman.aj@gmail.com> | 2024-08-16 15:45:23 -0400 |
| commit | daa72b906e3364c2b6a836533fc1980bb63ba303 (patch) | |
| tree | da6b0d25f7ff547e460832b1de823cd2a909ac85 /src/client/views/nodes/ChatBox/MessageComponent.tsx | |
| parent | d97405e0a172b03a759452a1e9a7291974d89248 (diff) | |
now shows thoughts in real time
next steps:
integrate everything with the AnswerParser
make sure citations work perfectly (right now clicking citations isn't perfect for urls and multiple citations for the same url source are generated—check examples for mistakes)
Diffstat (limited to 'src/client/views/nodes/ChatBox/MessageComponent.tsx')
| -rw-r--r-- | src/client/views/nodes/ChatBox/MessageComponent.tsx | 8 |
1 files changed, 8 insertions, 0 deletions
diff --git a/src/client/views/nodes/ChatBox/MessageComponent.tsx b/src/client/views/nodes/ChatBox/MessageComponent.tsx index 07bfd4e3d..70b0527a2 100644 --- a/src/client/views/nodes/ChatBox/MessageComponent.tsx +++ b/src/client/views/nodes/ChatBox/MessageComponent.tsx @@ -62,6 +62,14 @@ const MessageComponentBox: React.FC<MessageComponentProps> = function ({ message return ( <div className={`message ${message.role}`}> + <div> + {message.thoughts && + message.thoughts.map((thought, index) => ( + <span key={index} className="thought-text"> + <i>Thought: {thought}</i> + </span> + ))} + </div> <div>{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"> |