Skip to content

Add Chat - Custom AI Assistant demo jQuery - #35025

Open
16adianay wants to merge 8 commits into
DevExpress:feature/demo_custom_AI_assistantfrom
16adianay:feature/demo_custom_AI_assistant_jQuery
Open

Add Chat - Custom AI Assistant demo jQuery#35025
16adianay wants to merge 8 commits into
DevExpress:feature/demo_custom_AI_assistantfrom
16adianay:feature/demo_custom_AI_assistant_jQuery

Conversation

@16adianay

Copy link
Copy Markdown
Contributor

No description provided.

@16adianay
16adianay requested a review from a team as a code owner September 2, 2026 15:03
@16adianay 16adianay changed the title Add Chat - Custom AI Assistant demo Add Chat - Custom AI Assistant demo jQuery Sep 2, 2026
@16adianay 16adianay self-assigned this Sep 3, 2026
@16adianay 16adianay added the 26_2 label Sep 3, 2026
- Add aria-label to CheckBoxes
- Add etalons
- Fux quotes

Copilot AI left a comment

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.

🟡 Changes recommended

Unrelated prompts, compound filters, hidden columns, and timed-out Smart Paste requests currently produce incorrect or unsafe behavior.

Once you've addressed the issues Copilot identified, you can request another Copilot review.

Pull request overview

Adds a jQuery Chat demo that routes AI prompts to Form and DataGrid operations.

Changes:

  • Adds the custom AI assistant UI and OpenAI integration.
  • Implements form and grid command routing.
  • Registers demo metadata, CSP permissions, and lint configuration.
File summaries
File Description
apps/demos/utils/server/csp-server.js Allows required AI service and module sources.
apps/demos/menuMeta.json Registers the new demo.
apps/demos/eslint.config.mjs Configures lint exceptions for shared globals.
apps/demos/Demos/Chat/CustomAIAssistant/jQuery/styles.css Styles the assistant, form, and grid.
apps/demos/Demos/Chat/CustomAIAssistant/jQuery/index.js Initializes the demo UI and interactions.
apps/demos/Demos/Chat/CustomAIAssistant/jQuery/index.html Defines assets and page structure.
apps/demos/Demos/Chat/CustomAIAssistant/jQuery/grid-commands.js Implements AI-driven grid commands.
apps/demos/Demos/Chat/CustomAIAssistant/jQuery/form-commands.js Implements form clearing and Smart Paste.
apps/demos/Demos/Chat/CustomAIAssistant/jQuery/data.js Provides configuration and sample data.
apps/demos/Demos/Chat/CustomAIAssistant/jQuery/chat-router.js Classifies and routes user requests.
apps/demos/Demos/Chat/CustomAIAssistant/jQuery/ai-service.js Configures AI requests and retry behavior.
Review details
  • Files reviewed: 11/13 changed files
  • Comments generated: 6
  • Review effort level: Balanced

💡 Add a code-review agent skill or configure MCP servers for context-aware, tailored reviews. Learn more in the docs.

Comment thread apps/demos/Demos/Chat/CustomAIAssistant/jQuery/chat-router.js Outdated
Comment thread apps/demos/Demos/Chat/CustomAIAssistant/jQuery/form-commands.js Outdated
Comment thread apps/demos/Demos/Chat/CustomAIAssistant/jQuery/grid-commands.js Outdated
Comment thread apps/demos/Demos/Chat/CustomAIAssistant/jQuery/grid-commands.js Outdated
Comment thread apps/demos/Demos/Chat/CustomAIAssistant/jQuery/styles.css Outdated
Comment thread apps/demos/Demos/Chat/CustomAIAssistant/jQuery/styles.css Outdated

@dmlvr dmlvr left a comment

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.

Our demos currently support only a strictly defined set of files:

  • index.html
  • styles.css
  • index.js
  • data.js

This is related to the logic of automatic codepen creation.

Please, move data from other .js files to index.js.

@dmlvr dmlvr left a comment

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.

minor: do we need support a11y in this demo? For example I cannot focus FAB button from keyboadr.

Comment thread apps/demos/Demos/Chat/CustomAIAssistant/jQuery/chat-router.js Outdated
Comment thread apps/demos/Demos/Chat/CustomAIAssistant/jQuery/grid-commands.js Outdated
Comment thread apps/demos/Demos/Chat/CustomAIAssistant/jQuery/form-commands.js Outdated
@16adianay

Copy link
Copy Markdown
Contributor Author

minor: do we need support a11y in this demo? For example I cannot focus FAB button from keyboadr.

The FAB button does not meet any accessibility requirements and currently are not accessible according to docs:
https://js.devexpress.com/jQuery/Documentation/Guide/Common/Accessibility/#Documentation_for_Components

- Move JS to index.js
- Improve readability of long texts
- DataGrid filters can be combined now
- The updated form fields are shown in a message from AI assistant
@16adianay
16adianay requested review from a team and dmlvr September 4, 2026 14:51
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.

3 participants