@oxyhq/services 6.9.4 → 6.9.6

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

@@ -27,6 +27,7 @@ import { useThemeStyles } from "../hooks/useThemeStyles.js";
 import { useColorScheme } from "../hooks/useColorScheme.js";
 import { normalizeTheme } from "../utils/themeUtils.js";
 import { useOxy } from "../context/OxyContext.js";
+import { useI18n } from "../hooks/useI18n.js";
 import { useUploadFile } from "../hooks/mutations/useAccountMutations.js";
 import { confirmAction, convertDocumentPickerAssetToFile, formatFileSize, getFileIcon, getSafeDownloadUrl } from "../utils/fileManagement.js";
 import { FileViewer } from "../components/fileManagement/FileViewer.js";
@@ -34,6 +35,9 @@ import { FileDetailsModal } from "../components/fileManagement/FileDetailsModal.
 import { UploadPreview } from "../components/fileManagement/UploadPreview.js";
 import { fileManagementStyles } from "../components/fileManagement/styles.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/** Extract error message from unknown error type */
+const getErrorMessage = error => error instanceof Error ? getErrorMessage(error) : typeof error === 'string' ? error : undefined;
+
 // Animated button component for smooth transitions
 const AnimatedButton = ({
   isSelected,
@@ -102,6 +106,9 @@ const FileManagementScreen = ({
     user,
     oxyServices
   } = useOxy();
+  const {
+    t
+  } = useI18n();
   const uploadFileMutation = useUploadFile();
   const files = useFiles();
   // Ensure containerWidth is a number (TypeScript guard)
@@ -190,7 +197,7 @@ const FileManagementScreen = ({
     if (disabledMimeTypes.length) {
       const blocked = disabledMimeTypes.some(mt => file.contentType === mt || file.contentType.startsWith(mt.endsWith('/') ? mt : `${mt}/`));
       if (blocked) {
-        toast.error('This file type cannot be selected');
+        toast.error(t('fileManagement.toasts.fileTypeBlocked'));
         return;
       }
     }
@@ -230,7 +237,9 @@ const FileManagementScreen = ({
       const already = next.has(file.id);
       if (!already) {
         if (maxSelection && next.size >= maxSelection) {
-          toast.error(`You can select up to ${maxSelection}`);
+          toast.error(t('fileManagement.toasts.maxSelection', {
+            max: maxSelection
+          }));
           return prev;
         }
         next.add(file.id);
@@ -364,7 +373,7 @@ const FileManagementScreen = ({
         }));
       }
     } catch (error) {
-      toast.error(error.message || 'Failed to load files');
+      toast.error(getErrorMessage(error) || t('fileManagement.toasts.loadFailed'));
     } finally {
       setLoading(false);
       setRefreshing(false);
@@ -466,7 +475,9 @@ const FileManagementScreen = ({
       const oversizedFiles = selectedFiles.filter(file => file.size > maxSize);
       if (oversizedFiles.length > 0) {
         const fileList = oversizedFiles.map(f => f.name).join(', ');
-        toast.error(`The following files are too large (max 50MB): ${fileList}`);
+        toast.error(t('fileManagement.toasts.filesTooLarge', {
+          files: fileList
+        }));
         return [];
       }
       let successCount = 0;
@@ -555,7 +566,7 @@ const FileManagementScreen = ({
           }
         } catch (error) {
           failureCount++;
-          const errorMessage = error.message || error.toString() || 'Upload failed';
+          const errorMessage = getErrorMessage(error) || String(error) || 'Upload failed';
           const fullError = `${fileName}: ${errorMessage}`;
           errors.push(fullError);
           if (__DEV__) {
@@ -564,7 +575,7 @@ const FileManagementScreen = ({
               fileSize: raw.size,
               fileType: raw.type,
               error: errorMessage,
-              stack: error.stack
+              stack: error instanceof Error ? error.stack : undefined
             });
           }
 
@@ -575,24 +586,30 @@ const FileManagementScreen = ({
 
       // Show success/error messages
       if (successCount > 0) {
-        toast.success(`${successCount} file(s) uploaded successfully`);
+        toast.success(t('fileManagement.toasts.uploadSuccess', {
+          count: successCount
+        }));
       }
       if (failureCount > 0) {
         // Show detailed error message with first few errors
         const errorDetails = errors.length > 0 ? `\n${errors.slice(0, 3).join('\n')}${errors.length > 3 ? `\n...and ${errors.length - 3} more` : ''}` : '';
-        toast.error(`${failureCount} file(s) failed to upload${errorDetails}`);
+        toast.error(`${t('fileManagement.toasts.uploadFailed', {
+          count: failureCount
+        })}${errorDetails}`);
       }
       // Silent background refresh to ensure metadata/variants updated
       setTimeout(() => {
         loadFiles('silent');
       }, 1200);
     } catch (error) {
-      toast.error(error.message || 'Failed to upload files');
+      toast.error(getErrorMessage(error) || t('fileManagement.toasts.uploadError'));
     } finally {
       storeSetUploadProgress(null);
     }
     return uploadedFiles;
   };
+
+  // biome-ignore lint/suspicious/noExplicitAny: Files from document picker may have extra properties like uri
   const handleFileSelection = useCallback(async selectedFiles => {
     const MAX_FILE_SIZE = 100 * 1024 * 1024; // 100MB
     const processedFiles = [];
@@ -602,34 +619,41 @@ const FileManagementScreen = ({
         if (__DEV__) {
           console.error('Invalid file: file is null or undefined');
         }
-        toast.error('Invalid file: file is missing');
+        toast.error(t('fileManagement.toasts.invalidFileMissing'));
         continue;
       }
       if (!file.name || typeof file.name !== 'string') {
         if (__DEV__) {
           console.error('Invalid file: missing or invalid name property', file);
         }
-        toast.error('Invalid file: missing file name');
+        toast.error(t('fileManagement.toasts.invalidFileName'));
         continue;
       }
       if (file.size === undefined || file.size === null || Number.isNaN(file.size)) {
         if (__DEV__) {
           console.error('Invalid file: missing or invalid size property', file);
         }
-        toast.error(`Invalid file "${file.name || 'unknown'}": missing file size`);
+        toast.error(t('fileManagement.toasts.invalidFileSize', {
+          name: file.name || 'unknown'
+        }));
         continue;
       }
       if (file.size <= 0) {
         if (__DEV__) {
           console.error('Invalid file: file size is zero or negative', file);
         }
-        toast.error(`File "${file.name}" is empty`);
+        toast.error(t('fileManagement.toasts.fileEmpty', {
+          name: file.name
+        }));
         continue;
       }
 
       // Validate file size
       if (file.size > MAX_FILE_SIZE) {
-        toast.error(`"${file.name}" is too large. Maximum file size is ${formatFileSize(MAX_FILE_SIZE)}`);
+        toast.error(t('fileManagement.toasts.fileTooLarge', {
+          name: file.name,
+          maxSize: formatFileSize(MAX_FILE_SIZE)
+        }));
         continue;
       }
 
@@ -666,7 +690,7 @@ const FileManagementScreen = ({
       });
     }
     if (processedFiles.length === 0) {
-      toast.error('No valid files to upload');
+      toast.error(t('fileManagement.toasts.noValidFiles'));
       return;
     }
 
@@ -721,7 +745,7 @@ const FileManagementScreen = ({
       }
       endUpload();
     } catch (error) {
-      toast.error(error.message || 'Failed to upload files');
+      toast.error(getErrorMessage(error) || t('fileManagement.toasts.uploadError'));
       endUpload();
     }
   };
@@ -754,7 +778,7 @@ const FileManagementScreen = ({
   const handleFileUpload = async () => {
     // Prevent concurrent document picker calls
     if (isPickingDocument) {
-      toast.error('Please wait for the current file selection to complete');
+      toast.error(t('fileManagement.toasts.waitForSelection'));
       return;
     }
     try {
@@ -776,7 +800,7 @@ const FileManagementScreen = ({
       }
       if (!result.assets || result.assets.length === 0) {
         setIsPickingDocument(false);
-        toast.error('No files were selected');
+        toast.error(t('fileManagement.toasts.noFilesSelected'));
         return;
       }
 
@@ -803,7 +827,7 @@ const FileManagementScreen = ({
         }
         return null;
       }).catch(error => {
-        errors.push(`File "${doc.name || 'file'}": ${error.message || 'Failed to process'}`);
+        errors.push(`File "${doc.name || 'file'}": ${getErrorMessage(error) || 'Failed to process'}`);
         return null;
       }));
       const convertedFiles = await Promise.all(conversionPromises);
@@ -818,7 +842,9 @@ const FileManagementScreen = ({
       // Show errors if any
       if (errors.length > 0) {
         const errorMessage = errors.slice(0, 3).join('\n') + (errors.length > 3 ? `\n...and ${errors.length - 3} more` : '');
-        toast.error(`Failed to load some files:\n${errorMessage}`);
+        toast.error(t('fileManagement.toasts.loadSomeFailed', {
+          errors: errorMessage
+        }));
       }
 
       // Process successfully converted files
@@ -826,20 +852,20 @@ const FileManagementScreen = ({
         await handleFileSelection(files);
       } else {
         // Files were selected but none could be converted
-        toast.error('No files could be processed. Please try selecting files again.');
+        toast.error(t('fileManagement.toasts.noFilesProcessed'));
       }
     } catch (error) {
       if (__DEV__) {
         console.error('File upload error:', error);
       }
-      if (error.message?.includes('expo-document-picker') || error.message?.includes('Different document picking in progress')) {
-        if (error.message?.includes('Different document picking in progress')) {
-          toast.error('Please wait for the current file selection to complete');
+      if (getErrorMessage(error)?.includes('expo-document-picker') || getErrorMessage(error)?.includes('Different document picking in progress')) {
+        if (getErrorMessage(error)?.includes('Different document picking in progress')) {
+          toast.error(t('fileManagement.toasts.waitForSelection'));
         } else {
-          toast.error('File picker not available. Please install expo-document-picker');
+          toast.error(t('fileManagement.toasts.filePickerNotAvailable'));
         }
       } else {
-        toast.error(error.message || 'Failed to select files');
+        toast.error(getErrorMessage(error) || t('fileManagement.toasts.selectFilesFailed'));
       }
     } finally {
       // Always reset the picking state, even if there was an error
@@ -848,14 +874,16 @@ const FileManagementScreen = ({
   };
   const handleFileDelete = async (fileId, filename) => {
     // Use platform-aware confirmation dialog
-    const confirmed = await confirmAction(`Are you sure you want to delete "${filename}"? This action cannot be undone.`, 'Delete File', 'Delete', 'Cancel');
+    const confirmed = await confirmAction(t('fileManagement.confirms.deleteFile', {
+      filename
+    }), t('fileManagement.deleteFile'), t('fileManagement.confirm'), t('common.cancel'));
     if (!confirmed) {
       return;
     }
     try {
       storeSetDeleting(fileId);
       await oxyServices.deleteFile(fileId);
-      toast.success('File deleted successfully');
+      toast.success(t('fileManagement.toasts.deleteSuccess'));
 
       // Reload files after successful deletion
       // Optimistic remove
@@ -864,14 +892,14 @@ const FileManagementScreen = ({
       setTimeout(() => loadFiles('silent'), 800);
     } catch (error) {
       // Provide specific error messages
-      if (error.message?.includes('File not found') || error.message?.includes('404')) {
-        toast.error('File not found. It may have already been deleted.');
+      if (getErrorMessage(error)?.includes('File not found') || getErrorMessage(error)?.includes('404')) {
+        toast.error(t('fileManagement.toasts.fileNotFound'));
         // Still reload files to refresh the list
         setTimeout(() => loadFiles('silent'), 800);
-      } else if (error.message?.includes('permission') || error.message?.includes('403')) {
-        toast.error('You do not have permission to delete this file.');
+      } else if (getErrorMessage(error)?.includes('permission') || getErrorMessage(error)?.includes('403')) {
+        toast.error(t('fileManagement.toasts.noPermission'));
       } else {
-        toast.error(error.message || 'Failed to delete file');
+        toast.error(getErrorMessage(error) || t('fileManagement.toasts.deleteFailed'));
       }
     } finally {
       storeSetDeleting(null);
@@ -884,7 +912,9 @@ const FileManagementScreen = ({
       fileMap[f.id] = f;
     });
     const selectedFiles = Array.from(selectedIds).map(id => fileMap[id]).filter(Boolean);
-    const confirmed = await confirmAction(`Are you sure you want to delete ${selectedFiles.length} file(s)? This action cannot be undone.`, 'Delete Files', 'Delete', 'Cancel');
+    const confirmed = await confirmAction(t('fileManagement.confirms.deleteFiles', {
+      count: selectedFiles.length
+    }), t('fileManagement.deleteFiles'), t('fileManagement.confirm'), t('common.cancel'));
     if (!confirmed) return;
     try {
       const deletePromises = Array.from(selectedIds).map(async fileId => {
@@ -907,15 +937,19 @@ const FileManagementScreen = ({
       const successful = results.filter(r => r.status === 'fulfilled' && r.value.success).length;
       const failed = results.length - successful;
       if (successful > 0) {
-        toast.success(`${successful} file(s) deleted successfully`);
+        toast.success(t('fileManagement.toasts.bulkDeleteSuccess', {
+          count: successful
+        }));
       }
       if (failed > 0) {
-        toast.error(`${failed} file(s) failed to delete`);
+        toast.error(t('fileManagement.toasts.bulkDeleteFailed', {
+          count: failed
+        }));
       }
       setSelectedIds(new Set());
       setTimeout(() => loadFiles('silent'), 800);
     } catch (error) {
-      toast.error(error.message || 'Failed to delete files');
+      toast.error(getErrorMessage(error) || t('fileManagement.toasts.bulkDeleteError'));
     }
   }, [selectedIds, files, oxyServices, loadFiles]);
   const handleBulkVisibilityChange = useCallback(async visibility => {
@@ -940,7 +974,10 @@ const FileManagementScreen = ({
       const successful = results.filter(r => r.status === 'fulfilled' && r.value.success).length;
       const failed = results.length - successful;
       if (successful > 0) {
-        toast.success(`${successful} file(s) visibility updated to ${visibility}`);
+        toast.success(t('fileManagement.toasts.visibilitySuccess', {
+          count: successful,
+          visibility
+        }));
         // Update file metadata in store
         Array.from(selectedIds).forEach(fileId => {
           useFileStore.getState().updateFile(fileId, {
@@ -952,11 +989,13 @@ const FileManagementScreen = ({
         });
       }
       if (failed > 0) {
-        toast.error(`${failed} file(s) failed to update visibility`);
+        toast.error(t('fileManagement.toasts.visibilityFailed', {
+          count: failed
+        }));
       }
       setTimeout(() => loadFiles('silent'), 800);
     } catch (error) {
-      toast.error(error.message || 'Failed to update visibility');
+      toast.error(getErrorMessage(error) || t('fileManagement.toasts.visibilityError'));
     }
   }, [selectedIds, oxyServices, files, loadFiles]);
 
@@ -978,7 +1017,7 @@ const FileManagementScreen = ({
           document.body.appendChild(link);
           link.click();
           document.body.removeChild(link);
-          toast.success('File download started');
+          toast.success(t('fileManagement.toasts.downloadStarted'));
         } catch (linkError) {
           // Fallback to authenticated download
           const blob = await oxyServices.getFileContentAsBlob(fileId);
@@ -992,16 +1031,16 @@ const FileManagementScreen = ({
 
           // Clean up the blob URL
           URL.revokeObjectURL(url);
-          toast.success('File downloaded successfully');
+          toast.success(t('fileManagement.toasts.downloadSuccess'));
         }
       } else {
         // For mobile, open the URL (user can save from browser)
         // Note: This is a simplified approach - for full mobile support,
         // consider using expo-file-system or react-native-fs
-        toast.info('Please use your browser to download the file');
+        toast.info(t('fileManagement.toasts.downloadMobile'));
       }
     } catch (error) {
-      toast.error(error.message || 'Failed to download file');
+      toast.error(getErrorMessage(error) || t('fileManagement.toasts.downloadFailed'));
     }
   };
   const handleFileOpen = async file => {
@@ -1026,10 +1065,10 @@ const FileManagementScreen = ({
             setFileContent(content);
           }
         } catch (error) {
-          if (error.message?.includes('404') || error.message?.includes('not found')) {
-            toast.error('File not found. It may have been deleted.');
+          if (getErrorMessage(error)?.includes('404') || getErrorMessage(error)?.includes('not found')) {
+            toast.error(t('fileManagement.toasts.fileNotFoundContent'));
           } else {
-            toast.error('Failed to load file content');
+            toast.error(t('fileManagement.toasts.loadContentFailed'));
           }
           setFileContent(null);
         }
@@ -1038,7 +1077,7 @@ const FileManagementScreen = ({
         setFileContent(null);
       }
     } catch (error) {
-      toast.error(error.message || 'Failed to open file');
+      toast.error(getErrorMessage(error) || t('fileManagement.toasts.openFailed'));
     } finally {
       setLoadingFileContent(false);
     }
@@ -1313,6 +1352,7 @@ const FileManagementScreen = ({
   };
 
   // GroupedSection-based file items (for 'all' view) replacing legacy flat list look
+  // biome-ignore lint/suspicious/noExplicitAny: GroupedSection items have dynamic props
   const groupedFileItems = useMemo(() => {
     // filteredFiles is already sorted, so just use it directly
     const sortedFiles = filteredFiles;
@@ -1492,6 +1532,7 @@ const FileManagementScreen = ({
           numberOfLines: 2,
           children: file.metadata.description
         }) : undefined
+        // biome-ignore lint/suspicious/noExplicitAny: GroupedSectionItem has dynamic properties
       };
     });
   }, [filteredFiles, theme, themeStyles, deleting, handleFileDownload, handleFileDelete, handleFileOpen, getSafeDownloadUrlCallback, selectMode, selectedIds]);
@@ -1628,12 +1669,12 @@ const FileManagementScreen = ({
           style: [fileManagementStyles.emptyStateTitle, {
             color: themeStyles.textColor
           }],
-          children: "No Photos Yet"
+          children: t('fileManagement.emptyPhotos.title')
         }), /*#__PURE__*/_jsxs(Text, {
           style: [fileManagementStyles.emptyStateDescription, {
             color: themeStyles.isDarkTheme ? '#BBBBBB' : '#666666'
           }],
-          children: [" ", user?.id === targetUserId ? "Upload photos to get started. You can select multiple photos at once." : "This user hasn't uploaded any photos yet", " "]
+          children: [" ", user?.id === targetUserId ? t('fileManagement.emptyPhotos.ownDescription') : t('fileManagement.emptyPhotos.otherDescription'), " "]
         }), user?.id === targetUserId && /*#__PURE__*/_jsx(TouchableOpacity, {
           style: [fileManagementStyles.emptyStateButton, {
             backgroundColor: themeStyles.primaryColor
@@ -1653,7 +1694,7 @@ const FileManagementScreen = ({
               color: "#FFFFFF"
             }), /*#__PURE__*/_jsx(Text, {
               style: fileManagementStyles.emptyStateButtonText,
-              children: "Upload Photos"
+              children: t('fileManagement.uploadPhotos')
             })]
           })
         })]
@@ -1692,7 +1733,7 @@ const FileManagementScreen = ({
           style: [fileManagementStyles.dimensionsLoadingText, {
             color: themeStyles.isDarkTheme ? '#BBBBBB' : '#666666'
           }],
-          children: "Loading photo layout..."
+          children: t('fileManagement.loadingPhotoLayout')
         })]
       }), /*#__PURE__*/_jsx(JustifiedPhotoGrid, {
         photos: photos,
@@ -1719,12 +1760,12 @@ const FileManagementScreen = ({
       style: [fileManagementStyles.emptyStateTitle, {
         color: themeStyles.textColor
       }],
-      children: "No Files Yet"
+      children: t('fileManagement.emptyFiles.title')
     }), /*#__PURE__*/_jsx(Text, {
       style: [fileManagementStyles.emptyStateDescription, {
         color: themeStyles.isDarkTheme ? '#BBBBBB' : '#666666'
       }],
-      children: user?.id === targetUserId ? "Upload files to get started. You can select multiple files at once." : "This user hasn't uploaded any files yet"
+      children: user?.id === targetUserId ? t('fileManagement.emptyFiles.ownDescription') : t('fileManagement.emptyFiles.otherDescription')
     }), user?.id === targetUserId && /*#__PURE__*/_jsx(TouchableOpacity, {
       style: [fileManagementStyles.emptyStateButton, {
         backgroundColor: themeStyles.primaryColor
@@ -1744,7 +1785,7 @@ const FileManagementScreen = ({
           color: "#FFFFFF"
         }), /*#__PURE__*/_jsx(Text, {
           style: fileManagementStyles.emptyStateButtonText,
-          children: "Upload Files"
+          children: t('fileManagement.uploadFiles')
         })]
       })
     })]
@@ -1990,8 +2031,10 @@ const FileManagementScreen = ({
     return /*#__PURE__*/_jsxs(View, {
       style: fileManagementStyles.container,
       children: [/*#__PURE__*/_jsx(Header, {
-        title: "Review Files",
-        subtitle: `${pendingFiles.length} file${pendingFiles.length !== 1 ? 's' : ''} ready to upload`,
+        title: t('fileManagement.reviewFiles'),
+        subtitle: t('fileManagement.readyToUpload', {
+          count: pendingFiles.length
+        }),
         onBack: handleCancelUpload,
         showBackButton: true,
         variant: "minimal",
@@ -2011,43 +2054,58 @@ const FileManagementScreen = ({
   return /*#__PURE__*/_jsxs(View, {
     style: fileManagementStyles.container,
     children: [/*#__PURE__*/_jsx(Header, {
-      title: selectMode ? multiSelect ? `${selectedIds.size}${maxSelection ? `/${maxSelection}` : ''} Selected` : 'Select a File' : viewMode === 'photos' ? 'Photos' : 'File Management',
-      subtitle: selectMode ? multiSelect ? `${filteredFiles.length} available` : 'Tap to select' : `${filteredFiles.length} ${filteredFiles.length === 1 ? 'item' : 'items'}`,
+      title: selectMode ? multiSelect ? maxSelection ? t('fileManagement.selectedWithMax', {
+        count: selectedIds.size,
+        max: maxSelection
+      }) : t('fileManagement.selected', {
+        count: selectedIds.size
+      }) : t('fileManagement.selectFile') : viewMode === 'photos' ? t('fileManagement.photos') : t('fileManagement.title'),
+      subtitle: selectMode ? multiSelect ? t('fileManagement.available', {
+        count: filteredFiles.length
+      }) : t('fileManagement.tapToSelect') : filteredFiles.length === 1 ? t('fileManagement.itemCount', {
+        count: filteredFiles.length
+      }) : t('fileManagement.itemCount_plural', {
+        count: filteredFiles.length
+      }),
       rightActions: selectMode && multiSelect ? [{
         key: 'clear',
-        text: 'Clear',
+        text: t('fileManagement.clear'),
         onPress: () => setSelectedIds(new Set()),
         disabled: selectedIds.size === 0
       }, {
         key: 'confirm',
-        text: 'Confirm',
+        text: t('fileManagement.confirm'),
         onPress: confirmMultiSelection,
         disabled: selectedIds.size === 0
       }] : !selectMode && selectedIds.size > 0 ? [{
         key: 'clear',
-        text: 'Clear',
+        text: t('fileManagement.clear'),
         onPress: () => setSelectedIds(new Set())
       }, {
         key: 'delete',
-        text: `Delete (${selectedIds.size})`,
+        text: t('fileManagement.delete', {
+          count: selectedIds.size
+        }),
         onPress: handleBulkDelete,
         icon: 'delete'
       }, {
         key: 'visibility',
-        text: 'Visibility',
+        text: t('fileManagement.visibility'),
         onPress: () => {
           // Show visibility options menu
-          Alert.alert('Change Visibility', `Change visibility for ${selectedIds.size} file(s)?`, [{
-            text: 'Cancel',
+          Alert.alert(t('fileManagement.changeVisibility'), t('fileManagement.changeVisibilityConfirm', {
+            count: selectedIds.size
+          }), [{
+            text: t('common.cancel'),
             style: 'cancel'
           }, {
-            text: 'Private',
+            text: t('fileManagement.private'),
             onPress: () => handleBulkVisibilityChange('private')
           }, {
-            text: 'Public',
+            text: t('fileManagement.public'),
             onPress: () => handleBulkVisibilityChange('public')
           }, {
-            text: 'Unlisted',
+            text: t('fileManagement.unlisted'),
             onPress: () => handleBulkVisibilityChange('unlisted')
           }]);
         },
@@ -2165,7 +2223,7 @@ const FileManagementScreen = ({
         style: [fileManagementStyles.searchInput, {
           color: themeStyles.textColor
         }],
-        placeholder: viewMode === 'photos' ? 'Search photos...' : 'Search files...',
+        placeholder: viewMode === 'photos' ? t('fileManagement.searchPhotos') : t('fileManagement.searchFiles'),
         placeholderTextColor: themeStyles.colors.secondaryText,
         value: searchQuery,
         onChangeText: setSearchQuery
@@ -2193,7 +2251,7 @@ const FileManagementScreen = ({
           style: [fileManagementStyles.statLabel, {
             color: themeStyles.colors.secondaryText
           }],
-          children: searchQuery.length > 0 ? 'Found' : filteredFiles.length === 1 ? viewMode === 'photos' ? 'Photo' : 'File' : viewMode === 'photos' ? 'Photos' : 'Files'
+          children: searchQuery.length > 0 ? t('fileManagement.found') : filteredFiles.length === 1 ? viewMode === 'photos' ? t('fileManagement.photo') : t('fileManagement.file') : viewMode === 'photos' ? t('fileManagement.photos_stat') : t('fileManagement.files')
         })]
       }), /*#__PURE__*/_jsxs(View, {
         style: fileManagementStyles.statItem,
@@ -2206,7 +2264,7 @@ const FileManagementScreen = ({
           style: [fileManagementStyles.statLabel, {
             color: themeStyles.colors.secondaryText
           }],
-          children: searchQuery.length > 0 ? 'Size' : 'Total Size'
+          children: searchQuery.length > 0 ? t('fileManagement.size') : t('fileManagement.totalSize')
         })]
       }), searchQuery.length > 0 && /*#__PURE__*/_jsxs(View, {
         style: fileManagementStyles.statItem,
@@ -2219,7 +2277,7 @@ const FileManagementScreen = ({
           style: [fileManagementStyles.statLabel, {
             color: themeStyles.colors.secondaryText
           }],
-          children: "Total"
+          children: t('fileManagement.total')
         })]
       })]
     }), viewMode === 'photos' ? renderPhotoGrid() : /*#__PURE__*/_jsx(ScrollView, {
@@ -2255,12 +2313,14 @@ const FileManagementScreen = ({
           style: [fileManagementStyles.emptyStateTitle, {
             color: themeStyles.textColor
           }],
-          children: "No Results Found"
-        }), /*#__PURE__*/_jsxs(Text, {
+          children: t('fileManagement.noResults.title')
+        }), /*#__PURE__*/_jsx(Text, {
           style: [fileManagementStyles.emptyStateDescription, {
             color: themeStyles.isDarkTheme ? '#BBBBBB' : '#666666'
           }],
-          children: ["No files match your search for \"", searchQuery, "\""]
+          children: t('fileManagement.noResults.description', {
+            query: searchQuery
+          })
         }), /*#__PURE__*/_jsxs(TouchableOpacity, {
           style: [fileManagementStyles.emptyStateButton, {
             backgroundColor: themeStyles.primaryColor
@@ -2272,7 +2332,7 @@ const FileManagementScreen = ({
             color: "#FFFFFF"
           }), /*#__PURE__*/_jsx(Text, {
             style: fileManagementStyles.emptyStateButtonText,
-            children: "Clear Search"
+            children: t('fileManagement.clearSearch')
           })]
         })]
       }) : filteredFiles.length === 0 ? renderEmptyState() : /*#__PURE__*/_jsxs(_Fragment, {
@@ -2287,7 +2347,7 @@ const FileManagementScreen = ({
             style: [fileManagementStyles.loadingMoreText, {
               color: themeStyles.textColor
             }],
-            children: "Loading more..."
+            children: t('fileManagement.loadingMore')
           })]
         })]
       })
@@ -2318,7 +2378,7 @@ const FileManagementScreen = ({
             style: [fileManagementStyles.uploadBannerText, {
               color: themeStyles.textColor
             }],
-            children: ["Uploading", uploadProgress ? ` ${uploadProgress.current}/${uploadProgress.total}` : '...']
+            children: [t('fileManagement.uploading'), uploadProgress ? ` ${uploadProgress.current}/${uploadProgress.total}` : '...']
           }), uploadProgress && uploadProgress.total > 0 && /*#__PURE__*/_jsx(View, {
             style: [fileManagementStyles.uploadProgressBarContainer, {
               backgroundColor: themeStyles.isDarkTheme ? 'rgba(255,255,255,0.1)' : 'rgba(0,0,0,0.1)'