@oxyhq/services 5.21.6 → 5.22.0

package/lib/module/ui/screens/AccountSettingsScreen.js

@@ -1,11 +1,7 @@
 "use strict";
 
 import React, { useState, useEffect, useRef, useMemo, useCallback } from 'react';
-import { View, Text, TouchableOpacity, StyleSheet, ActivityIndicator, ScrollView, TextInput, Animated, Platform, Image } from 'react-native';
-import OxyIcon from "../components/icon/OxyIcon.js";
-import { Ionicons } from '@expo/vector-icons';
-// @ts-ignore - MaterialCommunityIcons is available at runtime
-import { MaterialCommunityIcons } from '@expo/vector-icons';
+import { View, Text, StyleSheet, ActivityIndicator, ScrollView, Animated, Platform, Image } from 'react-native';
 import { toast } from "../../lib/sonner.js";
 import { fontFamilies } from "../styles/fonts.js";
 import { confirmAction } from "../utils/confirmAction.js";
@@ -15,26 +11,13 @@ import { useI18n } from "../hooks/useI18n.js";
 import { useThemeStyles } from "../hooks/useThemeStyles.js";
 import { useColorScheme } from "../hooks/use-color-scheme.js";
 import { Colors } from "../constants/theme.js";
-import { normalizeColorScheme, normalizeTheme } from "../utils/themeUtils.js";
-import { EditDisplayNameModal } from "../components/profile/EditDisplayNameModal.js";
-import { EditUsernameModal } from "../components/profile/EditUsernameModal.js";
-import { EditEmailModal } from "../components/profile/EditEmailModal.js";
-import { EditBioModal } from "../components/profile/EditBioModal.js";
-import { EditLocationModal } from "../components/profile/EditLocationModal.js";
-import { EditLinksModal } from "../components/profile/EditLinksModal.js";
+import { normalizeColorScheme } from "../utils/themeUtils.js";
 import { getDisplayName } from "../utils/user-utils.js";
-import { TTLCache, registerCacheForCleanup } from "../../utils/cache.js";
 import { useOxy } from "../context/OxyContext.js";
 import { useCurrentUser } from "../hooks/queries/useAccountQueries.js";
-import { useUpdateProfile, useUploadAvatar } from "../hooks/mutations/useAccountMutations.js";
+import { useUploadAvatar } from "../hooks/mutations/useAccountMutations.js";
 import { SECTION_GAP_LARGE, COMPONENT_GAP, HEADER_PADDING_TOP_SETTINGS, createScreenContentStyle } from "../constants/spacing.js";
