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
1AliceNetherlands6/16/2026USB Hub6$162.78Delivered
2BobNetherlands6/1/2026USB Hub6$161.18Shipped
3CharlieItaly6/5/2026External SSD5$749.82On Hold
4DianaAustralia6/9/2026Keyboard3$139.98Pending
5EvanUSA6/5/2026Docking Station4$564.88Processing
6FionaAustralia5/29/2026Keyboard2$83.23Processing
7GeorgeCanada6/4/2026Graphic Tablet6$1,277.23Cancelled
8HelenCanada5/30/2026Webcam6$447.19Delivered
9IvanFrance6/11/2026External SSD4$603.08On Hold
10JuliaAustralia6/9/2026Laptop2$1,964.56Delivered
11KarlGermany6/12/2026Keyboard3$139.71Cancelled
12LauraNetherlands6/20/2026Monitor6$1,008.90Shipped
13MartinCanada6/3/2026USB Hub1$25.99Shipped
14NinaItaly5/25/2026Docking Station3$417.94Delivered
15OscarGermany6/18/2026External SSD6$828.81Shipped
16AliceCanada5/23/2026External SSD1$157.55Shipped
17BobUK6/17/2026External SSD4$558.26On Hold
18CharlieAustralia6/9/2026Docking Station6$805.37Shipped
19DianaFrance6/6/2026Laptop3$2,678.04Delivered
20EvanNetherlands6/13/2026Graphic Tablet4$918.27Pending
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.