Tabs navigation

Author: a-lider

apps/mobile/src/app/(auth)/_layout.tsx

@@ -3,21 +3,21 @@ import { DynamicColorIOS, Platform } from "react-native";
 
 export default function AuthTabLayout() {
   // Dynamic colors for liquid glass effect on iOS
-  const dynamicTextColor = Platform.select({
-    ios: DynamicColorIOS({
-      dark: "white",
-      light: "black",
-    }),
-    default: "white",
-  });
+  const dynamicTextColor =
+    Platform.OS === "ios"
+      ? DynamicColorIOS({
+          dark: "white",
+          light: "black",
+        })
+      : "white";
 
-  const dynamicTintColor = Platform.select({
-    ios: DynamicColorIOS({
-      dark: "#f97316", // orange-500
-      light: "#ea580c", // orange-600
-    }),
-    default: "#f97316",
-  });
+  const dynamicTintColor =
+    Platform.OS === "ios"
+      ? DynamicColorIOS({
+          dark: "#f97316", // orange-500
+          light: "#ea580c", // orange-600
+        })
+      : "#f97316";
 
   return (
     <NativeTabs
@@ -36,15 +36,6 @@ export default function AuthTabLayout() {
         />
       </NativeTabs.Trigger>
 
-      {/* Chat - New Chat Tab with + icon */}
-      <NativeTabs.Trigger name="chat">
-        <Label>Chat</Label>
-        <Icon
-          sf={{ default: "plus.circle", selected: "plus.circle.fill" }}
-          drawable="ic_menu_add"
-        />
-      </NativeTabs.Trigger>
-
       {/* Settings/Profile Tab */}
       <NativeTabs.Trigger name="settings">
         <Label>Profile</Label>
@@ -53,6 +44,15 @@ export default function AuthTabLayout() {
           drawable="ic_menu_preferences"
         />
       </NativeTabs.Trigger>
+
+      {/* Chat - Separate floating button (iOS search role style) */}
+      <NativeTabs.Trigger name="chat" role="search">
+        <Label hidden />
+        <Icon
+          sf={{ default: "plus", selected: "plus" }}
+          drawable="ic_menu_add"
+        />
+      </NativeTabs.Trigger>
     </NativeTabs>
   );
 }

apps/mobile/src/app/(auth)/index.tsx

@@ -1,9 +1,8 @@
-import { Link } from "expo-router";
-import { ScrollView, Text, TouchableOpacity, View } from "react-native";
+import { ScrollView, Text, View } from "react-native";
 import { useAuthStore } from "../../stores/authStore";
 
 export default function TasksScreen() {
-  const { cloudRegion, projectId, logout } = useAuthStore();
+  const { cloudRegion, projectId } = useAuthStore();
 
   return (
     <ScrollView className="flex-1 bg-dark-bg">
@@ -32,30 +31,10 @@ export default function TasksScreen() {
           </View>
         </View>
 
-        {/* Chat Links */}
-        <Link href="/(auth)/agent" className="mb-3 rounded-xl bg-blue-600 p-4">
-          <Text className="text-center font-medium text-white">
-            Array Agent
-          </Text>
-        </Link>
-        <Link href="/chat" className="mb-6 rounded-xl bg-dark-surface p-4">
-          <Text className="text-center font-medium text-white">
-            PostHog AI (Max)
-          </Text>
-        </Link>
-
         {/* Empty State */}
         <View className="flex-1 items-center justify-center py-20">
           <Text className="text-base text-dark-text-muted">No tasks yet</Text>
         </View>
-
-        {/* Sign Out */}
-        <TouchableOpacity
-          onPress={logout}
-          className="mb-6 rounded-xl bg-dark-surface p-4"
-        >
-          <Text className="text-center font-medium text-red-500">Sign out</Text>
-        </TouchableOpacity>
       </View>
     </ScrollView>
   );