display folders

mobile/hooks/useFiles.ts

@@ -101,11 +101,19 @@ export function useFiles(parentId?: string | null, page: number = 1, limit: numb
     },
     placeholderData: keepPreviousData,
     initialData: () => {
-      const cached = fileStore.getRootFiles();
-      if (cached.files.length === 0) return undefined;
+      if (!parentId) {
+        const cached = fileStore.getRootFiles();
+        if (cached.files.length === 0) return undefined;
+        return {
+          data: cached.files.map((r) => recordToUnifiedItem(r)!).filter(Boolean),
+          meta: { page: 0, total: cached.total },
+        };
+      }
+      const children = fileStore.getChildrenByParent(parentId);
+      if (children.length === 0) return undefined;
       return {
-        data: cached.files.map((r) => recordToUnifiedItem(r)!).filter(Boolean),
-        meta: { page: 0, total: cached.total },
+        data: children.map((r) => recordToUnifiedItem(r)!).filter(Boolean),
+        meta: { page: 0, total: children.length },
       };
     },
     staleTime: 30_000,
@@ -115,7 +123,10 @@ export function useFiles(parentId?: string | null, page: number = 1, limit: numb
 export function useFile(id: string) {
   return useQuery({
     queryKey: ['resources', id],
-    queryFn: () => apiClient.get<FileItem>(`${ENDPOINTS.RESOURCES}/${id}?thumbnail=thumbnail_small`),
+    queryFn: async () => {
+      const res = await apiClient.get<{ data: FileItem }>(`${ENDPOINTS.RESOURCES}/${id}?thumbnail=thumbnail_small`);
+      return res.data;
+    },
     enabled: !!id,
   });
 }
@@ -190,6 +201,21 @@ export function useFolders() {
   });
 }
 
+export function useCreateFolder() {
+  const queryClient = useQueryClient();
+
+  return useMutation({
+    mutationFn: async (name: string) => {
+      const res = await apiClient.post<{ data: FileItem }>(ENDPOINTS.FOLDERS, { name });
+      return res.data;
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['resources'] });
+      queryClient.invalidateQueries({ queryKey: ['folders'] });
+    },
+  });
+}
+
 export function useFilesByParent(parentId: string) {
   return useFiles(parentId);
 }

mobile/hooks/useSSEResource.ts

@@ -0,0 +1,17 @@
+import { useEffect } from 'react';
+import { useQueryClient } from '@tanstack/react-query';
+import { useResourceCreated } from '../contexts/SseContext';
+
+export function SseResourceListener() {
+  const queryClient = useQueryClient();
+  const { onResourceCreated } = useResourceCreated();
+
+  useEffect(() => {
+    const unsub = onResourceCreated(() => {
+      queryClient.invalidateQueries({ queryKey: ['resources'] });
+    });
+    return unsub;
+  }, [onResourceCreated, queryClient]);
+
+  return null;
+}