fix: dismiss keyboard before opening bottom sheets on Android

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Author: NorbertKlockiewicz

components/chat-screen/ChatBar.tsx

@@ -15,6 +15,7 @@ import {
   StyleSheet,
   Image,
   ActivityIndicator,
+  Keyboard,
 } from 'react-native';
 import ImageSourceSheet from '../bottomSheets/ImageSourceSheet';
 import { useImageAttachment } from '../../hooks/useImageAttachment';
@@ -77,7 +78,7 @@ const ChatBar = ({
     imageSourceSheetRef,
     pickFromLibrary,
     pickFromCamera,
-    openSourceSheet: handleAttachImage,
+    openSourceSheet: openImageSourceSheet,
     clearImage,
   } = useImageAttachment();
 
@@ -103,6 +104,12 @@ const ChatBar = ({
     }
   };
 
+  const handleAttachImage = useCallback(() => {
+    Keyboard.dismiss();
+    loadSelectedModel();
+    openImageSourceSheet();
+  }, [loadSelectedModel, openImageSourceSheet]);
+
   const isVisionModel = model?.vision === true;
 
   useEffect(() => {

components/chat-screen/ChatScreen.tsx

@@ -114,10 +114,12 @@ export default function ChatScreen({
     chat?.enabledSources || phantomChat?.enabledSources || [];
 
   const handlePresentModelSheet = useCallback(() => {
+    Keyboard.dismiss();
     modelBottomSheetModalRef.current?.present();
   }, []);
 
   const handlePresentSourceSheet = useCallback(() => {
+    Keyboard.dismiss();
     sourceBottomSheetModalRef.current?.present();
   }, []);