Feature/83694 streaming markdown handling

docs/css-customization.md

@@ -16,6 +16,7 @@ There are several classes that you need to take in consideration if you want to
 * *webchat-header-close-button*
 * *webchat-header-rating-button*
 * *webchat-chat-history*
+* *webchat-scroll-to-bottom-button*
 * *webchat-message-row*
 * *regular-message*
 * *webchat-avatar*
@@ -141,6 +142,13 @@ This is the element where all the messages of the chat are are shown, you could
 
     background-color: rgb(48, 48, 48);
 }
+* *webchat-scroll-to-bottom-button*  
+This is the button that appears in the chat area when scrolled up. It can be clicked to scroll to the bottom.
+```CSS
+[data-cognigy-webchat-root] [data-cognigy-webchat].webchat .webchat-scroll-to-bottom-button {
+
+    background-color: rgb(88, 88, 88);
+}
 ```
 * *webchat-message-row*  
 The general class for any message in the chat, containing the message and the avatar logo.

docs/embedding.md

@@ -132,8 +132,12 @@ See it in action:
 | enableTTS | boolean | `false` | Enable text-to-speech. If `chatOptions.showTTSToggle set to `true`, TTS activation additionally depends on chatOptions.activateTTSToggle to be `true` (or the user expected to manually enable it.) |
 | focusInputAfterPostback | boolean | `false` | Input field will receive focus after a Postback button or quick reply button is clicked |
 | enableConnectionStatusIndicator | boolean | `true` | Shows a warning if the connection is lost during a conversation. The warning will disappear when the connection is re-established.  |
-| enableAIAgentNotice | boolean | `true` | Shows a notice at the beginning of the chat regarding talking to a non-human Agent.
-| AIAgentNoticeText | string | `You are now talking to an AI agent.` | A string to show as an AI Agent Notice
+| enableAIAgentNotice | boolean | `true` | Shows a notice at the beginning of the chat regarding talking to a non-human Agent. |
+| AIAgentNoticeText | string | `You are now talking to an AI agent.` | A string to show as an AI Agent Notice |
+| collateStreamedOutputs | boolean | `false` | This setting enables collation of streamed messages into one message bubble. |
+| progressiveStreaming | boolean | `false` | Enables streamed messages to appear by character instead of by chunk. |
+| renderMarkdown | boolean | `false` | Render markdown in text messages. |
+| scrollingBehavior | string |  `"alwaysScroll"` |  Allowed values: `"scrollUntilLastInputAtTop" \| "alwaysScroll"`. Decide how scrolling should behave if scrolled to bottom and a new message comes in. |
 
 #### Start Behavior
 | Name | Type | Default | Description |
@@ -379,6 +383,9 @@ interface IWebchatSettings {
 		watermark: "default" | "custom" | "none";
 		watermarkText: string;
 		watermarkUrl: string;
+		disableBotOutputBorder: boolean;
+		botOutputMaxWidthPercentage: number;
+		chatWindowWidth: number;
 	};
 	colors: {
 		primaryColor: string;
@@ -396,6 +403,10 @@ interface IWebchatSettings {
 		enableTTS: boolean;
 		focusInputAfterPostback: boolean;
 		enableConnectionStatusIndicator: boolean;
+		collateStreamedOutputs: boolean;
+		progressiveStreaming: boolean;
+		renderMarkdown: boolean;
+		scrollingBehavior: "alwaysScroll" | "scrollUntilLastInputAtTop";
 	};
 	startBehavior: {
 		startBehavior: "none" | "button" | "injection";