feat(chat): add message animation and improve context menu

- Integrate AnimatedVisibility with slide, fade, and expand animations for message items
- Enhance dropdown menu UI with updated icons, colors, and sizing
- Refactor message item composition for better readability and structure
- Adjust loading indicator appearance and behavior in both chat styles
- Improve XML tag cleaning logic for message content sanitization

Author: NetLops

app/src/main/java/com/ai/assistance/operit/ui/features/chat/components/ChatArea.kt

@@ -1,57 +1,58 @@
-
 package com.ai.assistance.operit.ui.features.chat.components.style.bubble
 
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.graphics.Color
 import com.ai.assistance.operit.data.model.ChatMessage
 import com.ai.assistance.operit.ui.features.chat.components.style.cursor.SummaryMessageComposable
-import com.ai.assistance.operit.util.stream.Stream
 
 /**
- * A composable function that renders chat messages in a bubble chat style.
- * Delegates to specialized composables based on message type.
+ * A composable function that renders chat messages in a bubble chat style. Delegates to specialized
+ * composables based on message type.
  */
 @Composable
 fun BubbleStyleChatMessage(
-    message: ChatMessage,
-    userMessageColor: Color,
-    aiMessageColor: Color,
-    userTextColor: Color,
-    aiTextColor: Color,
-    systemMessageColor: Color,
-    systemTextColor: Color,
-    isHidden: Boolean = false,
-    onDeleteMessage: ((Int) -> Unit)? = null,
-    index: Int = -1,
-    enableDialogs: Boolean = true  // 新增参数：是否启用弹窗功能，默认启用
+        message: ChatMessage,
+        userMessageColor: Color,
+        aiMessageColor: Color,
+        userTextColor: Color,
+        aiTextColor: Color,
+        systemMessageColor: Color,
+        systemTextColor: Color,
+        isHidden: Boolean = false,
+        onDeleteMessage: ((Int) -> Unit)? = null,
+        index: Int = -1,
+        enableDialogs: Boolean = true // 新增参数：是否启用弹窗功能，默认启用
 ) {
     when (message.sender) {
         "user" -> {
             BubbleUserMessageComposable(
-                message = message,
-                backgroundColor = userMessageColor,
-                textColor = userTextColor
+                    message = message,
+                    backgroundColor = userMessageColor,
+                    textColor = userTextColor
             )
         }
         "ai" -> {
             BubbleAiMessageComposable(
-                message = message,
-                backgroundColor = aiMessageColor,
-                textColor = aiTextColor,
-                isHidden = isHidden
+                    message = message,
+                    backgroundColor = aiMessageColor,
+                    textColor = aiTextColor,
+                    thinkingBackgroundColor =
+                            Color.Gray.copy(alpha = 0.1f), // Default or passed value
+                    thinkingTextColor = Color.Gray, // Default or passed value
+                    isHidden = isHidden
             )
         }
         "summary" -> {
             SummaryMessageComposable(
-                message = message,
-                backgroundColor = systemMessageColor.copy(alpha = 0.7f),
-                textColor = systemTextColor,
-                onDelete = {
-                    if (index != -1) {
-                        onDeleteMessage?.invoke(index)
-                    }
-                },
-                enableDialog = enableDialogs  // 传递弹窗启用状态
+                    message = message,
+                    backgroundColor = systemMessageColor.copy(alpha = 0.7f),
+                    textColor = systemTextColor,
+                    onDelete = {
+                        if (index != -1) {
+                            onDeleteMessage?.invoke(index)
+                        }
+                    },
+                    enableDialog = enableDialogs // 传递弹窗启用状态
             )
         }
     }

app/src/main/java/com/ai/assistance/operit/ui/features/chat/components/ChatInputSection.kt

@@ -25,14 +25,16 @@ fun CursorStyleChatMessage(
         overrideStream: Stream<String>? = null,
         onDeleteMessage: ((Int) -> Unit)? = null,
         index: Int = -1,
-        enableDialogs: Boolean = true  // 新增参数：是否启用弹窗功能，默认启用
+        onSpeakMessage: ((String) -> Unit)? = null,
+        enableDialogs: Boolean = true // 新增参数：是否启用弹窗功能，默认启用
 ) {
     when (message.sender) {
         "user" -> {
             UserMessageComposable(
                     message = message,
                     backgroundColor = userMessageColor,
-                    textColor = userTextColor
+                    textColor = userTextColor,
+                    onSpeakMessage = onSpeakMessage
             )
         }
         "ai" -> {
@@ -41,7 +43,7 @@ fun CursorStyleChatMessage(
                     backgroundColor = aiMessageColor,
                     textColor = aiTextColor,
                     overrideStream = overrideStream,
-                    enableDialogs = enableDialogs  // 传递弹窗启用状态
+                    enableDialogs = enableDialogs // 传递弹窗启用状态
             )
         }
         "summary" -> {
@@ -54,7 +56,7 @@ fun CursorStyleChatMessage(
                             onDeleteMessage?.invoke(index)
                         }
                     },
-                    enableDialog = enableDialogs  // 传递弹窗启用状态
+                    enableDialog = enableDialogs // 传递弹窗启用状态
             )
         }
     }