💄 Fix chat input overlaps with message sometimes

lib/route.dart

@@ -30,7 +30,6 @@ import 'package:island/screens/account/me/profile_update.dart';
 import 'package:island/screens/account/leveling.dart';
 import 'package:island/screens/account/me/account_settings.dart';
 import 'package:island/screens/chat/chat.dart';
-import 'package:island/screens/chat/chat_form.dart';
 import 'package:island/screens/chat/room.dart';
 import 'package:island/screens/chat/room_detail.dart';
 import 'package:island/screens/chat/call.dart';
@@ -265,11 +264,6 @@ final routerProvider = Provider<GoRouter>((ref) {
                     path: '/chat',
                     builder: (context, state) => const ChatListScreen(),
                   ),
-                  GoRoute(
-                    name: 'chatNew',
-                    path: '/chat/new',
-                    builder: (context, state) => const NewChatScreen(),
-                  ),
                   GoRoute(
                     name: 'chatRoom',
                     path: '/chat/:id',
@@ -278,14 +272,6 @@ final routerProvider = Provider<GoRouter>((ref) {
                       return ChatRoomScreen(id: id);
                     },
                   ),
-                  GoRoute(
-                    name: 'chatEdit',
-                    path: '/chat/:id/edit',
-                    builder: (context, state) {
-                      final id = state.pathParameters['id']!;
-                      return EditChatScreen(id: id);
-                    },
-                  ),
                   GoRoute(
                     name: 'chatDetail',
                     path: '/chat/:id/detail',

lib/screens/chat/chat_form.dart

@@ -16,10 +16,10 @@ import 'package:island/screens/realm/realms.dart';
 import 'package:island/services/file.dart';
 import 'package:island/services/file_uploader.dart';
 import 'package:island/widgets/alert.dart';
-import 'package:island/widgets/app_scaffold.dart';
 import 'package:island/widgets/content/cloud_files.dart';
 import 'package:material_symbols_icons/symbols.dart';
 import 'package:styled_widget/styled_widget.dart';
+import 'package:island/widgets/content/sheet.dart';
 
 class NewChatScreen extends StatelessWidget {
   const NewChatScreen({super.key});
@@ -151,12 +151,10 @@ class EditChatScreen extends HookConsumerWidget {
       }
     }
 
-    return AppScaffold(
+    return SheetScaffold(
-      appBar: AppBar(
+      titleText: (id == null ? 'createChatRoom' : 'editChatRoom').tr(),
-        title: Text(id == null ? 'createChatRoom' : 'editChatRoom').tr(),
+      onClose: () => context.pop(),
-        leading: const PageBackButton(),
+      child: SingleChildScrollView(
-      ),
-      body: SingleChildScrollView(
         child: Column(
           children: [
             AspectRatio(
@@ -204,16 +202,24 @@ class EditChatScreen extends HookConsumerWidget {
                 children: [
                   TextFormField(
                     controller: nameController,
-                    decoration: const InputDecoration(labelText: 'Name'),
+                    decoration: InputDecoration(
+                      labelText: 'Name',
+                      border: OutlineInputBorder(
+                        borderRadius: BorderRadius.circular(12),
+                      ),
+                    ),
                     onTapOutside:
                         (_) => FocusManager.instance.primaryFocus?.unfocus(),
                   ),
                   const SizedBox(height: 16),
                   TextFormField(
                     controller: descriptionController,
-                    decoration: const InputDecoration(
+                    decoration: InputDecoration(
                       labelText: 'Description',
                       alignLabelWithHint: true,
+                      border: OutlineInputBorder(
+                        borderRadius: BorderRadius.circular(12),
+                      ),
                     ),
                     minLines: 3,
                     maxLines: null,
@@ -223,7 +229,12 @@ class EditChatScreen extends HookConsumerWidget {
                   const SizedBox(height: 16),
                   DropdownButtonFormField<SnRealm>(
                     value: currentRealm.value,
-                    decoration: InputDecoration(labelText: 'realm'.tr()),
+                    decoration: InputDecoration(
+                      labelText: 'realm'.tr(),
+                      border: OutlineInputBorder(
+                        borderRadius: BorderRadius.circular(12),
+                      ),
+                    ),
                     items: [
                       DropdownMenuItem<SnRealm>(
                         value: null,

lib/screens/chat/room.dart

@@ -142,6 +142,25 @@ class ChatRoomScreen extends HookConsumerWidget {
     final messageController = useTextEditingController();
     final scrollController = useScrollController();
 
+    // Input height measurement for dynamic padding
+    final inputKey = useMemoized(() => GlobalKey());
+    final inputHeight = useState<double>(80.0);
+
+    // Periodic height measurement for dynamic sizing
+    useEffect(() {
+      final timer = Timer.periodic(const Duration(milliseconds: 50), (_) {
+        final renderBox =
+            inputKey.currentContext?.findRenderObject() as RenderBox?;
+        if (renderBox != null) {
+          final newHeight = renderBox.size.height;
+          if (newHeight != inputHeight.value) {
+            inputHeight.value = newHeight;
+          }
+        }
+      });
+      return timer.cancel;
+    }, []);
+
     // Scroll animation notifiers
     final bottomGradientNotifier = useState(ValueNotifier<double>(0.0));
 
@@ -600,7 +619,8 @@ class ChatRoomScreen extends HookConsumerWidget {
         top: 16,
         bottom:
             MediaQuery.of(context).padding.bottom +
-            80, // Leave space for chat input
+            8 +
+            inputHeight.value, // Leave space for chat input
       ),
       controller: scrollController,
       reverse: true, // Show newest messages at the bottom
@@ -964,6 +984,7 @@ class ChatRoomScreen extends HookConsumerWidget {
               child: chatRoom.when(
                 data:
                     (room) => Column(
+                      key: inputKey,
                       mainAxisSize: MainAxisSize.min,
                       children: [
                         ChatInput(

lib/screens/chat/room_detail.dart

@@ -16,6 +16,7 @@ import 'package:island/widgets/alert.dart';
 import 'package:island/widgets/app_scaffold.dart';
 import 'package:island/widgets/content/cloud_files.dart';
 import 'package:island/widgets/content/sheet.dart';
+import 'package:island/screens/chat/chat_form.dart';
 import 'package:material_symbols_icons/symbols.dart';
 import 'package:riverpod_annotation/riverpod_annotation.dart';
 import 'package:riverpod_paging_utils/riverpod_paging_utils.dart';
@@ -447,10 +448,17 @@ class _ChatRoomActionMenu extends HookConsumerWidget {
             if ((chatIdentity.value?.role ?? 0) >= 50)
               PopupMenuItem(
                 onTap: () {
-                  context.pushReplacementNamed(
+                  showModalBottomSheet(
-                    'chatEdit',
+                    context: context,
-                    pathParameters: {'id': id},
+                    useRootNavigator: true,
-                  );
+                    isScrollControlled: true,
+                    builder: (context) => EditChatScreen(id: id),
+                  ).then((value) {
+                    if (value != null) {
+                      // Invalidate to refresh room data after edit
+                      ref.invalidate(chatroomProvider(id));
+                    }
+                  });
                 },
                 child: Row(
                   children: [

lib/screens/thought/think.dart

@@ -102,7 +102,7 @@ class ThoughtScreen extends HookConsumerWidget {
               } catch (e) {
                 showSnackBar('Failed to retry billing');
               }
-              hideLoadingModal(context);
+              if (context.mounted) hideLoadingModal(context);
             },
             [context, ref],
           );

lib/screens/thought/think_sheet.dart

@@ -62,7 +62,7 @@ class ThoughtSheet extends HookConsumerWidget {
               } catch (e) {
                 showSnackBar('Failed to retry billing');
               }
-              hideLoadingModal(context);
+              if (context.mounted) hideLoadingModal(context);
             },
             [context, ref],
           );

lib/widgets/navigation/fab_menu.dart

@@ -10,6 +10,7 @@ import 'package:island/services/responsive.dart';
 import 'package:island/widgets/account/account_picker.dart';
 import 'package:island/widgets/alert.dart';
 import 'package:island/widgets/post/compose_sheet.dart';
+import 'package:island/screens/chat/chat_form.dart';
 import 'package:material_symbols_icons/symbols.dart';
 
 enum FabMenuType { main, compose, chat, realm }
@@ -135,8 +136,12 @@ class FabMenu extends HookConsumerWidget {
               leading: const Icon(Symbols.add),
               contentPadding: const EdgeInsets.symmetric(horizontal: 24),
               onTap: () {
-                Navigator.pop(context);
+                showModalBottomSheet(
-                context.pushNamed('chatNew').then((value) {
+                  context: context,
+                  useRootNavigator: true,
+                  isScrollControlled: true,
+                  builder: (context) => const EditChatScreen(),
+                ).then((value) {
                   if (value != null) {
                     eventBus.fire(const ChatRoomsRefreshEvent());
                   }
@@ -148,7 +153,6 @@ class FabMenu extends HookConsumerWidget {
               leading: const Icon(Symbols.person),
               contentPadding: const EdgeInsets.symmetric(horizontal: 24),
               onTap: () {
-                Navigator.pop(context);
                 _createDirectMessage(context, ref);
               },
             ),

lib/widgets/thought/thought_shared.dart

@@ -1,3 +1,4 @@
+import 'dart:async';
 import 'dart:convert';
 import 'dart:math' as math;
 import 'package:dio/dio.dart';
@@ -401,6 +402,9 @@ class ThoughtChatInterface extends HookConsumerWidget {
 
   @override
   Widget build(BuildContext context, WidgetRef ref) {
+    final inputKey = useMemoized(() => GlobalKey());
+    final inputHeight = useState<double>(80.0);
+
     final chatState = useThoughtChat(
       ref,
       initialThoughts: initialThoughts,
@@ -409,6 +413,21 @@ class ThoughtChatInterface extends HookConsumerWidget {
       attachedPosts: attachedPosts,
     );
 
+    // Periodic height measurement for dynamic sizing
+    useEffect(() {
+      final timer = Timer.periodic(const Duration(milliseconds: 50), (_) {
+        final renderBox =
+            inputKey.currentContext?.findRenderObject() as RenderBox?;
+        if (renderBox != null) {
+          final newHeight = renderBox.size.height;
+          if (newHeight != inputHeight.value) {
+            inputHeight.value = newHeight;
+          }
+        }
+      });
+      return timer.cancel;
+    }, []);
+
     return Stack(
       children: [
         // Thoughts list
@@ -425,7 +444,8 @@ class ThoughtChatInterface extends HookConsumerWidget {
                       top: 16,
                       bottom:
                           MediaQuery.of(context).padding.bottom +
-                          80, // Leave space for thought input
+                          56 +
+                          inputHeight.value, // Leave space for thought input
                     ),
                     reverse: true,
                     itemCount:
@@ -492,6 +512,7 @@ class ThoughtChatInterface extends HookConsumerWidget {
             child: Container(
               constraints: BoxConstraints(maxWidth: 640),
               child: ThoughtInput(
+                key: inputKey,
                 messageController: chatState.messageController,
                 isStreaming: chatState.isStreaming.value,
                 onSend: chatState.sendMessage,