Skip to content

AI Assistant: DataGrid - write JS frameworks demos (Vue)#33668

Open
Raushen wants to merge 3 commits into
DevExpress:26_1from
Raushen:AIAssistant-Demo-Vue
Open

AI Assistant: DataGrid - write JS frameworks demos (Vue)#33668
Raushen wants to merge 3 commits into
DevExpress:26_1from
Raushen:AIAssistant-Demo-Vue

Conversation

@Raushen
Copy link
Copy Markdown
Contributor

@Raushen Raushen commented May 21, 2026

No description provided.

@Raushen Raushen self-assigned this May 21, 2026
@Raushen Raushen requested a review from a team as a code owner May 21, 2026 18:33
Copilot AI review requested due to automatic review settings May 21, 2026 18:33
@Raushen Raushen added the 26_1 label May 21, 2026
Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Adds a new Vue demo for the DataGrid AI Assistant, including a Vue app entry point, page host, grid UI with chat suggestions, and an Azure OpenAI-backed AIIntegration provider.

Changes:

  • Introduces a Vue DataGrid AI Assistant demo UI (App.vue) with search/filter/grouping/paging and predefined prompt suggestions.
  • Adds a Vue AIIntegration provider (service.ts) that calls the demo Azure OpenAI endpoint and retries on transient “Connection error” responses.
  • Adds Vue demo bootstrap and HTML host (index.ts, index.html).

Reviewed changes

Copilot reviewed 4 out of 5 changed files in this pull request and generated 2 comments.

File Description
apps/demos/Demos/DataGrid/AIAssistant/Vue/service.ts Implements the Azure OpenAI-backed provider used by DataGrid AI Assistant (request, retry, abort).
apps/demos/Demos/DataGrid/AIAssistant/Vue/index.ts Boots the Vue app and mounts App.vue.
apps/demos/Demos/DataGrid/AIAssistant/Vue/index.html Provides the demo HTML host and SystemJS-based TS entry loading.
apps/demos/Demos/DataGrid/AIAssistant/Vue/App.vue Renders the DataGrid with AI Assistant enabled and configures chat suggestions behavior.

Comment thread apps/demos/Demos/DataGrid/AIAssistant/Vue/service.ts
Comment thread apps/demos/Demos/DataGrid/AIAssistant/Vue/service.ts
prompt: string;
}

const onSuggestionItemClick = (e: DxButtonGroupTypes.ItemClickEvent) => {
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
const onSuggestionItemClick = (e: DxButtonGroupTypes.ItemClickEvent) => {
const onSuggestionItemClick = (e: DxButtonGroupTypes.ItemClickEvent<SuggestionItem>) => {

},
};

const response = await service.chat.completions.create(params as never, { signal });
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We can extend OpenAI.ChatCompletionCreateParamsStreaming and use it for params if needed

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants