@oxyhq/services 6.9.33 → 6.9.34

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

@@ -13,9 +13,7 @@ var _fileStore = require("../stores/fileStore.js");
 var _Header = _interopRequireDefault(require("../components/Header.js"));
 var _JustifiedPhotoGrid = _interopRequireDefault(require("../components/photogrid/JustifiedPhotoGrid.js"));
 var _index = require("../components/index.js");
-var _useThemeStyles = require("../hooks/useThemeStyles.js");
-var _useColorScheme = require("../hooks/useColorScheme.js");
-var _themeUtils = require("../utils/themeUtils.js");
+var _theme = require("@oxyhq/bloom/theme");
 var _OxyContext = require("../context/OxyContext.js");
 var _useI18n = require("../hooks/useI18n.js");
 var _useAccountMutations = require("../hooks/mutations/useAccountMutations.js");
@@ -305,20 +303,13 @@ const FileManagementScreen = ({
   const getSafeDownloadUrlCallback = (0, _react.useCallback)((file, variant = 'thumb') => {
     return (0, _fileManagement.getSafeDownloadUrl)(file, variant, (fileId, variant) => oxyServices.getFileDownloadUrl(fileId, variant));
   }, [oxyServices]);
-
-  // Use centralized theme styles hook for consistency
-  const colorScheme = (0, _useColorScheme.useColorScheme)();
-  const normalizedTheme = (0, _themeUtils.normalizeTheme)(theme);
-  const baseThemeStyles = (0, _useThemeStyles.useThemeStyles)(normalizedTheme, colorScheme);
+  const bloomTheme = (0, _theme.useTheme)();
+  const {
+    colors
+  } = bloomTheme;
   // FileManagementScreen uses a slightly different light background
-  const themeStyles = (0, _react.useMemo)(() => ({
-    ...baseThemeStyles,
-    backgroundColor: baseThemeStyles.isDarkTheme ? baseThemeStyles.backgroundColor : '#f2f2f2'
-  }), [baseThemeStyles]);
-
-  // Extract commonly used theme variables
-  const backgroundColor = themeStyles.backgroundColor;
-  const borderColor = themeStyles.borderColor;
+  const backgroundColor = bloomTheme.isDark ? colors.background : '#f2f2f2';
+  const borderColor = colors.border;
   const targetUserId = userId || user?.id;
   const storeSetUploading = (0, _fileStore.useFileStore)(s => s.setUploading);
   const storeSetUploadProgress = (0, _fileStore.useFileStore)(s => s.setUploadProgress);
@@ -1119,7 +1110,7 @@ const FileManagementScreen = ({
         marginRight: (index + 1) % itemsPerRow === 0 ? 0 : 4,
         ...(selectMode && selectedIds.has(photo.id) ? {
           borderWidth: 2,
-          borderColor: themeStyles.primaryColor
+          borderColor: colors.primary
         } : {})
       }],
       onPress: () => handleFileOpen(photo),
@@ -1143,12 +1134,12 @@ const FileManagementScreen = ({
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
             name: selectedIds.has(photo.id) ? 'checkmark-circle' : 'ellipse-outline',
             size: 20,
-            color: selectedIds.has(photo.id) ? themeStyles.primaryColor : themeStyles.textColor
+            color: selectedIds.has(photo.id) ? colors.primary : colors.text
           })
         })]
       })
     }, photo.id);
-  }, [oxyServices, safeContainerWidth, selectMode, selectedIds, themeStyles.primaryColor, themeStyles.textColor]);
+  }, [oxyServices, safeContainerWidth, selectMode, selectedIds, colors.primary, colors.text]);
   const renderJustifiedPhotoItem = (0, _react.useCallback)((photo, width, height, isLast) => {
     const downloadUrl = getSafeDownloadUrlCallback(photo, 'thumb');
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
@@ -1157,7 +1148,7 @@ const FileManagementScreen = ({
         height,
         ...(selectMode && selectedIds.has(photo.id) ? {
           borderWidth: 2,
-          borderColor: themeStyles.primaryColor
+          borderColor: colors.primary
         } : {}),
         ...(selectMode && multiSelect && selectedIds.size > 0 && !selectedIds.has(photo.id) ? {
           opacity: 0.4
@@ -1184,12 +1175,12 @@ const FileManagementScreen = ({
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
             name: selectedIds.has(photo.id) ? 'checkmark-circle' : 'ellipse-outline',
             size: 20,
-            color: selectedIds.has(photo.id) ? themeStyles.primaryColor : themeStyles.textColor
+            color: selectedIds.has(photo.id) ? colors.primary : colors.text
           })
         })]
       })
     }, photo.id);
-  }, [oxyServices, selectMode, selectedIds, multiSelect, themeStyles.primaryColor, themeStyles.textColor]);
+  }, [oxyServices, selectMode, selectedIds, multiSelect, colors.primary, colors.text]);
 
   // Run initial load once per targetUserId change to avoid accidental loops
   const lastLoadedFor = (0, _react.useRef)(undefined);
@@ -1207,13 +1198,13 @@ const FileManagementScreen = ({
     const isVideo = file.contentType.startsWith('video/');
     const isAudio = file.contentType.startsWith('audio/');
     const hasPreview = isImage || isPDF || isVideo;
-    const borderColor = themeStyles.borderColor;
+    const borderColor = colors.border;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
       style: [_styles.fileManagementStyles.fileItem, {
-        backgroundColor: themeStyles.secondaryBackgroundColor,
+        backgroundColor: colors.backgroundSecondary,
         borderColor
       }, selectMode && selectedIds.has(file.id) && {
-        borderColor: themeStyles.primaryColor,
+        borderColor: colors.primary,
         borderWidth: 2
       }],
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
@@ -1240,10 +1231,10 @@ const FileManagementScreen = ({
               children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
                 name: "document",
                 size: 32,
-                color: themeStyles.primaryColor
+                color: colors.primary
               }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
                 style: [_styles.fileManagementStyles.pdfLabel, {
-                  color: themeStyles.primaryColor
+                  color: colors.primary
                 }],
                 children: "PDF"
               })]
@@ -1276,14 +1267,14 @@ const FileManagementScreen = ({
               children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
                 name: (0, _fileManagement.getFileIcon)(file.contentType),
                 size: 32,
-                color: themeStyles.primaryColor
+                color: colors.primary
               })
             }), selectMode && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
               style: _styles.fileManagementStyles.selectionBadge,
               children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
                 name: selectedIds.has(file.id) ? 'checkmark-circle' : 'ellipse-outline',
                 size: 22,
-                color: selectedIds.has(file.id) ? themeStyles.primaryColor : themeStyles.textColor
+                color: selectedIds.has(file.id) ? colors.primary : colors.text
               })
             })]
           }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
@@ -1291,25 +1282,25 @@ const FileManagementScreen = ({
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
               name: (0, _fileManagement.getFileIcon)(file.contentType),
               size: 32,
-              color: themeStyles.primaryColor
+              color: colors.primary
             })
           })
         }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
           style: _styles.fileManagementStyles.fileInfo,
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
             style: [_styles.fileManagementStyles.fileName, {
-              color: themeStyles.textColor
+              color: colors.text
             }],
             numberOfLines: 1,
             children: file.filename
           }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
             style: [_styles.fileManagementStyles.fileDetails, {
-              color: themeStyles.isDarkTheme ? '#BBBBBB' : '#666666'
+              color: bloomTheme.isDark ? '#BBBBBB' : '#666666'
             }],
             children: [(0, _fileManagement.formatFileSize)(file.length), " \u2022 ", new Date(file.uploadDate).toLocaleDateString()]
           }), file.metadata?.description && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
             style: [_styles.fileManagementStyles.fileDescription, {
-              color: themeStyles.isDarkTheme ? '#AAAAAA' : '#888888'
+              color: bloomTheme.isDark ? '#AAAAAA' : '#888888'
             }],
             numberOfLines: 2,
             children: file.metadata.description
@@ -1319,27 +1310,27 @@ const FileManagementScreen = ({
         style: _styles.fileManagementStyles.fileActions,
         children: [hasPreview && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
           style: [_styles.fileManagementStyles.actionButton, {
-            backgroundColor: themeStyles.isDarkTheme ? '#333333' : '#F0F0F0'
+            backgroundColor: bloomTheme.isDark ? '#333333' : '#F0F0F0'
           }],
           onPress: () => handleFileOpen(file),
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
             name: "eye",
             size: 20,
-            color: themeStyles.primaryColor
+            color: colors.primary
           })
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
           style: [_styles.fileManagementStyles.actionButton, {
-            backgroundColor: themeStyles.isDarkTheme ? '#333333' : '#F0F0F0'
+            backgroundColor: bloomTheme.isDark ? '#333333' : '#F0F0F0'
           }],
           onPress: () => handleFileDownload(file.id, file.filename),
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
             name: "download",
             size: 20,
-            color: themeStyles.primaryColor
+            color: colors.primary
           })
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
           style: [_styles.fileManagementStyles.actionButton, {
-            backgroundColor: themeStyles.isDarkTheme ? '#400000' : '#FFEBEE'
+            backgroundColor: bloomTheme.isDark ? '#400000' : '#FFEBEE'
           }],
           onPress: () => {
             handleFileDelete(file.id, file.filename);
@@ -1347,11 +1338,11 @@ const FileManagementScreen = ({
           disabled: deleting === file.id,
           children: deleting === file.id ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
             size: "small",
-            color: themeStyles.dangerColor
+            color: colors.error
           }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
             name: "trash",
             size: 20,
-            color: themeStyles.dangerColor
+            color: colors.error
           })
         })]
       })]
@@ -1459,7 +1450,7 @@ const FileManagementScreen = ({
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
               name: "document",
               size: 20,
-              color: themeStyles.primaryColor
+              color: colors.primary
             })
           });
         }
@@ -1468,7 +1459,7 @@ const FileManagementScreen = ({
         id: file.id,
         customIcon: customIcon,
         icon: !hasPreview ? (0, _fileManagement.getFileIcon)(file.contentType) : undefined,
-        iconColor: themeStyles.primaryColor,
+        iconColor: colors.primary,
         title: file.filename,
         subtitle: `${(0, _fileManagement.formatFileSize)(file.length)} • ${new Date(file.uploadDate).toLocaleDateString()}`,
         theme: theme,
@@ -1498,50 +1489,50 @@ const FileManagementScreen = ({
           style: _styles.fileManagementStyles.groupedActions,
           children: [(isImage || isVideo || file.contentType.includes('pdf')) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
             style: [_styles.fileManagementStyles.groupedActionBtn, {
-              backgroundColor: themeStyles.isDarkTheme ? '#333333' : '#F0F0F0'
+              backgroundColor: bloomTheme.isDark ? '#333333' : '#F0F0F0'
             }],
             onPress: () => handleFileOpen(file),
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
               name: "eye",
               size: 18,
-              color: themeStyles.primaryColor
+              color: colors.primary
             })
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
             style: [_styles.fileManagementStyles.groupedActionBtn, {
-              backgroundColor: themeStyles.isDarkTheme ? '#333333' : '#F0F0F0'
+              backgroundColor: bloomTheme.isDark ? '#333333' : '#F0F0F0'
             }],
             onPress: () => handleFileDownload(file.id, file.filename),
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
               name: "download",
               size: 18,
-              color: themeStyles.primaryColor
+              color: colors.primary
             })
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
             style: [_styles.fileManagementStyles.groupedActionBtn, {
-              backgroundColor: themeStyles.isDarkTheme ? '#400000' : '#FFEBEE'
+              backgroundColor: bloomTheme.isDark ? '#400000' : '#FFEBEE'
             }],
             onPress: () => handleFileDelete(file.id, file.filename),
             disabled: deleting === file.id,
             children: deleting === file.id ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
               size: "small",
-              color: themeStyles.dangerColor
+              color: colors.error
             }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
               name: "trash",
               size: 18,
