feat(condo): DOMA-13225 add ai chat buttons (#7587)

* feat(condo): DOMA-13225 add ai chat buttons

* feat(condo): DOMA-13225 enhance AI chat functionality with suggestions and export options

* feat(condo): DOMA-13225 update AIOverlay analytics tracking and close button functionality

* feat(condo): DOMA-13225 simplify markdown export functions in AIChat component

* feat(condo): DOMA-13225 refactor AIChat message export functionality and update analytics tracking

* feat(condo): DOMA-13225 improve error logging for AIChat message export functionality

* feat(condo): DOMA-13225 enhance AIChat and AIOverlay components with improved export options and analytics tracking

* feat(condo): DOMA-13225 update AIChat component to enhance analytics tracking and clean up export functionality

Author: tolmachev21

apps/condo/domains/ai/components/AIChat/AIChat.module.css

@@ -25,12 +25,28 @@
 .welcome-message {
   display: flex;
   flex: 1;
+  flex-direction: column;
+  min-height: 200px;
+}
+
+.welcome-message-legacy {
   align-items: center;
   justify-content: center;
-  min-height: 200px;
   text-align: center;
 }
 
+.welcome-message-configured {
+  align-items: flex-start;
+  justify-content: flex-start;
+  padding-top: 4px;
+  text-align: left;
+}
+
+.scenario-button-tooltip-wrap {
+  display: inline-block;
+  max-width: 100%;
+}
+
 .message-wrapper {
   display: flex;
   max-width: 100%;
@@ -63,10 +79,21 @@
 
 .user-message-container {
   display: flex;
+  gap: 4px;
+  align-items: center;
   justify-content: flex-end;
   max-width: 100%;
 }
 
+.user-message-actions {
+  opacity: 0;
+  transition: opacity 0.15s ease;
+}
+
+.message-wrapper:hover .user-message-actions {
+  opacity: 1;
+}
+
 .user-message-bubble {
   display: inline-block;
   max-width: 100%;
@@ -84,10 +111,25 @@
 
 .assistant-message-container {
   display: flex;
+  flex-direction: column;
+  gap: 10px;
+  align-items: flex-start;
   justify-content: flex-start;
   max-width: 100%;
 }
 
+.assistant-message-actions {
+  display: flex;
+  gap: 4px;
+}
+
+.assistant-suggestions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  margin-top: 10px;
+}
+
 .assistant-markdown {
   color: #000;
   line-height: 1.6;