diff --git a/.gitignore b/.gitignore
index a5aba93..58f37a8 100644
--- a/.gitignore
+++ b/.gitignore
@@ -311,3 +311,8 @@ TesterMetadata.xml
 package-lock.json
 
 .angular/
+**/wwwroot/css/ace
+**/wwwroot/css/icons/
+**/wwwroot/css/*bundle.css
+**/wwwroot/css/*skeleton-screen.css
+**/wwwroot/js/*bundle.js
diff --git a/CS/ReportingApp/Views/Home/DocumentViewer.cshtml b/CS/ReportingApp/Views/Home/DocumentViewer.cshtml
index 4b1e667..87f2ecf 100644
--- a/CS/ReportingApp/Views/Home/DocumentViewer.cshtml
+++ b/CS/ReportingApp/Views/Home/DocumentViewer.cshtml
@@ -2,11 +2,12 @@
 @await Html.PartialAsync("_AILayout")
 <script>
     let aiTab;
-    function BeforeRender(sender, args) {
+    async function BeforeRender(sender, args) {
         const previewModel = args;
         const reportPreview = previewModel.reportPreview;
-
-        aiTab = createAssistantTab();
+        const result = await fetch(`/AI/CreateUserAssistant`);
+        const chatId = await result.text();
+        aiTab = createAssistantTab(chatId);
         const model = aiTab.model;
         previewModel.tabPanel.tabs.push(aiTab);
         reportPreview.events.on('documentBuildingChanged', (args) => {
@@ -27,7 +28,7 @@
 
     async function DocumentReady(sender, args) {
         const response = await sender.PerformCustomDocumentOperation(null, true);
-        if (response.customData) {
+        if (response.customData && aiTab?.model) {
             aiTab.model.chatId = response.customData;
             aiTab.visible = true;
         }
diff --git a/CS/ReportingApp/package.json b/CS/ReportingApp/package.json
index f4a7796..3afa505 100644
--- a/CS/ReportingApp/package.json
+++ b/CS/ReportingApp/package.json
@@ -4,10 +4,10 @@
   "license": "MIT",
   "private": true,
   "dependencies": {
-    "@devexpress/analytics-core": "24.2.2-beta",
+    "@devexpress/analytics-core": "24.2-stable",
     "bootstrap": "^4.3.1",
-    "devexpress-reporting": "24.2.2-beta",
-    "devextreme-dist": "24.2.2-beta",
+    "devexpress-reporting": "24.2-stable",
+    "devextreme-dist": "24.2-stable",
     "marked": "^14.1.3"
   }
 }
\ No newline at end of file
diff --git a/CS/ReportingApp/wwwroot/css/site.css b/CS/ReportingApp/wwwroot/css/site.css
index 6b112ea..4604314 100644
--- a/CS/ReportingApp/wwwroot/css/site.css
+++ b/CS/ReportingApp/wwwroot/css/site.css
@@ -112,3 +112,9 @@ min-height: 100%;
   line-height: 50px;
   height: 60px;
 }
+
+.dx-chat-messagegroup-alignment-start:last-child .dx-chat-messagebubble:last-child .dx-bubble-button-containder {
+    display: flex;
+    gap: 4px;
+    margin-top: 8px;
+}
diff --git a/CS/ReportingApp/wwwroot/js/aiIntegration.js b/CS/ReportingApp/wwwroot/js/aiIntegration.js
index c376509..e3b1f37 100644
--- a/CS/ReportingApp/wwwroot/js/aiIntegration.js
+++ b/CS/ReportingApp/wwwroot/js/aiIntegration.js
@@ -1,4 +1,16 @@
-function normilizeAIResponse(text) {
+
+let lastUserQuery;
+
+const assistant = {
+    id: 'assistant',
+    name: 'Virtual Assistant',
+};
+
+const user = {
+    id: 'user',
+};
+
+function normilizeAIResponse(text) {
     text = text.replace(/【\d+:\d+†[^\】]+】/g, "");
     let html = marked.parse(text);
     if (/<p>\.\s*<\/p>\s*$/.test(html))
@@ -6,41 +18,90 @@
     return html;
 }
 
+function copyText(text) {
+    navigator.clipboard.writeText(text);
+}
+
+async function getAIResponse(text, id) {
+    const formData = new FormData();
+    formData.append('text', text);
+    formData.append('chatId', id);
+    lastUserQuery = text;
+    const response = await fetch(`/AI/GetAnswer`, {
+        method: 'POST',
+        body: formData
+    });
+    return await response.text();
+}
+
+function RenderAssistantMessage(instance, message) {
+    instance.option({ typingUsers: [] });
+    instance.renderMessage({ timestamp: new Date(), text: message, author: assistant.name, id: assistant.id });
+}
+
+async function refreshAnswer(instance) {
+    const items = instance.option('items');
+    const newItems = items.slice(0, -1);
+    instance.option({ items: newItems });
+    instance.option({ typingUsers: [assistant] });
+    const aiResponse = await getAIResponse(lastUserQuery, assistant.id);
+    setTimeout(() => {
+        instance.option({ typingUsers: [] });
+        RenderAssistantMessage(instance, aiResponse);
+    }, 200);
+}
+
 function createAssistantTab(chatId) {
+    assistant.id = chatId;
     const model = {
         title: 'AI Assistant',
-        chatId: chatId,
         showAvatar: false,
         showUserName: false,
         showMessageTimestamp: false,
-        user: {
-            id: 1,
-        },
+        user: user,
         messageTemplate: (data, container) => {
-            if(data.message.author.id === 'Assistant')
-                return normilizeAIResponse(data.message.text);
-            return data.message.text;
+            const { message } = data;
+
+            if (message.author.id && message.author.id !== assistant.id)
+                return message.text;
+
+            const $textElement = $('<div>')
+                .html(normilizeAIResponse(message.text))
+                .appendTo(container);
+            const $buttonContainer = $('<div>')
+                .addClass('dx-bubble-button-containder');
+            $('<div>')
+                .dxButton({
+                    icon: 'copy',
+                    stylingMode: 'text',
+                    onClick: () => {
+                        const text = $textElement.text();
+                        copyText(text);
+                    }
+                })
+                .appendTo($buttonContainer);
+            $('<div>')
+                .dxButton({
+                    icon: 'refresh',
+                    stylingMode: 'text',
+                    onClick: () => {
+                        refreshAnswer(data.component);
+                    },
+                })
+                .appendTo($buttonContainer);
+            $buttonContainer.appendTo(container);
         },
-        onMessageEntered: (e) => {
+        onMessageEntered: async (e) => {
             const instance = e.component;
             instance.renderMessage(e.message);
+            instance.option({ typingUsers: [assistant] });
+            const userInput = e.message.text;
 
-            const formData = new FormData();
-            formData.append('text', e.message.text);
-            formData.append('chatId', model.chatId);
-            fetch(`/AI/GetAnswer`, {
-                method: 'POST',
-                body: formData
-            }).then((x) => {
-                x.text().then((res) => {
-                    instance.renderMessage({
-                        text: res,
-                        author: { id: 'Assistant' }
-                    }, { id: 'Assistant' });
-                });
-            });
+            var response = await getAIResponse(userInput, assistant.id);
+            RenderAssistantMessage(instance, response);
         }
     };
+
     return new DevExpress.Analytics.Utils.TabInfo({
         text: 'AI Assistant',
         template: 'dxrd-ai-panel',
diff --git a/README.md b/README.md
index dbdef01..35d1804 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,4 @@
 <!-- default badges list -->
-![](https://img.shields.io/endpoint?url=https://codecentral.devexpress.com/api/v1/VersionRange/853003889/24.2.2%2B)
 [![](https://img.shields.io/badge/Open_in_DevExpress_Support_Center-FF7200?style=flat-square&logo=DevExpress&logoColor=white)](https://supportcenter.devexpress.com/ticket/details/T1252182)
 [![](https://img.shields.io/badge/📖_How_to_use_DevExpress_Examples-e9f6fc?style=flat-square)](https://docs.devexpress.com/GeneralInformation/403183)
 [![](https://img.shields.io/badge/💬_Leave_Feedback-feecdd?style=flat-square)](#does-this-example-address-your-development-requirementsobjectives)
diff --git a/web-document-viewer.png b/web-document-viewer.png
index af6544a..7cb7ed1 100644
Binary files a/web-document-viewer.png and b/web-document-viewer.png differ
diff --git a/web-report-designer.png b/web-report-designer.png
index 55ca6ec..c250530 100644
Binary files a/web-report-designer.png and b/web-report-designer.png differ