-              color: themeStyles.dangerColor
+              color: colors.error
             })
           })]
         }) : undefined,
         customContentBelow: file.metadata?.description ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
           style: [_styles.fileManagementStyles.groupedDescription, {
-            color: themeStyles.isDarkTheme ? '#AAAAAA' : '#666666'
+            color: bloomTheme.isDark ? '#AAAAAA' : '#666666'
           }],
           numberOfLines: 2,
           children: file.metadata.description
         }) : undefined
       };
     });
-  }, [filteredFiles, theme, themeStyles, deleting, handleFileDownload, handleFileDelete, handleFileOpen, getSafeDownloadUrlCallback, selectMode, selectedIds]);
+  }, [filteredFiles, theme, deleting, handleFileDownload, handleFileDelete, handleFileOpen, getSafeDownloadUrlCallback, selectMode, selectedIds]);
 
   // Scroll to selected file after selection
   (0, _react.useEffect)(() => {
@@ -1670,20 +1661,20 @@ const FileManagementScreen = ({
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
           name: "images-outline",
           size: 64,
-          color: themeStyles.isDarkTheme ? '#666666' : '#CCCCCC'
+          color: bloomTheme.isDark ? '#666666' : '#CCCCCC'
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
           style: [_styles.fileManagementStyles.emptyStateTitle, {
-            color: themeStyles.textColor
+            color: colors.text
           }],
           children: t('fileManagement.emptyPhotos.title')
         }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
           style: [_styles.fileManagementStyles.emptyStateDescription, {
-            color: themeStyles.isDarkTheme ? '#BBBBBB' : '#666666'
+            color: bloomTheme.isDark ? '#BBBBBB' : '#666666'
           }],
           children: [" ", user?.id === targetUserId ? t('fileManagement.emptyPhotos.ownDescription') : t('fileManagement.emptyPhotos.otherDescription'), " "]
         }), user?.id === targetUserId && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
           style: [_styles.fileManagementStyles.emptyStateButton, {
-            backgroundColor: themeStyles.primaryColor
+            backgroundColor: colors.primary
           }],
           onPress: handleFileUpload,
           disabled: uploading || isPickingDocument,
@@ -1713,7 +1704,7 @@ const FileManagementScreen = ({
       refreshControl: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.RefreshControl, {
         refreshing: refreshing,
         onRefresh: () => loadFiles('refresh'),
-        tintColor: themeStyles.primaryColor
+        tintColor: colors.primary
       }),
       showsVerticalScrollIndicator: false,
       onScroll: ({
@@ -1734,10 +1725,10 @@ const FileManagementScreen = ({
         style: _styles.fileManagementStyles.dimensionsLoadingIndicator,
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
           size: "small",
-          color: themeStyles.primaryColor
+          color: colors.primary
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
           style: [_styles.fileManagementStyles.dimensionsLoadingText, {
-            color: themeStyles.isDarkTheme ? '#BBBBBB' : '#666666'
+            color: bloomTheme.isDark ? '#BBBBBB' : '#666666'
           }],
           children: t('fileManagement.loadingPhotoLayout')
         })]
@@ -1748,11 +1739,11 @@ const FileManagementScreen = ({
         createJustifiedRows: createJustifiedRows,
         renderJustifiedPhotoItem: renderJustifiedPhotoItem,
         renderSimplePhotoItem: renderPhotoItem,
-        textColor: themeStyles.textColor,
+        textColor: colors.text,
         containerWidth: safeContainerWidth
       })]
     });
-  }, [filteredFiles, themeStyles, user?.id, targetUserId, uploading, handleFileUpload, refreshing, loadFiles, loadingDimensions, photoDimensions, loadPhotoDimensions, createJustifiedRows, renderJustifiedPhotoItem, renderPhotoItem, safeContainerWidth]);
+  }, [filteredFiles, colors, user?.id, targetUserId, uploading, handleFileUpload, refreshing, loadFiles, loadingDimensions, photoDimensions, loadPhotoDimensions, createJustifiedRows, renderJustifiedPhotoItem, renderPhotoItem, safeContainerWidth]);
 
   // Inline justified grid removed (moved to components/photogrid/JustifiedPhotoGrid.tsx)
 
