Grids AI Column Demos: Update UX texts (DevExpress#31823)

arman-boyakhchyan · web-flow · commit 2fa7d9024f18 · 2025-11-25T13:07:35.000+04:00
diff --git a/apps/demos/Demos/DataGrid/AIColumns/Angular/app/ai/ai.service.ts b/apps/demos/Demos/DataGrid/AIColumns/Angular/app/ai/ai.service.ts
@@ -50,7 +50,7 @@ async function getAIResponseRecursive(messages: AIMessage[], signal: AbortSignal
       }
 
       notify({
-        message: 'You have reached the AI rate limits of this demo. Retrying in 30 seconds...',
+        message: 'Our demo AI service reached a temporary request limit. Retrying in 30 seconds.',
         width: 'auto',
         type: 'error',
         displayTime: 5000,
@@ -68,7 +68,7 @@ const aiIntegration = new AIIntegration({
 
     if (!isValidRequest) {
       return {
-        promise: Promise.reject(new Error('Request is too large')),
+        promise: Promise.reject(new Error('Request is too long. Specify a shorter prompt.')),
         abort: () => {},
       };
     }
diff --git a/apps/demos/Demos/DataGrid/AIColumns/Angular/app/app.component.html b/apps/demos/Demos/DataGrid/AIColumns/Angular/app/app.component.html
@@ -55,7 +55,7 @@
     [width]="200"
   >
     <dxo-data-grid-ai
-      prompt="Identify the country where this vehicle model is originally manufactured or developed, based on its brand, model, and specifications."
+      prompt="Identify the country where the vehicle model is manufactured. When looking up a country, consider vehicle brand, model, and specifications."
       mode="auto"
       noDataText="No data"
     />
diff --git a/apps/demos/Demos/DataGrid/AIColumns/React/App.tsx b/apps/demos/Demos/DataGrid/AIColumns/React/App.tsx
@@ -94,7 +94,7 @@ export default function App() {
           <AI
             mode="auto"
             noDataText="No data"
-            prompt="Identify the country where this vehicle model is originally manufactured or developed, based on its brand, model, and specifications."
+            prompt="Identify the country where the vehicle model is manufactured. When looking up a country, consider vehicle brand, model, and specifications."
           />
         </Column>
       </DataGrid>
diff --git a/apps/demos/Demos/DataGrid/AIColumns/React/service.ts b/apps/demos/Demos/DataGrid/AIColumns/React/service.ts
@@ -39,7 +39,7 @@ async function getAIResponseRecursive(messages: AIMessage[], signal: AbortSignal
       }
 
       notify({
-        message: 'You have reached the AI rate limits of this demo. Retrying in 30 seconds...',
+        message: 'Our demo AI service reached a temporary request limit. Retrying in 30 seconds.',
         width: 'auto',
         type: 'error',
         displayTime: 5000,
@@ -56,7 +56,7 @@ export const aiIntegration = new AIIntegration({
     const isValidRequest = JSON.stringify(prompt.user).length < 5000;
     if (!isValidRequest) {
       return {
-        promise: Promise.reject(new Error('Request is too large')),
+        promise: Promise.reject(new Error('Request is too long. Specify a shorter prompt.')),
         abort: () => {},
       };
     }
diff --git a/apps/demos/Demos/DataGrid/AIColumns/ReactJs/App.js b/apps/demos/Demos/DataGrid/AIColumns/ReactJs/App.js
@@ -86,7 +86,7 @@ export default function App() {
           <AI
             mode="auto"
             noDataText="No data"
-            prompt="Identify the country where this vehicle model is originally manufactured or developed, based on its brand, model, and specifications."
+            prompt="Identify the country where the vehicle model is manufactured. When looking up a country, consider vehicle brand, model, and specifications."
           />
         </Column>
       </DataGrid>
diff --git a/apps/demos/Demos/DataGrid/AIColumns/ReactJs/service.js b/apps/demos/Demos/DataGrid/AIColumns/ReactJs/service.js
@@ -27,7 +27,7 @@ async function getAIResponseRecursive(messages, signal) {
       return Promise.reject(error);
     }
     notify({
-      message: 'You have reached the AI rate limits of this demo. Retrying in 30 seconds...',
+      message: 'Our demo AI service reached a temporary request limit. Retrying in 30 seconds.',
       width: 'auto',
       type: 'error',
       displayTime: 5000,
@@ -41,7 +41,7 @@ export const aiIntegration = new AIIntegration({
     const isValidRequest = JSON.stringify(prompt.user).length < 5000;
     if (!isValidRequest) {
       return {
-        promise: Promise.reject(new Error('Request is too large')),
+        promise: Promise.reject(new Error('Request is too long. Specify a shorter prompt.')),
         abort: () => {},
       };
     }
diff --git a/apps/demos/Demos/DataGrid/AIColumns/Vue/App.vue b/apps/demos/Demos/DataGrid/AIColumns/Vue/App.vue
@@ -54,7 +54,7 @@
       cssClass="ai__cell"
       type="ai"
       :ai="{
-        prompt: 'Identify the country where this vehicle model is originally manufactured or developed, based on its brand, model, and specifications.',
+        prompt: 'Identify the country where the vehicle model is manufactured. When looking up a country, consider vehicle brand, model, and specifications.',
         mode: 'auto',
         noDataText: 'No data',
       }"
diff --git a/apps/demos/Demos/DataGrid/AIColumns/Vue/service.ts b/apps/demos/Demos/DataGrid/AIColumns/Vue/service.ts
@@ -49,7 +49,7 @@ async function getAIResponseRecursive(messages: AIMessage[], signal: AbortSignal
       }
 
       notify({
-        message: 'You have reached the AI rate limits of this demo. Retrying in 30 seconds...',
+        message: 'Our demo AI service reached a temporary request limit. Retrying in 30 seconds.',
         width: 'auto',
         type: 'error',
         displayTime: 5000,
@@ -67,7 +67,7 @@ export const aiIntegration = new AIIntegration({
 
     if (!isValidRequest) {
       return {
-        promise: Promise.reject(new Error('Request is too large')),
+        promise: Promise.reject(new Error('Request is too long. Specify a shorter prompt.')),
         abort: () => {},
       };
     }
diff --git a/apps/demos/Demos/DataGrid/AIColumns/jQuery/index.js b/apps/demos/Demos/DataGrid/AIColumns/jQuery/index.js
@@ -34,7 +34,7 @@ $(() => {
         }
 
         DevExpress.ui.notify({
-          message: 'You have reached the AI rate limits of this demo. Retrying in 30 seconds...',
+          message: 'Our demo AI service reached a temporary request limit. Retrying in 30 seconds.',
           width: 'auto',
           type: 'error',
           displayTime: 5000,
@@ -51,7 +51,7 @@ $(() => {
       const isValidRequest = JSON.stringify(prompt.user).length < 5000;
       if (!isValidRequest) {
         return {
-          promise: Promise.reject(new Error('Request is too large')),
+          promise: Promise.reject(new Error('Request is too long. Specify a shorter prompt.')),
           abort: () => {},
         };
       }
@@ -221,7 +221,7 @@ $(() => {
         caption: 'AI Column',
         type: 'ai',
         ai: {
-          prompt: 'Identify the country where this vehicle model is originally manufactured or developed, based on its brand, model, and specifications.',
+          prompt: 'Identify the country where the vehicle model is manufactured. When looking up a country, consider vehicle brand, model, and specifications.',
           mode: 'auto',
           noDataText: 'No data',
         },
diff --git a/apps/demos/Demos/TreeList/AIColumns/Angular/app/ai/ai.service.ts b/apps/demos/Demos/TreeList/AIColumns/Angular/app/ai/ai.service.ts
@@ -50,7 +50,7 @@ async function getAIResponseRecursive(messages: AIMessage[], signal: AbortSignal
       }
 
       notify({
-        message: 'You have reached the AI rate limits of this demo. Retrying in 30 seconds...',
+        message: 'Our demo AI service reached a temporary request limit. Retrying in 30 seconds.',
         width: 'auto',
         type: 'error',
         displayTime: 5000,
@@ -68,7 +68,7 @@ const aiIntegration = new AIIntegration({
 
     if (!isValidRequest) {
       return {
-        promise: Promise.reject(new Error('Request is too large')),
+        promise: Promise.reject(new Error('Request is too long. Specify a shorter prompt.')),
         abort: () => {},
       };
     }
diff --git a/apps/demos/Demos/TreeList/AIColumns/Angular/app/app.component.html b/apps/demos/Demos/TreeList/AIColumns/Angular/app/app.component.html
@@ -52,7 +52,7 @@
     [width]="180"
   >
     <dxo-tree-list-ai
-      prompt='Identify department for each employee. It should be one of the following department types:  "Management", "Human Resources", "IT", "Shipping", "Support", "Sales",  "Engineering". Use "Engineering" by default.'
+      prompt='Identify the department where the employee works. Select from the following department list: "Management", "Human Resources", "IT", "Shipping", "Support", "Sales", "Engineering". Use "Engineering" if you cannot find a better match.'
       mode="auto"
       noDataText="No data"
     />
diff --git a/apps/demos/Demos/TreeList/AIColumns/React/App.tsx b/apps/demos/Demos/TreeList/AIColumns/React/App.tsx
@@ -75,7 +75,7 @@ export default function App() {
         <AI
           mode="auto"
           noDataText="No data"
-          prompt="Identify department for each employee. It should be one of the following department types:  'Management', 'Human Resources', 'IT', 'Shipping', 'Support', 'Sales',  'Engineering'. Use 'Engineering' by default."
+          prompt="Identify the department where the employee works. Select from the following department list: 'Management', 'Human Resources', 'IT', 'Shipping', 'Support', 'Sales', 'Engineering'. Use 'Engineering' if you cannot find a better match."
         />
       </Column>
     </TreeList>
diff --git a/apps/demos/Demos/TreeList/AIColumns/React/service.ts b/apps/demos/Demos/TreeList/AIColumns/React/service.ts
@@ -39,7 +39,7 @@ async function getAIResponseRecursive(messages: AIMessage[], signal: AbortSignal
       }
 
       notify({
-        message: 'You have reached the AI rate limits of this demo. Retrying in 30 seconds...',
+        message: 'Our demo AI service reached a temporary request limit. Retrying in 30 seconds.',
         width: 'auto',
         type: 'error',
         displayTime: 5000,
@@ -56,7 +56,7 @@ export const aiIntegration = new AIIntegration({
     const isValidRequest = JSON.stringify(prompt.user).length < 5000;
     if (!isValidRequest) {
       return {
-        promise: Promise.reject(new Error('Request is too large')),
+        promise: Promise.reject(new Error('Request is too long. Specify a shorter prompt.')),
         abort: () => {},
       };
     }
diff --git a/apps/demos/Demos/TreeList/AIColumns/ReactJs/App.js b/apps/demos/Demos/TreeList/AIColumns/ReactJs/App.js
@@ -74,7 +74,7 @@ export default function App() {
         <AI
           mode="auto"
           noDataText="No data"
-          prompt="Identify department for each employee. It should be one of the following department types:  'Management', 'Human Resources', 'IT', 'Shipping', 'Support', 'Sales',  'Engineering'. Use 'Engineering' by default."
+          prompt="Identify the department where the employee works. Select from the following department list: 'Management', 'Human Resources', 'IT', 'Shipping', 'Support', 'Sales', 'Engineering'. Use 'Engineering' if you cannot find a better match."
         />
       </Column>
     </TreeList>
diff --git a/apps/demos/Demos/TreeList/AIColumns/ReactJs/service.js b/apps/demos/Demos/TreeList/AIColumns/ReactJs/service.js
@@ -27,7 +27,7 @@ async function getAIResponseRecursive(messages, signal) {
       return Promise.reject(error);
     }
     notify({
-      message: 'You have reached the AI rate limits of this demo. Retrying in 30 seconds...',
+      message: 'Our demo AI service reached a temporary request limit. Retrying in 30 seconds.',
       width: 'auto',
       type: 'error',
       displayTime: 5000,
@@ -41,7 +41,7 @@ export const aiIntegration = new AIIntegration({
     const isValidRequest = JSON.stringify(prompt.user).length < 5000;
     if (!isValidRequest) {
       return {
-        promise: Promise.reject(new Error('Request is too large')),
+        promise: Promise.reject(new Error('Request is too long. Specify a shorter prompt.')),
         abort: () => {},
       };
     }
diff --git a/apps/demos/Demos/TreeList/AIColumns/Vue/App.vue b/apps/demos/Demos/TreeList/AIColumns/Vue/App.vue
@@ -78,7 +78,7 @@ import { type IEmployee, employees } from './data.ts';
 import { aiIntegration } from './service.ts';
 
 const aiConfig = {
-  prompt: 'Identify department for each employee. It should be one of the following department types:  "Management", "Human Resources", "IT", "Shipping", "Support", "Sales",  "Engineering". Use "Engineering" by default.',
+  prompt: 'Identify the department where the employee works. Select from the following department list: "Management", "Human Resources", "IT", "Shipping", "Support", "Sales", "Engineering". Use "Engineering" if you cannot find a better match.',
   mode: 'auto',
   noDataText: 'No data',
 };
diff --git a/apps/demos/Demos/TreeList/AIColumns/Vue/service.ts b/apps/demos/Demos/TreeList/AIColumns/Vue/service.ts
@@ -49,7 +49,7 @@ async function getAIResponseRecursive(messages: AIMessage[], signal: AbortSignal
       }
 
       notify({
-        message: 'You have reached the AI rate limits of this demo. Retrying in 30 seconds...',
+        message: 'Our demo AI service reached a temporary request limit. Retrying in 30 seconds.',
         width: 'auto',
         type: 'error',
         displayTime: 5000,
@@ -67,7 +67,7 @@ export const aiIntegration = new AIIntegration({
 
     if (!isValidRequest) {
       return {
-        promise: Promise.reject(new Error('Request is too large')),
+        promise: Promise.reject(new Error('Request is too long. Specify a shorter prompt.')),
         abort: () => {},
       };
     }
diff --git a/apps/demos/Demos/TreeList/AIColumns/jQuery/index.js b/apps/demos/Demos/TreeList/AIColumns/jQuery/index.js
@@ -34,7 +34,7 @@ $(() => {
         }
 
         DevExpress.ui.notify({
-          message: 'You have reached the AI rate limits of this demo. Retrying in 30 seconds...',
+          message: 'Our demo AI service reached a temporary request limit. Retrying in 30 seconds.',
           width: 'auto',
           type: 'error',
           displayTime: 5000,
@@ -51,7 +51,7 @@ $(() => {
       const isValidRequest = JSON.stringify(prompt.user).length < 5000;
       if (!isValidRequest) {
         return {
-          promise: Promise.reject(new Error('Request is too large')),
+          promise: Promise.reject(new Error('Request is too long. Specify a shorter prompt.')),
           abort: () => {},
         };
       }
@@ -188,7 +188,7 @@ $(() => {
         caption: 'AI Column',
         type: 'ai',
         ai: {
-          prompt: 'Identify department for each employee. It should be one of the following department types:  "Management", "Human Resources", "IT", "Shipping", "Support", "Sales",  "Engineering". Use "Engineering" by default.',
+          prompt: 'Identify the department where the employee works. Select from the following department list: "Management", "Human Resources", "IT", "Shipping", "Support", "Sales", "Engineering". Use "Engineering" if you cannot find a better match.',
           mode: 'auto',
           noDataText: 'No data',
         },

Original file line number	Diff line number	Diff line change
`@@ -55,7 +55,7 @@`
`55`	`55`	`[width]="200"`
`56`	`56`	`>`
`57`	`57`	`<dxo-data-grid-ai`
`58`		`- prompt="Identify the country where this vehicle model is originally manufactured or developed, based on its brand, model, and specifications."`
	`58`	`+ prompt="Identify the country where the vehicle model is manufactured. When looking up a country, consider vehicle brand, model, and specifications."`
`59`	`59`	`mode="auto"`
`60`	`60`	`noDataText="No data"`
`61`	`61`	`/>`