ASP.NET Core AI AssistView - Modern UI for Prompts & AI Responses

<div class="control-section">
      <ejs-aiassistview id="aiAssistView" promptSuggestions="@Model.PromptSuggestionData" promptRequest="onPromptRequest">
      </ejs-aiassistview>
  </div>
 
@section PreScripts{
  <script>
    var prompts = @Html.Raw(JsonSerializer.Serialize(Model.PromptResponseData));
    var suggestions = @Html.Raw(JsonSerializer.Serialize(Model.PromptSuggestionData));
    function onPromptRequest(args) {
      setTimeout(() => {
        var foundPrompt = prompts.find(prompt => prompt.Prompt == args.prompt);
        var defaultResponse = 'For real-time prompt processing, connect the AI AssistView control to your preferred AI service, such as OpenAI or Azure Cognitive Services. Ensure you obtain the necessary API credentials to authenticate and enable seamless integration.';
        this.addPromptResponse(foundPrompt ? foundPrompt.Response : defaultResponse);
        this.promptSuggestions = (foundPrompt?.SuggestionData && foundPrompt.SuggestionData.length > 0) ? foundPrompt.SuggestionData : suggestions;
      }, 2000);
    }
  </script>
}

using Microsoft.AspNetCore.Mvc.RazorPages;
using EJ2CoreSampleBrowser.Models;
 
namespace EJ2CoreSampleBrowser.Controllers
{
  Public partial class AssistviewModel : Controller
  {
    public List<PromptResponseData> PromptResponseData { get; set; }
    public string[] PromptSuggestionData { get; set; }
    public void OnGet()
    {
      PromptResponseData = new PromptResponseData().GetAllPromptResponseData();
      PromptSuggestionData = new PromptResponseData().GetAllSuggestionData();
    }
  }
  public class ToolbarItemModel
  {
    public string align { get; set; }
    public string iconCss { get; set; }
  }
}