Production

apps/mobile/app.config.ts

@@ -1,5 +1,5 @@
 import { ExpoConfig } from '@expo/config';
-import { EASConfig } from 'expo-constants/build/Constants.types';
+import { EASConfig } from 'expo-manifests';
 import { AppEnv } from '../../libs/shared/utils/app-env/src/env';
 import { AppEnvName } from '../../libs/shared/utils/app-env/src/app-env';
 import { compact } from 'lodash-es';
@@ -27,10 +27,10 @@ const createConfig = (): Omit<ExpoConfig, 'extra'> & { extra: { eas: EASConfig }
     slug: process.env.EXPO_PUBLIC_APP_SLUG as string,
     scheme: process.env.EXPO_PUBLIC_APP_SCHEME as string,
     owner: process.env.EXPO_PUBLIC_APP_OWNER as string,
-    version: '1.1.0',
+    version: '1.2.0',
     orientation: 'portrait',
     icon: './assets/icon.png',
-    runtimeVersion: '1.1.0',
+    runtimeVersion: '1.2.0',
     experiments: {
       reactCompiler: true,
     },
@@ -41,8 +41,8 @@ const createConfig = (): Omit<ExpoConfig, 'extra'> & { extra: { eas: EASConfig }
       bundleIdentifier: appId,
       supportsTablet: false,
       buildNumber: appEnv.select({
-        default: '13',
-        production: '7',
+        default: '18',
+        production: '8',
       }),
       config: {
         usesNonExemptEncryption: false,
@@ -51,8 +51,8 @@ const createConfig = (): Omit<ExpoConfig, 'extra'> & { extra: { eas: EASConfig }
     android: {
       package: appId,
       versionCode: appEnv.select({
-        default: 13,
-        production: 7,
+        default: 15,
+        production: 8,
       }),
       adaptiveIcon: {
         foregroundImage: './assets/adaptive-icon.png',

apps/mobile/app/(auth)/sign-in.tsx

@@ -12,7 +12,7 @@ export default function SignInScreen(): ReactElement {
   const isOfflineMode = useSelector(appState$.isOfflineMode);
 
   return (
-    <ScreenWrapper isKeyboardAvoiding>
+    <ScreenWrapper isKeyboardAvoiding safeAreaProps={{ edges: ['top'] }}>
       <NoConnectionBanner isVisible={isOfflineMode} />
       <SignIn onSuccess={resetToCreateChatScreen} />
     </ScreenWrapper>

apps/mobile/app/(main)/chat/[id].tsx

@@ -1,5 +1,9 @@
 import { useSelector } from '@legendapp/state/react';
 import { Chat } from '@open-webui-react-native/mobile/chat/features/chat';
+import {
+  ChatActionsMenuSheet,
+  ChatActionsMenuSheetMethods,
+} from '@open-webui-react-native/mobile/shared/features/chat-actions-menu-sheet';
 import { useSetSelectedModel } from '@open-webui-react-native/mobile/shared/features/use-set-selected-model';
 import { NoConnectionBanner } from '@open-webui-react-native/mobile/shared/ui/no-connection-banner';
 import { cn } from '@open-webui-react-native/mobile/shared/ui/styles';
@@ -10,28 +14,41 @@ import {
   AppText,
   Icon,
   FullScreenSearchModal,
+  AppKeyboardControllerView,
+  IconButton,
 } from '@open-webui-react-native/mobile/shared/ui/ui-kit';
-import { ChatScreenParams, useInitialNavigation } from '@open-webui-react-native/mobile/shared/utils/navigation';
-import { modelsApi } from '@open-webui-react-native/shared/data-access/api';
+import {
+  ChatScreenParams,
+  navigationConfig,
+  useInitialNavigation,
+} from '@open-webui-react-native/mobile/shared/utils/navigation';
+import { chatApi, modelsApi } from '@open-webui-react-native/shared/data-access/api';
 import { appState$ } from '@open-webui-react-native/shared/data-access/app-state';
+import { useNavigateOnce } from '@open-webui-react-native/shared/utils/navigation';
 import { useTranslation } from '@ronas-it/react-native-common-modules/i18n';
 import { useNavigationContainerRef, usePathname, useLocalSearchParams, router } from 'expo-router';
-import { ReactElement, useCallback } from 'react';
+import { ReactElement, useCallback, useRef } from 'react';
 
 export default function ChatScreen(): ReactElement {
   const translate = useTranslation('CHAT.CHAT_SCREEN');
   const path = usePathname();
   const rootNavigation = useNavigationContainerRef();
   const { id, isNewChat }: ChatScreenParams = useLocalSearchParams();
   const { resetToChatsListScreen } = useInitialNavigation();
+  const navigateOnce = useNavigateOnce();
+  const chatActionsSheetRef = useRef<ChatActionsMenuSheetMethods>(null);
+  const navigateToClonedChat = (id: string): void => navigateOnce(navigationConfig.main.chat.view({ id }));
 
   const isOfflineMode = useSelector(appState$.isOfflineMode);
 
-  const { data: models, isLoading } = modelsApi.useGetModels();
+  const { data: models, isLoading: isModelsLoading } = modelsApi.useGetModels();
+  const { data: chat, isLoading: isChatLoading } = chatApi.useGet(id);
   const { modelId, modelName, onSelectModel } = useSetSelectedModel(id);
 
   const handleGoBackPress = (): void => router.back();
 
+  const isLoading = isChatLoading || isModelsLoading;
+
   const handleResetToChatsList = useCallback((): void => {
     if (path.includes(id)) {
       resetToChatsListScreen();
@@ -48,34 +65,50 @@ export default function ChatScreen(): ReactElement {
   );
 
   return (
-    <AppScreen
-      className={cn(isOfflineMode && 'pt-20')}
-      noOutsideSpacing
-      header={
-        <AppHeader
-          title={
-            modelId || isLoading ? (
-              <FullScreenSearchModal
-                data={models || []}
-                renderTrigger={renderTrigger}
-                selectedItemId={modelId}
-                onSelectItem={onSelectModel}
-                searchPlaceholder={translate('TEXT_SELECT_A_MODEL')}
+    <AppKeyboardControllerView className='bg-background-primary'>
+      <AppScreen
+        className={cn(isOfflineMode && 'pt-20')}
+        noOutsideSpacing
+        header={
+          <AppHeader
+            title={
+              isLoading && !modelId ? (
+                translate('TEXT_LOADING')
+              ) : (
+                <FullScreenSearchModal
+                  data={models || []}
+                  renderTrigger={renderTrigger}
+                  selectedItemId={modelId}
+                  onSelectItem={onSelectModel}
+                  searchPlaceholder={translate('TEXT_SELECT_A_MODEL')}
+                />
+              )
+            }
+            onGoBack={handleGoBackPress}
+            accessoryRight={
+              <IconButton
+                className='p-0'
+                iconName='moreDots'
+                onPress={() => {
+                  if (!chat) return;
+                  chatActionsSheetRef.current?.present(chat);
+                }}
               />
-            ) : (
-              translate('TEXT_LOADING')
-            )
-          }
-          onGoBack={handleGoBackPress}
-        />
-      }
-      scrollDisabled>
-      <NoConnectionBanner isVisible={isOfflineMode} />
-      <Chat
-        chatId={id}
-        isNewChat={!!isNewChat}
-        selectedModelId={modelId}
-        resetToChatsList={handleResetToChatsList} />
-    </AppScreen>
+            }
+          />
+        }
+        scrollDisabled>
+        <NoConnectionBanner isVisible={isOfflineMode} />
+        <Chat
+          chatId={id}
+          isNewChat={!!isNewChat}
+          selectedModelId={modelId}
+          resetToChatsList={handleResetToChatsList} />
+        <ChatActionsMenuSheet
+          ref={chatActionsSheetRef}
+          goToChat={navigateToClonedChat}
+          isInChat />
+      </AppScreen>
+    </AppKeyboardControllerView>
   );
 }

apps/mobile/app/(main)/chat/_layout.tsx

@@ -22,7 +22,7 @@ export default function ChatLayout(): ReactElement {
     close: async () => await voiceModeModalRef.current?.close(),
   };
 
-  const handleChatCreated = (id: string): void => router.replace(navigationConfig.main.chat.view({ id }));
+  const handleChatCreated = (id: string): void => router.push(navigationConfig.main.chat.view({ id }));
 
   return (
     <VoiceModeModalContext.Provider value={contextValue}>

apps/mobile/app/(main)/chat/create.tsx

@@ -14,13 +14,18 @@ import { appState$ } from '@open-webui-react-native/shared/data-access/app-state
 import { useTranslation } from '@ronas-it/react-native-common-modules/i18n';
 import { router } from 'expo-router';
 import { ReactElement, useRef } from 'react';
+import { Keyboard, InteractionManager } from 'react-native';
 
 export default function CreateChatScreen(): ReactElement {
   const translate = useTranslation('CHAT.CREATE_CHAT');
   const upsertFolderSheetRef = useRef<UpsertFolderSheetMethods>(null);
 
-  const handleChatCreated = (id: string): void =>
-    router.replace(navigationConfig.main.chat.view({ id, isNewChat: 'true' }));
+  const handleChatCreated = (id: string): void => {
+    Keyboard.dismiss();
+    InteractionManager.runAfterInteractions(() => {
+      router.push(navigationConfig.main.chat.view({ id, isNewChat: 'true' }));
+    });
+  };
 
   const openCreateFolderModal = (): void => upsertFolderSheetRef.current?.present();
 
@@ -41,7 +46,7 @@ export default function CreateChatScreen(): ReactElement {
         className: 'pt-0',
         header: <AppHeader title={translate('TEXT_NEW_CHAT')} onGoBack={handleBackPress} />,
       }}
-      safeAreaProps={{ edges: ['bottom'] }}
+      safeAreaProps={{ edges: [] }}
       keyBoardAvoidingProps={{ enabled: !isBottomSheetInputFocused }}>
       <NoConnectionBanner isVisible={isOfflineMode} />
       <CreateChat

apps/mobile/app/(main)/chat/list.tsx

@@ -45,7 +45,7 @@ export default function ChatListScreen(): ReactElement {
 
   return (
     <ScreenWrapper safeAreaProps={{ edges: [] }} screenProps={{ noOutsideSpacing: true, scrollDisabled: true }}>
-      <View className='flex-1 bg-background-primary mt-safe'>
+      <View className='flex-1 bg-background-primary ios:mt-safe'>
         <AppHeader
           className='mt-0'
           title={translate('TEXT_CHATS')}

apps/mobile/app/_layout.tsx

@@ -73,7 +73,7 @@ function App(): ReactElement | null {
 
   return (
     <View className='bg-background-primary flex-1'>
-      <StatusBar className='bg-background-primary' />
+      <StatusBar className='bg-background-primary' translucent />
       <Stack>
         <Stack.Screen name='index' options={{ headerShown: false, contentStyle: { backgroundColor: 'transparent' } }} />
         <Stack.Screen name={navigationConfig.auth.root} options={{ headerShown: false }} />

apps/mobile/babel.config.js

@@ -12,7 +12,6 @@ module.exports = function (api) {
       'nativewind/babel',
     ],
     plugins: [
-      'react-native-reanimated/plugin',
       [
         'module-resolver',
         {
@@ -23,6 +22,7 @@ module.exports = function (api) {
           },
         },
       ],
+      'react-native-worklets/plugin',
     ],
   };
 };

apps/mobile/package.json

@@ -29,58 +29,55 @@
     "@react-native-community/netinfo": "11.4.1",
     "@react-native-cookies/cookies": "^6.2.1",
     "@react-native-google-signin/google-signin": "^15.0.0",
-    "@react-navigation/drawer": "^7.4.1",
+    "@react-navigation/drawer": "^7.3.9",
     "@ronas-it/react-native-common-modules": "^1.1.0",
     "@ronas-it/rtkq-entity-api": "^0.4.10",
-    "@shopify/flash-list": "^2.0.0-rc.11",
+    "@shopify/flash-list": "2.0.2",
     "@tanstack/react-query": "^5.80.6",
     "@tanstack/react-query-persist-client": "^5.87.4",
-    "@testing-library/jest-native": "*",
-    "@testing-library/react-native": "*",
     "babel-plugin-module-resolver": "^5.0.2",
     "clsx": "^2.1.1",
-    "expo": "53.0.11",
-    "expo-asset": "~11.1.7",
-    "expo-audio": "~0.4.9",
-    "expo-clipboard": "~7.1.5",
-    "expo-constants": "~17.1.6",
-    "expo-crypto": "~14.1.5",
-    "expo-dev-client": "^5.0.6",
-    "expo-document-picker": "~13.1.6",
-    "expo-file-system": "~18.1.11",
-    "expo-haptics": "~14.1.4",
-    "expo-image": "~2.4.0",
-    "expo-image-picker": "~16.1.4",
-    "expo-insights": "~0.9.3",
-    "expo-linear-gradient": "~14.1.5",
-    "expo-linking": "~7.1.5",
-    "expo-localization": "~16.1.5",
-    "expo-media-library": "~17.1.7",
-    "expo-router": "~5.0.7",
-    "expo-sharing": "~13.1.5",
-    "expo-speech": "~13.1.7",
-    "expo-splash-screen": "~0.30.10",
-    "expo-status-bar": "^2.0.0",
-    "expo-updates": "~0.28.13",
+    "expo": "^54.0.0",
+    "expo-asset": "~12.0.11",
+    "expo-audio": "~1.1.0",
+    "expo-clipboard": "~8.0.8",
+    "expo-constants": "~18.0.12",
+    "expo-crypto": "~15.0.8",
+    "expo-dev-client": "~6.0.20",
+    "expo-document-picker": "~14.0.8",
+    "expo-file-system": "~19.0.21",
+    "expo-haptics": "~15.0.8",
+    "expo-image": "~3.0.11",
+    "expo-image-picker": "~17.0.10",
+    "expo-insights": "~0.10.8",
+    "expo-linear-gradient": "~15.0.8",
+    "expo-linking": "~8.0.10",
+    "expo-localization": "~17.0.8",
+    "expo-media-library": "~18.2.1",
+    "expo-router": "~6.0.19",
+    "expo-sharing": "~14.0.8",
+    "expo-speech": "~14.0.8",
+    "expo-splash-screen": "~31.0.12",
+    "expo-status-bar": "~3.0.9",
+    "expo-updates": "~29.0.15",
     "immer": "^10.1.1",
     "lodash-es": "^4.17.21",
     "luxon": "^3.6.1",
-    "metro-config": "*",
     "nativewind": "^4.1.23",
-    "react": "19.0.0",
+    "react": "19.1.0",
     "react-hook-form": "^7.57.0",
-    "react-native": "*",
+    "react-native": "0.81.5",
     "react-native-compressor": "^1.12.0",
     "react-native-extended-stylesheet": "^0.12.0",
-    "react-native-gesture-handler": "~2.24.0",
-    "react-native-keyboard-controller": "^1.17.5",
+    "react-native-gesture-handler": "~2.28.0",
+    "react-native-keyboard-controller": "1.18.5",
     "react-native-mmkv": "^3.2.0",
     "react-native-modal": "^14.0.0-rc.1",
-    "react-native-reanimated": "~3.17.4",
-    "react-native-safe-area-context": "5.4.0",
-    "react-native-screens": "~4.10.0",
-    "react-native-svg": "*",
-    "react-native-web": "*",
+    "react-native-reanimated": "~4.1.1",
+    "react-native-safe-area-context": "~5.6.0",
+    "react-native-screens": "~4.16.0",
+    "react-native-svg": "15.12.1",
+    "react-native-web": "^0.21.0",
     "reflect-metadata": "^0.2.2",
     "tailwind-merge": "^3.3.0",
     "tailwindcss": "^3.4.17",

i18n/mobile/chat/en.json

@@ -153,6 +153,9 @@
       "TEXT_LISTENING": "Listening...",
       "TEXT_THINKING": "Thinking...",
       "TEXT_TALKING": "Talking..."
+    },
+    "MESSAGE_FOLLOW_UPS": {
+      "TEXT_FOLLOW_UP": "Follow up"
     }
   }
 }

i18n/mobile/folder/en.json

@@ -28,6 +28,7 @@
       "TEXT_UNSUPPORTED_TYPE": "Unsupported type."
     },
     "SELECT_KNOWLEDGE_SHEET": {
+      "TEXT_SEARCH_KNOWLEDGE": "Search knowledge",
       "TEXT_SELECT_KNOWLEDGE": "Select Knowledge",
       "TEXT_NO_KNOWLEDGE": "There is no knowledge."
     }