AI Tools Integration

AI Assistant
Click a tile below to call a function
 
Drag a column header here to group by that column
Order IDCustomer NameCountryOrder DateProduct NameQuantityTotal ($)Status
1AliceFrance9/12/2026Docking Station3$416.46Processing
2BobNetherlands9/4/2026Monitor7$1,150.17Processing
3CharlieCanada9/4/2026Docking Station4$479.43Delivered
4DianaFrance9/22/2026Webcam1$63.44Delivered
5EvanSpain9/23/2026Graphic Tablet4$799.48Shipped
6FionaFrance9/20/2026Graphic Tablet4$900.14Shipped
7GeorgeJapan9/28/2026Graphic Tablet6$1,289.83Processing
8HelenUK9/26/2026Docking Station6$731.60Processing
9IvanAustralia9/11/2026USB Hub2$50.79Processing
10JuliaNetherlands9/16/2026Mouse1$19.75Processing
11KarlJapan9/17/2026Headset2$155.14Pending
12LauraSpain9/18/2026Graphic Tablet1$203.20Cancelled
13MartinCanada9/2/2026Monitor6$1,090.10Delivered
14NinaUSA9/16/2026Monitor2$379.27Shipped
15OscarJapan9/10/2026Laptop4$3,648.56Delivered
16AliceUK9/9/2026Laptop6$5,221.14Delivered
17BobAustralia9/27/2026Docking Station6$749.57Processing
18CharlieCanada9/15/2026Monitor3$524.33Cancelled
19DianaItaly9/29/2026Docking Station6$795.45Processing
20EvanFrance9/11/2026Graphic Tablet2$383.21Processing
Data grid with 20 rows and 8 columns
0 rows are selected

The DevExpress AI Chat component can transform natural language input into application logic. This feature relies on AI Tools — specifically annotated methods that define their purpose, input parameters, and the target object against which they operate. Users can trigger UI updates or business workflows by entering requests in the chat.

This demo features the DevExpress AI tool calling layer that significantly extends Microsoft.Extensions.AI capabilities:

  • Context-aware targets: Tools can operate on specific Blazor components, data services, and business objects. The API automatically resolves the correct target instance at runtime.
  • Dynamic availability: Tools can be programmatically enabled, disabled, or removed based on current application state or user workflow.
  • Visual feedback: The AI Chat component includes a built-in UI that visualizes tool selection and execution process.