feat: implement all files view + search - WPB-21030 (#3740)

Co-authored-by: Christoph Aldrian <[email protected]>

Author: jullianm

WireDomain/Sources/WireDomain/Repositories/FeatureConfig/Models/FeatureState.swift

@@ -21,6 +21,6 @@ import WireDataModel
 /// The state of the feature
 
 public struct FeatureState {
-    let name: Feature.Name
-    let isEnabled: Bool
+    public let name: Feature.Name
+    public let isEnabled: Bool
 }

WireMessaging/Sources/WireMessagingAssembly/WireMessagingFactory.swift

@@ -129,10 +129,40 @@ public struct WireMessagingFactory {
 public extension WireMessagingFactory {
 
     @MainActor
-    func makeFilesView(cellName: String, isCellsStatePending: Bool, nodeIDs: [UUID]) -> UIViewController {
-        let configuration: WireCellsFetchNodesUseCase.Configuration =
-            nodeIDs.isEmpty ? .conversationFileView(root: .path(cellName)) : .nodesFileView(nodeIDs: nodeIDs)
+    func makeFilesView(
+        cellName: String,
+        isCellsStatePending: Bool,
+        nodeIDs: [UUID]
+    ) -> UIViewController {
+        let configuration: WireCellsFetchNodesUseCase.Configuration = nodeIDs
+            .isEmpty ? .conversationFileView(root: .path(cellName)) :
+            .nodesFileView(nodeIDs: nodeIDs)
+
+        let filesView: UIHostingController<FilesView>
+
+        filesView = makeFilesHostingController(
+            configuration: configuration,
+            isCellsStatePending: isCellsStatePending
+        )
+
+        return filesView
+    }
 
+    @MainActor
+    func makeFilesBrowserView() -> UIViewController {
+        let configuration: WireCellsFetchNodesUseCase.Configuration = .filesBrowserView()
+        let filesBrowserView: UIHostingController<FilesBrowserView>
+        filesBrowserView = makeFilesHostingController(
+            configuration: configuration
+        )
+        return filesBrowserView
+    }
+
+    @MainActor
+    private func makeFilesHostingController<T: FilesViewProtocol>(
+        configuration: WireCellsFetchNodesUseCase.Configuration,
+        isCellsStatePending: Bool = false
+    ) -> UIHostingController<T> {
         let viewModel = FilesViewModel(
             fetchNodesUseCase: WireCellsFetchNodesUseCase(
                 configuration: configuration,
@@ -148,9 +178,7 @@ public extension WireMessagingFactory {
             fileCache: fileCache
         )
 
-        return FilesHostingController(
-            viewModel: viewModel
-        )
+        return UIHostingController(rootView: T(viewModel: viewModel))
     }
 
     @MainActor

WireMessaging/Sources/WireMessagingDomain/WireCells/UseCases/WireCellsFetchNodesUseCase.swift

@@ -43,7 +43,7 @@ package struct WireCellsFetchNodesUseCase: Sendable {
         let pageSize: Int = 30
 
         /// A `Configuration` suitable for the conversation file view.
-        package static func conversationFileView(root: WireCellsNodeLocator) -> Configuration {
+        package static func conversationFileView(root: WireCellsNodeLocator?) -> Configuration {
             Configuration(
                 root: root,
                 nodeIDs: nil,
@@ -53,6 +53,17 @@ package struct WireCellsFetchNodesUseCase: Sendable {
             )
         }
 
+        /// A `Configuration` suitable for the files browser view.
+        package static func filesBrowserView() -> Configuration {
+            Configuration(
+                root: nil,
+                nodeIDs: nil,
+                isRecursive: true,
+                nodeType: .leaf,
+                deletionStatus: .notDeleted
+            )
+        }
+
         /// A `Configuration` for showing only specific nodes in the file view.
         package static func nodesFileView(nodeIDs: [UUID]) -> Configuration {
             Configuration(

WireMessaging/Sources/WireMessagingUI/ConversationChannelCreationForm/ConversationChannelCreationFormView.swift

@@ -199,8 +199,9 @@ public struct ConversationChannelCreationForm: View {
         Section(content: {
             Toggle(Strings.CreationForm.WireCells.toggle + " (Cells beta)", isOn: $viewModel.fileManagementEnabled)
         }, footer: {
-            Text(Strings.CreationForm.WireCells.description) +
-                Text(" [\(Strings.CreationForm.WireCells.learnMore)](https://wire.com)") // TODO: [WPB-16736] URL to be defined
+            Text(Strings.CreationForm.WireCells.description)
+            // Text(" [\(Strings.CreationForm.WireCells.learnMore)](https://wire.com)") // TODO: [WPB-20191] URL to be
+            // defined, uncomment when we have the URL
         })
     }
 }

WireMessaging/Sources/WireMessagingUI/Resources/Localization/en.lproj/Accessibility.strings

@@ -26,4 +26,8 @@
 "conversation.wireCells.files.noData.message" = "You'll find all files and folders shared in this conversation here";
 "conversation.wireCells.files.pendingCells.title" = "Files are loading";
 "conversation.wireCells.files.pendingCells.message" = "Your documents and media files will be available here once we've uploaded all files and folders.";
+"conversation.wireCells.allFiles.noData.message" = "You'll find all files and folders shared across your conversations here.";
+"conversation.wireCells.files.error.title" = "Can't load files";
+"conversation.wireCells.files.error.message" = "Your files and folders could not be loaded. Please reload.";
+"conversation.wireCells.files.error.reload" = "Reload";
 

WireMessaging/Sources/WireMessagingUI/Resources/Localization/en.lproj/Localizable.strings

@@ -77,7 +77,7 @@
 "conversation.creationForm.readReceipts.toggle" = "Read receipts";
 "conversation.creationForm.readReceipts.description" = "When this is on, people can see when their messages in this conversation are read.";
 
-"conversation.creationForm.wireCells.toggle" = "File management";
+"conversation.creationForm.wireCells.toggle" = "File collaboration";
 "conversation.creationForm.wireCells.description" = "Enable participants to manage their documents and media files. Use folders, tags and filters to work more efficiently. This can't be undone.";
 "conversation.creationForm.wireCells.learnMore" = "Learn more";
 
@@ -117,9 +117,14 @@
 "conversation.wireCells.files.item.deleteConfirmation.title" = "This will permanently delete the file %@ for all participants. Everyone will lose access and there is no way to recover the file.";
 "conversation.wireCells.files.item.deleteConfirmation.deletePermanently" = "Delete Permanently";
 "conversation.wireCells.files.noData.title" = "There are no files or folders yet";
-"conversation.wireCells.files.noData.message" = "You'll find all files and folders shared in this conversation here";
+"conversation.wireCells.files.noData.message" = "You'll find all files and folders shared in this conversation here.";
+"conversation.wireCells.allFiles.noData.message" = "You'll find all files and folders shared across your conversations here.";
 "conversation.wireCells.files.pendingCells.title" = "Files are loading";
 "conversation.wireCells.files.pendingCells.message" = "Your documents and media files will be available here once we've uploaded all files and folders.";
+"conversation.wireCells.files.error.title" = "Can't load files";
+"conversation.wireCells.files.error.message" = "Your files and folders could not be loaded. Please reload.";
+"conversation.wireCells.files.error.reload" = "Reload";
+"conversation.wireCells.files.search.title" = "Search files";
 
 // MARK: - Conversation
 "conversation.message.attachment.notAvailable" = "File not available";

WireMessaging/Sources/WireMessagingUI/WireCells/Components/Files/FilesBrowserView.swift

@@ -0,0 +1,113 @@
+//
+// Wire
+// Copyright (C) 2025 Wire Swiss GmbH
+//
+// This program is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with this program. If not, see http://www.gnu.org/licenses/.
+//
+
+import Combine
+import QuickLook
+package import SwiftUI
+import WireDesign
+import WireFoundation
+import WireMessagingDomain
+import WireReusableUIComponents
+
+private typealias Strings = L10n.Localizable.Conversation.WireCells
+
+/// Allows browsing files shared across all conversations
+package struct FilesBrowserView: FilesViewProtocol {
+    @ObservedObject package var viewModel: FilesViewModel
+
+    package init(viewModel: FilesViewModel) {
+        self.viewModel = viewModel
+    }
+
+    package var body: some View {
+        ZStack {
+            ColorTheme.Backgrounds.surface.color
+                .ignoresSafeArea(.all)
+            Group {
+                switch viewModel.state {
+                case .initial:
+                    Button(action: reloadTask) {
+                        Image(systemName: "arrow.trianglehead.clockwise")
+                            .wireTextStyle(.body3)
+                            .foregroundStyle(SemanticColors.Label.textDefault.color)
+
+                    }
+                case .loading:
+                    ProgressView()
+                        .progressViewStyle(.circular)
+                case let .received(items):
+                    if items.isEmpty {
+                        FilesInfoView(info: .noFilesFound(scope: .allConversations))
+                    } else {
+                        filesList
+                            .listStyle(.plain)
+                            .refreshable { reloadTask() }
+                    }
+                case .pending:
+                    FilesInfoView(info: .preparingFiles)
+                case .error:
+                    FilesInfoView(info: .error, onReload: {
+                        reloadTask()
+                    })
+                }
+            }
+            .quickLookPreview($viewModel.viewingURL) // TODO: [WPB-19395] Temporary implementation
+            .navigationTitle(Strings.AllFiles.navigationTitle)
+            .navigationBarTitleDisplayMode(.inline)
+            .toolbarBackground(.visible, for: .navigationBar) // shows navigation bar divider
+            .toolbarBackground(ColorTheme.Backgrounds.surface.color, for: .navigationBar)
+            .if(!viewModel.state.items.isEmpty || !viewModel.searchText.isEmpty) { view in
+                view.searchable(
+                    text: $viewModel.searchText,
+                    placement: .navigationBarDrawer,
+                    prompt: Strings.Files.Search.title
+                )
+            }
+            .onAppear { reloadTask() }
+            .alert(
+                item: $viewModel.alert,
+                title: { Text($0.title) },
+                message: { Text($0.message) },
+                actions: { _ in confirmButton }
+            )
+        }
+    }
+}
+
+// MARK: - Helper
+
+private extension View {
+    @ViewBuilder
+    func `if`(
+        _ condition: Bool,
+        transform: (Self) -> some View
+    ) -> some View {
+        if condition {
+            transform(self)
+        } else {
+            self
+        }
+    }
+}
+
+#Preview {
+    NavigationStack {
+        FilesBrowserView(viewModel: .preview())
+            .environment(\.wireTextStyleMapping, WireTextStyleMapping())
+    }
+}