Chat: Add STT / SpeechToText Integration (d.ts) by mpreyskurantov · Pull Request #32517 · DevExpress/DevExtreme

mpreyskurantov · 2026-02-11T10:25:13Z

ReOpen:

Chat: Add STT integration types #32399

Copilot

Pull request overview

Adds new Chat API surface for controlling the message input text and configuring speech-to-text (STT), and wires these options through the wrapper packages/types so consumers can use the feature across frameworks.

Changes:

Added dxChatOptions.inputFieldText and dxChatOptions.speechToTextOptions to DevExtreme typings.
Refactored dxSpeechToText option typings to expose dxSpeechToTextOptions (deprecated) and alias Properties to it.
Updated Angular/Vue/React Chat wrappers to expose speechToTextOptions and add nested configuration components for STT.

Reviewed changes

Copilot reviewed 8 out of 12 changed files in this pull request and generated 6 comments.

Show a summary per file

File	Description
packages/devextreme/ts/dx.all.d.ts	Adds `inputFieldText`/`speechToTextOptions` to `dxChatOptions`; refactors `dxSpeechToText` properties typing.
packages/devextreme/js/ui/speech_to_text_types.d.ts	Re-exports `dxSpeechToTextOptions` from `speech_to_text`.
packages/devextreme/js/ui/speech_to_text.d.ts	Introduces `dxSpeechToTextOptions` interface (deprecated) and aliases `Properties` to it.
packages/devextreme/js/ui/chat.d.ts	Adds Chat `inputFieldText` and `speechToTextOptions` typings.
packages/devextreme-vue/src/chat.ts	Exposes `inputFieldText`/`speechToTextOptions` and adds STT nested config components.
packages/devextreme-react/src/chat.ts	Adds STT nested config components for Chat.
packages/devextreme-metadata/make-angular-metadata.ts	Adjusts Angular metadata filtering for Chat members.
packages/devextreme-angular/src/ui/chat/nested/speech-to-text-options.ts	Adds Angular nested option component for Chat STT options.
packages/devextreme-angular/src/ui/chat/nested/speech-recognition-config.ts	Adds Angular nested option component for STT recognition config.
packages/devextreme-angular/src/ui/chat/nested/custom-speech-recognizer.ts	Adds Angular nested option component for custom recognizer config.
packages/devextreme-angular/src/ui/chat/nested/index.ts	Exports the new nested option components.
packages/devextreme-angular/src/ui/chat/index.ts	Exposes `inputFieldText` and `speechToTextOptions` on the Angular Chat component and wires change emitters/modules.

Copilot · 2026-02-11T10:35:36Z

packages/devextreme-vue/src/chat.ts

+    speechToTextOptions: Object as PropType<dxSpeechToTextOptions | Record<string, any>>,
    typingUsers: Array as PropType<Array<User>>,


The Vue wrapper types speechToTextOptions as dxSpeechToTextOptions, but dxChatOptions.speechToTextOptions is Omit<SpeechToTextProperties, 'stylingMode' | 'type'>. Please align the Vue prop type with the core Chat typings (and avoid accepting stylingMode/type here).

Copilot · 2026-02-11T10:35:37Z

packages/devextreme-vue/src/chat.ts

+    stylingMode: String as PropType<ButtonStyle>,
+    tabIndex: Number,
+    type: String as PropType<ButtonType | string>,
+    visible: Boolean,


DxSpeechToTextOptions currently exposes stylingMode and type, but dxChatOptions.speechToTextOptions omits these fields. Please remove these props from the nested option config (and drop the related ButtonStyle/ButtonType imports if they become unused) to keep wrapper API consistent with core typings.

Copilot · 2026-02-11T10:35:37Z

packages/devextreme-react/src/chat.ts

+  stylingMode?: ButtonStyle;
+  tabIndex?: number;
+  type?: ButtonType | string;


ISpeechToTextOptionsProps includes stylingMode and type, but core dxChatOptions.speechToTextOptions is Omit<SpeechToTextProperties, 'stylingMode' | 'type'>. Please remove these props (and the ButtonStyle/ButtonType imports if they become unused) so the React nested option can’t set fields that Chat’s public API intentionally excludes.

