@oxyhq/services 22.9.0 → 22.10.0

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

@@ -8,10 +8,12 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _expoImage = require("expo-image");
 var _bloom = require("@oxyhq/bloom");
+var _surfaces = require("@oxyhq/bloom/surfaces");
 var Skeleton = _interopRequireWildcard(require("@oxyhq/bloom/skeleton"));
 var _vectorIcons = require("@expo/vector-icons");
 var _fileStore = require("../stores/fileStore.js");
-var _Header = _interopRequireDefault(require("../components/Header.js"));
+var _useSurfaceHeader = require("../hooks/useSurfaceHeader.js");
+var _SurfaceHeaderAction = require("../components/SurfaceHeaderAction.js");
 var _JustifiedPhotoGrid = _interopRequireDefault(require("../components/photogrid/JustifiedPhotoGrid.js"));
 var _theme = require("@oxyhq/bloom/theme");
 var _OxyContext = require("../context/OxyContext.js");
@@ -22,6 +24,7 @@ var _useResolvedFileUrls = require("../hooks/useResolvedFileUrls.js");
 var _FileViewer = require("../components/fileManagement/FileViewer.js");
 var _FileDetailsModal = require("../components/fileManagement/FileDetailsModal.js");
 var _UploadPreview = require("../components/fileManagement/UploadPreview.js");
+var _ActionSheetSurface = require("../components/surfaces/ActionSheetSurface.js");
 var _shared = require("./fileManagement/shared.js");
 var _useFileUploadState = require("./fileManagement/hooks/useFileUploadState.js");
 var _PhotoPickerSection = _interopRequireDefault(require("./fileManagement/PhotoPickerSection.js"));
@@ -34,6 +37,20 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 // Genuinely-inline-only styles: `viewModeButton` is spread into an Animated.View
 // style array (interpolated backgroundColor), and the photo tiles are
 // `expo-image` (no className remap). Everything else uses NativeWind classNames.
