<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "productName" },
    { field: "category" }
  ],
  dataSource: [
    { productName: "Tea", category: "Beverages" },
    { productName: "Coffee", category: "Beverages" }
  ],
  ai: {
    aiAssistant: {
      views: [
        {
          type: "custom",
          name: "report",
          buttonText: "Report",
          viewTemplate: "<div>Report content</div>",
          footerTemplate: "<div class='footer'>Generated at: #{new Date()}</div>"
        }
      ]
    }
  }
});
</script>