Refactor to feature folders

Author: a-lider

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

@@ -10,7 +10,7 @@ export default function ConversationsScreen() {
   const router = useRouter();
 
   const handleConversationPress = (conversation: ConversationDetail) => {
-    router.push(`/conversation/${conversation.id}`);
+    router.push(`/chat/${conversation.id}`);
   };
 
   const handleNewChat = () => {

apps/mobile/src/app/(tabs)/settings.tsx

@@ -1,6 +1,6 @@
 import { router } from "expo-router";
 import { ScrollView, Text, TouchableOpacity, View } from "react-native";
-import { useAuthStore } from "../../stores/authStore";
+import { useAuthStore } from "../../features/auth";
 
 export default function SettingsScreen() {
   const { logout, cloudRegion } = useAuthStore();

apps/mobile/src/app/(tabs)/tasks.tsx

@@ -1,13 +1,17 @@
 import { useRouter } from "expo-router";
 import { Pressable, View } from "react-native";
 import { Text } from "../../components/text";
-import { TaskList } from "../../features/tasks/components/TaskList";
+import { TaskList } from "../../features/tasks";
 
 export default function TasksScreen() {
   const router = useRouter();
 
   const handleCreateTask = () => {
-    router.push("/agent");
+    router.push("/task");
+  };
+
+  const handleTaskPress = (taskId: string) => {
+    router.push(`/task/${taskId}`);
   };
 
   return (
@@ -31,7 +35,7 @@ export default function TasksScreen() {
       </View>
 
       {/* Task List */}
-      <TaskList />
+      <TaskList onTaskPress={handleTaskPress} />
     </View>
   );
 }

apps/mobile/src/app/_layout.tsx

@@ -7,7 +7,7 @@ import { useEffect } from "react";
 import { ActivityIndicator, View } from "react-native";
 import { KeyboardProvider } from "react-native-keyboard-controller";
 import { SafeAreaProvider } from "react-native-safe-area-context";
-import { useAuthStore } from "../stores/authStore";
+import { useAuthStore } from "../features/auth";
 
 const queryClient = new QueryClient();
 
@@ -36,8 +36,10 @@ function RootLayoutNav() {
       <Stack.Screen name="(tabs)" options={{ headerShown: false }} />
       <Stack.Screen name="auth" options={{ headerShown: false }} />
       <Stack.Screen name="index" options={{ headerShown: false }} />
+
+      {/* Chat routes - regular stack navigation */}
       <Stack.Screen
-        name="chat"
+        name="chat/index"
         options={{
           headerShown: true,
           headerBackTitle: "",
@@ -46,15 +48,35 @@ function RootLayoutNav() {
         }}
       />
       <Stack.Screen
-        name="agent"
+        name="chat/[id]"
         options={{
           headerShown: true,
-          title: "New task",
           headerBackTitle: "Back",
           headerStyle: { backgroundColor: "#09090b" },
+          headerTintColor: "#fff",
+        }}
+      />
+
+      {/* Task routes - modal presentation */}
+      <Stack.Screen
+        name="task/index"
+        options={{
+          presentation: "modal",
+          headerShown: true,
+          title: "New Task",
+          headerStyle: { backgroundColor: "#09090b" },
           headerTintColor: "#f97316",
         }}
       />
+      <Stack.Screen
+        name="task/[id]"
+        options={{
+          presentation: "modal",
+          headerShown: true,
+          headerStyle: { backgroundColor: "#09090b" },
+          headerTintColor: "#fff",
+        }}
+      />
     </Stack>
   );
 }

apps/mobile/src/app/agent.tsx

@@ -2,8 +2,7 @@ import { router } from "expo-router";
 import { useState } from "react";
 import { ActivityIndicator, Text, TouchableOpacity, View } from "react-native";
 import { SafeAreaView } from "react-native-safe-area-context";
-import { useAuthStore } from "../stores/authStore";
-import type { CloudRegion } from "../types/oauth";
+import { type CloudRegion, useAuthStore } from "../features/auth";
 
 const REGIONS: { value: CloudRegion; label: string }[] = [
   { value: "us", label: "US Cloud" },

apps/mobile/src/app/auth.tsx

@@ -9,12 +9,14 @@ import {
 } from "react-native";
 import Animated, { useAnimatedStyle } from "react-native-reanimated";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
-import { ChatInput } from "../../components/ChatInput";
-import { MessagesList } from "../../components/MessagesList";
-import { useGradualAnimation } from "../../hooks/useGradualAnimation";
-import { useMaxStore } from "../../stores/maxStore";
+import {
+  ChatInput,
+  MessagesList,
+  useChatStore,
+  useGradualAnimation,
+} from "../../features/chat";
 
-export default function ConversationDetailScreen() {
+export default function ChatDetailScreen() {
   const { id } = useLocalSearchParams<{ id: string }>();
   const router = useRouter();
   const insets = useSafeAreaInsets();
@@ -29,7 +31,7 @@ export default function ConversationDetailScreen() {
     stopGeneration,
     loadConversation,
     resetThread,
-  } = useMaxStore();
+  } = useChatStore();
 
   useEffect(() => {
     if (!id) return;
@@ -53,6 +55,13 @@ export default function ConversationDetailScreen() {
     [askMax, id],
   );
 
+  const handleOpenTask = useCallback(
+    (taskId: string) => {
+      router.push(`/task/${taskId}`);
+    },
+    [router],
+  );
+
   const headerRight = useCallback(() => {
     if (streamingActive) {
       return (
@@ -138,6 +147,7 @@ export default function ConversationDetailScreen() {
         <MessagesList
           messages={thread}
           streamingActive={streamingActive}
+          onOpenTask={handleOpenTask}
           contentContainerStyle={{
             paddingTop: 80 + insets.bottom,
             paddingBottom: 16,
@@ -153,3 +163,4 @@ export default function ConversationDetailScreen() {
     </>
   );
 }
+

apps/mobile/src/app/conversation/[id].tsx apps/mobile/src/app/chat/[id].tsxapps/mobile/src/app/conversation/[id].tsx renamed to apps/mobile/src/app/chat/[id].tsx

@@ -3,15 +3,17 @@ import { useCallback } from "react";
 import { Text, TouchableOpacity, View } from "react-native";
 import Animated, { useAnimatedStyle } from "react-native-reanimated";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
-import { ChatInput } from "../components/ChatInput";
-import { MessagesList } from "../components/MessagesList";
-import { useGradualAnimation } from "../hooks/useGradualAnimation";
-import { useMaxStore } from "../stores/maxStore";
+import {
+  ChatInput,
+  MessagesList,
+  useChatStore,
+  useGradualAnimation,
+} from "../../features/chat";
 
-export default function ChatScreen() {
+export default function NewChatScreen() {
   const insets = useSafeAreaInsets();
   const { thread, streamingActive, askMax, stopGeneration, resetThread } =
-    useMaxStore();
+    useChatStore();
 
   const handleSend = useCallback(
     async (message: string) => {

apps/mobile/src/app/chat.tsx apps/mobile/src/app/chat/index.tsxapps/mobile/src/app/chat.tsx renamed to apps/mobile/src/app/chat/index.tsx

@@ -1,5 +1,5 @@
 import { Redirect } from "expo-router";
-import { useAuthStore } from "../stores/authStore";
+import { useAuthStore } from "../features/auth";
 
 export default function Index() {
   const { isAuthenticated } = useAuthStore();