Suggested change

stylingMode?: ButtonStyle;

tabIndex?: number;

type?: ButtonType | string;

tabIndex?: number;

Copilot · 2026-02-11T10:35:37Z

packages/devextreme-angular/src/ui/chat/index.ts

+    get speechToTextOptions(): dxSpeechToTextOptions {
+        return this._getOption('speechToTextOptions');
+    }
+    set speechToTextOptions(value: dxSpeechToTextOptions) {
+        this._setOption('speechToTextOptions', value);


speechToTextOptions is typed as dxSpeechToTextOptions, but the core dxChatOptions.speechToTextOptions type is Omit<SpeechToTextProperties, 'stylingMode' | 'type'>. The Angular wrapper should use the same omitted type (and update the corresponding speechToTextOptionsChange output type as well) so consumers can’t pass unsupported stylingMode/type values.

Copilot · 2026-02-11T10:35:38Z

packages/devextreme-angular/src/ui/chat/nested/speech-to-text-options.ts

+    @Input()
+    get stylingMode(): ButtonStyle {
+        return this._getOption('stylingMode');
+    }
+    set stylingMode(value: ButtonStyle) {
+        this._setOption('stylingMode', value);
+    }


stylingMode is exposed on the dxo-chat-speech-to-text-options nested option, but dxChatOptions.speechToTextOptions intentionally omits stylingMode (and type). Please remove these inputs from the nested option (or otherwise prevent them from being set) to match the Chat public API typings.

Copilot · 2026-02-11T10:35:38Z

packages/devextreme-angular/src/ui/chat/nested/speech-to-text-options.ts

+    @Input()
+    get type(): ButtonType | string {
+        return this._getOption('type');
+    }
+    set type(value: ButtonType | string) {
+        this._setOption('type', value);
+    }


type is exposed on the dxo-chat-speech-to-text-options nested option, but dxChatOptions.speechToTextOptions omits type (and stylingMode) in the core typings. Please remove this input (or block it from being set) so Angular wrapper matches the supported Chat option surface.

Copilot

Pull request overview

Copilot reviewed 9 out of 13 changed files in this pull request and generated 3 comments.

Copilot · 2026-02-11T11:23:35Z

packages/devextreme-vue/src/chat.ts

+    "update:stopIcon": null,
+    "update:stopText": null,
+    "update:stylingMode": null,
+    "update:tabIndex": null,
+    "update:type": null,
+    "update:visible": null,


DxSpeechToTextOptions exposes stylingMode/type updates, but dxChatOptions.speechToTextOptions omits these fields. Remove these emits (and related props) so the nested configuration surface matches the underlying Chat option type.

Copilot · 2026-02-11T11:23:36Z

packages/devextreme-angular/src/ui/chat/index.ts

+    get speechToTextOptions(): dxSpeechToTextOptions {
+        return this._getOption('speechToTextOptions');
+    }
+    set speechToTextOptions(value: dxSpeechToTextOptions) {


dxChatOptions.speechToTextOptions is typed in core as Omit<dxSpeechToTextOptions, 'stylingMode' | 'type'> (see packages/devextreme/js/ui/chat.d.ts). The Angular wrapper exposes it as full dxSpeechToTextOptions, which allows unsupported options to be passed in and diverges from the runtime API. Align the type here with the core option (omit stylingMode and type).

Suggested change

get speechToTextOptions(): dxSpeechToTextOptions {

return this._getOption('speechToTextOptions');

}

set speechToTextOptions(value: dxSpeechToTextOptions) {

get speechToTextOptions(): Omit<dxSpeechToTextOptions, 'stylingMode' | 'type'> {

return this._getOption('speechToTextOptions');

}

set speechToTextOptions(value: Omit<dxSpeechToTextOptions, 'stylingMode' | 'type'>) {

Copilot · 2026-02-11T11:23:36Z

packages/devextreme-angular/src/ui/chat/index.ts

+     * This member supports the internal infrastructure and is not intended to be used directly from your code.
+
+     */
+    @Output() speechToTextOptionsChange: EventEmitter<dxSpeechToTextOptions>;


speechToTextOptionsChange should match the actual option type exposed by the component (Omit<dxSpeechToTextOptions, 'stylingMode' | 'type'>). Using dxSpeechToTextOptions here makes the event type broader than the supported option surface.

Suggested change

@Output() speechToTextOptionsChange: EventEmitter<dxSpeechToTextOptions>;

@Output() speechToTextOptionsChange: EventEmitter<Omit<dxSpeechToTextOptions, 'stylingMode' | 'type'>>;

Ruslan Farkhutdinov and others added 2 commits February 11, 2026 12:17

Chat: Add STT integration types

b9b4caa

unify dxSpeechToTextOptions & @type tags

71a2285

mpreyskurantov self-assigned this Feb 11, 2026

mpreyskurantov added the WIP Work in progress label Feb 11, 2026

mpreyskurantov requested a review from a team as a code owner February 11, 2026 10:25

Copilot AI review requested due to automatic review settings February 11, 2026 10:25

mpreyskurantov requested a review from a team as a code owner February 11, 2026 10:25

mpreyskurantov added skip-cache force all tests 26_1 labels Feb 11, 2026

Copilot started reviewing on behalf of mpreyskurantov February 11, 2026 10:25 View session

Copilot AI reviewed Feb 11, 2026

View reviewed changes

mpreyskurantov added 2 commits February 11, 2026 12:35

remove @ts-expect-error

e2ccfe0

lint / format

1969554

Copilot AI review requested due to automatic review settings February 11, 2026 11:13

Copilot started reviewing on behalf of mpreyskurantov February 11, 2026 11:13 View session

Copilot AI reviewed Feb 11, 2026

View reviewed changes

mpreyskurantov mentioned this pull request Feb 11, 2026

Chat: Add STT integration types #32399

Closed

mpreyskurantov changed the title ~~WIP: Chat / STT~~ Chat: Add STT / SpeechToText Integration (d.ts) Feb 11, 2026

aspnet: use existing controls

2371177

marker-dao approved these changes Feb 12, 2026

View reviewed changes

mpreyskurantov merged commit 7105591 into DevExpress:26_1 Feb 12, 2026
170 of 172 checks passed

mpreyskurantov deleted the 26_1_chat_stt_types branch February 12, 2026 15:45

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Chat: Add STT / SpeechToText Integration (d.ts)#32517

Chat: Add STT / SpeechToText Integration (d.ts)#32517
mpreyskurantov merged 5 commits intoDevExpress:26_1from
mpreyskurantov:26_1_chat_stt_types

mpreyskurantov commented Feb 11, 2026 •

edited

Loading

Uh oh!

Copilot AI left a comment

Uh oh!

Copilot AI Feb 11, 2026

Uh oh!

Copilot AI Feb 11, 2026

Uh oh!

Copilot AI Feb 11, 2026

Uh oh!

Copilot AI Feb 11, 2026

Uh oh!

Copilot AI Feb 11, 2026

Uh oh!

Copilot AI Feb 11, 2026

Uh oh!

Copilot AI left a comment

Uh oh!

Copilot AI Feb 11, 2026

Uh oh!

Copilot AI Feb 11, 2026

Uh oh!

Copilot AI Feb 11, 2026

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

		speechToTextOptions: Object as PropType<dxSpeechToTextOptions \| Record<string, any>>,
		typingUsers: Array as PropType<Array<User>>,

	@Output() speechToTextOptionsChange: EventEmitter<dxSpeechToTextOptions>;
	@Output() speechToTextOptionsChange: EventEmitter<Omit<dxSpeechToTextOptions, 'stylingMode' \| 'type'>>;

Conversation

mpreyskurantov commented Feb 11, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Reviewed changes

Uh oh!

Copilot AI Feb 11, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Feb 11, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Feb 11, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Feb 11, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Feb 11, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Feb 11, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Uh oh!

Copilot AI Feb 11, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Feb 11, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Feb 11, 2026

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

mpreyskurantov commented Feb 11, 2026 •

edited

Loading