<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: "summary",
          buttonText: "Summary",
          viewTemplate: "<div class='summary-view'><h3>Data Summary</h3><p>View data insights here.</p></div>"
        }
      ]
    }
  }
});
</script>