+// Nav-header slot layout for this screen's action row + review-mode back button.
+const fmHeaderStyles = _reactNative.StyleSheet.create({
+  actionsRow: {
+    flexDirection: 'row',
+    gap: 8
+  },
+  backButton: {
+    width: 36,
+    height: 36,
+    borderRadius: 18,
+    alignItems: 'center',
+    justifyContent: 'center'
+  }
+});
 const screenStyles = _reactNative.StyleSheet.create({
   viewModeButton: {
     paddingHorizontal: 10,
@@ -60,6 +77,7 @@ const FileManagementScreen = ({
   theme,
   goBack,
   navigate,
+  dismiss,
   userId,
   containerWidth,
   selectMode = false,
@@ -86,11 +104,6 @@ const FileManagementScreen = ({
     t
   } = (0, _useI18n.useI18n)();
   const uploadFileMutation = (0, _useAccountMutations.useUploadFile)();
-  // Prompt controls
-  const fileDeleteDialog = (0, _bloom.useDialogControl)();
-  const bulkDeleteDialog = (0, _bloom.useDialogControl)();
-  const visibilityChangeDialog = (0, _bloom.useDialogControl)();
-  const [pendingDeleteFile, setPendingDeleteFile] = (0, _react.useState)(null);
   const files = (0, _fileStore.useFiles)();
   const {
     width: windowWidth
@@ -110,8 +123,6 @@ const FileManagementScreen = ({
     hasMore: true,
     loadingMore: false
   });
-  const [selectedFile, setSelectedFile] = (0, _react.useState)(null);
-  const fileDetailsControl = (0, _bloom.useDialogControl)();
   // In selectMode we never open the detailed viewer
   const [openedFile, setOpenedFile] = (0, _react.useState)(null);
   const [fileContent, setFileContent] = (0, _react.useState)(null);
@@ -235,11 +246,19 @@ const FileManagementScreen = ({
       }
     }
     if (!multiSelect) {
-      onSelect?.(file);
-      if (afterSelect === 'back') {
-        goBack?.();
-      } else if (afterSelect === 'close') {
-        onClose?.();
+      if (onSelect) {
+        // Legacy callback caller (inbox, WelcomeNewUser): keep the
+        // callback + afterSelect behaviour unchanged.
+        onSelect(file);
+        if (afterSelect === 'back') {
+          goBack?.();
+        } else if (afterSelect === 'close') {
+          onClose?.();
+        }
+      } else {
+        // Promise-based picker (avatar picker): resolve the surface's
+        // present() promise with the picked file.
+        dismiss?.(file);
       }
       return;
     }
@@ -259,7 +278,7 @@ const FileManagementScreen = ({
       }
       return next;
     });
-  }, [selectMode, multiSelect, onSelect, onClose, goBack, disabledMimeTypes, maxSelection, afterSelect, defaultVisibility, oxyServices, linkContext]);
+  }, [selectMode, multiSelect, onSelect, onClose, goBack, dismiss, disabledMimeTypes, maxSelection, afterSelect, defaultVisibility, oxyServices, linkContext]);
   const confirmMultiSelection = (0, _react.useCallback)(async () => {
     if (!selectMode || !multiSelect) return;
     const map = {};
@@ -292,9 +311,15 @@ const FileManagementScreen = ({
 
     // Wait for all updates (but don't block on failures)
     await Promise.allSettled(updatePromises);
-    onConfirmSelection?.(chosen);
-    onClose?.();
-  }, [selectMode, multiSelect, selectedIds, files, onConfirmSelection, onClose, defaultVisibility, oxyServices, linkContext]);
+    if (onConfirmSelection) {
+      // Legacy callback caller (inbox): keep the callback + close.
+      onConfirmSelection(chosen);
+      onClose?.();
+    } else {
+      // Promise-based picker: resolve the surface with the chosen files.
+      dismiss?.(chosen);
+    }
+  }, [selectMode, multiSelect, selectedIds, files, onConfirmSelection, onClose, dismiss, defaultVisibility, oxyServices, linkContext]);
 
   // Private-safe thumbnail URLs for the currently-shown files, resolved in
   // ONE batch per page (not N per-tile) and cached by React Query. Uploads
@@ -503,18 +528,17 @@ const FileManagementScreen = ({
     }
     return rows;
   }, []);
-  const confirmFileDelete = (0, _react.useCallback)((fileId, filename) => {
-    setPendingDeleteFile({
-      id: fileId,
-      name: filename
+  const confirmFileDelete = (0, _react.useCallback)(async (fileId, filename) => {
+    const confirmed = await _surfaces.surfaces.confirm({
+      title: t('fileManagement.deleteFile') || 'Delete File',
+      message: t('fileManagement.confirms.deleteFile', {
+        filename
+      }),
+      confirmLabel: t('fileManagement.confirm') || 'Delete',
+      cancelLabel: t('common.cancel') || 'Cancel',
+      destructive: true
     });
-    fileDeleteDialog.open();
-  }, [fileDeleteDialog]);
-  const handleFileDelete = (0, _react.useCallback)(async () => {
-    if (!pendingDeleteFile) return;
-    const {
-      id: fileId
-    } = pendingDeleteFile;
+    if (!confirmed) return;
     try {
       storeSetDeleting(fileId);
       await oxyServices.deleteFile(fileId);
@@ -538,15 +562,20 @@ const FileManagementScreen = ({
       }
     } finally {
       storeSetDeleting(null);
-      setPendingDeleteFile(null);
     }
-  }, [pendingDeleteFile, storeSetDeleting, oxyServices, loadFiles, t]);
-  const confirmBulkDelete = (0, _react.useCallback)(() => {
-    if (selectedIds.size === 0) return;
-    bulkDeleteDialog.open();
-  }, [selectedIds.size, bulkDeleteDialog]);
-  const handleBulkDelete = (0, _react.useCallback)(async () => {
+  }, [storeSetDeleting, oxyServices, loadFiles, t]);
+  const confirmBulkDelete = (0, _react.useCallback)(async () => {
     if (selectedIds.size === 0) return;
+    const confirmed = await _surfaces.surfaces.confirm({
+      title: t('fileManagement.deleteFiles') || 'Delete Files',
+      message: t('fileManagement.confirms.deleteFiles', {
+        count: selectedIds.size
+      }),
+      confirmLabel: t('fileManagement.confirm') || 'Delete',
+      cancelLabel: t('common.cancel') || 'Cancel',
+      destructive: true
+    });
+    if (!confirmed) return;
     try {
       const deletePromises = Array.from(selectedIds).map(async fileId => {
         try {
@@ -582,7 +611,7 @@ const FileManagementScreen = ({
     } catch (error) {
       _bloom.toast.error((0, _shared.getErrorMessage)(error) || t('fileManagement.toasts.bulkDeleteError'));
     }
-  }, [selectedIds, files, oxyServices, loadFiles]);
+  }, [selectedIds, oxyServices, loadFiles, t]);
   const handleBulkVisibilityChange = (0, _react.useCallback)(async visibility => {
     if (selectedIds.size === 0) return;
     try {
@@ -628,7 +657,28 @@ const FileManagementScreen = ({
     } catch (error) {
       _bloom.toast.error((0, _shared.getErrorMessage)(error) || t('fileManagement.toasts.visibilityError'));
     }
-  }, [selectedIds, oxyServices, files, loadFiles]);
+  }, [selectedIds, oxyServices, files, loadFiles, t]);
+  const handleVisibilityChange = (0, _react.useCallback)(async () => {
+    if (selectedIds.size === 0) return;
+    const visibility = await (0, _ActionSheetSurface.presentActionSheet)({
+      title: t('fileManagement.changeVisibility') || 'Change Visibility',
+      message: t('fileManagement.changeVisibilityConfirm', {
+        count: selectedIds.size
+      }),
+      options: [{
+        label: t('fileManagement.private') || 'Private',
+        value: 'private'
+      }, {
+        label: t('fileManagement.public') || 'Public',
+        value: 'public'
+      }, {
+        label: t('fileManagement.unlisted') || 'Unlisted',
+        value: 'unlisted'
+      }],
+      cancelLabel: t('common.cancel') || 'Cancel'
+    });
+    if (visibility) await handleBulkVisibilityChange(visibility);
+  }, [selectedIds.size, handleBulkVisibilityChange, t]);
 
   // Unified download function - works on all platforms
   const handleFileDownload = async (fileId, filename) => {
@@ -723,8 +773,12 @@ const FileManagementScreen = ({
     // Don't reset view mode when closing a file
   };
   const showFileDetailsModal = file => {
-    setSelectedFile(file);
-    fileDetailsControl.open();
+    (0, _FileDetailsModal.presentFileDetails)({
+      file,
+      onDownload: handleFileDownload,
+      onDelete: confirmFileDelete,
+      isOwner: user?.id === targetUserId
+    });
   };
   const renderJustifiedPhotoItem = (0, _react.useCallback)((photo, width, height, isLast) => {
     const downloadUrl = thumbSourceFor(photo);
@@ -1172,6 +1226,84 @@ const FileManagementScreen = ({
   // picker's placement-aware container width / columns / tile size and the
   // Dialog-vs-bottom-sheet sizing. Skipping the browse chrome here is what keeps
   // the picker from flashing the wrong (file-manager) skeleton inside the Dialog.
+  // The Dialog owns the nav header; this screen contributes its state-dependent
+  // title/subtitle + action slots. The image-only picker mode is headerless
+  // (PhotoPickerView owns its own bar), so this config is simply ignored there.
+  const fmHeaderRight = (0, _react.useMemo)(() => {
+    const actions = selectMode && multiSelect ? [{
+      key: 'clear',
+      label: t('fileManagement.clear'),
+      onPress: () => setSelectedIds(new Set()),
+      disabled: selectedIds.size === 0
+    }, {
+      key: 'confirm',
+      label: t('fileManagement.confirm'),
+      onPress: confirmMultiSelection,
+      disabled: selectedIds.size === 0
+    }] : !selectMode && selectedIds.size > 0 ? [{
+      key: 'clear',
+      label: t('fileManagement.clear'),
+      onPress: () => setSelectedIds(new Set()),
+      disabled: false
+    }, {
+      key: 'delete',
+      label: t('fileManagement.delete', {
+        count: selectedIds.size
+      }),
+      onPress: confirmBulkDelete,
+      disabled: false
+    }, {
+      key: 'visibility',
+      label: t('fileManagement.visibility'),
+      onPress: handleVisibilityChange,
+      disabled: false
+    }] : [];
+    if (actions.length === 0) return undefined;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: fmHeaderStyles.actionsRow,
+      children: actions.map(a => /*#__PURE__*/(0, _jsxRuntime.jsx)(_SurfaceHeaderAction.SurfaceHeaderAction, {
+        label: a.label,
+        onPress: a.onPress,
+        disabled: a.disabled
+      }, a.key))
+    });
+  }, [selectMode, multiSelect, selectedIds, t, confirmMultiSelection, confirmBulkDelete, handleVisibilityChange]);
+  const fmHeaderBack = (0, _react.useMemo)(() => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+    onPress: handleCancelUpload,
+    accessibilityRole: "button",
+    accessibilityLabel: t('common.back') || 'Back',
+    hitSlop: 8,
+    style: fmHeaderStyles.backButton,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
+      name: "chevron-back",
+      size: 20,
+      color: colors.text
+    })
+  }), [handleCancelUpload, colors.text, t]);
+  (0, _useSurfaceHeader.useSurfaceHeader)(showUploadPreview ? {
+    title: t('fileManagement.reviewFiles'),
+    subtitle: t('fileManagement.readyToUpload', {
+      count: pendingFiles.length
+    }),
+    left: fmHeaderBack,
+    largeTitle: false
+  } : {
+    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
+    }),
+    right: fmHeaderRight,
+    largeTitle: false
+  });
   if (loading && !isImageOnlyPicker) {
     const GRID_PADDING = 10;
     const TILE_GAP = 4;
@@ -1265,141 +1397,75 @@ const FileManagementScreen = ({
     const photosOnly = filteredFiles.filter(file => file.contentType.startsWith('image/'));
     const isOwner = user?.id === targetUserId;
     const allowUpload = isOwner && allowUploadInSelectMode;
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_PhotoPickerSection.default, {
-        photos: photosOnly,
-        selectedIds: selectedIds,
-        multiSelect: multiSelect,
-        maxSelection: maxSelection,
-        allowUpload: allowUpload,
-        refreshing: refreshing,
-        uploading: uploading,
-        isPickingDocument: isPickingDocument,
-        uploadProgress: uploadProgress,
-        hasMore: paging.hasMore,
-        loadingMore: paging.loadingMore,
-        loading: loading,
-        reduceMotion: reduceMotion,
-        getThumbUrl: thumbSourceFor,
-        primaryColor: colors.primary,
-        isOwner: isOwner,
-        onTogglePhoto: toggleSelect,
-        onPreviewPhoto: file => showFileDetailsModal(file),
-        onUpload: handleFileUpload,
-        onRefresh: () => loadFiles('refresh'),
-        onLoadMore: () => loadFiles('more'),
-        onCancel: () => {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_PhotoPickerSection.default, {
+      photos: photosOnly,
+      selectedIds: selectedIds,
+      multiSelect: multiSelect,
+      maxSelection: maxSelection,
+      allowUpload: allowUpload,
+      refreshing: refreshing,
+      uploading: uploading,
+      isPickingDocument: isPickingDocument,
+      uploadProgress: uploadProgress,
+      hasMore: paging.hasMore,
+      loadingMore: paging.loadingMore,
+      loading: loading,
+      reduceMotion: reduceMotion,
+      getThumbUrl: thumbSourceFor,
+      primaryColor: colors.primary,
+      isOwner: isOwner,
+      onTogglePhoto: toggleSelect
+      // Long-press preview surfaces the file-detail panel on the stack.
+      ,
+      onPreviewPhoto: file => showFileDetailsModal(file),
+      onUpload: handleFileUpload,
+      onRefresh: () => loadFiles('refresh'),
+      onLoadMore: () => loadFiles('more'),
+      onCancel: () => {
+        if (onSelect || onConfirmSelection) {
+          // Legacy callback caller: preserve close/back behaviour.
           if (onClose) onClose();else goBack?.();
-        },
-        onConfirm: confirmMultiSelection,
-        t: t
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_FileDetailsModal.FileDetailsModal, {
-        control: fileDetailsControl,
-        file: selectedFile,
-        onDownload: handleFileDownload,
-        onDelete: confirmFileDelete,
-        isOwner: isOwner
-      })]
+        } else {
+          // Promise picker (avatar): dismiss just this surface.
+          dismiss?.();
+        }
+      },
+      onConfirm: confirmMultiSelection,
+      t: t
     });
   }
 
   // If a file is opened, show the file viewer
   if (!selectMode && openedFile) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_FileViewer.FileViewer, {
-        file: openedFile,
-        fileContent: fileContent,
-        loadingFileContent: loadingFileContent,
-        showFileDetailsInViewer: showFileDetailsInViewer,
-        onToggleDetails: () => setShowFileDetailsInViewer(!showFileDetailsInViewer),
-        onClose: handleCloseFile,
-        onDownload: handleFileDownload,
-        onDelete: confirmFileDelete,
-        isOwner: user?.id === targetUserId
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_FileDetailsModal.FileDetailsModal, {
-        control: fileDetailsControl,
-        file: selectedFile,
-        onDownload: handleFileDownload,
-        onDelete: confirmFileDelete,
-        isOwner: user?.id === targetUserId
-      })]
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FileViewer.FileViewer, {
+      file: openedFile,
+      fileContent: fileContent,
+      loadingFileContent: loadingFileContent,
+      showFileDetailsInViewer: showFileDetailsInViewer,
+      onToggleDetails: () => setShowFileDetailsInViewer(!showFileDetailsInViewer),
+      onClose: handleCloseFile,
+      onDownload: handleFileDownload,
+      onDelete: confirmFileDelete,
+      isOwner: user?.id === targetUserId
     });
   }
 
   // If upload preview is showing, render it inline instead of the file list
   if (showUploadPreview) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
       className: "flex-1",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Header.default, {
-        title: t('fileManagement.reviewFiles'),
-        subtitle: t('fileManagement.readyToUpload', {
-          count: pendingFiles.length
-        }),
-        onBack: handleCancelUpload,
-        showBackButton: true,
-        variant: "minimal",
-        elevation: "none",
-        titleAlignment: "left"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_UploadPreview.UploadPreview, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_UploadPreview.UploadPreview, {
         pendingFiles: pendingFiles,
         onConfirm: handleConfirmUpload,
         onCancel: handleCancelUpload,
         onRemoveFile: removePendingFile,
         inline: true
-      })]
+      })
     });
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
     className: "flex-1",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Header.default, {
-      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
-      }),
-      actions: selectMode && multiSelect ? [{
-        key: 'clear',
-        text: t('fileManagement.clear'),
-        onPress: () => setSelectedIds(new Set()),
-        disabled: selectedIds.size === 0
-      }, {
-        key: 'confirm',
-        text: t('fileManagement.confirm'),
-        onPress: confirmMultiSelection,
-        disabled: selectedIds.size === 0
-      }] : !selectMode && selectedIds.size > 0 ? [{
-        key: 'clear',
-        text: t('fileManagement.clear'),
-        onPress: () => setSelectedIds(new Set())
-      }, {
-        key: 'delete',
-        text: t('fileManagement.delete', {
-          count: selectedIds.size
-        }),
-        onPress: confirmBulkDelete,
-        icon: 'delete'
-      }, {
-        key: 'visibility',
-        text: t('fileManagement.visibility'),
-        onPress: () => {
-          visibilityChangeDialog.open();
-        },
-        icon: 'eye'
-      }] : undefined,
-      onBack: onClose || goBack,
-      showBackButton: true,
-      variant: "minimal",
-      elevation: "none",
-      titleAlignment: "left"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
       className: "flex-row items-center justify-between px-[12px] py-[12px] gap-[12px]",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
         horizontal: true,
