New to Kendo UI for jQueryStart a free 30-day trial

An array of prompt outputs to display in the AI Assistant output view.

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
   columns: [{ field: "name" }, { field: "age" }],
   dataSource: [{ name: "Jane Doe", age: 30 }],
   toolbar: ["aiAssistant"],
   ai: {
     aiAssistant: {
       promptOutputs: [
         {
           prompt: "Analyze the grid data",
           output: "This grid contains user information with 1 record showing Jane Doe, age 30."
         }
       ]
     },
     service: "https://demos.telerik.com/service/v2/ai/grid/smart-state"
   }
});
</script>

The id of the prompt output. If none is provided, the id will be generated as a kendo.guid().

<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: "output-1",
          prompt: "Generate marketing text",
          output: "This is the generated marketing content."
        }
      ]
    }
  }
});
</script>

The output content generated from the prompt.

<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: "marketing-output",
          prompt: "Create product description",
          output: "Delicious beverages perfect for any time of day. Our premium tea and coffee selections offer exceptional quality and taste."
        }
      ]
    }
  }
});
</script>

The prompt text used to generate this output.

<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>