-
-// Caches for link metadata and location searches
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-const linkMetadataCache = new TTLCache(30 * 60 * 1000); // 30 minutes cache for link metadata
-const locationSearchCache = new TTLCache(60 * 60 * 1000); // 1 hour cache for location searches
-registerCacheForCleanup(linkMetadataCache);
-registerCacheForCleanup(locationSearchCache);
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const AccountSettingsScreen = ({
   onClose,
   theme,
@@ -47,13 +30,11 @@ const AccountSettingsScreen = ({
   // Use useOxy() hook for OxyContext values
   const {
     oxyServices,
-    isAuthenticated,
-    activeSessionId
+    isAuthenticated
   } = useOxy();
   const {
     t
   } = useI18n();
-  const normalizedTheme = normalizeTheme(theme);
 
   // Use TanStack Query for user data
   const {
@@ -62,19 +43,15 @@ const AccountSettingsScreen = ({
   } = useCurrentUser({
     enabled: isAuthenticated
   });
-  const updateProfileMutation = useUpdateProfile();
   const uploadAvatarMutation = useUploadAvatar();
 
   // Fallback to store for backward compatibility
   const userFromStore = useAuthStore(state => state.user);
   const finalUser = user || userFromStore;
-  const [isLoading, setIsLoading] = useState(false);
-  const isSaving = updateProfileMutation.isPending;
   const isUpdatingAvatar = uploadAvatarMutation.isPending;
   const [optimisticAvatarId, setOptimisticAvatarId] = useState(null);
   const scrollViewRef = useRef(null);
   const avatarSectionRef = useRef(null);
-  const [avatarSectionY, setAvatarSectionY] = useState(null);
 
   // Section refs for navigation
   const profilePictureSectionRef = useRef(null);
@@ -90,9 +67,6 @@ const AccountSettingsScreen = ({
   const [quickActionsSectionY, setQuickActionsSectionY] = useState(null);
   const [securitySectionY, setSecuritySectionY] = useState(null);
 
-  // Animation refs
-  const saveButtonScale = useRef(new Animated.Value(1)).current;
-
   // Form state
   const [displayName, setDisplayName] = useState('');
   const [lastName, setLastName] = useState('');
@@ -103,37 +77,17 @@ const AccountSettingsScreen = ({
   const [links, setLinks] = useState([]);
   const [avatarFileId, setAvatarFileId] = useState('');
 
-  // Modal visibility states
-  const [showEditDisplayNameModal, setShowEditDisplayNameModal] = useState(false);
-  const [showEditUsernameModal, setShowEditUsernameModal] = useState(false);
-  const [showEditEmailModal, setShowEditEmailModal] = useState(false);
-  const [showEditBioModal, setShowEditBioModal] = useState(false);
-  const [showEditLocationModal, setShowEditLocationModal] = useState(false);
-  const [showEditLinksModal, setShowEditLinksModal] = useState(false);
+  // Navigation helper for editing fields
+  const navigateToEditField = useCallback(fieldType => {
+    navigate?.('EditProfileField', {
+      fieldType
+    });
+  }, [navigate]);
 
   // Location and links state (for display only - modals handle editing)
   const [locations, setLocations] = useState([]);
   const [linksMetadata, setLinksMetadata] = useState([]);
 
-  // State for inline editing (used by old renderEditingField code)
-  const [editingField, setEditingField] = useState(null);
-  const [tempDisplayName, setTempDisplayName] = useState('');
-  const [tempLastName, setTempLastName] = useState('');
-  const [tempUsername, setTempUsername] = useState('');
-  const [tempEmail, setTempEmail] = useState('');
-  const [tempBio, setTempBio] = useState('');
-  const [tempLocation, setTempLocation] = useState('');
-  const [tempLinks, setTempLinks] = useState([]);
-  const [tempLocations, setTempLocations] = useState([]);
-  const [tempLinksWithMetadata, setTempLinksWithMetadata] = useState([]);
-  const [isAddingLocation, setIsAddingLocation] = useState(false);
-  const [isSearchingLocations, setIsSearchingLocations] = useState(false);
-  const [locationSearchResults, setLocationSearchResults] = useState([]);
-  const [newLocationQuery, setNewLocationQuery] = useState('');
-  const [isAddingLink, setIsAddingLink] = useState(false);
-  const [isFetchingMetadata, setIsFetchingMetadata] = useState(false);
-  const [newLinkUrl, setNewLinkUrl] = useState('');
-
   // Get theme colors using centralized hook
   const colorScheme = useColorScheme();
   const themeStyles = useThemeStyles(theme || 'light', colorScheme);
@@ -142,25 +96,6 @@ const AccountSettingsScreen = ({
   // useThemeStyles always returns colors, but add safety check for edge cases
   const colors = themeStyles.colors || Colors[normalizeColorScheme(colorScheme, theme || 'light')];
 
-  // Memoize onBack handler to provide stable reference for Reanimated
-  const handleBack = useMemo(() => {
-    return goBack || onClose || undefined;
-  }, [goBack, onClose]);
-
-  // Memoize animation function to prevent recreation on every render
-  const animateSaveButton = useCallback((toValue, onComplete) => {
-    Animated.spring(saveButtonScale, {
-      toValue,
-      useNativeDriver: Platform.OS !== 'web',
-      tension: 150,
-      friction: 8
-    }).start(onComplete ? finished => {
-      if (finished) {
-        onComplete();
-      }
-    } : undefined);
-  }, [saveButtonScale]);
-
   // Track initialization to prevent unnecessary resets
   const isInitializedRef = useRef(false);
   const previousUserIdRef = useRef(null);
@@ -262,129 +197,6 @@ const AccountSettingsScreen = ({
   }, [finalUser, avatarFileId, isUpdatingAvatar, optimisticAvatarId]);
 
   // Set initial editing field if provided via props (e.g., from navigation)
-  // Use a ref to track if we've already set the initial field to avoid loops
-  const hasSetInitialFieldRef = useRef(false);
-  const previousInitialFieldRef = useRef(undefined);
-  const initialFieldTimeoutRef = useRef(null);
-
-  // Delay constant for scroll completion
-  const SCROLL_DELAY_MS = 600;
-
-  // Helper functions for inline editing (legacy support)
-  const startEditing = useCallback((field, initialValue) => {
-    setEditingField(field);
-    switch (field) {
-      case 'displayName':
-        setTempDisplayName(initialValue || displayName);
-        setTempLastName(lastName);
-        break;
-      case 'username':
-        setTempUsername(initialValue || username);
-        break;
-      case 'email':
-        setTempEmail(initialValue || email);
-        break;
-      case 'bio':
-        setTempBio(initialValue || bio);
-        break;
-      case 'location':
-        setTempLocations([...locations]);
-        break;
-      case 'links':
-        setTempLinksWithMetadata([...linksMetadata]);
-        break;
-    }
-  }, [displayName, lastName, username, email, bio, locations, linksMetadata]);
-  const cancelEditing = useCallback(() => {
-    setEditingField(null);
-    setTempDisplayName('');
-    setTempLastName('');
-    setTempUsername('');
-    setTempEmail('');
-    setTempBio('');
-    setTempLocation('');
-    setTempLinks([]);
-    setTempLocations([]);
-    setTempLinksWithMetadata([]);
-    setIsAddingLocation(false);
-    setIsSearchingLocations(false);
-    setLocationSearchResults([]);
-    setNewLocationQuery('');
-    setIsAddingLink(false);
-    setIsFetchingMetadata(false);
-    setNewLinkUrl('');
-  }, []);
-  const saveField = useCallback(async field => {
-    if (!field) return;
-    try {
-      switch (field) {
-        case 'displayName':
-          await updateProfileMutation.mutateAsync({
-            name: {
-              first: tempDisplayName,
-              last: tempLastName
-            }
-          });
-          setDisplayName(tempDisplayName);
-          setLastName(tempLastName);
-          break;
-        case 'username':
-          await updateProfileMutation.mutateAsync({
-            username: tempUsername
-          });
-          setUsername(tempUsername);
-          break;
-        case 'email':
-          await updateProfileMutation.mutateAsync({
-            email: tempEmail
-          });
-          setEmail(tempEmail);
-          break;
-        case 'bio':
-          await updateProfileMutation.mutateAsync({
-            bio: tempBio
-          });
-          setBio(tempBio);
-          break;
-        case 'location':
-          await updateProfileMutation.mutateAsync({
-            locations: tempLocations
-          });
-          setLocations(tempLocations);
-          break;
-        case 'links':
-          await updateProfileMutation.mutateAsync({
-            linksMetadata: tempLinksWithMetadata
-          });
-          setLinksMetadata(tempLinksWithMetadata);
-          setLinks(tempLinksWithMetadata.map(l => l.url));
-          break;
-      }
-      setEditingField(null);
-      toast.success(t('editProfile.toasts.saved') || 'Saved');
-    } catch (error) {
-      // Error is already handled by mutation's onError
-    }
-  }, [tempDisplayName, tempLastName, tempUsername, tempEmail, tempBio, tempLocations, tempLinksWithMetadata, updateProfileMutation, t]);
-
-  // Helper to get current value for a field
-  const getFieldCurrentValue = useCallback(field => {
-    switch (field) {
-      case 'displayName':
-        return displayName;
-      case 'username':
-        return username;
-      case 'email':
-        return email;
-      case 'bio':
-        return bio;
-      case 'location':
-      case 'links':
-      default:
-        return '';
-    }
-  }, [displayName, username, email, bio]);
-
   // Handle initialSection prop to scroll to specific section
   const hasScrolledToSectionRef = useRef(false);
   const previousInitialSectionRef = useRef(undefined);
@@ -418,48 +230,6 @@ const AccountSettingsScreen = ({
       }
     }
   }, [initialSection, sectionYPositions]);
-  const handleSave = async () => {
-    if (!finalUser) return;
-    try {
-      animateSaveButton(0.95); // Scale down slightly for animation
-
-      const updates = {
-        username,
-        email,
-        bio,
-        location: locations.length > 0 ? locations[0].name : '',
-        // Keep backward compatibility
-        locations: locations.length > 0 ? locations : undefined,
-        links,
-        linksMetadata: linksMetadata.length > 0 ? linksMetadata : undefined
-      };
-
-      // Handle name field
-      if (displayName || lastName) {
-        updates.name = {
-          first: displayName,
-          last: lastName
-        };
-      }
-
-      // Handle avatar
-      if (avatarFileId !== (typeof finalUser.avatar === 'string' ? finalUser.avatar : '')) {
-        updates.avatar = avatarFileId;
-      }
-      await updateProfileMutation.mutateAsync(updates);
-      toast.success(t('editProfile.toasts.profileUpdated') || 'Profile updated successfully');
-      animateSaveButton(1); // Scale back to normal
-
-      if (onClose) {
-        onClose();
-      } else if (goBack) {
-        goBack();
-      }
-    } catch (error) {
-      // Error is already handled by mutation's onError
-      animateSaveButton(1); // Scale back to normal on error
-    }
-  };
   const handleAvatarRemove = () => {
     confirmAction(t('editProfile.confirms.removeAvatar') || 'Remove your profile picture?', () => {
       setAvatarFileId('');
@@ -470,62 +240,15 @@ const AccountSettingsScreen = ({
     openAvatarPicker
   } = useOxy();
 
-  // Handlers to open modals
-  const handleOpenDisplayNameModal = useCallback(() => setShowEditDisplayNameModal(true), []);
-  const handleOpenUsernameModal = useCallback(() => setShowEditUsernameModal(true), []);
-  const handleOpenEmailModal = useCallback(() => setShowEditEmailModal(true), []);
-  const handleOpenBioModal = useCallback(() => setShowEditBioModal(true), []);
-  const handleOpenLocationModal = useCallback(() => setShowEditLocationModal(true), []);
-  const handleOpenLinksModal = useCallback(() => setShowEditLinksModal(true), []);
-
-  // Handler to refresh data after modal saves
-  // Note: Access user directly from store when invoked to get latest value,
-  // not from closure which may be stale after modal saves update the backend
-  const handleModalSave = useCallback(() => {
-    // Get fresh user data from store to ensure we have the latest values
-    // after the modal's save operation updates the backend
-    // Read from store directly (not from closure) to avoid stale data
-    const currentUser = useAuthStore.getState().user;
-
-    // Reload user data to reflect changes
-    if (currentUser) {
-      const userDisplayName = typeof currentUser.name === 'string' ? currentUser.name : currentUser.name?.first || currentUser.name?.full || '';
-      const userLastName = typeof currentUser.name === 'object' ? currentUser.name?.last || '' : '';
-      setDisplayName(userDisplayName);
-      setLastName(userLastName);
-      setUsername(currentUser.username || '');
-      setEmail(currentUser.email || '');
-      setBio(currentUser.bio || '');
-
-      // Reload locations and links
-      if (currentUser.locations && Array.isArray(currentUser.locations)) {
-        setLocations(currentUser.locations.map((loc, index) => ({
-          id: loc.id || `existing-${index}`,
-          name: loc.name,
-          label: loc.label,
-          coordinates: loc.coordinates
-        })));
-      } else if (currentUser.location) {
-        setLocations([{
-          id: 'existing-0',
-          name: currentUser.location,
-          label: 'Location'
-        }]);
-      } else {
-        setLocations([]);
-      }
-      if (currentUser.linksMetadata && Array.isArray(currentUser.linksMetadata)) {
-        setLinksMetadata(currentUser.linksMetadata.map((link, index) => ({
-          ...link,
-          id: link.id || `existing-${index}`
-        })));
-      } else {
-        setLinksMetadata([]);
-      }
-    }
-  }, []); // Empty dependency array - callback reads fresh data from store at call time
+  // Handlers to navigate to edit screens
+  const handleOpenDisplayNameModal = useCallback(() => navigateToEditField('displayName'), [navigateToEditField]);
+  const handleOpenUsernameModal = useCallback(() => navigateToEditField('username'), [navigateToEditField]);
+  const handleOpenEmailModal = useCallback(() => navigateToEditField('email'), [navigateToEditField]);
+  const handleOpenBioModal = useCallback(() => navigateToEditField('bio'), [navigateToEditField]);
+  const handleOpenLocationModal = useCallback(() => navigateToEditField('locations'), [navigateToEditField]);
+  const handleOpenLinksModal = useCallback(() => navigateToEditField('links'), [navigateToEditField]);
 
-  // Handle initialField prop - open appropriate modal
+  // Handle initialField prop - navigate to appropriate edit screen
   useEffect(() => {
     if (initialField) {
       // Special handling for avatar - open avatar picker directly
@@ -534,644 +257,28 @@ const AccountSettingsScreen = ({
           openAvatarPicker();
         }, 300);
       } else {
-        // Open appropriate modal
+        // Navigate to edit screen
         setTimeout(() => {
-          switch (initialField) {
-            case 'displayName':
-              setShowEditDisplayNameModal(true);
-              break;
-            case 'username':
-              setShowEditUsernameModal(true);
-              break;
-            case 'email':
-              setShowEditEmailModal(true);
-              break;
-            case 'bio':
-              setShowEditBioModal(true);
-              break;
-            case 'location':
-              setShowEditLocationModal(true);
-              break;
-            case 'links':
-              setShowEditLinksModal(true);
-              break;
+          const fieldTypeMap = {
+            displayName: 'displayName',
+            username: 'username',
+            email: 'email',
+            bio: 'bio',
+            location: 'locations',
+            locations: 'locations',
+            links: 'links'
+          };
+          const fieldType = fieldTypeMap[initialField];
+          if (fieldType) {
+            navigateToEditField(fieldType);
           }
         }, 300);
       }
     }
-  }, [initialField, openAvatarPicker]);
-
-  // Removed fetchLinkMetadata - now handled by EditLinksModal
-  const _fetchLinkMetadata = async url => {
-    // Check cache first
-    const cacheKey = url.toLowerCase().trim();
-    const cached = linkMetadataCache.get(cacheKey);
-    if (cached) {
-      return cached;
-    }
-    try {
-      setIsFetchingMetadata(true);
-
-      // Use the backend API to fetch metadata
-      const metadata = await oxyServices.fetchLinkMetadata(url);
-      const result = {
-        ...metadata,
-        id: Date.now().toString()
-      };
-
-      // Cache the result
-      linkMetadataCache.set(cacheKey, result);
-      return result;
-    } catch (error) {
-      // Fallback to basic metadata
-      const fallback = {
-        url: url.startsWith('http') ? url : 'https://' + url,
-        title: url.replace(/^https?:\/\//, '').replace(/\/$/, ''),
-        description: 'Link',
-        image: undefined,
-        id: Date.now().toString()
-      };
-      // Cache fallback too (shorter TTL)
-      linkMetadataCache.set(cacheKey, fallback, 5 * 60 * 1000); // 5 minutes for fallbacks
-      return fallback;
-    } finally {
-      setIsFetchingMetadata(false);
-    }
-  };
-
-  // Helper functions for inline editing (legacy support - still used by renderEditingField)
-  const searchLocations = async query => {
-    if (!query.trim() || query.length < 3) {
-      setLocationSearchResults([]);
-      return;
-    }
-
-    // Check cache first
-    const cacheKey = query.toLowerCase().trim();
-    const cached = locationSearchCache.get(cacheKey);
-    if (cached) {
-      setLocationSearchResults(cached);
-      return;
-    }
-    try {
-      setIsSearchingLocations(true);
-      const response = await fetch(`https://nominatim.openstreetmap.org/search?format=json&q=${encodeURIComponent(query)}&limit=5&addressdetails=1`);
-      const data = await response.json();
-
-      // Cache the results
-      locationSearchCache.set(cacheKey, data);
-      setLocationSearchResults(data);
-    } catch (error) {
-      setLocationSearchResults([]);
-    } finally {
-      setIsSearchingLocations(false);
-    }
-  };
-  const addLocation = locationData => {
-    const newLocation = {
-      id: Date.now().toString(),
-      name: locationData.display_name,
-      label: locationData.type === 'city' ? 'City' : locationData.type === 'country' ? 'Country' : locationData.type === 'state' ? 'State' : 'Location',
-      coordinates: {
-        lat: Number.parseFloat(locationData.lat),
-        lon: Number.parseFloat(locationData.lon)
-      }
-    };
-    setTempLocations(prev => [...prev, newLocation]);
-    setNewLocationQuery('');
-    setLocationSearchResults([]);
-    setIsAddingLocation(false);
-  };
-  const removeLocation = id => {
-    setTempLocations(prev => prev.filter(loc => loc.id !== id));
-  };
-  const moveLocation = (fromIndex, toIndex) => {
-    setTempLocations(prev => {
-      const newLocations = [...prev];
-      const [movedLocation] = newLocations.splice(fromIndex, 1);
-      newLocations.splice(toIndex, 0, movedLocation);
-      return newLocations;
-    });
-  };
-  const addLink = async () => {
-    if (!newLinkUrl.trim()) return;
-    const url = newLinkUrl.trim();
-    const metadata = await _fetchLinkMetadata(url);
-    setTempLinksWithMetadata(prev => [...prev, metadata]);
-    setNewLinkUrl('');
-    setIsAddingLink(false);
-  };
-  const removeLink = id => {
-    setTempLinksWithMetadata(prev => prev.filter(link => link.id !== id));
-  };
-  const moveLink = (fromIndex, toIndex) => {
-    setTempLinksWithMetadata(prev => {
-      const newLinks = [...prev];
-      const [movedLink] = newLinks.splice(fromIndex, 1);
-      newLinks.splice(toIndex, 0, movedLink);
-      return newLinks;
-    });
-  };
+  }, [initialField, openAvatarPicker, navigateToEditField]);
 
   // Memoize display name for avatar
   const displayNameForAvatar = useMemo(() => getDisplayName(finalUser), [finalUser]);
-
-  // Legacy renderEditingField function (fallback)
-  const renderEditingField = type => {
-    if (!type) return null;
-    if (type === 'displayName') {
-      return /*#__PURE__*/_jsx(View, {
-        style: [styles.editingFieldContainer, {
-          backgroundColor: colors.background
-        }],
-        children: /*#__PURE__*/_jsx(View, {
-          style: styles.editingFieldContent,
-          children: /*#__PURE__*/_jsxs(View, {
-            style: styles.newValueSection,
-            children: [/*#__PURE__*/_jsx(View, {
-              style: styles.editingFieldHeader,
-              children: /*#__PURE__*/_jsx(Text, {
-                style: [styles.editingFieldLabel, {
-                  color: colors.text
-                }],
-                children: "Edit Full Name"
-              })
-            }), /*#__PURE__*/_jsxs(View, {
-              style: {
-                flexDirection: 'row',
-                gap: 12
-              },
-              children: [/*#__PURE__*/_jsxs(View, {
-                style: {
-                  flex: 1
-                },
-                children: [/*#__PURE__*/_jsx(Text, {
-                  style: styles.editingFieldLabel,
-                  children: "First Name"
-                }), /*#__PURE__*/_jsx(TextInput, {
-                  style: styles.editingFieldInput,
-                  value: tempDisplayName,
-                  onChangeText: setTempDisplayName,
-                  placeholder: "Enter your first name",
-                  placeholderTextColor: colors.secondaryText,
-                  autoFocus: true,
-                  selectionColor: themeStyles.primaryColor
-                })]
-              }), /*#__PURE__*/_jsxs(View, {
-                style: {
-                  flex: 1
-                },
-                children: [/*#__PURE__*/_jsx(Text, {
-                  style: styles.editingFieldLabel,
-                  children: "Last Name"
-                }), /*#__PURE__*/_jsx(TextInput, {
-                  style: styles.editingFieldInput,
-                  value: tempLastName,
-                  onChangeText: setTempLastName,
-                  placeholder: "Enter your last name",
-                  placeholderTextColor: colors.secondaryText,
-                  selectionColor: themeStyles.primaryColor
-                })]
-              })]
-            })]
-          })
-        })
-      });
-    }
-    if (type === 'location') {
-      return /*#__PURE__*/_jsx(View, {
-        style: [styles.editingFieldContainer, {
-          backgroundColor: colors.background
-        }],
-        children: /*#__PURE__*/_jsx(View, {
-          style: styles.editingFieldContent,
-          children: /*#__PURE__*/_jsxs(View, {
-            style: styles.newValueSection,
-            children: [/*#__PURE__*/_jsx(View, {
-              style: styles.editingFieldHeader,
-              children: /*#__PURE__*/_jsx(Text, {
-                style: [styles.editingFieldLabel, {
-                  color: colors.text
-                }],
-                children: "Manage Your Locations"
-              })
-            }), isAddingLocation ? /*#__PURE__*/_jsxs(View, {
-              style: styles.addLocationSection,
-              children: [/*#__PURE__*/_jsxs(Text, {
-                style: styles.addLocationLabel,
-                children: ["Add New Location", isSearchingLocations && /*#__PURE__*/_jsx(Text, {
-                  style: [styles.searchingText, {
-                    color: colors.iconSecurity
-                  }],
-                  children: " \u2022 Searching..."
-                })]
-              }), /*#__PURE__*/_jsxs(View, {
-                style: styles.addLocationInputContainer,
-                children: [/*#__PURE__*/_jsx(TextInput, {
-                  style: styles.addLocationInput,
-                  value: newLocationQuery,
-                  onChangeText: text => {
-                    setNewLocationQuery(text);
-                    searchLocations(text);
-                  },
-                  placeholder: "Search for a location...",
-                  placeholderTextColor: colors.secondaryText,
-                  autoFocus: true,
-                  selectionColor: themeStyles.primaryColor
-                }), /*#__PURE__*/_jsx(View, {
-                  style: styles.addLocationButtons,
-                  children: /*#__PURE__*/_jsx(TouchableOpacity, {
-                    style: [styles.addLocationButton, styles.cancelButton],
-                    onPress: () => {
-                      setIsAddingLocation(false);
-                      setNewLocationQuery('');
-                      setLocationSearchResults([]);
-                    },
-                    children: /*#__PURE__*/_jsx(Text, {
-                      style: styles.cancelButtonText,
-                      children: "Cancel"
-                    })
-                  })
-                })]
-              }), locationSearchResults.length > 0 && /*#__PURE__*/_jsx(View, {
-                style: styles.searchResults,
-                children: locationSearchResults.map(result => /*#__PURE__*/_jsxs(TouchableOpacity, {
-                  style: styles.searchResultItem,
-                  onPress: () => addLocation(result),
-                  children: [/*#__PURE__*/_jsx(Text, {
-                    style: styles.searchResultName,
-                    numberOfLines: 2,
-                    children: result.display_name
-                  }), /*#__PURE__*/_jsx(Text, {
-                    style: styles.searchResultType,
-                    children: result.type
-                  })]
-                }, result.place_id))
-              })]
-            }) : /*#__PURE__*/_jsxs(TouchableOpacity, {
-              style: styles.addLocationTrigger,
-              onPress: () => setIsAddingLocation(true),
-              children: [/*#__PURE__*/_jsx(OxyIcon, {
-                name: "add",
-                size: 20,
-                color: themeStyles.primaryColor
-              }), /*#__PURE__*/_jsx(Text, {
-                style: [styles.addLocationTriggerText, {
-                  color: colors.iconSecurity
-                }],
-                children: "Add a new location"
-              })]
-            }), tempLocations.length > 0 && /*#__PURE__*/_jsxs(View, {
-              style: styles.locationsList,
-              children: [/*#__PURE__*/_jsxs(Text, {
-                style: styles.locationsListTitle,
-                children: ["Your Locations (", tempLocations.length, ")"]
-              }), tempLocations.map((location, index) => /*#__PURE__*/_jsxs(View, {
-                style: styles.locationItem,
-                children: [/*#__PURE__*/_jsxs(View, {
-                  style: styles.locationItemContent,
-                  children: [/*#__PURE__*/_jsx(View, {
-                    style: styles.locationItemDragHandle,
-                    children: /*#__PURE__*/_jsxs(View, {
-                      style: styles.reorderButtons,
-                      children: [/*#__PURE__*/_jsx(TouchableOpacity, {
-                        style: [styles.reorderButton, index === 0 && styles.reorderButtonDisabled],
-                        onPress: () => index > 0 && moveLocation(index, index - 1),
-                        disabled: index === 0,
-                        children: /*#__PURE__*/_jsx(OxyIcon, {
-                          name: "chevron-up",
-                          size: 12,
-                          color: index === 0 ? "#ccc" : "#666"
-                        })
-                      }), /*#__PURE__*/_jsx(TouchableOpacity, {
-                        style: [styles.reorderButton, index === tempLocations.length - 1 && styles.reorderButtonDisabled],
-                        onPress: () => index < tempLocations.length - 1 && moveLocation(index, index + 1),
-                        disabled: index === tempLocations.length - 1,
-                        children: /*#__PURE__*/_jsx(OxyIcon, {
-                          name: "chevron-down",
-                          size: 12,
-                          color: index === tempLocations.length - 1 ? "#ccc" : "#666"
-                        })
-                      })]
-                    })
-                  }), /*#__PURE__*/_jsxs(View, {
-                    style: styles.locationItemInfo,
-                    children: [/*#__PURE__*/_jsxs(View, {
-                      style: styles.locationItemHeader,
-                      children: [/*#__PURE__*/_jsx(Text, {
-                        style: styles.locationItemName,
-                        numberOfLines: 1,
-                        children: location.name
-                      }), location.label && /*#__PURE__*/_jsx(View, {
-                        style: [styles.locationLabel, {
-                          backgroundColor: colors.iconSecurity
-                        }],
-                        children: /*#__PURE__*/_jsx(Text, {
-                          style: styles.locationLabelText,
-                          children: location.label
-                        })
-                      })]
-                    }), location.coordinates && /*#__PURE__*/_jsxs(Text, {
-                      style: styles.locationCoordinates,
-                      children: [location.coordinates.lat.toFixed(4), ", ", location.coordinates.lon.toFixed(4)]
-                    })]
-                  }), /*#__PURE__*/_jsx(View, {
-                    style: styles.locationItemActions,
-                    children: /*#__PURE__*/_jsx(TouchableOpacity, {
-                      style: styles.locationItemButton,
-                      onPress: () => removeLocation(location.id),
-                      children: /*#__PURE__*/_jsx(OxyIcon, {
-                        name: "trash",
-                        size: 14,
-                        color: "#FF3B30"
-                      })
-                    })
-                  })]
-                }), index < tempLocations.length - 1 && /*#__PURE__*/_jsx(View, {
-                  style: styles.locationItemDivider
-                })]
-              }, location.id)), /*#__PURE__*/_jsx(View, {
-                style: styles.reorderHint,
-                children: /*#__PURE__*/_jsx(Text, {
-                  style: styles.reorderHintText,
-                  children: "Use \u2191\u2193 buttons to reorder your locations"
-                })
-              })]
-            })]
-          })
-        })
-      });
-    }
-    if (type === 'links') {
-      return /*#__PURE__*/_jsx(View, {
-        style: [styles.editingFieldContainer, {
-          backgroundColor: colors.background
-        }],
-        children: /*#__PURE__*/_jsx(View, {
-          style: styles.editingFieldContent,
-          children: /*#__PURE__*/_jsxs(View, {
-            style: styles.newValueSection,
-            children: [/*#__PURE__*/_jsx(View, {
-              style: styles.editingFieldHeader,
-              children: /*#__PURE__*/_jsx(Text, {
-                style: [styles.editingFieldLabel, {
-                  color: colors.text
-                }],
-                children: "Manage Your Links"
-              })
-            }), /*#__PURE__*/_jsx(GroupedSection, {
-              items: [
-              // Add new link item
-              ...(isAddingLink ? [{
-                id: 'add-link-input',
-                icon: 'plus',
-                iconColor: colors.sidebarIconSharing,
-                title: 'Add New Link',
-                subtitle: isFetchingMetadata ? 'Fetching metadata...' : 'Enter URL to add a new link',
-                customContent: /*#__PURE__*/_jsxs(View, {
-                  style: styles.addLinkInputContainer,
-                  children: [/*#__PURE__*/_jsx(TextInput, {
-                    style: styles.addLinkInput,
-                    value: newLinkUrl,
-                    onChangeText: setNewLinkUrl,
-                    placeholder: "Enter URL (e.g., https://example.com)",
-                    placeholderTextColor: colors.secondaryText,
-                    keyboardType: "url",
-                    autoFocus: true,
-                    selectionColor: themeStyles.primaryColor
-                  }), /*#__PURE__*/_jsxs(View, {
-                    style: styles.addLinkButtons,
-                    children: [/*#__PURE__*/_jsx(TouchableOpacity, {
-                      style: [styles.addLinkButton, styles.cancelButton],
-                      onPress: () => {
-                        setIsAddingLink(false);
-                        setNewLinkUrl('');
-                      },
-                      children: /*#__PURE__*/_jsx(Text, {
-                        style: styles.cancelButtonText,
-                        children: "Cancel"
-                      })
-                    }), /*#__PURE__*/_jsx(TouchableOpacity, {
-                      style: [styles.addLinkButton, styles.addButton, {
-                        backgroundColor: colors.iconSecurity,
-                        opacity: isFetchingMetadata ? 0.5 : 1
-                      }],
-                      onPress: addLink,
-                      disabled: isFetchingMetadata,
-                      children: isFetchingMetadata ? /*#__PURE__*/_jsx(ActivityIndicator, {
-                        size: "small",
-                        color: "#fff"
-                      }) : /*#__PURE__*/_jsx(Text, {
-                        style: styles.addButtonText,
-                        children: "Add"
-                      })
-                    })]
-                  })]
-                })
-              }] : [{
-                id: 'add-link-trigger',
-                icon: 'plus',
-                iconColor: colors.sidebarIconSharing,
-                title: 'Add a new link',
-                subtitle: 'Tap to add a new link to your profile',
-                onPress: () => setIsAddingLink(true)
-              }]),
-              // Existing links
-              ...tempLinksWithMetadata.map((link, index) => ({
-                id: link.id,
-                customIcon: link.image ? /*#__PURE__*/_jsx(Image, {
-                  source: {
-                    uri: link.image
-                  },
-                  style: {
-                    width: 36,
-                    height: 36,
-                    borderRadius: 18
-                  }
-                }) : undefined,
-                icon: !link.image ? 'link-variant' : undefined,
-                iconColor: colors.sidebarIconSharing,
-                title: link.title || link.url,
-                subtitle: link.description && link.description !== link.title ? link.description : link.url,
-                customContent: /*#__PURE__*/_jsxs(View, {
-                  style: styles.linkItemActions,
-                  children: [/*#__PURE__*/_jsxs(View, {
-                    style: styles.reorderButtons,
-                    children: [/*#__PURE__*/_jsx(TouchableOpacity, {
-                      style: [styles.reorderButton, index === 0 && styles.reorderButtonDisabled],
-                      onPress: () => index > 0 && moveLink(index, index - 1),
-                      disabled: index === 0,
-                      children: /*#__PURE__*/_jsx(OxyIcon, {
-                        name: "chevron-up",
-                        size: 12,
-                        color: index === 0 ? "#ccc" : "#666"
-                      })
-                    }), /*#__PURE__*/_jsx(TouchableOpacity, {
-                      style: [styles.reorderButton, index === tempLinksWithMetadata.length - 1 && styles.reorderButtonDisabled],
-                      onPress: () => index < tempLinksWithMetadata.length - 1 && moveLink(index, index + 1),
-                      disabled: index === tempLinksWithMetadata.length - 1,
-                      children: /*#__PURE__*/_jsx(OxyIcon, {
-                        name: "chevron-down",
-                        size: 12,
-                        color: index === tempLinksWithMetadata.length - 1 ? "#ccc" : "#666"
-                      })
-                    })]
-                  }), /*#__PURE__*/_jsx(TouchableOpacity, {
-                    style: styles.linkItemButton,
-                    onPress: () => removeLink(link.id),
-                    children: /*#__PURE__*/_jsx(OxyIcon, {
-                      name: "trash",
-                      size: 14,
-                      color: "#FF3B30"
-                    })
-                  })]
-                })
-              }))]
-            }), tempLinksWithMetadata.length > 0 && /*#__PURE__*/_jsx(View, {
-              style: styles.reorderHint,
-              children: /*#__PURE__*/_jsx(Text, {
-                style: styles.reorderHintText,
-                children: "Use \u2191\u2193 buttons to reorder your links"
-              })
-            })]
-          })
-        })
-      });
-    }
-    const fieldConfig = {
-      displayName: {
-        label: 'Display Name',
-        value: displayName,
-        placeholder: 'Enter your display name',
-        icon: 'account',
-        color: colors.iconPersonalInfo,
-        multiline: false,
-        keyboardType: 'default'
-      },
-      username: {
-        label: 'Username',
-        value: username,
-        placeholder: 'Choose a username',
-        icon: 'at',
-        color: colors.iconData,
-        multiline: false,
-        keyboardType: 'default'
-      },
-      email: {
-        label: 'Email',
-        value: email,
-        placeholder: 'Enter your email address',
-        icon: 'mail',
-        color: colors.iconStorage,
-        multiline: false,
-        keyboardType: 'email-address'
-      },
-      bio: {
-        label: 'Bio',
-        value: bio,
-        placeholder: 'Tell people about yourself...',
-        icon: 'file-document',
-        color: colors.iconPersonalInfo,
-        multiline: true,
-        keyboardType: 'default'
-      },
-      location: {
-        label: 'Location',
-        value: location,
-        placeholder: 'Enter your location',
-        icon: 'location',
-        color: colors.iconSharing,
-        multiline: false,
-        keyboardType: 'default'
-      },
-      links: {
-        label: 'Links',
-        value: links.join(', '),
-        placeholder: 'Enter your links (comma separated)',
-        icon: 'link',
-        color: colors.iconPersonalInfo,
-        multiline: false,
-        keyboardType: 'url'
-      }
-    };
-    const config = fieldConfig[type];
-    if (!config) return null;
-    const tempValue = (() => {
-      switch (type) {
-        case 'displayName':
-          return tempDisplayName;
-        case 'username':
-          return tempUsername;
-        case 'email':
-          return tempEmail;
-        case 'bio':
-          return tempBio;
-        case 'location':
-          return tempLocation;
-        case 'links':
-          return tempLinks.join(', ');
-        default:
-          return '';
-      }
-    })();
-    const setTempValue = text => {
-      switch (type) {
-        case 'displayName':
-          setTempDisplayName(text);
-          break;
-        case 'username':
-          setTempUsername(text);
-          break;
-        case 'email':
-          setTempEmail(text);
-          break;
-        case 'bio':
-          setTempBio(text);
-          break;
-        case 'location':
-          setTempLocation(text);
-          break;
-        case 'links':
-          setTempLinks(text.split(',').map(s => s.trim()).filter(Boolean));
-          break;
-      }
-    };
-    return /*#__PURE__*/_jsx(View, {
-      style: [styles.editingFieldContainer, {
-        backgroundColor: colors.background
-      }],
-      children: /*#__PURE__*/_jsx(View, {
-        style: styles.editingFieldContent,
-        children: /*#__PURE__*/_jsxs(View, {
-          style: styles.newValueSection,
-          children: [/*#__PURE__*/_jsx(View, {
-            style: styles.editingFieldHeader,
-            children: /*#__PURE__*/_jsx(Text, {
-              style: [styles.editingFieldLabel, {
-                color: colors.text
-              }],
-              children: config.label
-            })
-          }), /*#__PURE__*/_jsx(TextInput, {
-            style: [config.multiline ? styles.editingFieldTextArea : styles.editingFieldInput, {
-              backgroundColor: themeStyles.isDarkTheme ? '#1C1C1E' : '#F2F2F7',
-              color: themeStyles.isDarkTheme ? '#FFFFFF' : '#000000',
-              borderColor: themeStyles.isDarkTheme ? '#38383A' : '#E5E5EA'
-            }],
-            value: tempValue,
-            onChangeText: setTempValue,
-            placeholder: config.placeholder,
-            placeholderTextColor: themeStyles.isDarkTheme ? '#636366' : '#8E8E93',
-            multiline: config.multiline,
-            numberOfLines: config.multiline ? 6 : 1,
-            keyboardType: config.keyboardType,
-            autoFocus: true,
-            selectionColor: themeStyles.primaryColor
-          })]
-        })
-      })
-    });
-  };
   if (userLoading || !isAuthenticated) {
     return /*#__PURE__*/_jsx(View, {
       style: [styles.container, {
@@ -1184,368 +291,265 @@ const AccountSettingsScreen = ({
       })
     });
   }
-  return /*#__PURE__*/_jsxs(View, {
+  return /*#__PURE__*/_jsx(View, {
     style: [styles.container, {
       backgroundColor: themeStyles.backgroundColor
     }],
-    children: [editingField ? /*#__PURE__*/_jsxs(View, {
-      style: [styles.editingHeader, {
-        backgroundColor: colors.background,
-        borderBottomColor: colors.border
-      }],
+    children: /*#__PURE__*/_jsxs(ScrollView, {
+      ref: scrollViewRef,
+      style: styles.content,
+      contentContainerStyle: styles.scrollContent,
+      showsVerticalScrollIndicator: false,
       children: [/*#__PURE__*/_jsxs(View, {
-        style: styles.editingHeaderContent,
-        children: [/*#__PURE__*/_jsx(TouchableOpacity, {
-          style: [styles.editingBackButton, {
-            backgroundColor: colors.card
+        style: [styles.headerContainer, styles.headerSection],
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: [styles.modernTitle, {
+            color: themeStyles.textColor,
+            marginBottom: 0,
+            marginTop: 0
           }],
-          onPress: cancelEditing,
-          children: /*#__PURE__*/_jsx(Ionicons, {
-            name: "chevron-back",
-            size: 20,
-            color: colors.tint
-          })
-        }), /*#__PURE__*/_jsx(View, {
-          style: styles.editingTitleContainer
-        }), /*#__PURE__*/_jsx(TouchableOpacity, {
-          style: [styles.editingSaveButton, {
-            opacity: isSaving ? 0.5 : 1,
-            backgroundColor: colors.card
+          children: t('accountOverview.items.editProfile.title') || t('editProfile.title') || 'Edit Profile'
+        }), /*#__PURE__*/_jsx(Text, {
+          style: [styles.modernSubtitle, {
+            color: colors.secondaryText,
+            marginBottom: 0,
+            marginTop: 0
           }],
-          onPress: () => saveField(editingField),
-          disabled: isSaving,
-          children: isSaving ? /*#__PURE__*/_jsx(ActivityIndicator, {
-            size: "small",
-            color: colors.tint
-          }) : /*#__PURE__*/_jsx(Text, {
-            style: [styles.editingSaveButtonText, {
-              color: colors.tint
-            }],
-            children: "Save"
-          })
+          children: t('accountOverview.items.editProfile.subtitle') || t('editProfile.subtitle') || 'Manage your profile and preferences'
         })]
       }), /*#__PURE__*/_jsxs(View, {
-        style: styles.editingHeaderBottom,
-        children: [/*#__PURE__*/_jsx(View, {
-          style: [styles.editingIconContainer, {
-            backgroundColor: editingField === 'displayName' ? `${colors.sidebarIconPersonalInfo}20` : editingField === 'username' ? `${colors.sidebarIconData}20` : editingField === 'email' ? `${colors.sidebarIconSecurity}20` : editingField === 'bio' ? `${colors.sidebarIconPersonalInfo}20` : editingField === 'location' ? `${colors.sidebarIconSharing}20` : editingField === 'links' ? `${colors.sidebarIconPersonalInfo}20` : `${colors.tint}20`
+        ref: ref => {
+          avatarSectionRef.current = ref;
+          profilePictureSectionRef.current = ref;
+        },
+        style: styles.section,
+        onLayout: event => {
+          const {
+            y
+          } = event.nativeEvent.layout;
+          setProfilePictureSectionY(y);
+        },
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: [styles.sectionTitle, {
+            color: colors.secondaryText
           }],
-          children: /*#__PURE__*/_jsx(MaterialCommunityIcons, {
-            name: editingField === 'displayName' ? 'account-outline' : editingField === 'username' ? 'at' : editingField === 'email' ? 'email-outline' : editingField === 'bio' ? 'text-box-outline' : editingField === 'location' ? 'map-marker-outline' : editingField === 'links' ? 'link-variant' : 'account-outline',
-            size: 28,
-            color: editingField === 'displayName' ? colors.sidebarIconPersonalInfo : editingField === 'username' ? colors.sidebarIconData : editingField === 'email' ? colors.sidebarIconSecurity : editingField === 'bio' ? colors.sidebarIconPersonalInfo : editingField === 'location' ? colors.sidebarIconSharing : editingField === 'links' ? colors.sidebarIconPersonalInfo : colors.tint
-          })
-        }), /*#__PURE__*/_jsx(Text, {
-          style: [styles.editingBottomTitle, {
-            color: colors.text
-          }],
-          children: editingField === 'displayName' ? t('editProfile.items.displayName.title') || 'Display Name' : editingField === 'username' ? t('editProfile.items.username.title') || 'Username' : editingField === 'email' ? t('editProfile.items.email.title') || 'Email' : editingField === 'bio' ? t('editProfile.items.bio.title') || 'Bio' : editingField === 'location' ? t('editProfile.items.locations.title') || 'Location' : editingField === 'links' ? t('editProfile.items.links.title') || 'Links' : 'Field'
-        })]
-      })]
-    }) : null, /*#__PURE__*/_jsx(ScrollView, {
-      ref: scrollViewRef,
-      style: editingField ? styles.contentEditing : styles.content,
-      contentContainerStyle: styles.scrollContent,
-      showsVerticalScrollIndicator: false,
-      children: editingField ?
-      /*#__PURE__*/
-      // Show only the editing interface when editing
-      _jsx(View, {
-        style: styles.editingOnlyContainer,
-        children: renderEditingField(editingField)
-      }) :
-      /*#__PURE__*/
-      // Show all settings when not editing
-      _jsxs(_Fragment, {
-        children: [/*#__PURE__*/_jsxs(View, {
-          style: [styles.headerContainer, styles.headerSection],
-          children: [/*#__PURE__*/_jsx(Text, {
-            style: [styles.modernTitle, {
-              color: themeStyles.textColor,
-              marginBottom: 0,
-              marginTop: 0
-            }],
-            children: t('accountOverview.items.editProfile.title') || t('editProfile.title') || 'Edit Profile'
-          }), /*#__PURE__*/_jsx(Text, {
-            style: [styles.modernSubtitle, {
-              color: colors.secondaryText,
-              marginBottom: 0,
-              marginTop: 0
-            }],
-            children: t('accountOverview.items.editProfile.subtitle') || t('editProfile.subtitle') || 'Manage your profile and preferences'
-          })]
-        }), /*#__PURE__*/_jsxs(View, {
-          ref: ref => {
-            avatarSectionRef.current = ref;
-            profilePictureSectionRef.current = ref;
-          },
-          style: styles.section,
-          onLayout: event => {
-            const {
-              y
-            } = event.nativeEvent.layout;
-            setAvatarSectionY(y);
-            setProfilePictureSectionY(y);
-          },
-          children: [/*#__PURE__*/_jsx(Text, {
-            style: [styles.sectionTitle, {
-              color: colors.secondaryText
-            }],
-            children: t('editProfile.sections.profilePicture') || 'PROFILE PICTURE'
-          }), /*#__PURE__*/_jsx(View, {
-            style: styles.groupedSectionWrapper,
-            children: /*#__PURE__*/_jsx(GroupedSection, {
-              items: [{
-                id: 'profile-photo',
-                customIcon: optimisticAvatarId || avatarFileId ? isUpdatingAvatar ? /*#__PURE__*/_jsxs(Animated.View, {
-                  style: {
-                    position: 'relative',
-                    width: 36,
-                    height: 36
-                  },
-                  children: [/*#__PURE__*/_jsx(Animated.Image, {
-                    source: {
-                      uri: oxyServices.getFileDownloadUrl(optimisticAvatarId || avatarFileId, 'thumb')
-                    },
-                    style: {
-                      width: 36,
-                      height: 36,
-                      borderRadius: 18,
-                      opacity: 0.6
-                    }
-                  }), /*#__PURE__*/_jsx(View, {
-                    style: {
-                      position: 'absolute',
-                      top: 0,
-                      left: 0,
-                      right: 0,
-                      bottom: 0,
-                      justifyContent: 'center',
-                      alignItems: 'center',
-                      backgroundColor: colorScheme === 'dark' ? 'rgba(0, 0, 0, 0.4)' : 'rgba(255, 255, 255, 0.7)',
-                      borderRadius: 18
-                    },
-                    children: /*#__PURE__*/_jsx(ActivityIndicator, {
-                      size: "small",
-                      color: colors.tint
-                    })
-                  })]
-                }) : /*#__PURE__*/_jsx(Image, {
+          children: t('editProfile.sections.profilePicture') || 'PROFILE PICTURE'
+        }), /*#__PURE__*/_jsx(View, {
+          style: styles.groupedSectionWrapper,
+          children: /*#__PURE__*/_jsx(GroupedSection, {
+            items: [{
+              id: 'profile-photo',
+              customIcon: optimisticAvatarId || avatarFileId ? isUpdatingAvatar ? /*#__PURE__*/_jsxs(Animated.View, {
+                style: {
+                  position: 'relative',
+                  width: 36,
+                  height: 36
+                },
+                children: [/*#__PURE__*/_jsx(Animated.Image, {
                   source: {
                     uri: oxyServices.getFileDownloadUrl(optimisticAvatarId || avatarFileId, 'thumb')
                   },
                   style: {
                     width: 36,
                     height: 36,
-                    borderRadius: 18
+                    borderRadius: 18,
+                    opacity: 0.6
                   }
-                }) : undefined,
-                icon: !(optimisticAvatarId || avatarFileId) ? 'account-outline' : undefined,
-                iconColor: colors.sidebarIconPersonalInfo,
-                title: 'Profile Photo',
-                subtitle: isUpdatingAvatar ? 'Updating profile picture...' : avatarFileId ? 'Tap to change your profile picture' : 'Tap to add a profile picture',
-                onPress: isUpdatingAvatar ? undefined : openAvatarPicker,
-                disabled: isUpdatingAvatar
-              }, ...(avatarFileId && !isUpdatingAvatar ? [{
-                id: 'remove-profile-photo',
-                icon: 'delete-outline',
-                iconColor: colors.sidebarIconSharing,
-                title: 'Remove Photo',
-                subtitle: 'Delete current profile picture',
-                onPress: handleAvatarRemove
-              }] : [])]
-            })
-          })]
-        }), /*#__PURE__*/_jsxs(View, {
-          ref: basicInfoSectionRef,
-          style: styles.section,
-          onLayout: event => {
-            const {
-              y
-            } = event.nativeEvent.layout;
-            setBasicInfoSectionY(y);
-          },
-          children: [/*#__PURE__*/_jsx(Text, {
-            style: [styles.sectionTitle, {
-              color: colors.secondaryText
-            }],
-            children: t('editProfile.sections.basicInfo') || 'BASIC INFORMATION'
-          }), /*#__PURE__*/_jsx(View, {
-            style: styles.groupedSectionWrapper,
-            children: /*#__PURE__*/_jsx(GroupedSection, {
-              items: [{
-                id: 'display-name',
-                icon: 'account-outline',
-                iconColor: colors.sidebarIconPersonalInfo,
-                title: t('editProfile.items.displayName.title') || 'Display Name',
-                subtitle: [displayName, lastName].filter(Boolean).join(' ') || t('editProfile.items.displayName.add') || 'Add your display name',
-                onPress: handleOpenDisplayNameModal
-              }, {
-                id: 'username',
-                icon: 'at',
-                iconColor: colors.sidebarIconData,
-                title: t('editProfile.items.username.title') || 'Username',
-                subtitle: username || t('editProfile.items.username.choose') || 'Choose a username',
-                onPress: handleOpenUsernameModal
-              }, {
-                id: 'email',
-                icon: 'email-outline',
-                iconColor: colors.sidebarIconSecurity,
-                title: t('editProfile.items.email.title') || 'Email',
-                subtitle: email || t('editProfile.items.email.add') || 'Add your email address',
-                onPress: handleOpenEmailModal
-              }]
-            })
-          })]
-        }), /*#__PURE__*/_jsxs(View, {
-          ref: aboutSectionRef,
-          style: styles.section,
-          onLayout: event => {
-            const {
-              y
-            } = event.nativeEvent.layout;
-            setAboutSectionY(y);
-          },
-          children: [/*#__PURE__*/_jsx(Text, {
-            style: [styles.sectionTitle, {
-              color: colors.secondaryText
-            }],
-            children: t('editProfile.sections.about') || 'ABOUT YOU'
-          }), /*#__PURE__*/_jsx(View, {
-            style: styles.groupedSectionWrapper,
-            children: /*#__PURE__*/_jsx(GroupedSection, {
-              items: [{
-                id: 'bio',
-                icon: 'text-box-outline',
-                iconColor: colors.sidebarIconPersonalInfo,
-                title: t('editProfile.items.bio.title') || 'Bio',
-                subtitle: bio || t('editProfile.items.bio.placeholder') || 'Tell people about yourself',
-                onPress: handleOpenBioModal
-              }, {
-                id: 'locations',
-                icon: 'map-marker-outline',
-                iconColor: colors.sidebarIconSharing,
-                title: t('editProfile.items.locations.title') || 'Locations',
-                subtitle: locations.length > 0 ? locations.length === 1 ? t('editProfile.items.locations.count', {
-                  count: locations.length
-                }) || `${locations.length} location added` : t('editProfile.items.locations.count_plural', {
-                  count: locations.length
-                }) || `${locations.length} locations added` : t('editProfile.items.locations.add') || 'Add your locations',
-                onPress: handleOpenLocationModal
-              }, {
-                id: 'links',
-                icon: 'link-variant',
-                iconColor: colors.sidebarIconSharing,
-                title: t('editProfile.items.links.title') || 'Links',
-                subtitle: linksMetadata.length > 0 ? linksMetadata.length === 1 ? t('editProfile.items.links.count', {
-                  count: linksMetadata.length
-                }) || `${linksMetadata.length} link added` : t('editProfile.items.links.count_plural', {
-                  count: linksMetadata.length
-                }) || `${linksMetadata.length} links added` : t('editProfile.items.links.add') || 'Add your links',
-                onPress: handleOpenLinksModal
-              }]
-            })
-          })]
-        }), /*#__PURE__*/_jsxs(View, {
-          ref: quickActionsSectionRef,
-          style: styles.section,
-          onLayout: event => {
-            const {
-              y
-            } = event.nativeEvent.layout;
-            setQuickActionsSectionY(y);
-          },
-          children: [/*#__PURE__*/_jsx(Text, {
-            style: [styles.sectionTitle, {
-              color: colors.secondaryText
-            }],
-            children: t('editProfile.sections.quickActions') || 'QUICK ACTIONS'
-          }), /*#__PURE__*/_jsx(View, {
-            style: styles.groupedSectionWrapper,
-            children: /*#__PURE__*/_jsx(GroupedSection, {
-              items: [{
-                id: 'preview-profile',
-                icon: 'eye',
-                iconColor: colors.sidebarIconHome,
-                title: t('editProfile.items.previewProfile.title') || 'Preview Profile',
-                subtitle: t('editProfile.items.previewProfile.subtitle') || 'See how your profile looks to others',
-                onPress: () => navigate?.('Profile', {
-                  userId: finalUser?.id
-                })
-              }, {
-                id: 'privacy-settings',
-                icon: 'shield-check',
-                iconColor: colors.sidebarIconSecurity,
-                title: t('editProfile.items.privacySettings.title') || 'Privacy Settings',
-                subtitle: t('editProfile.items.privacySettings.subtitle') || 'Control who can see your profile',
-                onPress: () => navigate?.('PrivacySettings')
-              }, {
-                id: 'verify-account',
-                icon: 'check-circle',
-                iconColor: colors.sidebarIconPersonalInfo,
-                title: t('editProfile.items.verifyAccount.title') || 'Verify Account',
-                subtitle: t('editProfile.items.verifyAccount.subtitle') || 'Get a verified badge',
-                onPress: () => navigate?.('AccountVerification')
-              }]
-            })
-          })]
-        }), /*#__PURE__*/_jsxs(View, {
-          ref: securitySectionRef,
-          style: styles.section,
-          onLayout: event => {
-            const {
-              y
-            } = event.nativeEvent.layout;
-            setSecuritySectionY(y);
-          },
-          children: [/*#__PURE__*/_jsx(Text, {
-            style: [styles.sectionTitle, {
-              color: colors.secondaryText
-            }],
-            children: t('editProfile.sections.security') || 'SECURITY'
-          }), /*#__PURE__*/_jsx(View, {
-            style: styles.groupedSectionWrapper
-          })]
+                }), /*#__PURE__*/_jsx(View, {
+                  style: {
+                    position: 'absolute',
+                    top: 0,
+                    left: 0,
+                    right: 0,
+                    bottom: 0,
+                    justifyContent: 'center',
+                    alignItems: 'center',
+                    backgroundColor: colorScheme === 'dark' ? 'rgba(0, 0, 0, 0.4)' : 'rgba(255, 255, 255, 0.7)',
+                    borderRadius: 18
+                  },
+                  children: /*#__PURE__*/_jsx(ActivityIndicator, {
+                    size: "small",
+                    color: colors.tint
+                  })
+                })]
+              }) : /*#__PURE__*/_jsx(Image, {
+                source: {
+                  uri: oxyServices.getFileDownloadUrl(optimisticAvatarId || avatarFileId, 'thumb')
+                },
+                style: {
+                  width: 36,
+                  height: 36,
+                  borderRadius: 18
+                }
+              }) : undefined,
+              icon: !(optimisticAvatarId || avatarFileId) ? 'account-outline' : undefined,
+              iconColor: colors.sidebarIconPersonalInfo,
+              title: 'Profile Photo',
+              subtitle: isUpdatingAvatar ? 'Updating profile picture...' : avatarFileId ? 'Tap to change your profile picture' : 'Tap to add a profile picture',
+              onPress: isUpdatingAvatar ? undefined : openAvatarPicker,
+              disabled: isUpdatingAvatar
+            }, ...(avatarFileId && !isUpdatingAvatar ? [{
+              id: 'remove-profile-photo',
+              icon: 'delete-outline',
+              iconColor: colors.sidebarIconSharing,
+              title: 'Remove Photo',
+              subtitle: 'Delete current profile picture',
+              onPress: handleAvatarRemove
+            }] : [])]
+          })
         })]
-      })
-    }), /*#__PURE__*/_jsx(EditDisplayNameModal, {
-      visible: showEditDisplayNameModal,
-      onClose: () => setShowEditDisplayNameModal(false),
-      initialDisplayName: displayName,
-      initialLastName: lastName,
-      theme: normalizedTheme,
-      onSave: handleModalSave
-    }), /*#__PURE__*/_jsx(EditUsernameModal, {
-      visible: showEditUsernameModal,
-      onClose: () => setShowEditUsernameModal(false),
-      initialValue: username,
-      theme: normalizedTheme,
-      onSave: handleModalSave
-    }), /*#__PURE__*/_jsx(EditEmailModal, {
-      visible: showEditEmailModal,
-      onClose: () => setShowEditEmailModal(false),
-      initialValue: email,
-      theme: normalizedTheme,
-      onSave: handleModalSave
-    }), /*#__PURE__*/_jsx(EditBioModal, {
-      visible: showEditBioModal,
-      onClose: () => setShowEditBioModal(false),
-      initialValue: bio,
-      theme: normalizedTheme,
-      onSave: handleModalSave
-    }), /*#__PURE__*/_jsx(EditLocationModal, {
-      visible: showEditLocationModal,
-      onClose: () => setShowEditLocationModal(false),
-      initialLocations: locations,
-      theme: normalizedTheme,
-      onSave: handleModalSave
-    }), /*#__PURE__*/_jsx(EditLinksModal, {
-      visible: showEditLinksModal,
-      onClose: () => setShowEditLinksModal(false),
-      initialLinks: linksMetadata,
-      theme: normalizedTheme,
-      onSave: handleModalSave
-    })]
+      }), /*#__PURE__*/_jsxs(View, {
+        ref: basicInfoSectionRef,
+        style: styles.section,
+        onLayout: event => {
+          const {
+            y
+          } = event.nativeEvent.layout;
+          setBasicInfoSectionY(y);
+        },
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: [styles.sectionTitle, {
+            color: colors.secondaryText
+          }],
+          children: t('editProfile.sections.basicInfo') || 'BASIC INFORMATION'
+        }), /*#__PURE__*/_jsx(View, {
+          style: styles.groupedSectionWrapper,
+          children: /*#__PURE__*/_jsx(GroupedSection, {
+            items: [{
+              id: 'display-name',
+              icon: 'account-outline',
+              iconColor: colors.sidebarIconPersonalInfo,
+              title: t('editProfile.items.displayName.title') || 'Display Name',
+              subtitle: [displayName, lastName].filter(Boolean).join(' ') || t('editProfile.items.displayName.add') || 'Add your display name',
+              onPress: handleOpenDisplayNameModal
+            }, {
+              id: 'username',
+              icon: 'at',
+              iconColor: colors.sidebarIconData,
+              title: t('editProfile.items.username.title') || 'Username',
+              subtitle: username || t('editProfile.items.username.choose') || 'Choose a username',
+              onPress: handleOpenUsernameModal
+            }, {
+              id: 'email',
+              icon: 'email-outline',
+              iconColor: colors.sidebarIconSecurity,
+              title: t('editProfile.items.email.title') || 'Email',
+              subtitle: email || t('editProfile.items.email.add') || 'Add your email address',
+              onPress: handleOpenEmailModal
+            }]
+          })
+        })]
+      }), /*#__PURE__*/_jsxs(View, {
+        ref: aboutSectionRef,
+        style: styles.section,
+        onLayout: event => {
+          const {
+            y
+          } = event.nativeEvent.layout;
+          setAboutSectionY(y);
+        },
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: [styles.sectionTitle, {
+            color: colors.secondaryText
+          }],
+          children: t('editProfile.sections.about') || 'ABOUT YOU'
+        }), /*#__PURE__*/_jsx(View, {
+          style: styles.groupedSectionWrapper,
+          children: /*#__PURE__*/_jsx(GroupedSection, {
+            items: [{
+              id: 'bio',
+              icon: 'text-box-outline',
+              iconColor: colors.sidebarIconPersonalInfo,
+              title: t('editProfile.items.bio.title') || 'Bio',
+              subtitle: bio || t('editProfile.items.bio.placeholder') || 'Tell people about yourself',
+              onPress: handleOpenBioModal
+            }, {
+              id: 'locations',
+              icon: 'map-marker-outline',
+              iconColor: colors.sidebarIconSharing,
+              title: t('editProfile.items.locations.title') || 'Locations',
+              subtitle: locations.length > 0 ? locations.length === 1 ? t('editProfile.items.locations.count', {
+                count: locations.length
+              }) || `${locations.length} location added` : t('editProfile.items.locations.count_plural', {
+                count: locations.length
+              }) || `${locations.length} locations added` : t('editProfile.items.locations.add') || 'Add your locations',
+              onPress: handleOpenLocationModal
+            }, {
+              id: 'links',
+              icon: 'link-variant',
+              iconColor: colors.sidebarIconSharing,
+              title: t('editProfile.items.links.title') || 'Links',
+              subtitle: linksMetadata.length > 0 ? linksMetadata.length === 1 ? t('editProfile.items.links.count', {
+                count: linksMetadata.length
+              }) || `${linksMetadata.length} link added` : t('editProfile.items.links.count_plural', {
+                count: linksMetadata.length
+              }) || `${linksMetadata.length} links added` : t('editProfile.items.links.add') || 'Add your links',
+              onPress: handleOpenLinksModal
+            }]
+          })
+        })]
+      }), /*#__PURE__*/_jsxs(View, {
+        ref: quickActionsSectionRef,
+        style: styles.section,
+        onLayout: event => {
+          const {
+            y
+          } = event.nativeEvent.layout;
+          setQuickActionsSectionY(y);
+        },
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: [styles.sectionTitle, {
+            color: colors.secondaryText
+          }],
+          children: t('editProfile.sections.quickActions') || 'QUICK ACTIONS'
+        }), /*#__PURE__*/_jsx(View, {
+          style: styles.groupedSectionWrapper,
+          children: /*#__PURE__*/_jsx(GroupedSection, {
+            items: [{
+              id: 'preview-profile',
+              icon: 'eye',
+              iconColor: colors.sidebarIconHome,
+              title: t('editProfile.items.previewProfile.title') || 'Preview Profile',
+              subtitle: t('editProfile.items.previewProfile.subtitle') || 'See how your profile looks to others',
+              onPress: () => navigate?.('Profile', {
+                userId: finalUser?.id
+              })
+            }, {
+              id: 'privacy-settings',
+              icon: 'shield-check',
+              iconColor: colors.sidebarIconSecurity,
+              title: t('editProfile.items.privacySettings.title') || 'Privacy Settings',
+              subtitle: t('editProfile.items.privacySettings.subtitle') || 'Control who can see your profile',
+              onPress: () => navigate?.('PrivacySettings')
+            }, {
+              id: 'verify-account',
+              icon: 'check-circle',
+              iconColor: colors.sidebarIconPersonalInfo,
+              title: t('editProfile.items.verifyAccount.title') || 'Verify Account',
+              subtitle: t('editProfile.items.verifyAccount.subtitle') || 'Get a verified badge',
+              onPress: () => navigate?.('AccountVerification')
+            }]
+          })
+        })]
+      }), /*#__PURE__*/_jsxs(View, {
+        ref: securitySectionRef,
+        style: styles.section,
+        onLayout: event => {
+          const {
+            y
+          } = event.nativeEvent.layout;
+          setSecuritySectionY(y);
+        },
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: [styles.sectionTitle, {
+            color: colors.secondaryText
+          }],
+          children: t('editProfile.sections.security') || 'SECURITY'
+        }), /*#__PURE__*/_jsx(View, {
+          style: styles.groupedSectionWrapper
+        })]
+      })]
+    })
   });
 };
 const styles = StyleSheet.create({
@@ -1556,13 +560,6 @@ const styles = StyleSheet.create({
   content: {
     flexShrink: 1
   },
-  scrollView: {
-    flexShrink: 1
-  },
-  contentEditing: {
-    flex: 1,
-    padding: 0
-  },
   scrollContent: createScreenContentStyle(HEADER_PADDING_TOP_SETTINGS),
   headerContainer: {
     width: '100%',
@@ -1576,7 +573,7 @@ const styles = StyleSheet.create({
     gap: COMPONENT_GAP
   },
   modernTitle: {
-    fontFamily: fontFamilies.phuduBold,
+    fontFamily: fontFamilies.interBold,
     fontWeight: Platform.OS === 'web' ? 'bold' : undefined,
     fontSize: 42,
     lineHeight: 50.4,
@@ -1598,558 +595,14 @@ const styles = StyleSheet.create({
   sectionTitle: {
     fontSize: 13,
     fontWeight: '600',
-    color: '#8E8E93',
     marginBottom: 8,
     marginTop: 4,
     textTransform: 'uppercase',
     letterSpacing: 0.5,
-    fontFamily: fontFamilies.phuduSemiBold
+    fontFamily: fontFamilies.interSemiBold
   },
   groupedSectionWrapper: {
     backgroundColor: 'transparent'
-  },
-  userIcon: {
-    marginRight: 12
-  },
-  // Editing-only mode styles
-  editingOnlyContainer: {
-    flex: 1
-  },
-  editingFieldContainer: {
-    backgroundColor: '#fff',
-    padding: 16,
-    flex: 1
-  },
-  editingFieldHeader: {
-    marginBottom: 8,
-    flexDirection: 'row',
-    alignItems: 'center'
-  },
-  editingFieldTitleContainer: {
-    flexDirection: 'row',
-    alignItems: 'center'
-  },
-  editingFieldIcon: {
-    marginRight: 12
-  },
-  editingFieldTitle: {
-    fontSize: 20,
-    fontWeight: '600',
-    color: '#000'
-  },
-  editingFieldContent: {
-    flex: 1
-  },
-  newValueSection: {
-    flex: 1
-  },
-  editingFieldLabel: {
-    fontSize: 13,
-    fontWeight: '600',
-    marginBottom: 8,
-    fontFamily: fontFamilies.phuduSemiBold,
-    textTransform: 'uppercase',
-    letterSpacing: 0.5
-  },
-  editingFieldInput: {
-    borderWidth: StyleSheet.hairlineWidth,
-    borderRadius: 14,
-    padding: 16,
-    fontSize: 17,
-    minHeight: 52,
-    fontWeight: '400',
-    letterSpacing: -0.2
-  },
-  editingFieldDescription: {
-    fontSize: 14,
-    color: '#666',
-    marginBottom: 16
-  },
-  primaryButton: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'center',
-    gap: 8,
-    // backgroundColor should be applied inline using colors.iconSecurity
-    paddingVertical: 12,
-    paddingHorizontal: 16,
-    borderRadius: 10
-  },
-  primaryButtonText: {
-    color: '#fff',
-    fontSize: 16,
-    fontWeight: '600'
-  },
-  editingFieldTextArea: {
-    borderWidth: StyleSheet.hairlineWidth,
-    borderRadius: 14,
-    padding: 16,
-    fontSize: 17,
-    minHeight: 120,
-    textAlignVertical: 'top',
-    fontWeight: '400',
-    letterSpacing: -0.2
-  },
-  // Custom editing header styles
-  editingHeader: {
-    paddingTop: Platform.OS === 'ios' ? 50 : 16,
-    paddingBottom: 0,
-    borderBottomWidth: StyleSheet.hairlineWidth
-  },
-  editingHeaderContent: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    paddingHorizontal: 16,
-    minHeight: 44
-  },
-  editingBackButton: {
-    width: 36,
-    height: 36,
-    borderRadius: 20,
-    alignItems: 'center',
-    justifyContent: 'center',
-    marginRight: 12
-  },
-  editingTitleContainer: {
-    flex: 1,
-    flexDirection: 'column',
-    alignItems: 'flex-start',
-    justifyContent: 'flex-end',
-    paddingBottom: 8
-  },
-  editingTitleIcon: {
-    marginBottom: 4,
-    alignSelf: 'flex-start'
-  },
-  editingTitle: {
-    fontSize: 18,
-    fontWeight: '700',
-    fontFamily: fontFamilies.phuduBold,
-    letterSpacing: -0.3,
-    lineHeight: 22,
-    textAlign: 'left',
-    alignSelf: 'flex-start'
-  },
-  editingSaveButton: {
-    paddingHorizontal: 16,
-    paddingVertical: 8,
-    borderRadius: 20,
-    minWidth: 60,
-    alignItems: 'center',
-    justifyContent: 'center'
-  },
-  editingSaveButtonText: {
-    fontSize: 16,
-    fontWeight: '600',
-    fontFamily: fontFamilies.phuduSemiBold
-  },
-  editingHeaderBottom: {
-    flexDirection: 'column',
-    alignItems: 'flex-start',
-    paddingHorizontal: 20,
-    paddingBottom: 20,
-    paddingTop: 24
-  },
-  editingIconContainer: {
-    width: 64,
-    height: 64,
-    borderRadius: 20,
-    alignItems: 'center',
-    justifyContent: 'center',
-    marginBottom: 16
-  },
-  editingBottomTitle: {
-    fontSize: 28,
-    fontWeight: '700',
-    fontFamily: fontFamilies.phuduBold,
-    letterSpacing: -0.5,
-    lineHeight: 34,
-    textAlign: 'left',
-    alignSelf: 'flex-start'
-  },
-  // Links management styles
-  addLinkSection: {
-    marginBottom: 16,
-    padding: 12,
-    backgroundColor: '#F8F9FA',
-    borderRadius: 8,
-    borderWidth: 1,
-    borderColor: '#E9ECEF'
-  },
-  addLinkLabel: {
-    fontSize: 14,
-    fontWeight: '600',
-    color: '#333',
-    marginBottom: 8
-  },
-  addLinkInputContainer: {
-    gap: 8
-  },
-  addLinkInput: {
-    backgroundColor: '#fff',
-    borderWidth: 1,
-    borderColor: '#E9ECEF',
-    borderRadius: 6,
-    padding: 10,
-    fontSize: 14,
-    minHeight: 36
-  },
-  addLinkButtons: {
-    flexDirection: 'row',
-    gap: 6
-  },
-  addLinkButton: {
-    flex: 1,
-    paddingVertical: 8,
-    paddingHorizontal: 12,
-    borderRadius: 6,
-    alignItems: 'center',
-    justifyContent: 'center'
-  },
-  cancelButton: {
-    backgroundColor: '#F8F9FA',
-    borderWidth: 1,
-    borderColor: '#E9ECEF'
-  },
-  cancelButtonText: {
-    fontSize: 14,
-    fontWeight: '600',
-    color: '#6C757D'
-  },
-  addButton: {
-    // backgroundColor should be applied inline using colors.iconSecurity
-  },
-  addButtonText: {
-    fontSize: 14,
-    fontWeight: '600',
-    color: '#fff'
-  },
-  addLinkTrigger: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    padding: 12,
-    backgroundColor: '#F8F9FA',
-    borderRadius: 8,
-    borderWidth: 1,
-    borderColor: '#E9ECEF',
-    borderStyle: 'dashed',
-    marginBottom: 16
-  },
-  addLinkTriggerText: {
-    fontSize: 14,
-    fontWeight: '600',
-    // color should be applied inline using colors.iconSecurity
-    marginLeft: 6
-  },
-  linksList: {
-    gap: 8
-  },
-  linksListTitle: {
-    fontSize: 16,
-    fontWeight: '700',
-    color: '#333',
-    marginBottom: 6
-  },
-  linkItem: {
-    backgroundColor: '#fff',
-    borderRadius: 8,
-    borderWidth: 1,
-    borderColor: '#E9ECEF',
-    overflow: 'hidden'
-  },
-  linkItemContent: {
-    flexDirection: 'row',
-    padding: 12,
-    alignItems: 'center'
-  },
-  linkItemDragHandle: {
-    width: 24,
-    height: 24,
-    alignItems: 'center',
-    justifyContent: 'center',
-    marginRight: 8
-  },
-  linkItemInfo: {
-    flex: 1,
-    marginRight: 8
-  },
-  linkItemTitle: {
-    fontSize: 14,
-    fontWeight: '600',
-    color: '#333',
-    marginBottom: 2
-  },
-  linkItemDescription: {
-    fontSize: 12,
-    color: '#666',
-    marginBottom: 2
-  },
-  linkItemUrl: {
-    fontSize: 12,
-    color: '#6C757D'
-  },
-  linkItemActions: {
-    flexDirection: 'row',
-    gap: 6
-  },
-  linkItemButton: {
-    width: 28,
-    height: 28,
-    borderRadius: 14,
-    backgroundColor: '#F8F9FA',
-    alignItems: 'center',
-    justifyContent: 'center'
-  },
-  linkItemDivider: {
-    height: 1,
-    backgroundColor: '#E9ECEF',
-    marginHorizontal: 12
-  },
-  reorderHint: {
-    padding: 8,
-    alignItems: 'center'
-  },
-  reorderHintText: {
-    fontSize: 12,
-    color: '#999',
-    fontStyle: 'italic'
-  },
-  reorderButtons: {
-    flexDirection: 'column',
-    gap: 2
-  },
-  reorderButton: {
-    width: 20,
-    height: 16,
-    borderRadius: 3,
-    backgroundColor: '#F8F9FA',
-    alignItems: 'center',
-    justifyContent: 'center',
-    borderWidth: 1,
-    borderColor: '#E9ECEF'
-  },
-  reorderButtonDisabled: {
-    opacity: 0.3
-  },
-  linkItemImage: {
-    width: 32,
-    height: 32,
-    borderRadius: 16,
-    // backgroundColor should be applied inline using colors.iconSecurity
-    alignItems: 'center',
-    justifyContent: 'center',
-    marginRight: 8
-  },
-  linkItemImageText: {
-    fontSize: 12,
-    fontWeight: '600',
-    color: '#fff'
-  },
-  fetchingText: {
-    fontSize: 12,
-    // color should be applied inline using colors.iconSecurity
-    fontStyle: 'italic'
-  },
-  linksFieldContent: {
-    flex: 1,
-    marginLeft: 12
-  },
-  linksPreview: {
-    marginTop: 4,
-    flexDirection: 'column'
-  },
-  linksPreviewContainer: {
-    marginTop: 4,
-    flexDirection: 'column',
-    width: '100%'
-  },
-  linkPreviewItem: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    marginBottom: 4
-  },
-  linkPreviewImage: {
-    width: 20,
-    height: 20,
-    borderRadius: 10,
-    // backgroundColor should be applied inline using colors.iconSecurity
-    alignItems: 'center',
-    justifyContent: 'center',
-    marginRight: 6
-  },
-  linkPreviewImageText: {
-    fontSize: 10,
-    fontWeight: '600',
-    color: '#fff'
-  },
-  linkPreviewTitle: {
-    fontSize: 13,
-    color: '#666',
-    flex: 1
-  },
-  linkPreviewContent: {
-    flex: 1
-  },
-  linkPreviewSubtitle: {
-    fontSize: 11,
-    color: '#999',
-    marginTop: 1
-  },
-  linkPreviewMore: {
-    fontSize: 12,
-    color: '#999',
-    fontStyle: 'italic'
-  },
-  // Location management styles
-  addLocationSection: {
-    marginBottom: 16
-  },
-  addLocationLabel: {
-    fontSize: 14,
-    fontWeight: '600',
-    color: '#333',
-    marginBottom: 8,
-    fontFamily: fontFamilies.phuduSemiBold
-  },
-  searchingText: {
-    fontSize: 12,
-    // color should be applied inline using colors.iconSecurity
-    fontStyle: 'italic'
-  },
-  addLocationInputContainer: {
-    marginBottom: 8
-  },
-  addLocationInput: {
-    backgroundColor: '#fff',
-    borderWidth: 2,
-    borderColor: '#e0e0e0',
-    borderRadius: 12,
-    padding: 16,
-    fontSize: 17,
-    minHeight: 52,
-    fontWeight: '400',
-    marginBottom: 8
-  },
-  addLocationButtons: {
-    flexDirection: 'row',
-    gap: 8
-  },
-  addLocationButton: {
-    flex: 1,
-    paddingVertical: 12,
-    paddingHorizontal: 16,
-    borderRadius: 8,
-    alignItems: 'center',
-    justifyContent: 'center'
-  },
-  addLocationTrigger: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    paddingVertical: 12,
-    paddingHorizontal: 16,
-    backgroundColor: '#F8F9FA',
-    borderRadius: 8,
-    marginBottom: 16
-  },
-  addLocationTriggerText: {
-    marginLeft: 8,
-    fontSize: 16,
-    // color should be applied inline using colors.iconSecurity
-    fontWeight: '500'
-  },
-  searchResults: {
-    backgroundColor: '#fff',
-    borderWidth: 1,
-    borderColor: '#e0e0e0',
-    borderRadius: 8,
-    maxHeight: 200
-  },
-  searchResultItem: {
-    padding: 12,
-    borderBottomWidth: 1,
-    borderBottomColor: '#f0f0f0'
-  },
-  searchResultName: {
-    fontSize: 14,
-    fontWeight: '500',
-    color: '#333',
-    marginBottom: 2
-  },
-  searchResultType: {
-    fontSize: 12,
-    color: '#666',
-    textTransform: 'capitalize'
-  },
-  locationsList: {
-    marginTop: 8
-  },
-  locationsListTitle: {
-    fontSize: 14,
-    fontWeight: '600',
-    color: '#333',
-    marginBottom: 12,
-    fontFamily: fontFamilies.phuduSemiBold
-  },
-  locationItem: {
-    marginBottom: 8
-  },
-  locationItemContent: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    padding: 12,
-    backgroundColor: '#F8F9FA',
-    borderRadius: 8
-  },
-  locationItemDragHandle: {
-    marginRight: 12
-  },
-  locationItemInfo: {
-    flex: 1
-  },
-  locationItemHeader: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    marginBottom: 4
-  },
-  locationItemName: {
-    fontSize: 14,
-    fontWeight: '500',
-    color: '#333',
-    flex: 1
-  },
-  locationLabel: {
-    // backgroundColor should be applied inline using colors.iconSecurity
-    paddingHorizontal: 6,
-    paddingVertical: 2,
-    borderRadius: 4,
-    marginLeft: 8
-  },
-  locationLabelText: {
-    fontSize: 10,
-    fontWeight: '600',
-    color: '#fff',
-    textTransform: 'uppercase'
-  },
-  locationCoordinates: {
-    fontSize: 12,
-    color: '#666',
-    fontFamily: 'monospace'
-  },
-  locationItemActions: {
-    marginLeft: 8
-  },
-  locationItemButton: {
-    width: 28,
-    height: 28,
-    borderRadius: 14,
-    backgroundColor: '#F8F9FA',
-    alignItems: 'center',
-    justifyContent: 'center'
-  },
-  locationItemDivider: {
-    height: 1,
-    backgroundColor: '#E9ECEF',
-    marginHorizontal: 12
   }
 });
 export default /*#__PURE__*/React.memo(AccountSettingsScreen);