added service health indicators for Google Photos, iCloud, and NAS; implemented health check logic in settings and onboarding screens

src/screens/OnboardingScreen.js

@@ -8,6 +8,7 @@ import DatabaseService from '../services/DatabaseService';
 import GoogleAUTH from '../AUTH/GoogleAUTH';
 import NASAUTH from '../AUTH/NASAUTH';
 import NASSetupInstructions from '../components/NASSetupInstructions';
+import ServiceHealthIndicator from '../components/ServiceHealthIndicator';
 
 const OnboardingScreen = ({ navigation, route }) => {
   const { userId } = route.params;
@@ -25,6 +26,11 @@ const OnboardingScreen = ({ navigation, route }) => {
   const [iosConnected, setIosConnected] = useState(false);
   const [nasConnected, setNasConnected] = useState(false);
 
+  // Service health: 'inactive' | 'healthy' | 'error' | 'checking'
+  const [googleHealth, setGoogleHealth] = useState('inactive');
+  const [iosHealth, setIosHealth] = useState('inactive');
+  const [nasHealth, setNasHealth] = useState('inactive');
+
   // NAS config
   const [nasHost, setNasHost] = useState('');
   const [nasPort, setNasPort] = useState('22');
@@ -52,6 +58,7 @@ const OnboardingScreen = ({ navigation, route }) => {
   const handleGoogleAuth = async () => {
     try {
       setLoading(true);
+      setGoogleHealth('checking');
       const googleAuth = new GoogleAUTH();
       const result = await googleAuth.authenticate();
 
@@ -62,9 +69,11 @@ const OnboardingScreen = ({ navigation, route }) => {
       });
 
       setGoogleConnected(true);
+      setGoogleHealth('healthy');
       Alert.alert('Success', 'Google Photos connected!');
     } catch (error) {
       console.error('Google auth error:', error);
+      setGoogleHealth('error');
       Alert.alert('Error', 'Failed to connect Google Photos: ' + error.message);
     } finally {
       setLoading(false);
@@ -74,14 +83,17 @@ const OnboardingScreen = ({ navigation, route }) => {
   const handleIosAuth = async () => {
     try {
       setLoading(true);
+      setIosHealth('checking');
       await DatabaseService.linkAccount(userId, 'ICLOUD_PHOTOS', {
         status: 'placeholder',
         note: 'iCloud integration pending Apple API access',
       });
       setIosConnected(true);
+      setIosHealth('healthy');
       Alert.alert('Info', 'iCloud Photos registered. Full integration coming soon.');
     } catch (error) {
       console.error('iCloud auth error:', error);
+      setIosHealth('error');
       Alert.alert('Error', 'Failed to set up iCloud: ' + error.message);
     } finally {
       setLoading(false);
@@ -95,6 +107,7 @@ const OnboardingScreen = ({ navigation, route }) => {
     }
     try {
       setLoading(true);
+      setNasHealth('checking');
       const nasAuth = new NASAUTH();
       await nasAuth.authenticate(
         nasHost.trim(), parseInt(nasPort) || 22,
@@ -107,9 +120,11 @@ const OnboardingScreen = ({ navigation, route }) => {
         photoFolder: nasPhotoFolder.trim(),
       });
       setNasConnected(true);
+      setNasHealth('healthy');
       Alert.alert('Success', 'NAS connected!');
     } catch (error) {
       console.error('NAS auth error:', error);
+      setNasHealth('error');
       Alert.alert('Error', 'Failed to connect NAS: ' + error.message);
     } finally {
       setLoading(false);
@@ -187,6 +202,7 @@ const OnboardingScreen = ({ navigation, route }) => {
             {googleEnabled && (
               <View style={[styles.configCard, { backgroundColor: theme.card, borderColor: theme.border }]}>
                 <View style={styles.configHeader}>
+                  <ServiceHealthIndicator status={googleHealth} size={10} />
                   <Text style={styles.configIcon}>📷</Text>
                   <Text style={[styles.configTitle, { color: theme.text }]}>Google Photos</Text>
                   {googleConnected && <Text style={[styles.connectedBadge, { color: theme.accent }]}>✓ Connected</Text>}
@@ -205,6 +221,7 @@ const OnboardingScreen = ({ navigation, route }) => {
             {iosEnabled && (
               <View style={[styles.configCard, { backgroundColor: theme.card, borderColor: theme.border }]}>
                 <View style={styles.configHeader}>
+                  <ServiceHealthIndicator status={iosHealth} size={10} />
                   <Text style={styles.configIcon}>🍎</Text>
                   <Text style={[styles.configTitle, { color: theme.text }]}>iCloud Photos</Text>
                   {iosConnected && <Text style={[styles.connectedBadge, { color: theme.accent }]}>✓ Connected</Text>}
@@ -223,6 +240,7 @@ const OnboardingScreen = ({ navigation, route }) => {
             {nasEnabled && (
               <View style={[styles.configCard, { backgroundColor: theme.card, borderColor: theme.border }]}>
                 <View style={styles.configHeader}>
+                  <ServiceHealthIndicator status={nasHealth} size={10} />
                   <Text style={styles.configIcon}>💾</Text>
                   <Text style={[styles.configTitle, { color: theme.text }]}>NAS Storage</Text>
                   {nasConnected && <Text style={[styles.connectedBadge, { color: theme.accent }]}>✓ Connected</Text>}