chore: polish chat UI

frontend/appflowy_flutter/lib/plugins/ai_chat/application/chat_bloc.dart

@@ -377,6 +377,7 @@ class ChatBloc extends Bloc<ChatEvent, ChatState> {
         "chatId": chatId,
       },
       id: streamMessageId,
+      createdAt: DateTime.now().millisecondsSinceEpoch,
       text: '',
     );
   }
@@ -393,7 +394,7 @@ class ChatBloc extends Bloc<ChatEvent, ChatState> {
       author: User(id: message.authorId),
       id: messageId,
       text: message.content,
-      createdAt: message.createdAt.toInt(),
+      createdAt: message.createdAt.toInt() * 1000,
     );
   }
 }

frontend/appflowy_flutter/lib/plugins/ai_chat/application/chat_user_message_bloc.dart

@@ -1,5 +1,7 @@
-import 'package:appflowy_backend/protobuf/flowy-document/protobuf.dart';
+import 'package:appflowy_backend/dispatch/dispatch.dart';
+import 'package:appflowy_backend/log.dart';
 import 'package:appflowy_backend/protobuf/flowy-user/protobuf.dart';
+import 'package:fixnum/fixnum.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
 import 'package:flutter_chat_types/flutter_chat_types.dart';
 import 'package:freezed_annotation/freezed_annotation.dart';
@@ -13,9 +15,23 @@ class ChatUserMessageBloc
   }) : super(ChatUserMessageState.initial(message)) {
     on<ChatUserMessageEvent>(
       (event, emit) async {
-        await event.when(
-          initial: () async {},
-          update: (userProfile, deviceId, states) {},
+        event.when(
+          initial: () {
+            final payload =
+                WorkspaceMemberIdPB(uid: Int64.parseInt(message.author.id));
+            UserEventGetMemberInfo(payload).send().then((result) {
+              if (!isClosed) {
+                result.fold((member) {
+                  add(ChatUserMessageEvent.didReceiveMemberInfo(member));
+                }, (err) {
+                  Log.error("Error getting member info: $err");
+                });
+              }
+            });
+          },
+          didReceiveMemberInfo: (WorkspaceMemberPB memberInfo) {
+            emit(state.copyWith(member: memberInfo));
+          },
         );
       },
     );
@@ -25,11 +41,9 @@ class ChatUserMessageBloc
 @freezed
 class ChatUserMessageEvent with _$ChatUserMessageEvent {
   const factory ChatUserMessageEvent.initial() = Initial;
-  const factory ChatUserMessageEvent.update(
-    UserProfilePB userProfile,
-    String deviceId,
-    DocumentAwarenessStatesPB states,
-  ) = Update;
+  const factory ChatUserMessageEvent.didReceiveMemberInfo(
+    WorkspaceMemberPB memberInfo,
+  ) = _MemberInfo;
 }
 
 @freezed

frontend/appflowy_flutter/lib/plugins/ai_chat/presentation/message/ai_text_message.dart

@@ -134,7 +134,10 @@ class ChatAITextMessageWidget extends StatelessWidget {
         PreConfig(
           padding: const EdgeInsets.all(14),
           decoration: BoxDecoration(
-            color: Theme.of(context).colorScheme.surfaceContainerHighest,
+            color: Theme.of(context)
+                .colorScheme
+                .surfaceContainerHighest
+                .withOpacity(0.6),
             borderRadius: const BorderRadius.all(
               Radius.circular(8.0),
             ),
@@ -156,7 +159,10 @@ class ChatAITextMessageWidget extends StatelessWidget {
             height: 1.5,
           ),
         ),
-        BlockquoteConfig.darkConfig,
+        BlockquoteConfig(
+          sideColor: AFThemeExtension.of(context).lightGreyHover,
+          textColor: AFThemeExtension.of(context).textColor,
+        ),
       ],
     );
   }

frontend/appflowy_flutter/lib/plugins/ai_chat/presentation/message/user_text_message.dart

@@ -53,7 +53,8 @@ class TextMessageText extends StatelessWidget {
       fontSize: 16,
       fontWeight: FontWeight.w500,
       lineHeight: 1.5,
-      maxLines: 2000,
+      maxLines: null,
+      selectable: true,
       color: AFThemeExtension.of(context).textColor,
     );
   }

frontend/appflowy_flutter/lib/plugins/ai_chat/presentation/user_message_bubble.dart

@@ -29,7 +29,8 @@ class ChatUserMessageBubble extends StatelessWidget {
         Theme.of(context).colorScheme.surfaceContainerHighest;
 
     return BlocProvider(
-      create: (context) => ChatUserMessageBloc(message: message),
+      create: (context) => ChatUserMessageBloc(message: message)
+        ..add(const ChatUserMessageEvent.initial()),
       child: BlocBuilder<ChatUserMessageBloc, ChatUserMessageState>(
         builder: (context, state) {
           return Row(

frontend/appflowy_flutter/packages/flowy_infra_ui/lib/style_widget/text.dart

@@ -160,11 +160,13 @@ class FlowyText extends StatelessWidget {
         );
 
     if (selectable) {
-      child = SelectableText(
-        text,
-        maxLines: maxLines,
-        textAlign: textAlign,
-        style: textStyle,
+      child = IntrinsicHeight(
+        child: SelectableText(
+          text,
+          maxLines: maxLines,
+          textAlign: textAlign,
+          style: textStyle,
+        ),
       );
     } else {
       child = Text(

frontend/appflowy_tauri/src-tauri/Cargo.toml

@@ -52,7 +52,7 @@ collab-user = { version = "0.2" }
 # Run the script:
 # scripts/tool/update_client_api_rev.sh  new_rev_id
 # ⚠️⚠️⚠️️
-client-api = { git = "https://github.com/AppFlowy-IO/AppFlowy-Cloud", rev = "9d3d28ad8937712cc688c20be7c0ee6e4d14a168" }
+client-api = { git = "https://github.com/AppFlowy-IO/AppFlowy-Cloud", rev = "430e3e15c9a1dc6aba2a9599d17d946a61ac7cae" }
 
 [dependencies]
 serde_json.workspace = true