<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "productName" },
    { field: "category" }
  ],
  dataSource: [
    { productName: "Tea", category: "Beverages" },
    { productName: "Coffee", category: "Beverages" }
  ],
  ai: {
    aiAssistant: {
      promptOutputs: [
        {
          id: "summary-output",
          prompt: "Summarize the product data in this grid and provide insights about the beverage category",
          output: "The grid contains beverage products including tea and coffee."
        }
      ]
    }
  }
});
</script>