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
1AliceGermany2/20/2026Headset7$548.09On Hold
2BobNetherlands2/27/2026Laptop5$4,930.83Delivered
3CharlieNetherlands3/2/2026Docking Station1$125.62Shipped
4DianaSpain2/8/2026Webcam1$75.01Cancelled
5EvanSpain2/12/2026Headset4$358.80Cancelled
6FionaUK2/15/2026Laptop7$6,143.31On Hold
7GeorgeNetherlands2/2/2026Laptop7$6,493.05Shipped
8HelenUSA3/2/2026USB Hub6$161.89Delivered
9IvanCanada2/14/2026USB Hub4$92.92Delivered
10JuliaJapan3/3/2026Graphic Tablet1$218.05Cancelled
11KarlUK2/4/2026Monitor5$884.43Shipped
12LauraUK2/13/2026Webcam1$73.61On Hold
13MartinUK3/1/2026Monitor1$185.46Shipped
14NinaNetherlands2/14/2026External SSD2$282.30Cancelled
15OscarItaly2/11/2026Monitor3$511.62Delivered
16AliceCanada3/3/2026Docking Station4$507.19On Hold
17BobAustralia3/3/2026Monitor7$1,156.64Delivered
18CharlieUK2/5/2026External SSD2$326.58Processing
19DianaJapan3/2/2026Laptop5$4,689.42Pending
20EvanCanada3/1/2026External SSD4$602.46Shipped
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.