AI Tools Integration

AI Assistant
Click a tile below to call a function
 
Drag a column header here to group by that column
Order ID Customer Name Country Order Date Product Name Quantity Total ($) Status
1AliceUSA5/5/2026External SSD3$408.09Delivered
2BobFrance4/27/2026Graphic Tablet3$599.94On Hold
3CharlieJapan4/14/2026Webcam2$147.92Shipped
4DianaAustralia5/2/2026USB Hub3$71.18Pending
5EvanNetherlands4/12/2026Graphic Tablet5$1,073.50Shipped
6FionaGermany4/15/2026External SSD7$990.06On Hold
7GeorgeUSA4/14/2026External SSD1$163.41Shipped
8HelenUSA4/24/2026USB Hub4$91.39Cancelled
9IvanAustralia5/9/2026Mouse7$133.06On Hold
10JuliaUSA4/23/2026Laptop6$5,575.66Delivered
11KarlNetherlands4/23/2026Webcam7$446.82Delivered
12LauraGermany5/9/2026Laptop7$7,025.83Cancelled
13MartinItaly4/24/2026Monitor5$881.08Processing
14NinaCanada4/28/2026Docking Station3$402.80Cancelled
15OscarNetherlands4/27/2026Graphic Tablet1$216.31Shipped
16AliceNetherlands5/10/2026Docking Station6$840.88Cancelled
17BobCanada5/11/2026Headset5$454.66Delivered
18CharlieNetherlands4/14/2026Docking Station3$383.49On Hold
19DianaCanada4/13/2026Mouse5$93.52On Hold
20EvanGermany5/8/2026USB Hub6$149.76Processing
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.