layout + app

mobile/App.tsx

@@ -1,10 +0,0 @@
-import { AuthProvider } from './context/AuthContext';
-import Index from './app/index.jsx';
-
-export default function App() {
-  return (
-    <AuthProvider>
-      <Index />
-    </AuthProvider>
-  );
-}

mobile/app.json

@@ -2,6 +2,7 @@
   "expo": {
     "name": "webui",
     "slug": "webui",
+    "scheme": "webui",
     "version": "2.0.0",
     "orientation": "portrait",
     "icon": "./assets/icon.png",
@@ -21,6 +22,9 @@
     },
     "web": {
       "favicon": "./assets/favicon.png"
-    }
+    },
+    "plugins": [
+      "expo-router"
+    ]
   }
 }

mobile/app/_layout.jsx

@@ -0,0 +1,10 @@
+import { Stack } from 'expo-router';
+import { AuthProvider } from '../context/AuthContext';
+
+export default function RootLayout() {
+  return (
+    <AuthProvider>
+      <Stack />
+    </AuthProvider>
+  );
+}

mobile/index.ts

@@ -1,8 +0,0 @@
-import { registerRootComponent } from 'expo';
-
-import App from './App';
-
-// registerRootComponent calls AppRegistry.registerComponent('main', () => App);
-// It also ensures that whether you load the app in Expo Go or in a native build,
-// the environment is set up appropriately
-registerRootComponent(App);

mobile/package.json

@@ -1,12 +1,17 @@
 {
   "name": "webui",
   "version": "2.0.0",
-  "main": "index.ts",
+  "main": "expo-router/entry",
   "dependencies": {
     "expo": "~57.0.8",
+    "expo-constants": "~57.0.17",
+    "expo-linking": "~57.0.9",
+    "expo-router": "~57.0.20",
     "expo-status-bar": "~57.0.1",
     "react": "19.2.3",
-    "react-native": "0.86.0"
+    "react-native": "0.86.0",
+    "react-native-safe-area-context": "~5.7.0",
+    "react-native-screens": "~4.26.0"
   },
   "devDependencies": {
     "@types/react": "~19.2.2",