Chat: describe Message Streaming demo#33419
Open
vladaskorohodova wants to merge 7 commits intoDevExpress:26_1from
Open
Chat: describe Message Streaming demo#33419vladaskorohodova wants to merge 7 commits intoDevExpress:26_1from
vladaskorohodova wants to merge 7 commits intoDevExpress:26_1from
Conversation
Contributor
There was a problem hiding this comment.
Pull request overview
Adds end-user documentation for the Chat → Message Streaming demo, explaining how the demo streams assistant responses, supports cancelling in-progress requests, and customizes the empty-state UI.
Changes:
- Introduced a new
description.mdfor the Message Streaming demo with a high-level feature overview. - Documented streaming mechanics (delta chunks + delayed renderer + incremental store updates).
- Documented stream cancellation via
AbortControllerand related UI changes (send → stop button) plus custom empty view behavior.
Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com> Signed-off-by: Vlada Skorokhodova <94827090+vladaskorohodova@users.noreply.github.com>
Contributor
There was a problem hiding this comment.
Pull request overview
Adds end-user/demo documentation for the Chat → Message Streaming demo, explaining how the demo streams Azure OpenAI responses into the DevExtreme Chat UI and how the UI behaves during streaming/cancellation.
Changes:
- Introduces
description.mdfor the Message Streaming demo with an overview and split content. - Documents streaming mechanics (delta handling + delayed rendering + store updates).
- Documents cancellation behavior and the custom empty view (suggestion cards).
Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com> Signed-off-by: Vlada Skorokhodova <94827090+vladaskorohodova@users.noreply.github.com>
Contributor
There was a problem hiding this comment.
Pull request overview
Adds end-user documentation for the Chat Message Streaming demo, explaining how the demo streams AI responses from Azure OpenAI and how the UI supports stopping an in-progress stream.
Changes:
- Added a new
description.mdfor the Message Streaming demo. - Documented streaming mechanics (delta rendering + store updates) and stream cancellation via
AbortController. - Described the custom empty state with suggestion cards.
Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com> Signed-off-by: Vlada Skorokhodova <94827090+vladaskorohodova@users.noreply.github.com>
Contributor
There was a problem hiding this comment.
Pull request overview
Adds end-user documentation for the DevExtreme Chat → Message Streaming demo, explaining how the demo streams AI responses, supports aborting an in-progress stream, and customizes the empty state.
Changes:
- Documented streaming behavior (delta chunk rendering + delayed renderer queue).
- Documented stream cancellation via
AbortController+ stop button behavior. - Documented custom empty view with suggestion cards.
r-farkhutdinov
previously approved these changes
Apr 27, 2026
marker-dao
previously approved these changes
Apr 27, 2026
khamlyuk
reviewed
Apr 28, 2026
|
|
||
| ## Streaming AI Responses | ||
|
|
||
| The demo calls the Azure OpenAI Chat Completions API with `stream: true`. Incoming delta chunks are passed through a `createDelayedRenderer` queue that introduces a short display delay between chunks to produce a smooth typing effect. Each chunk is appended to a growing buffer, and the assistant message is updated in the data store with every render cycle via a `dataSource.store().push(...)` update operation. |
Contributor
There was a problem hiding this comment.
Can we somehow reduce the number of passives in the last sentence?
|
|
||
| ## Stopping a Stream | ||
|
|
||
| An `AbortController` is created before each request and its signal is forwarded to the Azure OpenAI SDK. When the user clicks the stop button, `abortController.abort()` is called, which cancels the in-progress HTTP request. |
Contributor
There was a problem hiding this comment.
I think we can reduce the number of passives here too.
Co-authored-by: Elena Khamlyuk <80813840+khamlyuk@users.noreply.github.com> Signed-off-by: Vlada Skorokhodova <94827090+vladaskorohodova@users.noreply.github.com>
vladaskorohodova
dismissed stale reviews from marker-dao and r-farkhutdinov
via
7e977d2
Contributor
There was a problem hiding this comment.
Pull request overview
Adds end-user documentation for the Chat → Message Streaming demo, explaining how the demo streams responses from Azure OpenAI and how the UI supports stopping an in-progress stream and showing prompt suggestions when the chat is empty.
Changes:
- Introduces a new
description.mdfor the Message Streaming demo. - Documents streaming mechanics (delta handling + delayed rendering) and the stop-stream flow (AbortController).
- Describes the custom empty view with suggestion cards.
Contributor
There was a problem hiding this comment.
Pull request overview
Adds end-user documentation for the Chat → Message Streaming demo, explaining how the demo streams Azure OpenAI responses, allows users to stop an in-progress stream, and shows custom suggestion cards in an empty state.
Changes:
- Introduces a new
description.mdfor the Message Streaming demo. - Documents streaming behavior (delta chunks + delayed rendering + dataSource updates).
- Documents stream cancellation (AbortController) and the stop/send button toggle, plus the custom empty view.
khamlyuk
reviewed
Apr 28, 2026
|
|
||
| ## Stopping a Stream | ||
|
|
||
| The demo creates an `AbortController` before each request and forwards its signal to the Azure OpenAI SDK. When the user clicks the stop button, the demo calls `abortController.abort()`, which cancels the in-progress HTTP request. |
Contributor
There was a problem hiding this comment.
Please check technical correctness.
Suggested change
| The demo creates an `AbortController` before each request and forwards its signal to the Azure OpenAI SDK. When the user clicks the stop button, the demo calls `abortController.abort()`, which cancels the in-progress HTTP request. | |
| The demo creates an `AbortController` before each request and forwards its output to the Azure OpenAI SDK. When the user clicks the stop button, the demo calls `abortController.abort()` to cancel the in-progress HTTP request. |
|
|
||
| ## Custom Empty View | ||
|
|
||
| The Chat component specifies an [emptyViewTemplate](/Documentation/ApiReference/UI_Components/dxChat/Configuration/#emptyViewTemplate) that replaces the default empty state with custom suggestion cards. Clicking a card constructs a message and triggers the demo message sending flow directly, bypassing the text input. No newline at end of file |
Contributor
There was a problem hiding this comment.
Suggested change
| The Chat component specifies an [emptyViewTemplate](/Documentation/ApiReference/UI_Components/dxChat/Configuration/#emptyViewTemplate) that replaces the default empty state with custom suggestion cards. Clicking a card constructs a message and triggers the demo message sending flow directly, bypassing the text input. | |
| The Chat component specifies an [emptyViewTemplate](/Documentation/ApiReference/UI_Components/dxChat/Configuration/#emptyViewTemplate) that replaces the default empty state with custom suggestion cards. Clicking a card creates a message and triggers the demo message sending flow directly, bypassing the text input. |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
No description provided.