fix bottom tab bar on keyboard

apps/mobile/app.config.ts

@@ -24,6 +24,7 @@ const config: ExpoConfig = {
 		},
 		edgeToEdgeEnabled: true,
 		predictiveBackGestureEnabled: false,
+		softwareKeyboardLayoutMode: 'pan',
 	},
 	web: {
 		output: 'static',

apps/mobile/package.json

@@ -38,7 +38,7 @@
     "@tanstack/react-form": "^1.20.0",
     "@tanstack/react-query": "^5.89.0",
     "date-fns": "^4.1.0",
-    "expo": "54.0.11",
+    "expo": "54.0.12",
     "expo-clipboard": "~8.0.7",
     "expo-constants": "~18.0.9",
     "expo-crypto": "~15.0.7",
@@ -50,7 +50,7 @@
     "expo-haptics": "~15.0.7",
     "expo-image": "~3.0.8",
     "expo-linking": "~8.0.8",
-    "expo-router": "6.0.9",
+    "expo-router": "6.0.10",
     "expo-secure-store": "~15.0.7",
     "expo-splash-screen": "~31.0.10",
     "expo-status-bar": "~3.0.8",

apps/mobile/src/app/(tabs)/shell/detail.tsx

@@ -12,12 +12,12 @@ import {
 	useFocusEffect,
 } from 'expo-router';
 import React, { startTransition, useEffect, useRef, useState } from 'react';
-import { Pressable, Text, View } from 'react-native';
+import { KeyboardAvoidingView, Pressable, Text, View } from 'react-native';
 
-import {
-	KeyboardAvoidingView,
-	KeyboardToolbar,
-} from 'react-native-keyboard-controller';
+// import {
+// 	// KeyboardAvoidingView,
+// 	KeyboardToolbar,
+// } from 'react-native-keyboard-controller';
 import { useSshStore } from '@/lib/ssh-store';
 import { useTheme } from '@/lib/theme';
 import { useBottomTabSpacing } from '@/lib/useBottomTabSpacing';
@@ -144,8 +144,8 @@ function ShellDetail() {
 				/>
 				<KeyboardAvoidingView
 					behavior="height"
-					keyboardVerticalOffset={240}
-					style={{ flex: 1 }}
+					keyboardVerticalOffset={120}
+					style={{ flex: 1, borderWidth: 2, borderColor: theme.colors.border }}
 				>
 					<XtermJsWebView
 						ref={xtermRef}
@@ -219,11 +219,11 @@ function ShellDetail() {
 					/>
 				</KeyboardAvoidingView>
 			</View>
-			<KeyboardToolbar
+			{/* <KeyboardToolbar
 				offset={{
 					opened: -80,
 				}}
-			/>
+			/> */}
 		</>
 	);
 }