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
1AliceJapan4/14/2026External SSD6$985.20Cancelled
2BobGermany5/4/2026USB Hub4$94.97Delivered
3CharlieItaly4/22/2026Laptop1$928.99Pending
4DianaUK4/23/2026Keyboard5$210.84Delivered
5EvanSpain4/28/2026USB Hub4$95.12Cancelled
6FionaNetherlands4/10/2026Graphic Tablet7$1,450.36Pending
7GeorgeCanada4/17/2026Docking Station5$650.36Delivered
8HelenSpain4/11/2026Graphic Tablet1$228.88Delivered
9IvanNetherlands4/28/2026External SSD1$164.19Cancelled
10JuliaAustralia4/29/2026Webcam1$76.77On Hold
11KarlUSA4/23/2026Mouse5$100.75Cancelled
12LauraGermany4/18/2026USB Hub1$27.40On Hold
13MartinFrance4/8/2026Graphic Tablet1$204.58On Hold
14NinaGermany5/4/2026Monitor3$556.90Cancelled
15OscarUSA4/20/2026Graphic Tablet3$677.30Processing
16AliceAustralia5/4/2026Headset4$315.59Pending
17BobItaly4/12/2026Graphic Tablet3$602.20Shipped
18CharlieNetherlands4/13/2026Monitor2$341.95On Hold
19DianaGermany5/4/2026Graphic Tablet2$383.45Cancelled
20EvanJapan4/26/2026Docking Station3$408.53Processing
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.