AI AssistView
diff --git a/blazor/smart-rich-text-editor/appearance.md b/blazor/smart-rich-text-editor/appearance.md
new file mode 100644
index 0000000000..5c374165fb
--- /dev/null
+++ b/blazor/smart-rich-text-editor/appearance.md
@@ -0,0 +1,68 @@
+---
+layout: post
+title: Customize AI Assistant Popup in Syncfusion Smart Rich Text Editor
+description: Customize the AI Assistant popup: CSS selectors, animation examples, responsive sizing, and processing-state styles for consistent theming.
+platform: Blazor
+control: Smart Rich Text Editor
+documentation: ug
+---
+
+# Customizing the AI Assistant Popup
+
+## Styling the Popup
+
+The AI Assistant Popup can be styled using the following CSS class:
+
+```css
+.e-rte-aiquery-dialog.e-dlg-modal.e-popup {
+ color: white;
+ background: white;
+ z-index: 1;
+}
+```
+---
+
+## Example: Custom Popup Styling
+
+In this example, we customize the AI Assistant popup appearance by targeting the `.e-rte-aiquery-dialog.e-aiassistview` selector.
+
+```razor
+@using Syncfusion.Blazor.SmartRichTextEditor
+
+
+
+
+```
+
+
+
+
+This shows how to customize the assistant by targeting the `.e-rte-aiquery-dialog.e-aiassistview` selector for fine-grained control over the popup's appearance.
+---
+
+## See Also
+
+* [Properties](property.md)
+* [Methods](method.md)
+* [Events](events.md)
diff --git a/blazor/smart-rich-text-editor/events.md b/blazor/smart-rich-text-editor/events.md
new file mode 100644
index 0000000000..83ca681ee4
--- /dev/null
+++ b/blazor/smart-rich-text-editor/events.md
@@ -0,0 +1,134 @@
+---
+layout: post
+title: AssistViewSettings Events in Syncfusion Smart Rich Text Editor
+description: Reference for AssistViewSettings events, arguments, and examples to handle prompt submissions, streaming responses, popup lifecycle, and toolbar actions.
+platform: Blazor
+control: Smart Rich Text Editor
+documentation: ug
+---
+
+# AssistViewSettings Events
+
+## AIPromptRequested
+**Type:** `EventCallback`
+
+Fires when the user submits a prompt. This is where you process the user input and send it to your AI backend.
+
+```razor
+@using Syncfusion.Blazor.SmartRichTextEditor
+@using Syncfusion.Blazor.InteractiveChat
+
+
+
+
+
+@code {
+ private async Task AIPromptRequested(AssistViewPromptRequestedEventArgs args)
+ {
+ // Your required action here
+ }
+}
+```
+---
+
+## AIResponseStopped
+**Type:** `EventCallback`
+
+Fires when the user clicks "Stop" during a streaming response.
+
+```razor
+@using Syncfusion.Blazor.SmartRichTextEditor
+@using Syncfusion.Blazor.InteractiveChat
+
+
+
+
+
+@code {
+ private async Task AIResponseStopped(ResponseStoppedEventArgs args)
+ {
+ // Your required action here
+ }
+}
+```
+---
+
+## AIToolbarItemClicked
+**Type:** `EventCallback`
+
+Fires when the user clicks a toolbar button (Insert, Copy, Regenerate, etc.).
+
+```razor
+@using Syncfusion.Blazor.SmartRichTextEditor
+@using Syncfusion.Blazor.InteractiveChat
+
+
+
+
+
+@code {
+ private async Task AIToolbarItemClicked(AssistViewToolbarItemClickedEventArgs args)
+ {
+ // Your required action here
+ }
+}
+```
+---
+
+## AIPopupOpening
+**Type:** `EventCallback`
+
+Fires before the AI Assistant popup opens. Use to validate permissions or prefetch data.
+
+```razor
+@using Syncfusion.Blazor.SmartRichTextEditor
+@using Syncfusion.Blazor.Popups
+
+
+
+
+
+@code {
+ private async Task AIPopupOpening(BeforeOpenEventArgs args)
+ {
+ // Your required action here
+ }
+}
+```
+
+**Event Args Properties:**
+- `Cancel` — Set to true to prevent opening
+
+---
+
+## AIPopupClosing
+**Type:** `EventCallback`
+
+Fires before the AI Assistant popup closes. Use to save state or confirm before closing.
+
+```razor
+@using Syncfusion.Blazor.SmartRichTextEditor
+@using Syncfusion.Blazor.Popups
+
+
+
+
+
+@code {
+ private async Task AIPopupClosing(BeforeCloseEventArgs args)
+ {
+ // Your required action here
+ }
+}
+```
+
+**Event Args Properties:**
+- `Cancel` — Set to true to prevent closing
+
+---
+
+## See Also
+
+* [Properties](property.md)
+* [Methods](method.md)
+* [Appearance](appearance.md)
\ No newline at end of file
diff --git a/blazor/smart-rich-text-editor/images/smart-rich-text-editor-ai-assistview-custom-class.png b/blazor/smart-rich-text-editor/images/smart-rich-text-editor-ai-assistview-custom-class.png
new file mode 100644
index 0000000000..88bce34f8a
Binary files /dev/null and b/blazor/smart-rich-text-editor/images/smart-rich-text-editor-ai-assistview-custom-class.png differ
diff --git a/blazor/smart-rich-text-editor/method.md b/blazor/smart-rich-text-editor/method.md
new file mode 100644
index 0000000000..8a4cd99d9c
--- /dev/null
+++ b/blazor/smart-rich-text-editor/method.md
@@ -0,0 +1,81 @@
+---
+layout: post
+title: AssistViewSettings Methods in Syncfusion Smart Rich Text Editor
+description: Comprehensive reference for AssistViewSettings methods with examples to show/hide the AI popup, execute prompts, stream/update responses, and manage history.
+platform: Blazor
+control: Smart Rich Text Editor
+documentation: ug
+---
+
+# AssistViewSettings Methods
+
+Using the public methods, you can build custom workflows with the AI Assistant. Actions such as retrieving conversation history, executing prompts, updating responses, showing or hiding the AI Assistant, and clearing conversation history can all be achieved using the following public methods programmatically.
+
+| Method | Description |
+|--------|-------------|
+| `GetAIPromptHistoryAsync()` | Retrieves all saved prompts and responses from the conversation history. The history remains saved after the AI Assistant popup is closed. Returns a Task with an array of AssistViewPrompt objects. |
+| `ExecuteAIPromptAsync(prompt: string)` | Sends a prompt to the AI Assistant programmatically. The prompt text is executed as if the user typed it directly. |
+| `UpdateAIResponseAsync(outputResponse: string, isFinalUpdate?: boolean)` | Updates or streams the AI response display. Use for custom streaming implementations. Set isFinalUpdate to true when streaming is complete. |
+| `ShowAIPopupAsync()` | Opens the AI Assistant popup and initiates a new conversation session. |
+| `HideAIPopupAsync()` | Closes the AI Assistant popup. |
+| `ClearAIPromptHistoryAsync()` | Deletes all conversation history and resets the AI Assistant to a clean state. |
+
+---
+
+## Complete Example Using All Methods
+
+The following example demonstrates how to use all AssistViewSettings methods together in a single button click handler to create a comprehensive workflow:
+
+```razor
+@using Syncfusion.Blazor.SmartRichTextEditor
+@using Syncfusion.Blazor.InteractiveChat
+@using Syncfusion.Blazor.Buttons
+
+
+ Show AI Popup
+ Execute AI Prompt
+ Clear AI History
+ Update AI Response
+ Hide AI Popup
+ Get AI History
+
+
+
+
+@code {
+ private AssistViewSettings AssistViewSettings;
+ private List WorkflowLogs = new();
+ private async void ShowPopupAsync()
+ {
+ await AssistViewSettings.ShowAIPopupAsync();
+ }
+ private async void ExecutePromptAsync()
+ {
+ await AssistViewSettings.ExecuteAIPromptAsync("Write a professional summary about AI");
+ }
+ private async void ClearHistoryAsync()
+ {
+ await AssistViewSettings.ClearAIPromptHistoryAsync();
+ }
+ private async void UpdateResponseAsync()
+ {
+ string customResponse = "This is a custom AI-generated response added programmatically via UpdateAIResponseAsync().";
+ await AssistViewSettings.UpdateAIResponseAsync(customResponse, true);
+ }
+ private async void HidePopupAsync()
+ {
+ await AssistViewSettings.HideAIPopupAsync();
+ }
+ private async void GetHistoryAsync()
+ {
+ AssistViewPrompt[] history = await AssistViewSettings.GetAIPromptHistoryAsync();
+ }
+}
+```
+---
+
+## See Also
+
+* [Properties](property.md)
+* [Appearance](appearance.md)
+* [Events](events.md)
\ No newline at end of file
diff --git a/blazor/smart-rich-text-editor/property.md b/blazor/smart-rich-text-editor/property.md
new file mode 100644
index 0000000000..eb5994909b
--- /dev/null
+++ b/blazor/smart-rich-text-editor/property.md
@@ -0,0 +1,255 @@
+---
+layout: post
+title: AssistViewSettings Properties in Syncfusion Smart Rich Text Editor
+description: AssistViewSettings reference with concise definitions and examples for configuring AI commands, popup sizing, placeholders, prompts, toolbars and history.
+platform: Blazor
+control: Smart Rich Text Editor
+documentation: ug
+---
+
+# AssistViewSettings Properties
+
+## Commands
+**Type:** `List`
+
+Predefined AI actions displayed in the Smart Action dropdown.
+Use the `Commands` property to configure each `AICommands` entry, including its display text, prompt template, and any nested options. By default, the AI Assistant prompt includes contextual information from the editor, such as the selected text or the entire document content.
+
+```razor
+@using Syncfusion.Blazor.SmartRichTextEditor
+
+
+
+
+
+@code {
+ private List MyCommands = new()
+ {
+ new AICommands { Text = "Shorten", Prompt = "Make this shorter" },
+ new AICommands { Text = "Expand", Prompt = "Add more details" },
+ new AICommands
+ {
+ Text = "Translate",
+ Prompt = "Translate the text",
+ Items = new List
+ {
+ new AICommands { Text = "To French", Prompt = "Translate to French" },
+ new AICommands { Text = "To Spanish", Prompt = "Translate to Spanish" }
+ }
+ }
+ };
+}
+```
+---
+
+## PopupMaxHeight
+**Type:** `string` | **Default:** `"400"`
+
+Sets the maximum height of the AI Assistant popup. Accepts CSS height values or numbers (treated as pixels).
+
+```razor
+@using Syncfusion.Blazor.SmartRichTextEditor
+
+
+
+
+```
+---
+
+## PopupWidth
+**Type:** `string` | **Default:** `"600"`
+
+Sets the width of the AI Assistant popup. Accepts CSS width values or numbers (treated as pixels).
+
+```razor
+@using Syncfusion.Blazor.SmartRichTextEditor
+
+
+
+
+```
+---
+
+## Placeholder
+**Type:** `string` | **Default:** `"Ask AI to rewrite or generate content."`
+
+Specifies the placeholder text shown in the AI Assistant prompt textarea.
+
+```razor
+@using Syncfusion.Blazor.SmartRichTextEditor
+
+
+
+
+```
+---
+
+## Prompts
+**Type:** `List`
+
+Defines a collection of predefined prompts and their corresponding responses. These prompt/response templates can be loaded into the AI Assistant to provide starter prompts or predefined workflows.
+
+```razor
+@using Syncfusion.Blazor.SmartRichTextEditor
+@using Syncfusion.Blazor.InteractiveChat
+
+
+
+
+
+@code {
+ private List TemplatePrompts = new()
+ {
+ new AssistViewPrompt
+ {
+ Prompt = "Draft a professional email",
+ Response = @"Subject: Hello Team Dear Team, I hope this message finds you well. Best regards"
+ },
+ new AssistViewPrompt
+ {
+ Prompt = "Create API documentation",
+ Response = @"### GET /users Retrieves a list of users. **Request** GET /api/users **Response** ```json { ""users"": [] } ```"
+ }
+ };
+}
+```
+---
+
+## Suggestions
+**Type:** `List`
+
+Defines suggestion prompts displayed in the AI Assistant popup.
+
+```razor
+@using Syncfusion.Blazor.SmartRichTextEditor
+
+
+
+
+
+@code {
+ private List QuickSuggestions = new()
+ {
+ "Make shorter",
+ "Improve clarity",
+ "Fix grammar",
+ "Add examples",
+ "More formal",
+ "Simplify"
+ };
+}
+```
+---
+
+## MaxPromptHistory
+**Type:** `int` | **Default:** `20`
+
+Defines the maximum number of conversation entries retained in the editor's history. When this limit is exceeded, the oldest entries are automatically removed.
+
+```razor
+@using Syncfusion.Blazor.SmartRichTextEditor
+
+
+
+
+
+```
+---
+
+## BannerTemplate
+
+Specifies the template for the banner in the AI Assistant popup, useful for branding, status, or short instructions.
+
+```razor
+@using Syncfusion.Blazor.SmartRichTextEditor
+
+
+
+
+
+
Smart AI Assistant
+ Real-time AI assistance
+
+
+
+
+```
+---
+
+## HeaderToolbarSettings
+**Type:** `RenderFragment?`
+
+Configures the toolbar in the header section of the AI Assistant interface.
+
+```razor
+@using Syncfusion.Blazor.SmartRichTextEditor
+@using Syncfusion.Blazor.InteractiveChat
+@using Syncfusion.Blazor.Navigations
+
+
+
+
+
+
+
+
+
+
+```
+---
+
+## PromptToolbarSettings
+**Type:** `RenderFragment?`
+
+Configures the toolbar below of the prompt input area section.
+```razor
+@using Syncfusion.Blazor.SmartRichTextEditor
+@using Syncfusion.Blazor.InteractiveChat
+@using Syncfusion.Blazor.Navigations
+
+
+
+
+
+
+
+
+
+
+
+```
+---
+
+## ResponseToolbarSettings
+**Type:** `RenderFragment?`
+
+Configures the toolbar in the AI response viewer section.
+
+```razor
+@using Syncfusion.Blazor.SmartRichTextEditor
+@using Syncfusion.Blazor.InteractiveChat
+@using Syncfusion.Blazor.Navigations
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+```
+---
+
+## See Also
+
+* [Methods](method.md)
+* [Appearance](appearance.md)
+* [Events](events.md)
\ No newline at end of file