diff --git a/apps/demos/Demos/Chat/PageLevelAIAssistant/Angular/app/data.ts b/apps/demos/Demos/Chat/PageLevelAIAssistant/Angular/app/data.ts index c496733a738f..e3c20ba8e783 100644 --- a/apps/demos/Demos/Chat/PageLevelAIAssistant/Angular/app/data.ts +++ b/apps/demos/Demos/Chat/PageLevelAIAssistant/Angular/app/data.ts @@ -133,7 +133,7 @@ export const AI_SERVICE_CONFIG = { export const EMPTY_VIEW_MESSAGE = 'AI Assistant is ready to help you'; -export const EMPTY_VIEW_PROMPT = 'Update employee Form fields.\nFilter or sort tasks, display or hide DataGrid columns, or clear all filters and sorting.'; +export const EMPTY_VIEW_PROMPT = 'Update employee information in the Form.\nChange task presentation in the DataGrid: filter and sort data, change column visibility.'; export const SMART_PASTE_TIMEOUT_MS = 30000; export const MAX_USER_MESSAGE_LENGTH = 2000; @@ -220,8 +220,8 @@ export const tasks: Task[] = [ ]; export const chatSuggestions = [ - { text: 'Show Completed Tasks', prompt: 'Show Completed Tasks' }, { text: 'Change State to Texas', prompt: 'Change State to Texas' }, + { text: 'Review Completed Tasks', prompt: 'Review Completed Tasks' }, ]; export const formFieldsConfig: DxFormTypes.SimpleItem[] = [ diff --git a/apps/demos/Demos/Chat/PageLevelAIAssistant/React/AiAssistant.tsx b/apps/demos/Demos/Chat/PageLevelAIAssistant/React/AiAssistant.tsx index a59c7f900901..0575be2effa6 100644 --- a/apps/demos/Demos/Chat/PageLevelAIAssistant/React/AiAssistant.tsx +++ b/apps/demos/Demos/Chat/PageLevelAIAssistant/React/AiAssistant.tsx @@ -10,8 +10,8 @@ import { emptyViewMessage } from './data.ts'; import type { AiAssistantProps, PushMessage } from './data.ts'; const chatSuggestionItems = [ - { text: 'Show Completed Tasks', prompt: 'Show Completed Tasks' }, { text: 'Change State to Texas', prompt: 'Change State to Texas' }, + { text: 'Review Completed Tasks', prompt: 'Review Completed Tasks' }, ]; const chatUser = { id: 'user' }; const popupWrapperAttr: PopupTypes.Properties['wrapperAttr'] = { class: 'chat-popup' }; @@ -22,8 +22,8 @@ function EmptyView(): React.JSX.Element {
{emptyViewMessage}
-
Update employee Form fields.
-
Filter or sort tasks, display or hide DataGrid columns, or clear all filters and sorting.
+
Update employee information in the Form.
+
Change task presentation in the DataGrid: filter and sort data, change column visibility.
); diff --git a/apps/demos/Demos/Chat/PageLevelAIAssistant/ReactJs/AiAssistant.js b/apps/demos/Demos/Chat/PageLevelAIAssistant/ReactJs/AiAssistant.js index 777dd108ddf4..e3b5147925ce 100644 --- a/apps/demos/Demos/Chat/PageLevelAIAssistant/ReactJs/AiAssistant.js +++ b/apps/demos/Demos/Chat/PageLevelAIAssistant/ReactJs/AiAssistant.js @@ -9,8 +9,8 @@ import { routeMessage } from './chat-router.js'; import { emptyViewMessage } from './data.js'; const chatSuggestionItems = [ - { text: 'Show Completed Tasks', prompt: 'Show Completed Tasks' }, { text: 'Change State to Texas', prompt: 'Change State to Texas' }, + { text: 'Review Completed Tasks', prompt: 'Review Completed Tasks' }, ]; const chatUser = { id: 'user' }; const popupWrapperAttr = { class: 'chat-popup' }; @@ -21,11 +21,11 @@ function EmptyView() {
{emptyViewMessage}
- Update employee Form fields. + Update employee information in the Form.
- Filter or sort tasks, display or hide DataGrid columns, or clear all filters and - sorting. + Change task presentation in the DataGrid: filter and sort data, change column + visibility.
diff --git a/apps/demos/Demos/Chat/PageLevelAIAssistant/Vue/data.ts b/apps/demos/Demos/Chat/PageLevelAIAssistant/Vue/data.ts index 38e4165ce9e6..6aa1f1f7e7b2 100644 --- a/apps/demos/Demos/Chat/PageLevelAIAssistant/Vue/data.ts +++ b/apps/demos/Demos/Chat/PageLevelAIAssistant/Vue/data.ts @@ -142,7 +142,7 @@ export const RATE_LIMIT_RETRY_DELAY_MS = 30000; export const EMPTY_VIEW_MESSAGE = 'AI Assistant is ready to help you'; -export const EMPTY_VIEW_PROMPT = 'Update employee Form fields.\nFilter or sort tasks, display or hide DataGrid columns, or clear all filters and sorting.'; +export const EMPTY_VIEW_PROMPT = 'Update employee information in the Form.\nChange task presentation in the DataGrid: filter and sort data, change column visibility.'; export const SMART_PASTE_TIMEOUT_MS = 30000; export const MAX_USER_MESSAGE_LENGTH = 2000; @@ -229,8 +229,8 @@ export const tasks: Task[] = [ ]; export const chatSuggestions = [ - { text: 'Show Completed Tasks', prompt: 'Show Completed Tasks' }, { text: 'Change State to Texas', prompt: 'Change State to Texas' }, + { text: 'Review Completed Tasks', prompt: 'Review Completed Tasks' }, ]; export const formFieldsConfig: DxFormTypes.SimpleItem[] = [ diff --git a/apps/demos/Demos/Chat/PageLevelAIAssistant/description.md b/apps/demos/Demos/Chat/PageLevelAIAssistant/description.md index 5deeae41357a..a2160a9ec782 100644 --- a/apps/demos/Demos/Chat/PageLevelAIAssistant/description.md +++ b/apps/demos/Demos/Chat/PageLevelAIAssistant/description.md @@ -1,11 +1,11 @@ -This demo uses the DevExtreme [Chat](/Documentation/ApiReference/UI_Components/dxChat/) component as a page-level AI assistant. Users type requests using natural language, and the assistant updates [Form](/Documentation/ApiReference/UI_Components/dxForm/) and [DataGrid](/Documentation/ApiReference/UI_Components/dxDataGrid/) components on the page. The demo uses [Azure OpenAI](https://azure.microsoft.com/en-us/products/ai-services/openai-service) as the AI service. +This demo uses the DevExtreme [Chat](/Documentation/ApiReference/UI_Components/dxChat/) component as a page-level AI assistant. Users enter requests using natural language and the assistant updates [Form](/Documentation/ApiReference/UI_Components/dxForm/) and [DataGrid](/Documentation/ApiReference/UI_Components/dxDataGrid/) components on the page. The demo uses [Azure OpenAI](https://azure.microsoft.com/en-us/products/ai-services/openai-service) as the AI service. -Click the floating **AI Assistant** button to open the Chat. Try prompts such as "Change State to Texas", "Show completed tasks", or "Sort by due date descending". +Click the floating **AI Assistant** button to open the Chat. Try prompts such as "Change State to Texas", "Review completed tasks", or "Sort by due date descending". ## Chat in a Popup -In this demo a [SpeedDialAction](/Documentation/ApiReference/UI_Components/dxSpeedDialAction/) button opens displays a [Popup](/Documentation/ApiReference/UI_Components/dxPopup/) that contains the Chat component. The popup is draggable and resizable, so users can keep the Form and DataGrid visible while they work with the assistant. A toolbar button within the popup header allows you to clear the conversation. +In this demo a [SpeedDialAction](/Documentation/ApiReference/UI_Components/dxSpeedDialAction/) button opens displays a [Popup](/Documentation/ApiReference/UI_Components/dxPopup/) that contains our Chat component. The popup is draggable and resizable, so users can keep the Form and DataGrid visible while working with the assistant. A toolbar button within the popup header allows you to clear the conversation. The Chat also leverages the following features: @@ -19,14 +19,14 @@ The [onMessageEntered](/Documentation/ApiReference/UI_Components/dxChat/Configur ## Form Updates (Smart Paste) -The Form uses the [Smart Paste](/Documentation/ApiReference/UI_Components/dxForm/Configuration/#aiIntegration) feature to fill editors based on free-form text. The Chat calls the Form's [smartPaste(text)](/Documentation/ApiReference/UI_Components/dxForm/Methods/#smartPastetext) method and handles the [smartPasted](/Documentation/ApiReference/UI_Components/dxForm/Configuration/#onSmartPasted) event to indicate which fields the AI updated. The assistant can also clear a single field or reset the entire Form. +The Form uses the [Smart Paste](/Documentation/ApiReference/UI_Components/dxForm/Configuration/#aiIntegration) feature to populate editors based on free-form text. The Chat calls the Form's [smartPaste(text)](/Documentation/ApiReference/UI_Components/dxForm/Methods/#smartPastetext) method and handles the [smartPasted](/Documentation/ApiReference/UI_Components/dxForm/Configuration/#onSmartPasted) event to indicate which fields the AI updated. The assistant can also clear a single field or reset the entire Form. ## DataGrid Commands The AI service translates grid-related requests into a list of structured commands that the demo executes using DataGrid APIs: -- **Filtering** - sets [filterValue](/Documentation/ApiReference/UI_Components/dxDataGrid/Configuration/#filterValue) for a column, or calls [clearFilter()](/Documentation/ApiReference/UI_Components/dxDataGrid/Methods/#clearFilter) to remove filters. -- **Sorting** - sets a column's `sortOrder`, or calls [clearSorting()](/Documentation/ApiReference/UI_Components/dxDataGrid/Methods/#clearSorting). +- **Filtering** - sets [filterValue](/Documentation/ApiReference/UI_Components/dxDataGrid/Configuration/#filterValue) for a column or calls [clearFilter()](/Documentation/ApiReference/UI_Components/dxDataGrid/Methods/#clearFilter) to remove filters. +- **Sorting** - sets a column's `sortOrder` or calls [clearSorting()](/Documentation/ApiReference/UI_Components/dxDataGrid/Methods/#clearSorting). - **Column visibility** - displays/hides a column. -The `gridCommands` object in the demo code defines the available commands and their parameters. Add a new command to this object to extend the assistant. A single request can include multiple commands (for example, "Show completed tasks and sort by priority"). +The `gridCommands` object in the demo code defines the available commands and associated parameters. Add a new command to this object to extend the assistant. A single request can include multiple commands (for example, "Show completed tasks and sort by priority"). diff --git a/apps/demos/Demos/Chat/PageLevelAIAssistant/jQuery/data.js b/apps/demos/Demos/Chat/PageLevelAIAssistant/jQuery/data.js index 24345c3a2474..be829e38ac07 100644 --- a/apps/demos/Demos/Chat/PageLevelAIAssistant/jQuery/data.js +++ b/apps/demos/Demos/Chat/PageLevelAIAssistant/jQuery/data.js @@ -9,7 +9,7 @@ const apiKey = 'DEMO'; const emptyViewMessage = 'AI Assistant is ready to help you'; const emptyViewPrompt = - 'Update employee Form fields.\nFilter or sort tasks, display or hide DataGrid columns, or clear all filters and sorting.'; + 'Update employee information in the Form.\nChange task presentation in the DataGrid: filter and sort data, change column visibility.'; const SMART_PASTE_TIMEOUT_MS = 30000; const MAX_USER_MESSAGE_LENGTH = 2000; diff --git a/apps/demos/Demos/Chat/PageLevelAIAssistant/jQuery/index.js b/apps/demos/Demos/Chat/PageLevelAIAssistant/jQuery/index.js index 00856ca404a2..9d4967d57162 100644 --- a/apps/demos/Demos/Chat/PageLevelAIAssistant/jQuery/index.js +++ b/apps/demos/Demos/Chat/PageLevelAIAssistant/jQuery/index.js @@ -150,11 +150,11 @@ $(() => { speechToTextEnabled: true, suggestions: { items: [ - { text: 'Show Completed Tasks', prompt: 'Show Completed Tasks' }, { text: 'Change State to Texas', prompt: 'Change State to Texas', }, + { text: 'Review Completed Tasks', prompt: 'Review Completed Tasks' }, ], onItemClick(e) { const { prompt } = e.itemData;