@@ -1625,64 +1691,11 @@ const FileManagementScreen = ({
       onLoadMore: () => loadFiles('more'),
       onClearSearch: () => setSearchQuery(''),
       renderEmptyState: renderEmptyState
-    }), !selectMode && /*#__PURE__*/(0, _jsxRuntime.jsx)(_FileDetailsModal.FileDetailsModal, {
-      control: fileDetailsControl,
-      file: selectedFile,
-      onDownload: handleFileDownload,
-      onDelete: confirmFileDelete,
-      isOwner: user?.id === targetUserId
     }), !selectMode && uploading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_UploadBar.default, {
       uploadProgress: uploadProgress,
       isDark: bloomTheme.isDark,
       colors: colors,
       t: t
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_bloom.Dialog, {
-      control: fileDeleteDialog,
-      title: t('fileManagement.deleteFile') || 'Delete File',
-      description: pendingDeleteFile ? t('fileManagement.confirms.deleteFile', {
-        filename: pendingDeleteFile.name
-      }) : '',
-      actions: [{
-        label: t('fileManagement.confirm') || 'Delete',
-        color: 'destructive',
-        onPress: handleFileDelete
-      }, {
-        label: t('common.cancel') || 'Cancel',
-        color: 'cancel'
-      }]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_bloom.Dialog, {
-      control: bulkDeleteDialog,
-      title: t('fileManagement.deleteFiles') || 'Delete Files',
-      description: t('fileManagement.confirms.deleteFiles', {
-        count: selectedIds.size
-      }),
-      actions: [{
-        label: t('fileManagement.confirm') || 'Delete',
-        color: 'destructive',
-        onPress: handleBulkDelete
-      }, {
-        label: t('common.cancel') || 'Cancel',
-        color: 'cancel'
-      }]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_bloom.Dialog, {
-      control: visibilityChangeDialog,
-      title: t('fileManagement.changeVisibility') || 'Change Visibility',
-      description: t('fileManagement.changeVisibilityConfirm', {
-        count: selectedIds.size
-      }),
-      actions: [{
-        label: t('fileManagement.private') || 'Private',
-        onPress: () => handleBulkVisibilityChange('private')
-      }, {
-        label: t('fileManagement.public') || 'Public',
-        onPress: () => handleBulkVisibilityChange('public')
-      }, {
-        label: t('fileManagement.unlisted') || 'Unlisted',
-        onPress: () => handleBulkVisibilityChange('unlisted')
-      }, {
-        label: t('common.cancel') || 'Cancel',
-        color: 'cancel'
-      }]
     })]
   });
 };