From 97b177f0154664ff970c6eaa9fae5e400a74b2ba Mon Sep 17 00:00:00 2001 From: Arman Boyakhchyan Date: Mon, 24 Aug 2026 14:13:49 +0400 Subject: [PATCH 01/10] DataGrid: Add AI-powered Detail View Demo Desc. --- .../DataGrid/AIPoweredDetailView/React/description.md | 6 ++++++ .../DataGrid/AIPoweredDetailView/ReactJs/description.md | 6 ++++++ .../Demos/DataGrid/AIPoweredDetailView/description.md | 8 +++----- 3 files changed, 15 insertions(+), 5 deletions(-) create mode 100644 apps/demos/Demos/DataGrid/AIPoweredDetailView/React/description.md create mode 100644 apps/demos/Demos/DataGrid/AIPoweredDetailView/ReactJs/description.md diff --git a/apps/demos/Demos/DataGrid/AIPoweredDetailView/React/description.md b/apps/demos/Demos/DataGrid/AIPoweredDetailView/React/description.md new file mode 100644 index 000000000000..c8db96d3e3a7 --- /dev/null +++ b/apps/demos/Demos/DataGrid/AIPoweredDetailView/React/description.md @@ -0,0 +1,6 @@ +This demo incorporates AI-powered insights into DevExtreme [DataGrid](/Documentation/Guide/UI_Components/DataGrid/Overview/)'s [master-detail interface](/Documentation/Guide/UI_Components/DataGrid/Master-Detail_Interface/), extending the component's built-in AI data exploration capabilities. A custom AI-driven UI is configured that allows you to analyze individual record data using natural language. To access this UI and generate data, click the AI icon on the left side of a row and enter a prompt. + + +This demo complements the DataGrid's built-in [AI columns](/Demos/WidgetsGallery/Demo/DataGrid/AIColumns/) capability, which generates data for every row in the component. The AI-powered detail view augments data only within specific rows. This significantly reduces AI token consumption and enhances data generation performance in usage scenarios that do not require generated data for every row. + +To display the AI-powered detail view, this demo defines the DataGrid's [master-detail template](/Documentation/ApiReference/UI_Components/dxDataGrid/Configuration/masterDetail/#template). The template uses DevExtreme [TextBox](/Documentation/Guide/UI_Components/TextBox/Overview/) and [Button](/Documentation/Guide/UI_Components/Button/Overview/) components to allow you to enter and submit prompts. This example also configures a DevExtreme [ButtonGroup](/Documentation/Guide/UI_Components/ButtonGroup/Getting_Started_with_ButtonGroup/) component as prompt suggestions, mirroring the DevExtreme Chat's [Suggestions](/Demos/WidgetsGallery/Demo/Chat/PromptSuggestions/) capability. After you submit a prompt, generated responses appear in a DevExtreme [TextArea](/Documentation/Guide/UI_Components/TextArea/Getting_Started_with_TextArea/) component. diff --git a/apps/demos/Demos/DataGrid/AIPoweredDetailView/ReactJs/description.md b/apps/demos/Demos/DataGrid/AIPoweredDetailView/ReactJs/description.md new file mode 100644 index 000000000000..c8db96d3e3a7 --- /dev/null +++ b/apps/demos/Demos/DataGrid/AIPoweredDetailView/ReactJs/description.md @@ -0,0 +1,6 @@ +This demo incorporates AI-powered insights into DevExtreme [DataGrid](/Documentation/Guide/UI_Components/DataGrid/Overview/)'s [master-detail interface](/Documentation/Guide/UI_Components/DataGrid/Master-Detail_Interface/), extending the component's built-in AI data exploration capabilities. A custom AI-driven UI is configured that allows you to analyze individual record data using natural language. To access this UI and generate data, click the AI icon on the left side of a row and enter a prompt. + + +This demo complements the DataGrid's built-in [AI columns](/Demos/WidgetsGallery/Demo/DataGrid/AIColumns/) capability, which generates data for every row in the component. The AI-powered detail view augments data only within specific rows. This significantly reduces AI token consumption and enhances data generation performance in usage scenarios that do not require generated data for every row. + +To display the AI-powered detail view, this demo defines the DataGrid's [master-detail template](/Documentation/ApiReference/UI_Components/dxDataGrid/Configuration/masterDetail/#template). The template uses DevExtreme [TextBox](/Documentation/Guide/UI_Components/TextBox/Overview/) and [Button](/Documentation/Guide/UI_Components/Button/Overview/) components to allow you to enter and submit prompts. This example also configures a DevExtreme [ButtonGroup](/Documentation/Guide/UI_Components/ButtonGroup/Getting_Started_with_ButtonGroup/) component as prompt suggestions, mirroring the DevExtreme Chat's [Suggestions](/Demos/WidgetsGallery/Demo/Chat/PromptSuggestions/) capability. After you submit a prompt, generated responses appear in a DevExtreme [TextArea](/Documentation/Guide/UI_Components/TextArea/Getting_Started_with_TextArea/) component. diff --git a/apps/demos/Demos/DataGrid/AIPoweredDetailView/description.md b/apps/demos/Demos/DataGrid/AIPoweredDetailView/description.md index a256396ee6f7..c8db96d3e3a7 100644 --- a/apps/demos/Demos/DataGrid/AIPoweredDetailView/description.md +++ b/apps/demos/Demos/DataGrid/AIPoweredDetailView/description.md @@ -1,8 +1,6 @@ -We plan to integrate AI-driven data exploration into the [DataGrid](https://js.devexpress.com/Documentation/Guide/UI_Components/DataGrid/Overview/)'s master-detail scenario. This new functionality allows users to analyze individual record data using natural language. - -In v25.2, we released the [AI column capability](https://www.devexpress.com/subscriptions/new-2025-2.xml#js-grids-ai-columns) for DataGrid. This feature introduced the ability to extend component data using an AI prompt. However, certain usage scenarios do not require generated data for every row. Instead, users may need on-demand data generation for specific rows. Our new AI detail scenario will offer this capability, which can significantly reduce AI token consumption and enhance data generation performance. +This demo incorporates AI-powered insights into DevExtreme [DataGrid](/Documentation/Guide/UI_Components/DataGrid/Overview/)'s [master-detail interface](/Documentation/Guide/UI_Components/DataGrid/Master-Detail_Interface/), extending the component's built-in AI data exploration capabilities. A custom AI-driven UI is configured that allows you to analyze individual record data using natural language. To access this UI and generate data, click the AI icon on the left side of a row and enter a prompt. -Our new AI master-detail feature will also display generated content in a format better suited to longer, more in-depth insights. The capability will include a prompt-driven data analysis UI within DataGrid master-detail interfaces, spanning the full width of the component. +This demo complements the DataGrid's built-in [AI columns](/Demos/WidgetsGallery/Demo/DataGrid/AIColumns/) capability, which generates data for every row in the component. The AI-powered detail view augments data only within specific rows. This significantly reduces AI token consumption and enhances data generation performance in usage scenarios that do not require generated data for every row. -Within the detail row, users will be able to ask questions about the active record and receive AI-generated insights. The AI assistant will be able to summarize record data, clarify complex values, highlight notable patterns, and obtain contextual information specific to the active record. +To display the AI-powered detail view, this demo defines the DataGrid's [master-detail template](/Documentation/ApiReference/UI_Components/dxDataGrid/Configuration/masterDetail/#template). The template uses DevExtreme [TextBox](/Documentation/Guide/UI_Components/TextBox/Overview/) and [Button](/Documentation/Guide/UI_Components/Button/Overview/) components to allow you to enter and submit prompts. This example also configures a DevExtreme [ButtonGroup](/Documentation/Guide/UI_Components/ButtonGroup/Getting_Started_with_ButtonGroup/) component as prompt suggestions, mirroring the DevExtreme Chat's [Suggestions](/Demos/WidgetsGallery/Demo/Chat/PromptSuggestions/) capability. After you submit a prompt, generated responses appear in a DevExtreme [TextArea](/Documentation/Guide/UI_Components/TextArea/Getting_Started_with_TextArea/) component. From 896e8a035d7f3aa2e3736d39b9a8630ac44896ab Mon Sep 17 00:00:00 2001 From: Arman Boyakhchyan Date: Mon, 31 Aug 2026 11:25:29 +0400 Subject: [PATCH 02/10] Update Following Feedback --- .../Demos/DataGrid/AIPoweredDetailView/description.md | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/apps/demos/Demos/DataGrid/AIPoweredDetailView/description.md b/apps/demos/Demos/DataGrid/AIPoweredDetailView/description.md index c8db96d3e3a7..c01f3c23b4e9 100644 --- a/apps/demos/Demos/DataGrid/AIPoweredDetailView/description.md +++ b/apps/demos/Demos/DataGrid/AIPoweredDetailView/description.md @@ -1,6 +1,7 @@ -This demo incorporates AI-powered insights into DevExtreme [DataGrid](/Documentation/Guide/UI_Components/DataGrid/Overview/)'s [master-detail interface](/Documentation/Guide/UI_Components/DataGrid/Master-Detail_Interface/), extending the component's built-in AI data exploration capabilities. A custom AI-driven UI is configured that allows you to analyze individual record data using natural language. To access this UI and generate data, click the AI icon on the left side of a row and enter a prompt. +This demo incorporates AI insights into DevExtreme [DataGrid](/Documentation/Guide/UI_Components/DataGrid/Overview/)'s [master-detail interface](/Documentation/Guide/UI_Components/DataGrid/Master-Detail_Interface/), extending the component's built-in AI data exploration capabilities. This sample complements the DataGrid's built-in [AI columns](/Demos/WidgetsGallery/Demo/DataGrid/AIColumns/) capability, which generates data for every row in the component. The AI-powered detail view augments data only within specific rows, significantly reducing AI token consumption and enhancing data generation performance in usage scenarios that do not require generated data for every row. + +To access the AI detail view and generate data, click the AI icon on the left side of a row and enter a prompt. -This demo complements the DataGrid's built-in [AI columns](/Demos/WidgetsGallery/Demo/DataGrid/AIColumns/) capability, which generates data for every row in the component. The AI-powered detail view augments data only within specific rows. This significantly reduces AI token consumption and enhances data generation performance in usage scenarios that do not require generated data for every row. -To display the AI-powered detail view, this demo defines the DataGrid's [master-detail template](/Documentation/ApiReference/UI_Components/dxDataGrid/Configuration/masterDetail/#template). The template uses DevExtreme [TextBox](/Documentation/Guide/UI_Components/TextBox/Overview/) and [Button](/Documentation/Guide/UI_Components/Button/Overview/) components to allow you to enter and submit prompts. This example also configures a DevExtreme [ButtonGroup](/Documentation/Guide/UI_Components/ButtonGroup/Getting_Started_with_ButtonGroup/) component as prompt suggestions, mirroring the DevExtreme Chat's [Suggestions](/Demos/WidgetsGallery/Demo/Chat/PromptSuggestions/) capability. After you submit a prompt, generated responses appear in a DevExtreme [TextArea](/Documentation/Guide/UI_Components/TextArea/Getting_Started_with_TextArea/) component. +To display the AI-powered detail view, this demo defines the DataGrid's [master-detail template](/Documentation/ApiReference/UI_Components/dxDataGrid/Configuration/masterDetail/#template). The template uses DevExtreme [TextBox](/Documentation/Guide/UI_Components/TextBox/Overview/) and [Button](/Documentation/Guide/UI_Components/Button/Overview/) components to allow you to enter and submit prompts. This example also configures a DevExtreme [ButtonGroup](/Documentation/Guide/UI_Components/ButtonGroup/Getting_Started_with_ButtonGroup/) component as prompt suggestions, mirroring the DevExtreme Chat's [Suggestions](/Demos/WidgetsGallery/Demo/Chat/PromptSuggestions/) capability. After you submit a prompt, the detail view expands and displays a DevExtreme [LoadPanel](/Documentation/Guide/UI_Components/LoadPanel/Overview/) while the AI processes your query. Generated responses appear in a DevExtreme [TextArea](/Documentation/Guide/UI_Components/TextArea/Getting_Started_with_TextArea/) component configured in [read-only mode](/Documentation/ApiReference/UI_Components/dxTextArea/Configuration/#readOnly). From 9115c6a176727d98d0ea9c51ce0326804f5a1168 Mon Sep 17 00:00:00 2001 From: Arman Boyakhchyan Date: Mon, 7 Sep 2026 09:58:56 +0400 Subject: [PATCH 03/10] Apply batched suggestions from code review Co-authored-by: Elena Khamliuk <80813840+khamlyuk@users.noreply.github.com> Signed-off-by: Arman Boyakhchyan --- .../Demos/DataGrid/AIPoweredDetailView/React/description.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/apps/demos/Demos/DataGrid/AIPoweredDetailView/React/description.md b/apps/demos/Demos/DataGrid/AIPoweredDetailView/React/description.md index c8db96d3e3a7..85bdf7a5cfa4 100644 --- a/apps/demos/Demos/DataGrid/AIPoweredDetailView/React/description.md +++ b/apps/demos/Demos/DataGrid/AIPoweredDetailView/React/description.md @@ -1,6 +1,6 @@ -This demo incorporates AI-powered insights into DevExtreme [DataGrid](/Documentation/Guide/UI_Components/DataGrid/Overview/)'s [master-detail interface](/Documentation/Guide/UI_Components/DataGrid/Master-Detail_Interface/), extending the component's built-in AI data exploration capabilities. A custom AI-driven UI is configured that allows you to analyze individual record data using natural language. To access this UI and generate data, click the AI icon on the left side of a row and enter a prompt. +This demo incorporates AI-powered insights into DevExtreme [DataGrid](/Documentation/Guide/UI_Components/DataGrid/Overview/)'s [master-detail interface](/Documentation/Guide/UI_Components/DataGrid/Master-Detail_Interface/), extending the component's built-in AI data exploration capabilities. A custom AI-driven UI is configured so that you can analyze data using natural language. To start working with an AI Assistant, click the **AI** icon on the left side of a row and enter a prompt. -This demo complements the DataGrid's built-in [AI columns](/Demos/WidgetsGallery/Demo/DataGrid/AIColumns/) capability, which generates data for every row in the component. The AI-powered detail view augments data only within specific rows. This significantly reduces AI token consumption and enhances data generation performance in usage scenarios that do not require generated data for every row. +This demo complements the DataGrid's built-in [AI columns](/Demos/WidgetsGallery/Demo/DataGrid/AIColumns/) (that generate data for every row in the component). The AI-powered detail view augments data only within specific rows. This significantly reduces AI token consumption and enhances data generation performance in usage scenarios that do not require generated data for every row. -To display the AI-powered detail view, this demo defines the DataGrid's [master-detail template](/Documentation/ApiReference/UI_Components/dxDataGrid/Configuration/masterDetail/#template). The template uses DevExtreme [TextBox](/Documentation/Guide/UI_Components/TextBox/Overview/) and [Button](/Documentation/Guide/UI_Components/Button/Overview/) components to allow you to enter and submit prompts. This example also configures a DevExtreme [ButtonGroup](/Documentation/Guide/UI_Components/ButtonGroup/Getting_Started_with_ButtonGroup/) component as prompt suggestions, mirroring the DevExtreme Chat's [Suggestions](/Demos/WidgetsGallery/Demo/Chat/PromptSuggestions/) capability. After you submit a prompt, generated responses appear in a DevExtreme [TextArea](/Documentation/Guide/UI_Components/TextArea/Getting_Started_with_TextArea/) component. +To display the AI-powered detail view, this demo defines the DataGrid's [master-detail template](/Documentation/ApiReference/UI_Components/dxDataGrid/Configuration/masterDetail/#template) with DevExtreme [TextBox](/Documentation/Guide/UI_Components/TextBox/Overview/) and [Button](/Documentation/Guide/UI_Components/Button/Overview/) components. The DevExtreme [ButtonGroup](/Documentation/Guide/UI_Components/ButtonGroup/Getting_Started_with_ButtonGroup/) component serves as a prompt suggestion UI, mirroring the DevExtreme Chat's [Suggestions](/Demos/WidgetsGallery/Demo/Chat/PromptSuggestions/) capability. After you submit a prompt, generated responses appear within a DevExtreme [TextArea](/Documentation/Guide/UI_Components/TextArea/Getting_Started_with_TextArea/) component. From bbcd5e3b15b96468a4ea857e277ddae3dbbb4f55 Mon Sep 17 00:00:00 2001 From: Arman Boyakhchyan Date: Mon, 7 Sep 2026 10:07:15 +0400 Subject: [PATCH 04/10] Synchronize All Edits --- .../DataGrid/AIPoweredDetailView/React/description.md | 7 ++++--- .../DataGrid/AIPoweredDetailView/ReactJs/description.md | 7 ++++--- .../Demos/DataGrid/AIPoweredDetailView/description.md | 6 +++--- 3 files changed, 11 insertions(+), 9 deletions(-) diff --git a/apps/demos/Demos/DataGrid/AIPoweredDetailView/React/description.md b/apps/demos/Demos/DataGrid/AIPoweredDetailView/React/description.md index 85bdf7a5cfa4..bc893dfd51d3 100644 --- a/apps/demos/Demos/DataGrid/AIPoweredDetailView/React/description.md +++ b/apps/demos/Demos/DataGrid/AIPoweredDetailView/React/description.md @@ -1,6 +1,7 @@ -This demo incorporates AI-powered insights into DevExtreme [DataGrid](/Documentation/Guide/UI_Components/DataGrid/Overview/)'s [master-detail interface](/Documentation/Guide/UI_Components/DataGrid/Master-Detail_Interface/), extending the component's built-in AI data exploration capabilities. A custom AI-driven UI is configured so that you can analyze data using natural language. To start working with an AI Assistant, click the **AI** icon on the left side of a row and enter a prompt. +This demo incorporates AI insights into DevExtreme [DataGrid](/Documentation/Guide/UI_Components/DataGrid/Overview/)'s [master-detail interface](/Documentation/Guide/UI_Components/DataGrid/Master-Detail_Interface/), extending the component's built-in AI data exploration capabilities. This sample complements the DataGrid's built-in [AI columns](/Demos/WidgetsGallery/Demo/DataGrid/AIColumns/) (that generate data for every row in the component). The AI-powered detail view augments data only within specific rows, significantly reducing AI token consumption and enhancing data generation performance in usage scenarios that do not require generated data for every row. + +To start working with the AI Assistant, click the **AI** icon on the left side of a row and enter a prompt. -This demo complements the DataGrid's built-in [AI columns](/Demos/WidgetsGallery/Demo/DataGrid/AIColumns/) (that generate data for every row in the component). The AI-powered detail view augments data only within specific rows. This significantly reduces AI token consumption and enhances data generation performance in usage scenarios that do not require generated data for every row. -To display the AI-powered detail view, this demo defines the DataGrid's [master-detail template](/Documentation/ApiReference/UI_Components/dxDataGrid/Configuration/masterDetail/#template) with DevExtreme [TextBox](/Documentation/Guide/UI_Components/TextBox/Overview/) and [Button](/Documentation/Guide/UI_Components/Button/Overview/) components. The DevExtreme [ButtonGroup](/Documentation/Guide/UI_Components/ButtonGroup/Getting_Started_with_ButtonGroup/) component serves as a prompt suggestion UI, mirroring the DevExtreme Chat's [Suggestions](/Demos/WidgetsGallery/Demo/Chat/PromptSuggestions/) capability. After you submit a prompt, generated responses appear within a DevExtreme [TextArea](/Documentation/Guide/UI_Components/TextArea/Getting_Started_with_TextArea/) component. +To display the AI-powered detail view, this demo defines the DataGrid's [master-detail template](/Documentation/ApiReference/UI_Components/dxDataGrid/Configuration/masterDetail/#template) with DevExtreme [TextBox](/Documentation/Guide/UI_Components/TextBox/Overview/) and [Button](/Documentation/Guide/UI_Components/Button/Overview/) components. The DevExtreme [ButtonGroup](/Documentation/Guide/UI_Components/ButtonGroup/Getting_Started_with_ButtonGroup/) component serves as a prompt suggestion UI, mirroring the DevExtreme Chat's [Suggestions](/Demos/WidgetsGallery/Demo/Chat/PromptSuggestions/) capability. After you submit a prompt, the detail view expands and displays a DevExtreme [LoadPanel](/Documentation/Guide/UI_Components/LoadPanel/Overview/) while the AI processes your query. Generated responses appear within a DevExtreme [TextArea](/Documentation/Guide/UI_Components/TextArea/Getting_Started_with_TextArea/) component configured in [read-only mode](/Documentation/ApiReference/UI_Components/dxTextArea/Configuration/#readOnly). diff --git a/apps/demos/Demos/DataGrid/AIPoweredDetailView/ReactJs/description.md b/apps/demos/Demos/DataGrid/AIPoweredDetailView/ReactJs/description.md index c8db96d3e3a7..bc893dfd51d3 100644 --- a/apps/demos/Demos/DataGrid/AIPoweredDetailView/ReactJs/description.md +++ b/apps/demos/Demos/DataGrid/AIPoweredDetailView/ReactJs/description.md @@ -1,6 +1,7 @@ -This demo incorporates AI-powered insights into DevExtreme [DataGrid](/Documentation/Guide/UI_Components/DataGrid/Overview/)'s [master-detail interface](/Documentation/Guide/UI_Components/DataGrid/Master-Detail_Interface/), extending the component's built-in AI data exploration capabilities. A custom AI-driven UI is configured that allows you to analyze individual record data using natural language. To access this UI and generate data, click the AI icon on the left side of a row and enter a prompt. +This demo incorporates AI insights into DevExtreme [DataGrid](/Documentation/Guide/UI_Components/DataGrid/Overview/)'s [master-detail interface](/Documentation/Guide/UI_Components/DataGrid/Master-Detail_Interface/), extending the component's built-in AI data exploration capabilities. This sample complements the DataGrid's built-in [AI columns](/Demos/WidgetsGallery/Demo/DataGrid/AIColumns/) (that generate data for every row in the component). The AI-powered detail view augments data only within specific rows, significantly reducing AI token consumption and enhancing data generation performance in usage scenarios that do not require generated data for every row. + +To start working with the AI Assistant, click the **AI** icon on the left side of a row and enter a prompt. -This demo complements the DataGrid's built-in [AI columns](/Demos/WidgetsGallery/Demo/DataGrid/AIColumns/) capability, which generates data for every row in the component. The AI-powered detail view augments data only within specific rows. This significantly reduces AI token consumption and enhances data generation performance in usage scenarios that do not require generated data for every row. -To display the AI-powered detail view, this demo defines the DataGrid's [master-detail template](/Documentation/ApiReference/UI_Components/dxDataGrid/Configuration/masterDetail/#template). The template uses DevExtreme [TextBox](/Documentation/Guide/UI_Components/TextBox/Overview/) and [Button](/Documentation/Guide/UI_Components/Button/Overview/) components to allow you to enter and submit prompts. This example also configures a DevExtreme [ButtonGroup](/Documentation/Guide/UI_Components/ButtonGroup/Getting_Started_with_ButtonGroup/) component as prompt suggestions, mirroring the DevExtreme Chat's [Suggestions](/Demos/WidgetsGallery/Demo/Chat/PromptSuggestions/) capability. After you submit a prompt, generated responses appear in a DevExtreme [TextArea](/Documentation/Guide/UI_Components/TextArea/Getting_Started_with_TextArea/) component. +To display the AI-powered detail view, this demo defines the DataGrid's [master-detail template](/Documentation/ApiReference/UI_Components/dxDataGrid/Configuration/masterDetail/#template) with DevExtreme [TextBox](/Documentation/Guide/UI_Components/TextBox/Overview/) and [Button](/Documentation/Guide/UI_Components/Button/Overview/) components. The DevExtreme [ButtonGroup](/Documentation/Guide/UI_Components/ButtonGroup/Getting_Started_with_ButtonGroup/) component serves as a prompt suggestion UI, mirroring the DevExtreme Chat's [Suggestions](/Demos/WidgetsGallery/Demo/Chat/PromptSuggestions/) capability. After you submit a prompt, the detail view expands and displays a DevExtreme [LoadPanel](/Documentation/Guide/UI_Components/LoadPanel/Overview/) while the AI processes your query. Generated responses appear within a DevExtreme [TextArea](/Documentation/Guide/UI_Components/TextArea/Getting_Started_with_TextArea/) component configured in [read-only mode](/Documentation/ApiReference/UI_Components/dxTextArea/Configuration/#readOnly). diff --git a/apps/demos/Demos/DataGrid/AIPoweredDetailView/description.md b/apps/demos/Demos/DataGrid/AIPoweredDetailView/description.md index c01f3c23b4e9..bc893dfd51d3 100644 --- a/apps/demos/Demos/DataGrid/AIPoweredDetailView/description.md +++ b/apps/demos/Demos/DataGrid/AIPoweredDetailView/description.md @@ -1,7 +1,7 @@ -This demo incorporates AI insights into DevExtreme [DataGrid](/Documentation/Guide/UI_Components/DataGrid/Overview/)'s [master-detail interface](/Documentation/Guide/UI_Components/DataGrid/Master-Detail_Interface/), extending the component's built-in AI data exploration capabilities. This sample complements the DataGrid's built-in [AI columns](/Demos/WidgetsGallery/Demo/DataGrid/AIColumns/) capability, which generates data for every row in the component. The AI-powered detail view augments data only within specific rows, significantly reducing AI token consumption and enhancing data generation performance in usage scenarios that do not require generated data for every row. +This demo incorporates AI insights into DevExtreme [DataGrid](/Documentation/Guide/UI_Components/DataGrid/Overview/)'s [master-detail interface](/Documentation/Guide/UI_Components/DataGrid/Master-Detail_Interface/), extending the component's built-in AI data exploration capabilities. This sample complements the DataGrid's built-in [AI columns](/Demos/WidgetsGallery/Demo/DataGrid/AIColumns/) (that generate data for every row in the component). The AI-powered detail view augments data only within specific rows, significantly reducing AI token consumption and enhancing data generation performance in usage scenarios that do not require generated data for every row. -To access the AI detail view and generate data, click the AI icon on the left side of a row and enter a prompt. +To start working with the AI Assistant, click the **AI** icon on the left side of a row and enter a prompt. -To display the AI-powered detail view, this demo defines the DataGrid's [master-detail template](/Documentation/ApiReference/UI_Components/dxDataGrid/Configuration/masterDetail/#template). The template uses DevExtreme [TextBox](/Documentation/Guide/UI_Components/TextBox/Overview/) and [Button](/Documentation/Guide/UI_Components/Button/Overview/) components to allow you to enter and submit prompts. This example also configures a DevExtreme [ButtonGroup](/Documentation/Guide/UI_Components/ButtonGroup/Getting_Started_with_ButtonGroup/) component as prompt suggestions, mirroring the DevExtreme Chat's [Suggestions](/Demos/WidgetsGallery/Demo/Chat/PromptSuggestions/) capability. After you submit a prompt, the detail view expands and displays a DevExtreme [LoadPanel](/Documentation/Guide/UI_Components/LoadPanel/Overview/) while the AI processes your query. Generated responses appear in a DevExtreme [TextArea](/Documentation/Guide/UI_Components/TextArea/Getting_Started_with_TextArea/) component configured in [read-only mode](/Documentation/ApiReference/UI_Components/dxTextArea/Configuration/#readOnly). +To display the AI-powered detail view, this demo defines the DataGrid's [master-detail template](/Documentation/ApiReference/UI_Components/dxDataGrid/Configuration/masterDetail/#template) with DevExtreme [TextBox](/Documentation/Guide/UI_Components/TextBox/Overview/) and [Button](/Documentation/Guide/UI_Components/Button/Overview/) components. The DevExtreme [ButtonGroup](/Documentation/Guide/UI_Components/ButtonGroup/Getting_Started_with_ButtonGroup/) component serves as a prompt suggestion UI, mirroring the DevExtreme Chat's [Suggestions](/Demos/WidgetsGallery/Demo/Chat/PromptSuggestions/) capability. After you submit a prompt, the detail view expands and displays a DevExtreme [LoadPanel](/Documentation/Guide/UI_Components/LoadPanel/Overview/) while the AI processes your query. Generated responses appear within a DevExtreme [TextArea](/Documentation/Guide/UI_Components/TextArea/Getting_Started_with_TextArea/) component configured in [read-only mode](/Documentation/ApiReference/UI_Components/dxTextArea/Configuration/#readOnly). From 74f9306bfd04c12ae876dbc1930acf1fb52e357e Mon Sep 17 00:00:00 2001 From: Arman Boyakhchyan Date: Mon, 7 Sep 2026 10:47:50 +0400 Subject: [PATCH 05/10] Add Demo Rate Limit Notes --- .../DataGrid/AIPoweredDetailView/React/description.md | 8 ++++++++ .../DataGrid/AIPoweredDetailView/ReactJs/description.md | 8 ++++++++ .../Demos/DataGrid/AIPoweredDetailView/description.md | 8 ++++++++ 3 files changed, 24 insertions(+) diff --git a/apps/demos/Demos/DataGrid/AIPoweredDetailView/React/description.md b/apps/demos/Demos/DataGrid/AIPoweredDetailView/React/description.md index bc893dfd51d3..2b8e43a4dc5e 100644 --- a/apps/demos/Demos/DataGrid/AIPoweredDetailView/React/description.md +++ b/apps/demos/Demos/DataGrid/AIPoweredDetailView/React/description.md @@ -4,4 +4,12 @@ To start working with the AI Assistant, click the **AI** icon on the left side o +[note] + +AI services used for this demo have been rate and data limited. As such, you may experience performance-related delays when exploring the capabilities of AI-powered Detail Views. + +When connected to your own AI model/service without rate and data limits, AI-powered Detail Views will perform seamlessly, without artificial delays. Note that DevExtreme does not offer an AI REST API and does not ship any built-in LLMs/SLMs. + +[/note] + To display the AI-powered detail view, this demo defines the DataGrid's [master-detail template](/Documentation/ApiReference/UI_Components/dxDataGrid/Configuration/masterDetail/#template) with DevExtreme [TextBox](/Documentation/Guide/UI_Components/TextBox/Overview/) and [Button](/Documentation/Guide/UI_Components/Button/Overview/) components. The DevExtreme [ButtonGroup](/Documentation/Guide/UI_Components/ButtonGroup/Getting_Started_with_ButtonGroup/) component serves as a prompt suggestion UI, mirroring the DevExtreme Chat's [Suggestions](/Demos/WidgetsGallery/Demo/Chat/PromptSuggestions/) capability. After you submit a prompt, the detail view expands and displays a DevExtreme [LoadPanel](/Documentation/Guide/UI_Components/LoadPanel/Overview/) while the AI processes your query. Generated responses appear within a DevExtreme [TextArea](/Documentation/Guide/UI_Components/TextArea/Getting_Started_with_TextArea/) component configured in [read-only mode](/Documentation/ApiReference/UI_Components/dxTextArea/Configuration/#readOnly). diff --git a/apps/demos/Demos/DataGrid/AIPoweredDetailView/ReactJs/description.md b/apps/demos/Demos/DataGrid/AIPoweredDetailView/ReactJs/description.md index bc893dfd51d3..2b8e43a4dc5e 100644 --- a/apps/demos/Demos/DataGrid/AIPoweredDetailView/ReactJs/description.md +++ b/apps/demos/Demos/DataGrid/AIPoweredDetailView/ReactJs/description.md @@ -4,4 +4,12 @@ To start working with the AI Assistant, click the **AI** icon on the left side o +[note] + +AI services used for this demo have been rate and data limited. As such, you may experience performance-related delays when exploring the capabilities of AI-powered Detail Views. + +When connected to your own AI model/service without rate and data limits, AI-powered Detail Views will perform seamlessly, without artificial delays. Note that DevExtreme does not offer an AI REST API and does not ship any built-in LLMs/SLMs. + +[/note] + To display the AI-powered detail view, this demo defines the DataGrid's [master-detail template](/Documentation/ApiReference/UI_Components/dxDataGrid/Configuration/masterDetail/#template) with DevExtreme [TextBox](/Documentation/Guide/UI_Components/TextBox/Overview/) and [Button](/Documentation/Guide/UI_Components/Button/Overview/) components. The DevExtreme [ButtonGroup](/Documentation/Guide/UI_Components/ButtonGroup/Getting_Started_with_ButtonGroup/) component serves as a prompt suggestion UI, mirroring the DevExtreme Chat's [Suggestions](/Demos/WidgetsGallery/Demo/Chat/PromptSuggestions/) capability. After you submit a prompt, the detail view expands and displays a DevExtreme [LoadPanel](/Documentation/Guide/UI_Components/LoadPanel/Overview/) while the AI processes your query. Generated responses appear within a DevExtreme [TextArea](/Documentation/Guide/UI_Components/TextArea/Getting_Started_with_TextArea/) component configured in [read-only mode](/Documentation/ApiReference/UI_Components/dxTextArea/Configuration/#readOnly). diff --git a/apps/demos/Demos/DataGrid/AIPoweredDetailView/description.md b/apps/demos/Demos/DataGrid/AIPoweredDetailView/description.md index bc893dfd51d3..2b8e43a4dc5e 100644 --- a/apps/demos/Demos/DataGrid/AIPoweredDetailView/description.md +++ b/apps/demos/Demos/DataGrid/AIPoweredDetailView/description.md @@ -4,4 +4,12 @@ To start working with the AI Assistant, click the **AI** icon on the left side o +[note] + +AI services used for this demo have been rate and data limited. As such, you may experience performance-related delays when exploring the capabilities of AI-powered Detail Views. + +When connected to your own AI model/service without rate and data limits, AI-powered Detail Views will perform seamlessly, without artificial delays. Note that DevExtreme does not offer an AI REST API and does not ship any built-in LLMs/SLMs. + +[/note] + To display the AI-powered detail view, this demo defines the DataGrid's [master-detail template](/Documentation/ApiReference/UI_Components/dxDataGrid/Configuration/masterDetail/#template) with DevExtreme [TextBox](/Documentation/Guide/UI_Components/TextBox/Overview/) and [Button](/Documentation/Guide/UI_Components/Button/Overview/) components. The DevExtreme [ButtonGroup](/Documentation/Guide/UI_Components/ButtonGroup/Getting_Started_with_ButtonGroup/) component serves as a prompt suggestion UI, mirroring the DevExtreme Chat's [Suggestions](/Demos/WidgetsGallery/Demo/Chat/PromptSuggestions/) capability. After you submit a prompt, the detail view expands and displays a DevExtreme [LoadPanel](/Documentation/Guide/UI_Components/LoadPanel/Overview/) while the AI processes your query. Generated responses appear within a DevExtreme [TextArea](/Documentation/Guide/UI_Components/TextArea/Getting_Started_with_TextArea/) component configured in [read-only mode](/Documentation/ApiReference/UI_Components/dxTextArea/Configuration/#readOnly). From c5a1ef1a17151cca7a0d520f07a49e479a3bb8cb Mon Sep 17 00:00:00 2001 From: Arman Boyakhchyan Date: Mon, 7 Sep 2026 11:07:12 +0400 Subject: [PATCH 06/10] Apply suggestion from @khamlyuk Co-authored-by: Elena Khamliuk <80813840+khamlyuk@users.noreply.github.com> Signed-off-by: Arman Boyakhchyan --- .../Demos/DataGrid/AIPoweredDetailView/React/description.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/apps/demos/Demos/DataGrid/AIPoweredDetailView/React/description.md b/apps/demos/Demos/DataGrid/AIPoweredDetailView/React/description.md index 2b8e43a4dc5e..9d7b1ebc061f 100644 --- a/apps/demos/Demos/DataGrid/AIPoweredDetailView/React/description.md +++ b/apps/demos/Demos/DataGrid/AIPoweredDetailView/React/description.md @@ -12,4 +12,4 @@ When connected to your own AI model/service without rate and data limits, AI-pow [/note] -To display the AI-powered detail view, this demo defines the DataGrid's [master-detail template](/Documentation/ApiReference/UI_Components/dxDataGrid/Configuration/masterDetail/#template) with DevExtreme [TextBox](/Documentation/Guide/UI_Components/TextBox/Overview/) and [Button](/Documentation/Guide/UI_Components/Button/Overview/) components. The DevExtreme [ButtonGroup](/Documentation/Guide/UI_Components/ButtonGroup/Getting_Started_with_ButtonGroup/) component serves as a prompt suggestion UI, mirroring the DevExtreme Chat's [Suggestions](/Demos/WidgetsGallery/Demo/Chat/PromptSuggestions/) capability. After you submit a prompt, the detail view expands and displays a DevExtreme [LoadPanel](/Documentation/Guide/UI_Components/LoadPanel/Overview/) while the AI processes your query. Generated responses appear within a DevExtreme [TextArea](/Documentation/Guide/UI_Components/TextArea/Getting_Started_with_TextArea/) component configured in [read-only mode](/Documentation/ApiReference/UI_Components/dxTextArea/Configuration/#readOnly). +To display the AI-powered detail view, this demo defines the DataGrid's [master-detail template](/Documentation/ApiReference/UI_Components/dxDataGrid/Configuration/masterDetail/#template) with DevExtreme [TextBox](/Documentation/Guide/UI_Components/TextBox/Overview/) and [Button](/Documentation/Guide/UI_Components/Button/Overview/) components. The DevExtreme [ButtonGroup](/Documentation/Guide/UI_Components/ButtonGroup/Getting_Started_with_ButtonGroup/) component serves as a prompt suggestion UI, mirroring the DevExtreme Chat's [Suggestions](/Demos/WidgetsGallery/Demo/Chat/PromptSuggestions/). After you submit a prompt, the detail view expands and displays a DevExtreme [LoadPanel](/Documentation/Guide/UI_Components/LoadPanel/Overview/) while the AI processes your query. Generated responses appear within a DevExtreme [TextArea](/Documentation/Guide/UI_Components/TextArea/Getting_Started_with_TextArea/) component configured in [read-only mode](/Documentation/ApiReference/UI_Components/dxTextArea/Configuration/#readOnly). From 34cd823b58021e67a81b56614f0302f4b551fb1f Mon Sep 17 00:00:00 2001 From: Arman Boyakhchyan Date: Mon, 7 Sep 2026 11:13:26 +0400 Subject: [PATCH 07/10] Synchronize Minor Edit --- .../Demos/DataGrid/AIPoweredDetailView/ReactJs/description.md | 2 +- apps/demos/Demos/DataGrid/AIPoweredDetailView/description.md | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/apps/demos/Demos/DataGrid/AIPoweredDetailView/ReactJs/description.md b/apps/demos/Demos/DataGrid/AIPoweredDetailView/ReactJs/description.md index 2b8e43a4dc5e..9d7b1ebc061f 100644 --- a/apps/demos/Demos/DataGrid/AIPoweredDetailView/ReactJs/description.md +++ b/apps/demos/Demos/DataGrid/AIPoweredDetailView/ReactJs/description.md @@ -12,4 +12,4 @@ When connected to your own AI model/service without rate and data limits, AI-pow [/note] -To display the AI-powered detail view, this demo defines the DataGrid's [master-detail template](/Documentation/ApiReference/UI_Components/dxDataGrid/Configuration/masterDetail/#template) with DevExtreme [TextBox](/Documentation/Guide/UI_Components/TextBox/Overview/) and [Button](/Documentation/Guide/UI_Components/Button/Overview/) components. The DevExtreme [ButtonGroup](/Documentation/Guide/UI_Components/ButtonGroup/Getting_Started_with_ButtonGroup/) component serves as a prompt suggestion UI, mirroring the DevExtreme Chat's [Suggestions](/Demos/WidgetsGallery/Demo/Chat/PromptSuggestions/) capability. After you submit a prompt, the detail view expands and displays a DevExtreme [LoadPanel](/Documentation/Guide/UI_Components/LoadPanel/Overview/) while the AI processes your query. Generated responses appear within a DevExtreme [TextArea](/Documentation/Guide/UI_Components/TextArea/Getting_Started_with_TextArea/) component configured in [read-only mode](/Documentation/ApiReference/UI_Components/dxTextArea/Configuration/#readOnly). +To display the AI-powered detail view, this demo defines the DataGrid's [master-detail template](/Documentation/ApiReference/UI_Components/dxDataGrid/Configuration/masterDetail/#template) with DevExtreme [TextBox](/Documentation/Guide/UI_Components/TextBox/Overview/) and [Button](/Documentation/Guide/UI_Components/Button/Overview/) components. The DevExtreme [ButtonGroup](/Documentation/Guide/UI_Components/ButtonGroup/Getting_Started_with_ButtonGroup/) component serves as a prompt suggestion UI, mirroring the DevExtreme Chat's [Suggestions](/Demos/WidgetsGallery/Demo/Chat/PromptSuggestions/). After you submit a prompt, the detail view expands and displays a DevExtreme [LoadPanel](/Documentation/Guide/UI_Components/LoadPanel/Overview/) while the AI processes your query. Generated responses appear within a DevExtreme [TextArea](/Documentation/Guide/UI_Components/TextArea/Getting_Started_with_TextArea/) component configured in [read-only mode](/Documentation/ApiReference/UI_Components/dxTextArea/Configuration/#readOnly). diff --git a/apps/demos/Demos/DataGrid/AIPoweredDetailView/description.md b/apps/demos/Demos/DataGrid/AIPoweredDetailView/description.md index 2b8e43a4dc5e..9d7b1ebc061f 100644 --- a/apps/demos/Demos/DataGrid/AIPoweredDetailView/description.md +++ b/apps/demos/Demos/DataGrid/AIPoweredDetailView/description.md @@ -12,4 +12,4 @@ When connected to your own AI model/service without rate and data limits, AI-pow [/note] -To display the AI-powered detail view, this demo defines the DataGrid's [master-detail template](/Documentation/ApiReference/UI_Components/dxDataGrid/Configuration/masterDetail/#template) with DevExtreme [TextBox](/Documentation/Guide/UI_Components/TextBox/Overview/) and [Button](/Documentation/Guide/UI_Components/Button/Overview/) components. The DevExtreme [ButtonGroup](/Documentation/Guide/UI_Components/ButtonGroup/Getting_Started_with_ButtonGroup/) component serves as a prompt suggestion UI, mirroring the DevExtreme Chat's [Suggestions](/Demos/WidgetsGallery/Demo/Chat/PromptSuggestions/) capability. After you submit a prompt, the detail view expands and displays a DevExtreme [LoadPanel](/Documentation/Guide/UI_Components/LoadPanel/Overview/) while the AI processes your query. Generated responses appear within a DevExtreme [TextArea](/Documentation/Guide/UI_Components/TextArea/Getting_Started_with_TextArea/) component configured in [read-only mode](/Documentation/ApiReference/UI_Components/dxTextArea/Configuration/#readOnly). +To display the AI-powered detail view, this demo defines the DataGrid's [master-detail template](/Documentation/ApiReference/UI_Components/dxDataGrid/Configuration/masterDetail/#template) with DevExtreme [TextBox](/Documentation/Guide/UI_Components/TextBox/Overview/) and [Button](/Documentation/Guide/UI_Components/Button/Overview/) components. The DevExtreme [ButtonGroup](/Documentation/Guide/UI_Components/ButtonGroup/Getting_Started_with_ButtonGroup/) component serves as a prompt suggestion UI, mirroring the DevExtreme Chat's [Suggestions](/Demos/WidgetsGallery/Demo/Chat/PromptSuggestions/). After you submit a prompt, the detail view expands and displays a DevExtreme [LoadPanel](/Documentation/Guide/UI_Components/LoadPanel/Overview/) while the AI processes your query. Generated responses appear within a DevExtreme [TextArea](/Documentation/Guide/UI_Components/TextArea/Getting_Started_with_TextArea/) component configured in [read-only mode](/Documentation/ApiReference/UI_Components/dxTextArea/Configuration/#readOnly). From d2d95734a409fec63d410ff5d3415b0a4d419aaa Mon Sep 17 00:00:00 2001 From: Arman Boyakhchyan Date: Mon, 7 Sep 2026 11:25:16 +0400 Subject: [PATCH 08/10] Add Final Improvement --- .../Demos/DataGrid/AIPoweredDetailView/React/description.md | 2 +- .../Demos/DataGrid/AIPoweredDetailView/ReactJs/description.md | 2 +- apps/demos/Demos/DataGrid/AIPoweredDetailView/description.md | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/apps/demos/Demos/DataGrid/AIPoweredDetailView/React/description.md b/apps/demos/Demos/DataGrid/AIPoweredDetailView/React/description.md index 9d7b1ebc061f..5e9445e3ff08 100644 --- a/apps/demos/Demos/DataGrid/AIPoweredDetailView/React/description.md +++ b/apps/demos/Demos/DataGrid/AIPoweredDetailView/React/description.md @@ -1,4 +1,4 @@ -This demo incorporates AI insights into DevExtreme [DataGrid](/Documentation/Guide/UI_Components/DataGrid/Overview/)'s [master-detail interface](/Documentation/Guide/UI_Components/DataGrid/Master-Detail_Interface/), extending the component's built-in AI data exploration capabilities. This sample complements the DataGrid's built-in [AI columns](/Demos/WidgetsGallery/Demo/DataGrid/AIColumns/) (that generate data for every row in the component). The AI-powered detail view augments data only within specific rows, significantly reducing AI token consumption and enhancing data generation performance in usage scenarios that do not require generated data for every row. +This demo incorporates AI insights into DevExtreme [DataGrid](/Documentation/Guide/UI_Components/DataGrid/Overview/)'s [master-detail interface](/Documentation/Guide/UI_Components/DataGrid/Master-Detail_Interface/), extending the component's built-in AI data exploration capabilities. This sample complements built-in [AI columns](/Demos/WidgetsGallery/Demo/DataGrid/AIColumns/) that generate data for every DataGrid row. The AI-powered detail view augments data only within specific rows, significantly reducing AI token consumption and enhancing data generation performance in usage scenarios that do not require generated data for every row. To start working with the AI Assistant, click the **AI** icon on the left side of a row and enter a prompt. diff --git a/apps/demos/Demos/DataGrid/AIPoweredDetailView/ReactJs/description.md b/apps/demos/Demos/DataGrid/AIPoweredDetailView/ReactJs/description.md index 9d7b1ebc061f..5e9445e3ff08 100644 --- a/apps/demos/Demos/DataGrid/AIPoweredDetailView/ReactJs/description.md +++ b/apps/demos/Demos/DataGrid/AIPoweredDetailView/ReactJs/description.md @@ -1,4 +1,4 @@ -This demo incorporates AI insights into DevExtreme [DataGrid](/Documentation/Guide/UI_Components/DataGrid/Overview/)'s [master-detail interface](/Documentation/Guide/UI_Components/DataGrid/Master-Detail_Interface/), extending the component's built-in AI data exploration capabilities. This sample complements the DataGrid's built-in [AI columns](/Demos/WidgetsGallery/Demo/DataGrid/AIColumns/) (that generate data for every row in the component). The AI-powered detail view augments data only within specific rows, significantly reducing AI token consumption and enhancing data generation performance in usage scenarios that do not require generated data for every row. +This demo incorporates AI insights into DevExtreme [DataGrid](/Documentation/Guide/UI_Components/DataGrid/Overview/)'s [master-detail interface](/Documentation/Guide/UI_Components/DataGrid/Master-Detail_Interface/), extending the component's built-in AI data exploration capabilities. This sample complements built-in [AI columns](/Demos/WidgetsGallery/Demo/DataGrid/AIColumns/) that generate data for every DataGrid row. The AI-powered detail view augments data only within specific rows, significantly reducing AI token consumption and enhancing data generation performance in usage scenarios that do not require generated data for every row. To start working with the AI Assistant, click the **AI** icon on the left side of a row and enter a prompt. diff --git a/apps/demos/Demos/DataGrid/AIPoweredDetailView/description.md b/apps/demos/Demos/DataGrid/AIPoweredDetailView/description.md index 9d7b1ebc061f..5e9445e3ff08 100644 --- a/apps/demos/Demos/DataGrid/AIPoweredDetailView/description.md +++ b/apps/demos/Demos/DataGrid/AIPoweredDetailView/description.md @@ -1,4 +1,4 @@ -This demo incorporates AI insights into DevExtreme [DataGrid](/Documentation/Guide/UI_Components/DataGrid/Overview/)'s [master-detail interface](/Documentation/Guide/UI_Components/DataGrid/Master-Detail_Interface/), extending the component's built-in AI data exploration capabilities. This sample complements the DataGrid's built-in [AI columns](/Demos/WidgetsGallery/Demo/DataGrid/AIColumns/) (that generate data for every row in the component). The AI-powered detail view augments data only within specific rows, significantly reducing AI token consumption and enhancing data generation performance in usage scenarios that do not require generated data for every row. +This demo incorporates AI insights into DevExtreme [DataGrid](/Documentation/Guide/UI_Components/DataGrid/Overview/)'s [master-detail interface](/Documentation/Guide/UI_Components/DataGrid/Master-Detail_Interface/), extending the component's built-in AI data exploration capabilities. This sample complements built-in [AI columns](/Demos/WidgetsGallery/Demo/DataGrid/AIColumns/) that generate data for every DataGrid row. The AI-powered detail view augments data only within specific rows, significantly reducing AI token consumption and enhancing data generation performance in usage scenarios that do not require generated data for every row. To start working with the AI Assistant, click the **AI** icon on the left side of a row and enter a prompt. From e30742cc643190940a8224a14e5fd81ed3b26375 Mon Sep 17 00:00:00 2001 From: Arman Boyakhchyan Date: Wed, 9 Sep 2026 11:25:23 +0400 Subject: [PATCH 09/10] Update React Template Links --- .../Demos/DataGrid/AIPoweredDetailView/React/description.md | 2 +- .../Demos/DataGrid/AIPoweredDetailView/ReactJs/description.md | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/apps/demos/Demos/DataGrid/AIPoweredDetailView/React/description.md b/apps/demos/Demos/DataGrid/AIPoweredDetailView/React/description.md index 5e9445e3ff08..01dc20888fa4 100644 --- a/apps/demos/Demos/DataGrid/AIPoweredDetailView/React/description.md +++ b/apps/demos/Demos/DataGrid/AIPoweredDetailView/React/description.md @@ -12,4 +12,4 @@ When connected to your own AI model/service without rate and data limits, AI-pow [/note] -To display the AI-powered detail view, this demo defines the DataGrid's [master-detail template](/Documentation/ApiReference/UI_Components/dxDataGrid/Configuration/masterDetail/#template) with DevExtreme [TextBox](/Documentation/Guide/UI_Components/TextBox/Overview/) and [Button](/Documentation/Guide/UI_Components/Button/Overview/) components. The DevExtreme [ButtonGroup](/Documentation/Guide/UI_Components/ButtonGroup/Getting_Started_with_ButtonGroup/) component serves as a prompt suggestion UI, mirroring the DevExtreme Chat's [Suggestions](/Demos/WidgetsGallery/Demo/Chat/PromptSuggestions/). After you submit a prompt, the detail view expands and displays a DevExtreme [LoadPanel](/Documentation/Guide/UI_Components/LoadPanel/Overview/) while the AI processes your query. Generated responses appear within a DevExtreme [TextArea](/Documentation/Guide/UI_Components/TextArea/Getting_Started_with_TextArea/) component configured in [read-only mode](/Documentation/ApiReference/UI_Components/dxTextArea/Configuration/#readOnly). +To display the AI-powered detail view, this demo defines the DataGrid's [master-detail template](/Documentation/ApiReference/UI_Components/dxDataGrid/Configuration/masterDetail/#component) with DevExtreme [TextBox](/Documentation/Guide/UI_Components/TextBox/Overview/) and [Button](/Documentation/Guide/UI_Components/Button/Overview/) components. The DevExtreme [ButtonGroup](/Documentation/Guide/UI_Components/ButtonGroup/Getting_Started_with_ButtonGroup/) component serves as a prompt suggestion UI, mirroring the DevExtreme Chat's [Suggestions](/Demos/WidgetsGallery/Demo/Chat/PromptSuggestions/). After you submit a prompt, the detail view expands and displays a DevExtreme [LoadPanel](/Documentation/Guide/UI_Components/LoadPanel/Overview/) while the AI processes your query. Generated responses appear within a DevExtreme [TextArea](/Documentation/Guide/UI_Components/TextArea/Getting_Started_with_TextArea/) component configured in [read-only mode](/Documentation/ApiReference/UI_Components/dxTextArea/Configuration/#readOnly). diff --git a/apps/demos/Demos/DataGrid/AIPoweredDetailView/ReactJs/description.md b/apps/demos/Demos/DataGrid/AIPoweredDetailView/ReactJs/description.md index 5e9445e3ff08..01dc20888fa4 100644 --- a/apps/demos/Demos/DataGrid/AIPoweredDetailView/ReactJs/description.md +++ b/apps/demos/Demos/DataGrid/AIPoweredDetailView/ReactJs/description.md @@ -12,4 +12,4 @@ When connected to your own AI model/service without rate and data limits, AI-pow [/note] -To display the AI-powered detail view, this demo defines the DataGrid's [master-detail template](/Documentation/ApiReference/UI_Components/dxDataGrid/Configuration/masterDetail/#template) with DevExtreme [TextBox](/Documentation/Guide/UI_Components/TextBox/Overview/) and [Button](/Documentation/Guide/UI_Components/Button/Overview/) components. The DevExtreme [ButtonGroup](/Documentation/Guide/UI_Components/ButtonGroup/Getting_Started_with_ButtonGroup/) component serves as a prompt suggestion UI, mirroring the DevExtreme Chat's [Suggestions](/Demos/WidgetsGallery/Demo/Chat/PromptSuggestions/). After you submit a prompt, the detail view expands and displays a DevExtreme [LoadPanel](/Documentation/Guide/UI_Components/LoadPanel/Overview/) while the AI processes your query. Generated responses appear within a DevExtreme [TextArea](/Documentation/Guide/UI_Components/TextArea/Getting_Started_with_TextArea/) component configured in [read-only mode](/Documentation/ApiReference/UI_Components/dxTextArea/Configuration/#readOnly). +To display the AI-powered detail view, this demo defines the DataGrid's [master-detail template](/Documentation/ApiReference/UI_Components/dxDataGrid/Configuration/masterDetail/#component) with DevExtreme [TextBox](/Documentation/Guide/UI_Components/TextBox/Overview/) and [Button](/Documentation/Guide/UI_Components/Button/Overview/) components. The DevExtreme [ButtonGroup](/Documentation/Guide/UI_Components/ButtonGroup/Getting_Started_with_ButtonGroup/) component serves as a prompt suggestion UI, mirroring the DevExtreme Chat's [Suggestions](/Demos/WidgetsGallery/Demo/Chat/PromptSuggestions/). After you submit a prompt, the detail view expands and displays a DevExtreme [LoadPanel](/Documentation/Guide/UI_Components/LoadPanel/Overview/) while the AI processes your query. Generated responses appear within a DevExtreme [TextArea](/Documentation/Guide/UI_Components/TextArea/Getting_Started_with_TextArea/) component configured in [read-only mode](/Documentation/ApiReference/UI_Components/dxTextArea/Configuration/#readOnly). From e933067a735e0fa89efd4e81f633cc511ec29342 Mon Sep 17 00:00:00 2001 From: Arman Boyakhchyan Date: Thu, 10 Sep 2026 08:02:22 +0400 Subject: [PATCH 10/10] Update Following Feedback --- .../Demos/DataGrid/AIPoweredDetailView/React/description.md | 6 +++--- .../DataGrid/AIPoweredDetailView/ReactJs/description.md | 6 +++--- .../demos/Demos/DataGrid/AIPoweredDetailView/description.md | 6 +++--- 3 files changed, 9 insertions(+), 9 deletions(-) diff --git a/apps/demos/Demos/DataGrid/AIPoweredDetailView/React/description.md b/apps/demos/Demos/DataGrid/AIPoweredDetailView/React/description.md index 01dc20888fa4..ef9f26a81599 100644 --- a/apps/demos/Demos/DataGrid/AIPoweredDetailView/React/description.md +++ b/apps/demos/Demos/DataGrid/AIPoweredDetailView/React/description.md @@ -1,6 +1,6 @@ -This demo incorporates AI insights into DevExtreme [DataGrid](/Documentation/Guide/UI_Components/DataGrid/Overview/)'s [master-detail interface](/Documentation/Guide/UI_Components/DataGrid/Master-Detail_Interface/), extending the component's built-in AI data exploration capabilities. This sample complements built-in [AI columns](/Demos/WidgetsGallery/Demo/DataGrid/AIColumns/) that generate data for every DataGrid row. The AI-powered detail view augments data only within specific rows, significantly reducing AI token consumption and enhancing data generation performance in usage scenarios that do not require generated data for every row. +This sample integrates AI-generated insights into the DevExtreme [DataGrid](/Documentation/Guide/UI_Components/DataGrid/Overview/) [master-detail interface](/Documentation/Guide/UI_Components/DataGrid/Master-Detail_Interface/), extending the component's built-in AI-powered data analysis features. While built-in [AI columns](/Demos/WidgetsGallery/Demo/DataGrid/AIColumns/) generate content for every row in the DataGrid, this approach generates AI-enhanced data only when users expand specific master-detail rows. By limiting AI processing to the rows that require additional context, the sample significantly reduces token consumption, improves generation performance, and provides a more efficient solution for usage scenarios wherein AI-generated content is not needed across the entire dataset. -To start working with the AI Assistant, click the **AI** icon on the left side of a row and enter a prompt. +To initiate the AI Assistant, click the **AI** icon on the left side of a row and enter a prompt. @@ -12,4 +12,4 @@ When connected to your own AI model/service without rate and data limits, AI-pow [/note] -To display the AI-powered detail view, this demo defines the DataGrid's [master-detail template](/Documentation/ApiReference/UI_Components/dxDataGrid/Configuration/masterDetail/#component) with DevExtreme [TextBox](/Documentation/Guide/UI_Components/TextBox/Overview/) and [Button](/Documentation/Guide/UI_Components/Button/Overview/) components. The DevExtreme [ButtonGroup](/Documentation/Guide/UI_Components/ButtonGroup/Getting_Started_with_ButtonGroup/) component serves as a prompt suggestion UI, mirroring the DevExtreme Chat's [Suggestions](/Demos/WidgetsGallery/Demo/Chat/PromptSuggestions/). After you submit a prompt, the detail view expands and displays a DevExtreme [LoadPanel](/Documentation/Guide/UI_Components/LoadPanel/Overview/) while the AI processes your query. Generated responses appear within a DevExtreme [TextArea](/Documentation/Guide/UI_Components/TextArea/Getting_Started_with_TextArea/) component configured in [read-only mode](/Documentation/ApiReference/UI_Components/dxTextArea/Configuration/#readOnly). +To surface AI-generated insights within the DataGrid, this sample uses the [master-detail template](/Documentation/ApiReference/UI_Components/dxDataGrid/Configuration/masterDetail/#component) together with DevExtreme [TextBox](/Documentation/Guide/UI_Components/TextBox/Overview/) and [Button](/Documentation/Guide/UI_Components/Button/Overview/) components. A [ButtonGroup](/Documentation/Guide/UI_Components/ButtonGroup/Getting_Started_with_ButtonGroup/) provides prompt suggestions, delivering an experience similar to the DevExtreme Chat [Suggestions](/Demos/WidgetsGallery/Demo/Chat/PromptSuggestions/) demo. When a user submits a prompt, the corresponding detail row expands and displays a [LoadPanel](/Documentation/Guide/UI_Components/LoadPanel/Overview/) while the AI processes the request. Once generation is complete, the response is rendered in a [read-only](/Documentation/ApiReference/UI_Components/dxTextArea/Configuration/#readOnly) [TextArea](/Documentation/Guide/UI_Components/TextArea/Getting_Started_with_TextArea/), allowing users to review AI-generated content directly within the DataGrid without leaving the current context. diff --git a/apps/demos/Demos/DataGrid/AIPoweredDetailView/ReactJs/description.md b/apps/demos/Demos/DataGrid/AIPoweredDetailView/ReactJs/description.md index 01dc20888fa4..ef9f26a81599 100644 --- a/apps/demos/Demos/DataGrid/AIPoweredDetailView/ReactJs/description.md +++ b/apps/demos/Demos/DataGrid/AIPoweredDetailView/ReactJs/description.md @@ -1,6 +1,6 @@ -This demo incorporates AI insights into DevExtreme [DataGrid](/Documentation/Guide/UI_Components/DataGrid/Overview/)'s [master-detail interface](/Documentation/Guide/UI_Components/DataGrid/Master-Detail_Interface/), extending the component's built-in AI data exploration capabilities. This sample complements built-in [AI columns](/Demos/WidgetsGallery/Demo/DataGrid/AIColumns/) that generate data for every DataGrid row. The AI-powered detail view augments data only within specific rows, significantly reducing AI token consumption and enhancing data generation performance in usage scenarios that do not require generated data for every row. +This sample integrates AI-generated insights into the DevExtreme [DataGrid](/Documentation/Guide/UI_Components/DataGrid/Overview/) [master-detail interface](/Documentation/Guide/UI_Components/DataGrid/Master-Detail_Interface/), extending the component's built-in AI-powered data analysis features. While built-in [AI columns](/Demos/WidgetsGallery/Demo/DataGrid/AIColumns/) generate content for every row in the DataGrid, this approach generates AI-enhanced data only when users expand specific master-detail rows. By limiting AI processing to the rows that require additional context, the sample significantly reduces token consumption, improves generation performance, and provides a more efficient solution for usage scenarios wherein AI-generated content is not needed across the entire dataset. -To start working with the AI Assistant, click the **AI** icon on the left side of a row and enter a prompt. +To initiate the AI Assistant, click the **AI** icon on the left side of a row and enter a prompt. @@ -12,4 +12,4 @@ When connected to your own AI model/service without rate and data limits, AI-pow [/note] -To display the AI-powered detail view, this demo defines the DataGrid's [master-detail template](/Documentation/ApiReference/UI_Components/dxDataGrid/Configuration/masterDetail/#component) with DevExtreme [TextBox](/Documentation/Guide/UI_Components/TextBox/Overview/) and [Button](/Documentation/Guide/UI_Components/Button/Overview/) components. The DevExtreme [ButtonGroup](/Documentation/Guide/UI_Components/ButtonGroup/Getting_Started_with_ButtonGroup/) component serves as a prompt suggestion UI, mirroring the DevExtreme Chat's [Suggestions](/Demos/WidgetsGallery/Demo/Chat/PromptSuggestions/). After you submit a prompt, the detail view expands and displays a DevExtreme [LoadPanel](/Documentation/Guide/UI_Components/LoadPanel/Overview/) while the AI processes your query. Generated responses appear within a DevExtreme [TextArea](/Documentation/Guide/UI_Components/TextArea/Getting_Started_with_TextArea/) component configured in [read-only mode](/Documentation/ApiReference/UI_Components/dxTextArea/Configuration/#readOnly). +To surface AI-generated insights within the DataGrid, this sample uses the [master-detail template](/Documentation/ApiReference/UI_Components/dxDataGrid/Configuration/masterDetail/#component) together with DevExtreme [TextBox](/Documentation/Guide/UI_Components/TextBox/Overview/) and [Button](/Documentation/Guide/UI_Components/Button/Overview/) components. A [ButtonGroup](/Documentation/Guide/UI_Components/ButtonGroup/Getting_Started_with_ButtonGroup/) provides prompt suggestions, delivering an experience similar to the DevExtreme Chat [Suggestions](/Demos/WidgetsGallery/Demo/Chat/PromptSuggestions/) demo. When a user submits a prompt, the corresponding detail row expands and displays a [LoadPanel](/Documentation/Guide/UI_Components/LoadPanel/Overview/) while the AI processes the request. Once generation is complete, the response is rendered in a [read-only](/Documentation/ApiReference/UI_Components/dxTextArea/Configuration/#readOnly) [TextArea](/Documentation/Guide/UI_Components/TextArea/Getting_Started_with_TextArea/), allowing users to review AI-generated content directly within the DataGrid without leaving the current context. diff --git a/apps/demos/Demos/DataGrid/AIPoweredDetailView/description.md b/apps/demos/Demos/DataGrid/AIPoweredDetailView/description.md index 5e9445e3ff08..8924c7a05acf 100644 --- a/apps/demos/Demos/DataGrid/AIPoweredDetailView/description.md +++ b/apps/demos/Demos/DataGrid/AIPoweredDetailView/description.md @@ -1,6 +1,6 @@ -This demo incorporates AI insights into DevExtreme [DataGrid](/Documentation/Guide/UI_Components/DataGrid/Overview/)'s [master-detail interface](/Documentation/Guide/UI_Components/DataGrid/Master-Detail_Interface/), extending the component's built-in AI data exploration capabilities. This sample complements built-in [AI columns](/Demos/WidgetsGallery/Demo/DataGrid/AIColumns/) that generate data for every DataGrid row. The AI-powered detail view augments data only within specific rows, significantly reducing AI token consumption and enhancing data generation performance in usage scenarios that do not require generated data for every row. +This sample integrates AI-generated insights into the DevExtreme [DataGrid](/Documentation/Guide/UI_Components/DataGrid/Overview/) [master-detail interface](/Documentation/Guide/UI_Components/DataGrid/Master-Detail_Interface/), extending the component's built-in AI-powered data analysis features. While built-in [AI columns](/Demos/WidgetsGallery/Demo/DataGrid/AIColumns/) generate content for every row in the DataGrid, this approach generates AI-enhanced data only when users expand specific master-detail rows. By limiting AI processing to the rows that require additional context, the sample significantly reduces token consumption, improves generation performance, and provides a more efficient solution for usage scenarios wherein AI-generated content is not needed across the entire dataset. -To start working with the AI Assistant, click the **AI** icon on the left side of a row and enter a prompt. +To initiate the AI Assistant, click the **AI** icon on the left side of a row and enter a prompt. @@ -12,4 +12,4 @@ When connected to your own AI model/service without rate and data limits, AI-pow [/note] -To display the AI-powered detail view, this demo defines the DataGrid's [master-detail template](/Documentation/ApiReference/UI_Components/dxDataGrid/Configuration/masterDetail/#template) with DevExtreme [TextBox](/Documentation/Guide/UI_Components/TextBox/Overview/) and [Button](/Documentation/Guide/UI_Components/Button/Overview/) components. The DevExtreme [ButtonGroup](/Documentation/Guide/UI_Components/ButtonGroup/Getting_Started_with_ButtonGroup/) component serves as a prompt suggestion UI, mirroring the DevExtreme Chat's [Suggestions](/Demos/WidgetsGallery/Demo/Chat/PromptSuggestions/). After you submit a prompt, the detail view expands and displays a DevExtreme [LoadPanel](/Documentation/Guide/UI_Components/LoadPanel/Overview/) while the AI processes your query. Generated responses appear within a DevExtreme [TextArea](/Documentation/Guide/UI_Components/TextArea/Getting_Started_with_TextArea/) component configured in [read-only mode](/Documentation/ApiReference/UI_Components/dxTextArea/Configuration/#readOnly). +To surface AI-generated insights within the DataGrid, this sample uses the [master-detail template](/Documentation/ApiReference/UI_Components/dxDataGrid/Configuration/masterDetail/#template) together with DevExtreme [TextBox](/Documentation/Guide/UI_Components/TextBox/Overview/) and [Button](/Documentation/Guide/UI_Components/Button/Overview/) components. A [ButtonGroup](/Documentation/Guide/UI_Components/ButtonGroup/Getting_Started_with_ButtonGroup/) provides prompt suggestions, delivering an experience similar to the DevExtreme Chat [Suggestions](/Demos/WidgetsGallery/Demo/Chat/PromptSuggestions/) demo. When a user submits a prompt, the corresponding detail row expands and displays a [LoadPanel](/Documentation/Guide/UI_Components/LoadPanel/Overview/) while the AI processes the request. Once generation is complete, the response is rendered in a [read-only](/Documentation/ApiReference/UI_Components/dxTextArea/Configuration/#readOnly) [TextArea](/Documentation/Guide/UI_Components/TextArea/Getting_Started_with_TextArea/), allowing users to review AI-generated content directly within the DataGrid without leaving the current context.