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
1AliceSpain12/31/2025Graphic Tablet2$431.82Pending
2BobAustralia12/20/2025Webcam6$395.45Shipped
3CharlieFrance12/23/2025Graphic Tablet2$420.74On Hold
4DianaUSA1/5/2026Monitor1$194.67Delivered
5EvanFrance12/21/2025Mouse1$21.82On Hold
6FionaUSA12/18/2025Webcam5$337.71Cancelled
7GeorgeNetherlands12/20/2025Laptop7$7,048.24Shipped
8HelenAustralia12/24/2025Keyboard5$213.55On Hold
9IvanAustralia1/13/2026Docking Station5$631.65Processing
10JuliaFrance1/10/2026Docking Station1$138.68Delivered
11KarlNetherlands12/25/2025Webcam6$440.07Pending
12LauraItaly1/10/2026Docking Station6$799.24Shipped
13MartinCanada12/16/2025Graphic Tablet4$798.56Pending
14NinaAustralia1/6/2026Monitor7$1,224.52On Hold
15OscarJapan12/20/2025Headset7$646.12Delivered
16AliceCanada12/15/2025Laptop3$2,944.03Pending
17BobItaly12/21/2025Mouse7$134.84Processing
18CharlieSpain12/27/2025External SSD2$286.46On Hold
19DianaGermany12/22/2025Graphic Tablet2$401.11Shipped
20EvanGermany12/25/2025Keyboard2$95.91Processing
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.