@@ -1761,20 +1752,20 @@ const FileManagementScreen = ({
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
       name: "folder-open-outline",
       size: 64,
-      color: themeStyles.isDarkTheme ? '#666666' : '#CCCCCC'
+      color: bloomTheme.isDark ? '#666666' : '#CCCCCC'
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
       style: [_styles.fileManagementStyles.emptyStateTitle, {
-        color: themeStyles.textColor
+        color: colors.text
       }],
       children: t('fileManagement.emptyFiles.title')
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
       style: [_styles.fileManagementStyles.emptyStateDescription, {
-        color: themeStyles.isDarkTheme ? '#BBBBBB' : '#666666'
+        color: bloomTheme.isDark ? '#BBBBBB' : '#666666'
       }],
       children: user?.id === targetUserId ? t('fileManagement.emptyFiles.ownDescription') : t('fileManagement.emptyFiles.otherDescription')
     }), user?.id === targetUserId && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
       style: [_styles.fileManagementStyles.emptyStateButton, {
-        backgroundColor: themeStyles.primaryColor
+        backgroundColor: colors.primary
       }],
       onPress: handleFileUpload,
       disabled: uploading || isPickingDocument,
@@ -1833,7 +1824,7 @@ const FileManagementScreen = ({
           width,
           height,
           borderRadius,
-          backgroundColor: themeStyles.isDarkTheme ? '#1E1E1E' : '#F5F5F5',
+          backgroundColor: bloomTheme.isDark ? '#1E1E1E' : '#F5F5F5',
           overflow: 'hidden',
           position: 'relative'
         }, style],
