add an article for how the AI looks in the web viewers (#1689)

* add an article for how the AI looks in the web viewers

* Update embedding-reports/display-reports-in-applications/web-application/ai-interactivity.md

Co-authored-by: Petar Todorov <[email protected]>

* Update embedding-reports/display-reports-in-applications/web-application/ai-interactivity.md

Co-authored-by: Petar Todorov <[email protected]>

---------

Co-authored-by: Petar Todorov <[email protected]>

Author: DimitarNikolovv06

embedding-reports/display-reports-in-applications/web-application/ai-interactivity.md

@@ -0,0 +1,91 @@
+---
+title: AI Interactivity
+page_title: AI Interactivity in HTML5-based Report Viewers
+description: "Learn more about the AI functionalities available for use in the HTML5-based Report Viewers in Telerik Reporting."
+slug: telerikreporting/using-reports-in-applications/display-reports-in-applications/web-application/ai-interactivity
+tags: ai,prompt,dialog,interactivity
+published: True
+position: 12
+---
+
+
+# Overview of the AI Interactivity
+
+Beginning with the **2025 Q2** release, we are introducing the new [AI-Powered Insights]({%slug telerikreporting/designing-reports/adding-interactivity-to-reports/ai-powered-insights%}) functionality to our Web Report Viewers.
+
+During the report preview phase, AI-generated insights offer an extensive suite of functionalities, including the formulation of responses, the construction of prompts, engagement with AI-generated content, and the execution of predefined instructions.
+
+![An image of the HTML5 Report Viewer with the AI-Powered Insights Dialog being opened](images/HTML5ReportViewer/ai-prompt-and-sass-viewer.png)
+
+## Configuration
+
+The [AI-Powered Insights]({%slug telerikreporting/designing-reports/adding-interactivity-to-reports/ai-powered-insights%}) functionality can be enabled through the configuration file of the project where the [Reporting REST Service]({%slug telerikreporting/using-reports-in-applications/host-the-report-engine-remotely/telerik-reporting-rest-services/overview%}) is running.
+
+Below is an example of how to configure the project for the `AzureOpenAI` option.
+
+````JSON
+{
+	"telerikReporting": {
+		"AIClient": {
+			"friendlyName": "MicrosoftExtensionsAzureOpenAI",
+			"model": "gpt-4o-mini",
+			"endpoint": "https://ai-explorations.openai.azure.com/",
+			"credential": "...",
+			"requireConsent": false,
+			"allowCustomPrompts": false,
+			"predefinedPrompts": [
+				{ "text": "Can you summarise the repor for me?" }
+			]
+		}
+	}
+}
+````
+````XML
+<Telerik.Reporting>
+	<AIClient
+		friendlyName="MicrosoftExtensionsAzureOpenAI"
+		model="gpt-4o-mini"
+		endpoint="https://ai-explorations.openai.azure.com/"
+		credential="..."
+		requireConsent="false"
+		allowCustomPrompts="false">
+		<predefinedPrompts>
+			<add text="Can you summarise the repor for me?" />
+		</predefinedPrompts>
+	</AIClient>
+</Telerik.Reporting>
+````
+
+>note For more information about the configuration options, visit the [AI-Powered Insights]({%slug telerikreporting/designing-reports/adding-interactivity-to-reports/ai-powered-insights%}) article. 
+
+## Visual Representation of the AI Prompt
+
+The AI Prompt will change visually based on the configuration settings and the current selected state - *asking a question* or *inspecting the output*.
+
+### Consent
+
+Before any user can use this feature, upon opening the AI Prompt Dialog, they will be asked to give consent to the AI to process the provided text.
+
+![An Image of how the AI Prompt Consent Dialog Appears in the HTML5-based Report Viewers](images/HTML5ReportViewer/ai-consent.png)
+
+### Ask AI Prompt
+
+After consent is given, the prompt for asking the AI questions will appears in the top-right corner of the report viewer. The UI will change depending on whether custom questions are allowed.
+
+- Default **Ask AI** Rrompt Dialog with enabled custom questions and two predefined ones
+
+	![An Image of how the Ask AI Prompt will look with enabled custom questions and two predefined ones in the HTML5-based Report Viewers](images/HTML5ReportViewer/ai-prompt.png)
+
+- **Ask AI** Prompt Dialog with disabled custom questions and two predefined ones
+
+	![An Image of how the Ask AI Prompt will look with disabled custom questions and two predefined ones in the HTML5-based Report Viewers](images/HTML5ReportViewer/ai-disabled-customPromt.png)
+
+### Output
+
+The **Output** of the AI processor will be displayed in the `Output` tab of the `Ask AI` Prompt after the result has been generated:
+
+![An Image of how the Ask AI Prompt will look when the output has been generated in the HTML5-based Report Viewers](images/HTML5ReportViewer/ai-output.png)
+## See Also
+
+* [AI-Powered Insights]({%slug telerikreporting/designing-reports/adding-interactivity-to-reports/ai-powered-insights%})
+* [AIClient Element]({%slug telerikreporting/aiclient-element%})