Feature/83694 streaming markdown handling #106
Conversation
…ng-markdown-handling
![github-advanced-security[bot]](https://avatars.githubusercontent.com/in/57789?s=60&v=4){kind=small}
| content={text} | ||
| className={`webchat-${classType}-template-header`} | ||
| id={webchatButtonTemplateTextId} |
There was a problem hiding this comment.
Why was this removed? This could potentially break some tests in the webchat repo
There was a problem hiding this comment.
you are right, I will revert this!
|
Some markdown syntax did not work as expected |
|
Collation of streamed outputs did not work for me as expected. I had collateStreamedOutputs and progressiveStreaming set to true. Are these two settings dependent. Should collation work when collateStreamedOutputs is true but progressiveStreaming is false
|
|
When I have two say nodes one after the other and if the first one has a longer text than the second one, I would expect the streaming animation of the first one to be completed if the next one is complete. See the below recording: The third message has stopped streaming, but the second message is still streaming which I found out after the scrollbar slightly flickered. |
|
Code looks clean! Great work on the animation :) |
…ng-markdown-handling
Yes I have seen this as well, I added it originally just for streamed messages, but then we decided to also enable it for say outputs. So you would see it if you have several say outputs behind each other, especially if there are longer ones. I think if someone sends outputs like that, they should not use this setting to be honest. But we can add some more logic to handle the animation message after message in the future if requested. |
fixed by adding a plugin for tables and some other markdown (https://github.com/remarkjs/react-markdown#use-a-plugin). please remove the triple backticks in your output so that is rendered |
|
Markdown contents exceed the bubble width. Not sure if we need to handle this scenario though
|
It's an edge case. I think in that case we can recommend turning off the bubbles. Let's leave this as it is for now |
|
I just released v0.39.0 of chat-components. Chat-components should be updated to 0.40.0 |
…ng-markdown-handling
This PR adds support for markdown rendering and streaming messages (animation + message chunk collation) to the chat components. There is a new view on the demo page as well.
For testing, checkout the Webchat branch of the same name with the PR linked here: (Cognigy/Webchat#55)
npm ci && npm packin this repo,then
npm i ../chat-components/cognigy-chat-components-0.38.0.tgz && npm run devin the Webchat repo (correct path if it is somewhere else for you)In the local Webchat index.html you need to enable
behavior: {
collateStreamedOutputs: true,
progressiveStreaming: true,
renderMarkdown: false,
}
Please test directly with the related PR in cognigy AI (coming up)