@@ -1844,7 +1835,7 @@ const FileManagementScreen = ({
             left: 0,
             right: 0,
             bottom: 0,
-            backgroundColor: themeStyles.isDarkTheme ? '#1E1E1E' : '#F5F5F5'
+            backgroundColor: bloomTheme.isDark ? '#1E1E1E' : '#F5F5F5'
           }
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
           style: {
@@ -1861,8 +1852,8 @@ const FileManagementScreen = ({
             style: {
               width: skeletonContainerWidth,
               height: '100%',
-              backgroundColor: themeStyles.isDarkTheme ? 'rgba(255, 255, 255, 0.08)' : 'rgba(255, 255, 255, 0.8)',
-              shadowColor: themeStyles.isDarkTheme ? '#000' : '#FFF',
+              backgroundColor: bloomTheme.isDark ? 'rgba(255, 255, 255, 0.08)' : 'rgba(255, 255, 255, 0.8)',
+              shadowColor: bloomTheme.isDark ? '#000' : '#FFF',
               shadowOffset: {
                 width: 0,
                 height: 0
@@ -1884,9 +1875,9 @@ const FileManagementScreen = ({
         alignItems: 'center',
         paddingHorizontal: 16,
         paddingVertical: 12,
-        backgroundColor: themeStyles.isDarkTheme ? '#121212' : '#FFFFFF',
+        backgroundColor: bloomTheme.isDark ? '#121212' : '#FFFFFF',
         borderBottomWidth: _reactNative.StyleSheet.hairlineWidth,
-        borderBottomColor: themeStyles.borderColor
+        borderBottomColor: colors.border
       }],
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(SkeletonBox, {
         width: 44,
@@ -1919,7 +1910,7 @@ const FileManagementScreen = ({
       }],
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
         style: [_styles.fileManagementStyles.header, {
-          borderBottomColor: themeStyles.borderColor,
+          borderBottomColor: colors.border,
           borderBottomWidth: _reactNative.StyleSheet.hairlineWidth
         }],
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(SkeletonBox, {
@@ -1958,7 +1949,7 @@ const FileManagementScreen = ({
         })]
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
         style: [_styles.fileManagementStyles.searchContainer, {
-          backgroundColor: themeStyles.colors.card
+          backgroundColor: colors.card
         }],
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(SkeletonBox, {
           width: "100%",
@@ -1967,7 +1958,7 @@ const FileManagementScreen = ({
         })
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
         style: [_styles.fileManagementStyles.statsContainer, {
-          backgroundColor: themeStyles.colors.card
+          backgroundColor: colors.card
         }],
         children: [1, 2, 3].map(i => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
           style: _styles.fileManagementStyles.statItem,
@@ -1990,7 +1981,7 @@ const FileManagementScreen = ({
         showsVerticalScrollIndicator: false,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
           style: {
-            backgroundColor: themeStyles.colors.card,
+            backgroundColor: colors.card,
             borderRadius: 18,
             overflow: 'hidden',
             marginTop: 8
@@ -2018,7 +2009,6 @@ const FileManagementScreen = ({
         onClose: handleCloseFile,
         onDownload: handleFileDownload,
         onDelete: handleFileDelete,
-        themeStyles: themeStyles,
         isOwner: user?.id === targetUserId
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_FileDetailsModal.FileDetailsModal, {
         visible: showFileDetails,
@@ -2026,7 +2016,6 @@ const FileManagementScreen = ({
         onClose: () => setShowFileDetails(false),
         onDownload: handleFileDownload,
         onDelete: handleFileDelete,
-        themeStyles: themeStyles,
         isOwner: user?.id === targetUserId
       })]
     });
@@ -2052,7 +2041,6 @@ const FileManagementScreen = ({
         onConfirm: handleConfirmUpload,
         onCancel: handleCancelUpload,
         onRemoveFile: removePendingFile,
-        themeStyles: themeStyles,
         inline: true
       })]
     });
@@ -2130,48 +2118,48 @@ const FileManagementScreen = ({
         style: _styles.fileManagementStyles.viewModeScroll,
         children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
           style: [_styles.fileManagementStyles.viewModeToggle, {
-            backgroundColor: themeStyles.colors.card
+            backgroundColor: colors.card
           }],
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(AnimatedButton, {
             isSelected: viewMode === 'all',
             onPress: () => setViewMode('all'),
             icon: viewMode === 'all' ? 'folder' : 'folder-outline',
-            primaryColor: themeStyles.primaryColor,
-            textColor: themeStyles.textColor,
+            primaryColor: colors.primary,
+            textColor: colors.text,
             style: _styles.fileManagementStyles.viewModeButton
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(AnimatedButton, {
             isSelected: viewMode === 'photos',
             onPress: () => setViewMode('photos'),
             icon: viewMode === 'photos' ? 'image-multiple' : 'image-multiple-outline',
-            primaryColor: themeStyles.primaryColor,
-            textColor: themeStyles.textColor,
+            primaryColor: colors.primary,
+            textColor: colors.text,
             style: _styles.fileManagementStyles.viewModeButton
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(AnimatedButton, {
             isSelected: viewMode === 'videos',
             onPress: () => setViewMode('videos'),
             icon: viewMode === 'videos' ? 'video' : 'video-outline',
-            primaryColor: themeStyles.primaryColor,
-            textColor: themeStyles.textColor,
+            primaryColor: colors.primary,
+            textColor: colors.text,
             style: _styles.fileManagementStyles.viewModeButton
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(AnimatedButton, {
             isSelected: viewMode === 'documents',
             onPress: () => setViewMode('documents'),
             icon: viewMode === 'documents' ? 'file-document' : 'file-document-outline',
-            primaryColor: themeStyles.primaryColor,
-            textColor: themeStyles.textColor,
+            primaryColor: colors.primary,
+            textColor: colors.text,
             style: _styles.fileManagementStyles.viewModeButton
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(AnimatedButton, {
             isSelected: viewMode === 'audio',
             onPress: () => setViewMode('audio'),
             icon: viewMode === 'audio' ? 'music-note' : 'music-note-outline',
-            primaryColor: themeStyles.primaryColor,
-            textColor: themeStyles.textColor,
+            primaryColor: colors.primary,
+            textColor: colors.text,
             style: _styles.fileManagementStyles.viewModeButton
           })]
         })
       }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
         style: [_styles.fileManagementStyles.sortButton, {
-          backgroundColor: themeStyles.colors.card
+          backgroundColor: colors.card
         }],
         onPress: () => {
           // Cycle through sort options: date -> size -> name -> type -> date
@@ -2187,15 +2175,15 @@ const FileManagementScreen = ({
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.MaterialCommunityIcons, {
           name: sortBy === 'date' ? 'calendar' : sortBy === 'size' ? 'sort-numeric-variant' : sortBy === 'name' ? 'sort-alphabetical-variant' : 'file-document-outline',
           size: 16,
-          color: themeStyles.textColor
+          color: colors.text
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.MaterialCommunityIcons, {
           name: sortOrder === 'asc' ? 'arrow-up' : 'arrow-down',
           size: 14,
-          color: themeStyles.colors.secondaryText
+          color: colors.textSecondary
         })]
       }), user?.id === targetUserId && (!selectMode || selectMode && allowUploadInSelectMode) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
         style: [_styles.fileManagementStyles.uploadButton, {
-          backgroundColor: themeStyles.primaryColor
+          backgroundColor: colors.primary
         }],
         onPress: handleFileUpload,
         disabled: uploading || isPickingDocument,
@@ -2219,18 +2207,18 @@ const FileManagementScreen = ({
       })]
     }), files.length > 0 && (viewMode === 'all' || files.some(f => f.contentType.startsWith('image/'))) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
       style: [_styles.fileManagementStyles.searchContainer, {
-        backgroundColor: themeStyles.colors.card
+        backgroundColor: colors.card
       }],
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
         name: "search",
         size: 22,
-        color: themeStyles.colors.icon
+        color: colors.icon
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
         style: [_styles.fileManagementStyles.searchInput, {
-          color: themeStyles.textColor
+          color: colors.text
         }],
         placeholder: viewMode === 'photos' ? t('fileManagement.searchPhotos') : t('fileManagement.searchFiles'),
-        placeholderTextColor: themeStyles.colors.secondaryText,
+        placeholderTextColor: colors.textSecondary,
         value: searchQuery,
         onChangeText: setSearchQuery
       }), searchQuery.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
@@ -2239,23 +2227,23 @@ const FileManagementScreen = ({
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
           name: "close-circle",
           size: 22,
-          color: themeStyles.colors.icon
+          color: colors.icon
         })
       })]
     }), files.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
       style: [_styles.fileManagementStyles.statsContainer, {
-        backgroundColor: themeStyles.colors.card
+        backgroundColor: colors.card
       }],
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
         style: _styles.fileManagementStyles.statItem,
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
           style: [_styles.fileManagementStyles.statValue, {
-            color: themeStyles.textColor
+            color: colors.text
           }],
           children: filteredFiles.length
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
           style: [_styles.fileManagementStyles.statLabel, {
-            color: themeStyles.colors.secondaryText
+            color: colors.textSecondary
           }],
           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')
         })]
@@ -2263,12 +2251,12 @@ const FileManagementScreen = ({
         style: _styles.fileManagementStyles.statItem,
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
           style: [_styles.fileManagementStyles.statValue, {
-            color: themeStyles.textColor
+            color: colors.text
           }],
           children: (0, _fileManagement.formatFileSize)(filteredFiles.reduce((total, file) => total + file.length, 0))
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
           style: [_styles.fileManagementStyles.statLabel, {
-            color: themeStyles.colors.secondaryText
+            color: colors.textSecondary
           }],
           children: searchQuery.length > 0 ? t('fileManagement.size') : t('fileManagement.totalSize')
         })]
@@ -2276,12 +2264,12 @@ const FileManagementScreen = ({
         style: _styles.fileManagementStyles.statItem,
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
           style: [_styles.fileManagementStyles.statValue, {
-            color: themeStyles.textColor
+            color: colors.text
           }],
           children: files.length
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
           style: [_styles.fileManagementStyles.statLabel, {
-            color: themeStyles.colors.secondaryText
+            color: colors.textSecondary
           }],
           children: t('fileManagement.total')
         })]
@@ -2293,7 +2281,7 @@ const FileManagementScreen = ({
       refreshControl: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.RefreshControl, {
         refreshing: refreshing,
         onRefresh: () => loadFiles('refresh'),
-        tintColor: themeStyles.primaryColor
+        tintColor: colors.primary
       }),
       onScroll: ({
         nativeEvent
@@ -2314,22 +2302,22 @@ const FileManagementScreen = ({
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
           name: "search",
           size: 64,
-          color: themeStyles.isDarkTheme ? '#666666' : '#CCCCCC'
+          color: bloomTheme.isDark ? '#666666' : '#CCCCCC'
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
           style: [_styles.fileManagementStyles.emptyStateTitle, {
-            color: themeStyles.textColor
+            color: colors.text
           }],
           children: t('fileManagement.noResults.title')
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
           style: [_styles.fileManagementStyles.emptyStateDescription, {
-            color: themeStyles.isDarkTheme ? '#BBBBBB' : '#666666'
+            color: bloomTheme.isDark ? '#BBBBBB' : '#666666'
           }],
           children: t('fileManagement.noResults.description', {
             query: searchQuery
           })
         }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
           style: [_styles.fileManagementStyles.emptyStateButton, {
-            backgroundColor: themeStyles.primaryColor
+            backgroundColor: colors.primary
           }],
           onPress: () => setSearchQuery(''),
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
@@ -2348,10 +2336,10 @@ const FileManagementScreen = ({
           style: _styles.fileManagementStyles.loadingMoreBar,
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
             size: "small",
-            color: themeStyles.primaryColor
+            color: colors.primary
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
             style: [_styles.fileManagementStyles.loadingMoreText, {
-              color: themeStyles.textColor
+              color: colors.text
             }],
             children: t('fileManagement.loadingMore')
           })]
@@ -2363,7 +2351,6 @@ const FileManagementScreen = ({
       onClose: () => setShowFileDetails(false),
       onDownload: handleFileDownload,
       onDelete: handleFileDelete,
-      themeStyles: themeStyles,
       isOwner: user?.id === targetUserId
     }), !selectMode && uploading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
       style: [_styles.fileManagementStyles.uploadBannerContainer, {
@@ -2371,34 +2358,34 @@ const FileManagementScreen = ({
       }],
       children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
         style: [_styles.fileManagementStyles.uploadBanner, {
-          backgroundColor: themeStyles.isDarkTheme ? '#222831EE' : '#FFFFFFEE',
-          borderColor: themeStyles.borderColor
+          backgroundColor: bloomTheme.isDark ? '#222831EE' : '#FFFFFFEE',
+          borderColor: colors.border
         }],
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
           name: "cloud-upload",
           size: 18,
-          color: themeStyles.primaryColor
+          color: colors.primary
         }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
           style: _styles.fileManagementStyles.uploadBannerContent,
           children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
             style: [_styles.fileManagementStyles.uploadBannerText, {
-              color: themeStyles.textColor
+              color: colors.text
             }],
             children: [t('fileManagement.uploading'), uploadProgress ? ` ${uploadProgress.current}/${uploadProgress.total}` : '...']
           }), uploadProgress && uploadProgress.total > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
             style: [_styles.fileManagementStyles.uploadProgressBarContainer, {
-              backgroundColor: themeStyles.isDarkTheme ? 'rgba(255,255,255,0.1)' : 'rgba(0,0,0,0.1)'
+              backgroundColor: bloomTheme.isDark ? 'rgba(255,255,255,0.1)' : 'rgba(0,0,0,0.1)'
             }],
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
               style: [_styles.fileManagementStyles.uploadProgressBar, {
                 width: `${uploadProgress.current / uploadProgress.total * 100}%`,
-                backgroundColor: themeStyles.primaryColor
+                backgroundColor: colors.primary
               }]
             })
           })]
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
           size: "small",
-          color: themeStyles.primaryColor
+          color: colors.primary
         })]
       })
     })]