fix(mobile): eliminate flickers, cache invalidation, and autocorrect

Author: batalabs

apps/mobile/v1/src/components/OfflineIndicator.tsx

@@ -4,7 +4,7 @@
  */
 
 import { Ionicons } from '@expo/vector-icons';
-import React from 'react';
+import React, { useEffect, useState } from 'react';
 import { StyleSheet, Text, View } from 'react-native';
 
 import { useNetworkStatus } from '../services/network/networkManager';
@@ -13,6 +13,22 @@ import { useTheme } from '../theme';
 export const OfflineIndicator: React.FC = () => {
   const theme = useTheme();
   const { isOnline } = useNetworkStatus();
+  const [isReady, setIsReady] = useState(false);
+
+  // Add 2-second grace period on mount to prevent flicker during app startup
+  // Network status can be unstable during initialization
+  useEffect(() => {
+    const timer = setTimeout(() => {
+      setIsReady(true);
+    }, 2000); // 2 second grace period
+
+    return () => clearTimeout(timer);
+  }, []);
+
+  // Don't show until grace period is over
+  if (!isReady) {
+    return null;
+  }
 
   // Only show when offline
   if (isOnline) {

apps/mobile/v1/src/screens/FoldersScreen.tsx

@@ -114,11 +114,14 @@ export default function FoldersScreen() {
   const isFocused = useIsFocused();
   const loadTimerRef = useRef<NodeJS.Timeout | null>(null);
   const isFirstMountRef = useRef(true);
+  const hasDataRef = useRef(false);
 
   // Load folders data
   const loadFoldersData = useCallback(async (isRefresh = false, forceRefresh = false) => {
     try {
-      if (!isRefresh) {
+      // Only show loading state if we don't have data yet (first load)
+      // On refocus, show existing data immediately and update in background (no flicker)
+      if (!isRefresh && !hasDataRef.current) {
         setLoading(true);
       }
 
@@ -156,6 +159,9 @@ export default function FoldersScreen() {
       };
 
       setCounts(newCounts);
+
+      // Mark that we have data now (prevents loading state on refocus)
+      hasDataRef.current = true;
     } catch (error) {
       if (__DEV__) console.error('Failed to load folders data:', error);
       setAllFolders([]);