💄 Optimize chat indicator style

lib/widgets/chat/chat_input.dart

@@ -15,6 +15,7 @@ import "package:pasteboard/pasteboard.dart";
 import "package:styled_widget/styled_widget.dart";
 import "package:material_symbols_icons/symbols.dart";
 import "package:island/widgets/stickers/picker.dart";
+import "package:island/pods/chat/chat_subscribe.dart";
 
 class ChatInput extends HookConsumerWidget {
   final TextEditingController messageController;
@@ -53,6 +54,7 @@ class ChatInput extends HookConsumerWidget {
   @override
   Widget build(BuildContext context, WidgetRef ref) {
     final inputFocusNode = useFocusNode();
+    final chatSubscribe = ref.watch(chatSubscribeNotifierProvider(chatRoom.id));
 
     void send() {
       onSend.call();
@@ -125,6 +127,77 @@ class ChatInput extends HookConsumerWidget {
           padding: const EdgeInsets.symmetric(vertical: 6, horizontal: 8),
           child: Column(
             children: [
+              AnimatedSwitcher(
+                duration: const Duration(milliseconds: 150),
+                switchInCurve: Curves.fastEaseInToSlowEaseOut,
+                switchOutCurve: Curves.fastEaseInToSlowEaseOut,
+                transitionBuilder: (
+                  Widget child,
+                  Animation<double> animation,
+                ) {
+                  return SlideTransition(
+                    position: Tween<Offset>(
+                      begin: const Offset(0, -0.3),
+                      end: Offset.zero,
+                    ).animate(
+                      CurvedAnimation(
+                        parent: animation,
+                        curve: Curves.easeOutCubic,
+                      ),
+                    ),
+                    child: SizeTransition(
+                      sizeFactor: animation,
+                      axisAlignment: -1.0,
+                      child: FadeTransition(
+                        opacity: animation,
+                        child: child,
+                      ),
+                    ),
+                  );
+                },
+                child:
+                    chatSubscribe.isNotEmpty
+                        ? Container(
+                          key: const ValueKey('typing-indicator'),
+                          width: double.infinity,
+                          padding: const EdgeInsets.symmetric(
+                            horizontal: 12,
+                            vertical: 4,
+                          ),
+                          child: Row(
+                            children: [
+                              const Icon(
+                                Symbols.more_horiz,
+                                size: 16,
+                              ).padding(horizontal: 8),
+                              const Gap(8),
+                              Expanded(
+                                child: Text(
+                                  'typingHint'.plural(
+                                    chatSubscribe.length,
+                                    args: [
+                                      chatSubscribe
+                                          .map(
+                                            (x) =>
+                                                x.nick ??
+                                                x.account.nick,
+                                          )
+                                          .join(', '),
+                                    ],
+                                  ),
+                                  style:
+                                      Theme.of(
+                                        context,
+                                      ).textTheme.bodySmall,
+                                ),
+                              ),
+                            ],
+                          ),
+                        )
+                        : const SizedBox.shrink(
+                          key: ValueKey('typing-indicator-none'),
+                        ),
+              ),
               if (attachments.isNotEmpty)
                 SizedBox(
                   height: 180,