<div id="grid"></div>
<script>
$("#grid").kendoGrid({
   columns: [{ field: "name" }],
   dataSource: [{ name: "Jane Doe" }],
   toolbar: ["aiAssistant"],
   ai: {
     aiAssistant: {
       views: [
         {
           type: "prompt",
           name: "ask",
           buttonText: "Ask AI",
           buttonIcon: "comment"
         },
         {
           type: "output", 
           name: "results",
           buttonText: "Results",
           buttonIcon: "chart-line"
         },
         {
           type: "custom",
           name: "insights",
           buttonText: "Insights",
           buttonIcon: "light-bulb",
           viewTemplate: "<div>Custom insights view for grid data</div>"
         }
       ]
     },
     service: "https://demos.telerik.com/service/v2/ai/grid/smart-state"
   }
});
</script>