diff --git a/client/package-lock.json b/client/package-lock.json
index 67137da9e5c..07a89122c2e 100644
--- a/client/package-lock.json
+++ b/client/package-lock.json
@@ -26,7 +26,7 @@
                 "@types/luxon": "^3.3.4",
                 "axios": "^1.7.4",
                 "luxon": "^3.4.4",
-                "megashark-lib": "git+https://github.com/Scille/megashark-lib.git#7f7201e1895f328a0af0de3e9b2544782a270024",
+                "megashark-lib": "git+https://github.com/Scille/megashark-lib.git#cec6e1c2e2a8e0628eae8627d98bf70c6c15fb48",
                 "qrcode-vue3": "^1.6.8",
                 "uuid": "^9.0.1",
                 "vue": "^3.3.8",
@@ -9366,8 +9366,8 @@
         },
         "node_modules/megashark-lib": {
             "version": "0.0.1",
-            "resolved": "git+ssh://git@github.com/Scille/megashark-lib.git#7f7201e1895f328a0af0de3e9b2544782a270024",
-            "integrity": "sha512-cBvsgTZRwo/B+w/toPq+pnfkwRjSQDc0MHg5P/LObUJpqBA3muFABbIDrrgTTQzMo08HC18CzB26r7xT8t2EAQ==",
+            "resolved": "git+ssh://git@github.com/Scille/megashark-lib.git#cec6e1c2e2a8e0628eae8627d98bf70c6c15fb48",
+            "integrity": "sha512-CEP2Tz6MrhYl0uhNdgj2nZ9Nh8/7Z3ZSre3CMKc7QHz9K3bivHIoSdJosDAEYwhXCIlIaBnUJKF32yyzrBbxUw==",
             "dependencies": {
                 "@ionic/vue": "^7.0.0",
                 "@stripe/stripe-js": "^4.0.0",
diff --git a/client/package.json b/client/package.json
index 9a292d07456..d1ded5a344f 100644
--- a/client/package.json
+++ b/client/package.json
@@ -53,7 +53,7 @@
         "@types/luxon": "^3.3.4",
         "axios": "^1.7.4",
         "luxon": "^3.4.4",
-        "megashark-lib": "git+https://github.com/Scille/megashark-lib.git#7f7201e1895f328a0af0de3e9b2544782a270024",
+        "megashark-lib": "git+https://github.com/Scille/megashark-lib.git#cec6e1c2e2a8e0628eae8627d98bf70c6c15fb48",
         "qrcode-vue3": "^1.6.8",
         "uuid": "^9.0.1",
         "vue": "^3.3.8",
diff --git a/client/src/components/files/FileCard.vue b/client/src/components/files/FileCard.vue
index ef15584e945..de839290db0 100644
--- a/client/src/components/files/FileCard.vue
+++ b/client/src/components/files/FileCard.vue
@@ -17,6 +17,7 @@
       :current-path="currentPath"
       @files-added="$emit('filesAdded', $event)"
       :is-reader="isWorkspaceReader"
+      @drop-as-reader="$emit('dropAsReader')"
     >
       <div class="card-checkbox">
         <!-- eslint-disable vue/no-mutating-props -->
@@ -101,6 +102,7 @@ const emits = defineEmits<{
   (e: 'click', event: Event, entry: EntryModel): void;
   (e: 'menuClick', event: Event, entry: EntryModel, onFinished: () => void): void;
   (e: 'filesAdded', imports: FileImportTuple[]): void;
+  (e: 'dropAsReader'): void;
 }>();
 
 defineExpose({
diff --git a/client/src/components/files/FileDropZone.vue b/client/src/components/files/FileDropZone.vue
index 98e470f98c8..b9484f7e71d 100644
--- a/client/src/components/files/FileDropZone.vue
+++ b/client/src/components/files/FileDropZone.vue
@@ -34,8 +34,7 @@ import { DocumentImport, MsImage } from 'megashark-lib';
 import { FileImportTuple, getFilesFromDrop } from '@/components/files/utils';
 import { FsPath } from '@/parsec';
 import { IonLabel } from '@ionic/vue';
-import { computed, inject, onMounted, onUnmounted, ref } from 'vue';
-import { Information, InformationLevel, InformationManager, InformationManagerKey, PresentationMode } from '@/services/informationManager';
+import { computed, onMounted, onUnmounted, ref } from 'vue';
 
 defineExpose({
   reset,
@@ -50,10 +49,10 @@ const props = defineProps<{
 
 const emits = defineEmits<{
   (e: 'filesAdded', imports: FileImportTuple[]): void;
+  (e: 'dropAsReader'): void;
 }>();
 
 const dragEnterCount = ref(0);
-const informationManager: InformationManager = inject(InformationManagerKey)!;
 
 const isActive = computed(() => {
   return !props.disabled && !props.isReader && dragEnterCount.value > 0;
@@ -77,19 +76,13 @@ onUnmounted(() => {
 
 async function onDrop(event: DragEvent): Promise<void> {
   if (props.isReader) {
-    await informationManager.present(
-      new Information({
-        message: 'FoldersPage.ImportFile.noDropForReader',
-        level: InformationLevel.Error,
-      }),
-      PresentationMode.Toast,
-    );
+    event.stopPropagation();
+    emits('dropAsReader');
     return;
   }
   if (props.disabled) {
     return;
   }
-  event.stopPropagation();
   dragEnterCount.value = 0;
   const imports = await getFilesFromDrop(event, props.currentPath);
   if (imports.length) {
diff --git a/client/src/components/files/FileGridDisplay.vue b/client/src/components/files/FileGridDisplay.vue
index 474d039f926..8f8a948b6ad 100644
--- a/client/src/components/files/FileGridDisplay.vue
+++ b/client/src/components/files/FileGridDisplay.vue
@@ -7,6 +7,7 @@
     :show-drop-message="true"
     @files-added="$emit('filesAdded', $event)"
     :is-reader="ownRole === WorkspaceRole.Reader"
+    @drop-as-reader="$emit('dropAsReader')"
   >
     <div
       class="scroll"
@@ -24,6 +25,7 @@
           @menu-click="(event, entry, onFinished) => $emit('menuClick', event, entry, onFinished)"
           @files-added="onFilesAdded"
           :is-workspace-reader="ownRole === WorkspaceRole.Reader"
+          @drop-as-reader="$emit('dropAsReader')"
         />
         <file-card
           class="folder-grid-item"
@@ -35,6 +37,7 @@
           @click="$emit('click', file, $event)"
           @menu-click="(event, entry, onFinished) => $emit('menuClick', event, entry, onFinished)"
           @files-added="onFilesAdded"
+          @drop-as-reader="$emit('dropAsReader')"
         />
 
         <file-card-processing
@@ -73,6 +76,7 @@ const emits = defineEmits<{
   (e: 'menuClick', event: Event, entry: EntryModel, onFinished: () => void): void;
   (e: 'globalMenuClick', event: Event): void;
   (e: 'filesAdded', imports: FileImportTuple[]): void;
+  (e: 'dropAsReader'): void;
 }>();
 
 onMounted(async () => {
diff --git a/client/src/components/files/FileListDisplay.vue b/client/src/components/files/FileListDisplay.vue
index 8d14d216077..bf7bb2e9f92 100644
--- a/client/src/components/files/FileListDisplay.vue
+++ b/client/src/components/files/FileListDisplay.vue
@@ -8,6 +8,7 @@
       @files-added="$emit('filesAdded', $event)"
       :show-drop-message="true"
       :is-reader="ownRole === WorkspaceRole.Reader"
+      @drop-as-reader="$emit('dropAsReader')"
     >
       <div
         class="scroll"
@@ -54,6 +55,7 @@
               @selected-change="onSelectedChange"
               @files-added="onFilesAdded"
               :is-workspace-reader="ownRole === WorkspaceRole.Reader"
+              @drop-as-reader="$emit('dropAsReader')"
             />
             <file-list-item
               v-for="file in files.getEntries()"
@@ -65,6 +67,7 @@
               @menu-click="(event, entry, onFinished) => $emit('menuClick', event, entry, onFinished)"
               @selected-change="onSelectedChange"
               @files-added="onFilesAdded"
+              @drop-as-reader="$emit('dropAsReader')"
             />
             <file-list-item-processing
               v-for="op in operationsInProgress"
@@ -103,6 +106,7 @@ const emits = defineEmits<{
   (e: 'menuClick', event: Event, entry: EntryModel, onFinished: () => void): void;
   (e: 'globalMenuClick', event: Event): void;
   (e: 'filesAdded', imports: FileImportTuple[]): void;
+  (e: 'dropAsReader'): void;
 }>();
 
 const fileDropZoneRef = ref();
diff --git a/client/src/components/files/FileListItem.vue b/client/src/components/files/FileListItem.vue
index 123e997856b..55cf70fa888 100644
--- a/client/src/components/files/FileListItem.vue
+++ b/client/src/components/files/FileListItem.vue
@@ -2,11 +2,12 @@
 
 <template>
   <file-drop-zone
-    :disabled="entry.isFile()"
+    :disabled="disableDrop ||entry.isFile()"
     :current-path="currentPath"
     @files-added="$emit('filesAdded', $event)"
     :is-reader="isWorkspaceReader"
     class="drop-zone-item"
+    @drop-as-reader="$emit('dropAsReader')"
   >
     <ion-item
       button
@@ -43,6 +44,7 @@
             {{ entry.name }}
           </ion-label>
           <ion-icon
+            v-show="!hideSyncStatus"
             class="cloud-overlay"
             :class="isFileSynced() ? 'cloud-overlay-ok' : 'cloud-overlay-ko'"
             :icon="isFileSynced() ? cloudDone : cloudOffline"
@@ -62,7 +64,10 @@
         </div>
 
         <!-- last update -->
-        <div class="file-lastUpdate">
+        <div
+          class="file-lastUpdate"
+          v-show="!hideLastUpdate"
+        >
           <ion-label class="label-last-update cell">
             {{ $msTranslate(formatTimeSince(entry.updated, '--', 'short')) }}
           </ion-label>
@@ -82,7 +87,7 @@
         <div class="file-options ion-item-child-clickable">
           <ion-button
             fill="clear"
-            v-show="isHovered || menuOpened"
+            v-show="!hideMenu && (isHovered || menuOpened)"
             class="options-button"
             @click.stop="onOptionsClick($event)"
             @dblclick.stop
@@ -118,6 +123,10 @@ const props = defineProps<{
   entry: EntryModel;
   showCheckbox: boolean;
   isWorkspaceReader?: boolean;
+  disableDrop?: boolean;
+  hideSyncStatus?: boolean;
+  hideLastUpdate?: boolean;
+  hideMenu?: boolean;
 }>();
 
 const emits = defineEmits<{
@@ -125,6 +134,7 @@ const emits = defineEmits<{
   (e: 'menuClick', event: Event, entry: EntryModel, onFinished: () => void): void;
   (e: 'selectedChange', entry: EntryModel, checked: boolean): void;
   (e: 'filesAdded', imports: FileImportTuple[]): void;
+  (e: 'dropAsReader'): void;
 }>();
 
 defineExpose({
diff --git a/client/src/components/header/HeaderBreadcrumbs.vue b/client/src/components/header/HeaderBreadcrumbs.vue
index 1c2206c13df..cc36dc20161 100644
--- a/client/src/components/header/HeaderBreadcrumbs.vue
+++ b/client/src/components/header/HeaderBreadcrumbs.vue
@@ -54,10 +54,12 @@ const props = withDefaults(
     pathNodes: RouterPathNode[];
     itemsBeforeCollapse?: number;
     itemsAfterCollapse?: number;
+    maxShown?: number;
   }>(),
   {
     itemsBeforeCollapse: 2,
     itemsAfterCollapse: 2,
+    maxShown: 4,
   },
 );
 
@@ -68,11 +70,11 @@ const emits = defineEmits<{
 // Using a computed to reset maxBreadcrumbs value automatically
 const fullPath = computed(() => {
   // eslint-disable-next-line vue/no-side-effects-in-computed-properties
-  maxBreadcrumbs.value = 4;
+  maxBreadcrumbs.value = props.maxShown;
   return props.pathNodes;
 });
 
-const maxBreadcrumbs: Ref<number | undefined> = ref(4);
+const maxBreadcrumbs: Ref<number | undefined> = ref(props.maxShown);
 let ignoreNextEvent = false;
 
 function expandCollapsed(): void {
diff --git a/client/src/components/workspaces/utils.ts b/client/src/components/workspaces/utils.ts
index df35d3f14da..cebea89c724 100644
--- a/client/src/components/workspaces/utils.ts
+++ b/client/src/components/workspaces/utils.ts
@@ -18,8 +18,10 @@ import { Information, InformationLevel, InformationManager, PresentationMode } f
 import { StorageManager } from '@/services/storageManager';
 import WorkspaceContextMenu, { WorkspaceAction } from '@/views/workspaces/WorkspaceContextMenu.vue';
 import WorkspaceSharingModal from '@/views/workspaces/WorkspaceSharingModal.vue';
+import WorkspaceHistoryModal from '@/views/workspaces/WorkspaceHistoryModal.vue';
 import { modalController, popoverController } from '@ionic/vue';
 import { Clipboard, DisplayState, Translatable, getTextFromUser } from 'megashark-lib';
+import { navigateTo, Routes } from '@/router';
 
 export const WORKSPACES_PAGE_DATA_KEY = 'WorkspacesPage';
 
@@ -152,6 +154,9 @@ export async function openWorkspaceContextMenu(
       case WorkspaceAction.Favorite:
         await toggleFavorite(workspace, favorites, eventDistributor, storageManager);
         break;
+      case WorkspaceAction.ShowHistory:
+        await navigateTo(Routes.History, { query: { documentPath: '/', workspaceHandle: workspace.handle } })
+        break;
       default:
         console.warn('No WorkspaceAction match found');
     }
@@ -260,6 +265,18 @@ async function copyLinkToClipboard(workspace: WorkspaceInfo, informationManager:
   }
 }
 
+// async function openWorkspaceHistoryModal(workspace: WorkspaceInfo): Promise<void> {
+//   const modal = await modalController.create({
+//     component: WorkspaceHistoryModal,
+//     componentProps: {
+//       workspace: workspace,
+//     },
+//     cssClass: 'workspace-history-modal',
+//   });
+//   await modal.present();
+//   await modal.onWillDismiss();
+// }
+
 /**
  *
  * @param role1 A workspace role
diff --git a/client/src/parsec/file.ts b/client/src/parsec/file.ts
index 28d2ea20c5d..017c1835834 100644
--- a/client/src/parsec/file.ts
+++ b/client/src/parsec/file.ts
@@ -171,6 +171,7 @@ export async function entryStat(workspaceHandle: WorkspaceHandle, path: FsPath):
 export async function statFolderChildren(
   workspaceHandle: WorkspaceHandle,
   path: FsPath,
+  atDateTime?: DateTime,
 ): Promise<Result<Array<EntryStat>, WorkspaceStatFolderChildrenError>> {
   if (!needsMocks()) {
     const watchResult = await libparsec.workspaceWatchEntryOneshot(workspaceHandle, path);
@@ -214,7 +215,7 @@ export async function statFolderChildren(
 
   const FILE_PREFIX = 'File_';
   const FOLDER_PREFIX = 'Dir_';
-  const fileCount = 2;
+  const fileCount = 3;
   const folderCount = 2;
 
   function generateEntryName(prefix: string = '', addExtension = false): string {
diff --git a/client/src/router/checks.ts b/client/src/router/checks.ts
index a07a82b5759..0a338a1b2d0 100644
--- a/client/src/router/checks.ts
+++ b/client/src/router/checks.ts
@@ -53,7 +53,7 @@ export function currentRouteIsOrganizationManagementRoute(): boolean {
 }
 
 export function currentRouteIsFileRoute(): boolean {
-  return currentRouteIsOneOf([Routes.Documents, Routes.Workspaces]);
+  return currentRouteIsOneOf([Routes.Documents, Routes.Workspaces, Routes.History]);
 }
 
 export function currentRouteIsLoggedRoute(): boolean {
@@ -66,5 +66,6 @@ export function currentRouteIsLoggedRoute(): boolean {
     Routes.About,
     Routes.MyProfile,
     Routes.RecoveryExport,
+    Routes.History,
   ]);
 }
diff --git a/client/src/router/params.ts b/client/src/router/params.ts
index 6b55c9f126b..f3beeaed482 100644
--- a/client/src/router/params.ts
+++ b/client/src/router/params.ts
@@ -17,7 +17,7 @@ export function getWorkspaceHandle(): WorkspaceHandle | undefined {
   const router = getRouter();
   const currentRoute = router.currentRoute.value;
 
-  if (currentRoute && currentRoute.name === Routes.Documents && currentRoute.query && 'workspaceHandle' in currentRoute.query) {
+  if (currentRoute && currentRoute.query && 'workspaceHandle' in currentRoute.query) {
     return parseInt(currentRoute.query.workspaceHandle as string) as WorkspaceHandle;
   }
   return undefined;
diff --git a/client/src/router/types.ts b/client/src/router/types.ts
index db7d0c59cdc..3caee079919 100644
--- a/client/src/router/types.ts
+++ b/client/src/router/types.ts
@@ -20,6 +20,7 @@ export enum Routes {
   Loading = 'loading',
   ClientAreaLogin = 'clientLogin',
   ClientArea = 'clientArea',
+  History = 'history',
 }
 
 const routes: Array<RouteRecordRaw> = [
@@ -76,6 +77,11 @@ const routes: Array<RouteRecordRaw> = [
                     name: Routes.Documents,
                     component: () => import('@/views/files/FoldersPage.vue'),
                   },
+                  {
+                    path: `/:handle(\\d+)/${Routes.History}`,
+                    name: Routes.History,
+                    component: () => import('@/views/workspaces/WorkspaceHistoryPage.vue'),
+                  }
                 ],
               },
               {
diff --git a/client/src/services/fileOperationManager.ts b/client/src/services/fileOperationManager.ts
index 284f829049c..9cc365bd950 100644
--- a/client/src/services/fileOperationManager.ts
+++ b/client/src/services/fileOperationManager.ts
@@ -23,6 +23,7 @@ import {
   resizeFile,
   writeFile,
 } from '@/parsec';
+import { DateTime } from 'luxon';
 import { wait } from '@/parsec/internals';
 import { v4 as uuid4 } from 'uuid';
 
@@ -49,6 +50,10 @@ enum FileOperationState {
   FolderCreated,
   EntryMoved,
   EntryCopied,
+  RestoreAdded,
+  RestoreStarted,
+  RestoreFailed,
+  EntryRestored,
 }
 
 export interface OperationProgressStateData {
@@ -72,6 +77,11 @@ export interface MoveFailedStateData {
   error: WorkspaceMoveEntryErrorTag;
 }
 
+export interface RestoreFailedStateData {
+  path: FsPath;
+  workspaceHandle: WorkspaceHandle;
+}
+
 export enum CopyFailedError {
   MaxRecursionReached = 'max-recursion-reached',
   MaxFilesReached = 'max-files-reached',
@@ -89,7 +99,8 @@ export type StateData =
   | WriteErrorStateData
   | FolderCreatedStateData
   | MoveFailedStateData
-  | CopyFailedStateData;
+  | CopyFailedStateData
+  | RestoreFailedStateData;
 
 type FileOperationCallback = (state: FileOperationState, operationData?: FileOperationData, stateData?: StateData) => Promise<void>;
 type FileOperationID = string;
@@ -99,6 +110,7 @@ export enum FileOperationDataType {
   Import,
   Copy,
   Move,
+  Restore,
 }
 
 interface IFileOperationDataType {
@@ -168,6 +180,21 @@ class MoveData extends FileOperationData {
   }
 }
 
+class RestoreData extends FileOperationData {
+  path: FsPath;
+  dateTime: DateTime;
+
+  constructor(workspaceHandle: WorkspaceHandle, workspaceId: WorkspaceID, path: FsPath, dateTime: DateTime) {
+    super(workspaceHandle, workspaceId);
+    this.path = path;
+    this.dateTime = dateTime;
+  }
+
+  getDataType(): FileOperationDataType {
+    return FileOperationDataType.Restore;
+  }
+}
+
 class FileOperationManager {
   private fileOperationData: Array<FileOperationData>;
   private callbacks: Array<[string, FileOperationCallback]>;
@@ -227,6 +254,15 @@ class FileOperationManager {
     this.fileOperationData.unshift(newData);
   }
 
+  async restoreEntry(workspaceHandle: WorkspaceHandle, workspaceId: WorkspaceID, path: FsPath, dateTime: DateTime): Promise<void> {
+    if (!this.isRunning) {
+      this.start();
+    }
+    const newData = new RestoreData(workspaceHandle, workspaceId, path, dateTime);
+    await this.sendState(FileOperationState.RestoreAdded, newData);
+    this.fileOperationData.unshift(newData);
+  }
+
   async cancelOperation(id: FileOperationID): Promise<void> {
     if (!this.cancelList.find((item) => item === id)) {
       this.cancelList.push(id);
@@ -454,6 +490,17 @@ class FileOperationManager {
     }
   }
 
+  private async doRestore(data: RestoreData): Promise<void> {
+    await this.sendState(FileOperationState.RestoreStarted, data);
+    await this.sendState(FileOperationState.OperationProgress, data, { progress: 0 });
+
+    console.log('Restoring', data.path);
+
+    // do something
+    // May need to be able to cancel, depending on how the restoration is done
+    await this.sendState(FileOperationState.EntryRestored, data);
+  }
+
   private async doImport(data: ImportData): Promise<void> {
     await this.sendState(FileOperationState.ImportStarted, data);
     const reader = data.file.stream().getReader();
@@ -603,6 +650,8 @@ class FileOperationManager {
           job = this.doMove(elem as MoveData);
         } else if (elem.getDataType() === FileOperationDataType.Copy) {
           job = this.doCopy(elem as CopyData);
+        } else if (elem.getDataType() === FileOperationDataType.Restore) {
+          job = this.doRestore(elem as RestoreData);
         } else {
           console.warn(`Unhandled file operation '${elem.getDataType()}'`);
           continue;
diff --git a/client/src/theme/components/modals.scss b/client/src/theme/components/modals.scss
index 3165699a992..49da3ae3fdb 100644
--- a/client/src/theme/components/modals.scss
+++ b/client/src/theme/components/modals.scss
@@ -279,3 +279,9 @@
 .authentication-modal::part(content) {
   max-width: var(--parsec-modal-width-sm);
 }
+
+.workspace-history-modal {
+  &::part(content) {
+    max-width: var(--parsec-modal-width-lg);
+  }
+}
diff --git a/client/src/views/files/FileOperationMenu.vue b/client/src/views/files/FileOperationMenu.vue
index 197f792a762..5cbdfe8b0a8 100644
--- a/client/src/views/files/FileOperationMenu.vue
+++ b/client/src/views/files/FileOperationMenu.vue
@@ -218,6 +218,8 @@ function getFileOperationComponent(item: OperationItem): Component | undefined {
       return FileCopyItem;
     case FileOperationDataType.Move:
       return FileMoveItem;
+    case FileOperationDataType.Restore:
+      return FileMoveItem;
   }
 }
 
@@ -244,6 +246,7 @@ function updateImportState(data: FileOperationData, state: FileOperationState, s
           }
           break;
         case FileOperationDataType.Move:
+        case FileOperationDataType.Restore:
           index = queuedMoveItems.value.findIndex((op) => op.data.id === data.id);
           if (queuedMoveItems.value[index]) {
             const item = queuedMoveItems.value.splice(index, 1)[0];
@@ -267,6 +270,7 @@ function updateImportState(data: FileOperationData, state: FileOperationState, s
         currentOperationArray = queuedCopyItems.value;
         break;
       case FileOperationDataType.Move:
+      case FileOperationDataType.Restore:
         currentOperationArray = queuedMoveItems.value;
         break;
     }
@@ -278,7 +282,7 @@ function updateImportState(data: FileOperationData, state: FileOperationState, s
   if (operation) {
     operation.state = state;
     operation.stateData = stateData;
-    if ([FileOperationState.FileImported, FileOperationState.EntryMoved, FileOperationState.EntryCopied].includes(state)) {
+    if ([FileOperationState.FileImported, FileOperationState.EntryMoved, FileOperationState.EntryCopied, FileOperationState.EntryRestored].includes(state)) {
       operation.finishedDate = DateTime.now();
       doneItems.value.push(operation);
       currentOperationArray.splice(index, 1);
@@ -288,6 +292,7 @@ function updateImportState(data: FileOperationData, state: FileOperationState, s
         FileOperationState.MoveFailed,
         FileOperationState.CopyFailed,
         FileOperationState.Cancelled,
+        FileOperationState.RestoreFailed,
       ].includes(state)
     ) {
       operation.finishedDate = DateTime.now();
@@ -329,6 +334,7 @@ async function onFileOperationEvent(
   fileOperationData?: FileOperationData,
   stateData?: StateData,
 ): Promise<void> {
+  console.log(state);
   switch (state) {
     case FileOperationState.OperationAllStarted:
       isFileOperationManagerActive.value = true;
@@ -354,6 +360,7 @@ async function onFileOperationEvent(
       scrollToTop();
       break;
     case FileOperationState.MoveAdded:
+    case FileOperationState.RestoreAdded:
       queuedMoveItems.value.push({
         data: fileOperationData as FileOperationData,
         state: state,
@@ -375,11 +382,13 @@ async function onFileOperationEvent(
     case FileOperationState.FileImported:
     case FileOperationState.EntryMoved:
     case FileOperationState.EntryCopied:
+    case FileOperationState.EntryRestored:
       updateImportState(fileOperationData as FileOperationData, state, stateData);
       break;
     case FileOperationState.CreateFailed:
     case FileOperationState.MoveFailed:
     case FileOperationState.CopyFailed:
+    case FileOperationState.RestoreFailed:
       updateImportState(fileOperationData as FileOperationData, state, stateData);
       break;
     case FileOperationState.Cancelled:
diff --git a/client/src/views/files/FoldersPage.vue b/client/src/views/files/FoldersPage.vue
index 229a61a2b0a..c8c15ec80c0 100644
--- a/client/src/views/files/FoldersPage.vue
+++ b/client/src/views/files/FoldersPage.vue
@@ -173,6 +173,7 @@
               @files-added="startImportFiles"
               @global-menu-click="openGlobalContextMenu"
               :own-role="ownRole"
+              @drop-as-reader="onDropAsReader"
             />
           </div>
           <div v-if="displayView === DisplayState.Grid">
@@ -186,6 +187,7 @@
               @files-added="startImportFiles"
               @global-menu-click="openGlobalContextMenu"
               :own-role="ownRole"
+              @drop-as-reader="onDropAsReader"
             />
           </div>
         </div>
@@ -1252,6 +1254,16 @@ async function openEntryContextMenu(event: Event, entry: EntryModel, onFinished?
     onFinished();
   }
 }
+
+async function onDropAsReader(): Promise<void> {
+  await informationManager.present(
+    new Information({
+      message: 'FoldersPage.ImportFile.noDropForReader',
+      level: InformationLevel.Error,
+    }),
+    PresentationMode.Toast,
+  );
+}
 </script>
 
 <style scoped lang="scss">
diff --git a/client/src/views/header/HeaderPage.vue b/client/src/views/header/HeaderPage.vue
index 7aeebbe7a20..760dbe020e0 100644
--- a/client/src/views/header/HeaderPage.vue
+++ b/client/src/views/header/HeaderPage.vue
@@ -147,7 +147,7 @@ import {
   IonToolbar,
   popoverController,
 } from '@ionic/vue';
-import { home, menu, notifications, search } from 'ionicons/icons';
+import { home, menu, notifications, search, time } from 'ionicons/icons';
 import { Ref, inject, onMounted, onUnmounted, ref } from 'vue';
 
 const hotkeyManager: HotkeyManager = inject(HotkeyManagerKey)!;
@@ -193,6 +193,24 @@ async function updateRoute(): Promise<void> {
         params: {},
       },
     ];
+  } else if (currentRouteIs(Routes.History)) {
+    const workspaceHandle = getWorkspaceHandle();
+    if (workspaceHandle) {
+      workspaceName.value = await getWorkspaceName(workspaceHandle);
+    }
+    fullPath.value = [
+      {
+        id: 0,
+        title: 'History',
+        icon: time,
+        name: Routes.History,
+      },
+      {
+        id: 0,
+        title: workspaceName.value,
+        name: Routes.Documents,
+      }
+    ];
   } else if (currentRouteIs(Routes.Documents)) {
     const workspaceHandle = getWorkspaceHandle();
     if (workspaceHandle) {
diff --git a/client/src/views/workspaces/WorkspaceContextMenu.vue b/client/src/views/workspaces/WorkspaceContextMenu.vue
index 0a95b13ed13..6223e93ef01 100644
--- a/client/src/views/workspaces/WorkspaceContextMenu.vue
+++ b/client/src/views/workspaces/WorkspaceContextMenu.vue
@@ -72,7 +72,7 @@
           button
           @click="onClick(WorkspaceAction.ShowHistory)"
           class="ion-no-padding list-group-item"
-          v-show="false"
+          v-show="clientRole === WorkspaceRole.Manager || clientRole === WorkspaceRole.Owner"
         >
           <ion-icon :icon="time" />
           <ion-label class="body list-group-item__label">
diff --git a/client/src/views/workspaces/WorkspaceHistoryPage.vue b/client/src/views/workspaces/WorkspaceHistoryPage.vue
new file mode 100644
index 00000000000..54f8f82f86d
--- /dev/null
+++ b/client/src/views/workspaces/WorkspaceHistoryPage.vue
@@ -0,0 +1,409 @@
+<!-- Parsec Cloud (https://parsec.cloud) Copyright (c) BUSL-1.1 2016-present Scille SAS -->
+
+<template>
+  <ion-page>
+    <ion-content
+      :fullscreen="true"
+      class="content-scroll"
+    >
+      <div class="head-content">
+        <div
+          v-if="workspaceInfo"
+        >
+          {{ workspaceInfo.currentName }}
+        </div>
+
+        <div>
+          <ion-datetime-button
+            datetime="datetime"
+            :disabled="querying"
+          />
+          <ion-modal :keep-contents-mounted="true">
+            <ion-datetime
+              id="datetime"
+              :min="_MOCK_WORKSPACE_CREATION_DATE.toISO()"
+              :max="DateTime.now().toISO()"
+              @ion-change="onDateTimeChange"
+              :value="selectedDateTime.toISO()"
+            />
+          </ion-modal>
+        </div>
+      </div>
+
+      <div class="folder-container scroll">
+        <div
+          class="navigation"
+          v-if="!resultFromSearch"
+        >
+          <ion-buttons>
+            <ion-button
+              fill="clear"
+              @click="back()"
+              class="navigation-back-button"
+              :disabled="backStack.length === 0"
+              :class="{ disabled: backStack.length === 0 }"
+              ref="backButtonDisabled"
+            >
+              <ion-icon :icon="chevronBack" />
+            </ion-button>
+            <ion-button
+              fill="clear"
+              @click="forward()"
+              :disabled="forwardStack.length === 0"
+              :class="{ disabled: forwardStack.length === 0 }"
+              class="navigation-forward-button"
+            >
+              <ion-icon :icon="chevronForward" />
+            </ion-button>
+          </ion-buttons>
+          <header-breadcrumbs
+            :path-nodes="headerPath"
+            @change="onPathChange"
+            class="navigation-breadcrumb"
+            :items-before-collapse="1"
+            :items-after-collapse="1"
+            :max-shown="2"
+          />
+        </div>
+        <div
+          v-else="resultFromSearch"
+        >
+          Search
+        </div>
+        <div>
+          <ms-search-input
+            @change="onSearchChanged"
+            :debounce="1000"
+            :disabled="querying"
+          />
+          <ion-button
+            :disabled="!someSelected || querying"
+            @click="onRestoreClicked"
+          >
+            Restaurer
+          </ion-button>
+        </div>
+        <div
+          class="scroll"
+        >
+          <div v-show="querying">
+            <ms-spinner />
+          </div>
+          <div v-show="!querying && entries.entriesCount() === 0">
+            EMPTY
+          </div>
+          <div v-show="!querying && entries.entriesCount() > 0">
+            <ion-list class="list">
+              <ion-list-header
+                class="folder-list-header"
+                lines="full"
+              >
+                <ion-label class="folder-list-header__label ion-text-nowrap label-selected">
+                  <ms-checkbox
+                    @change="selectAll"
+                    :checked="allSelected"
+                    :indeterminate="someSelected && !allSelected"
+                  />
+                </ion-label>
+                <ion-label class="folder-list-header__label cell-title ion-text-nowrap label-name">
+                  {{ $msTranslate('FoldersPage.listDisplayTitles.name') }}
+                </ion-label>
+                <ion-label
+                  class="folder-list-header__label cell-title ion-text-nowrap label-updatedBy"
+                  v-show="false"
+                >
+                  {{ $msTranslate('FoldersPage.listDisplayTitles.updatedBy') }}
+                </ion-label>
+                <ion-label class="folder-list-header__label cell-title ion-text-nowrap label-lastUpdate">
+                  {{ $msTranslate('FoldersPage.listDisplayTitles.lastUpdate') }}
+                </ion-label>
+                <ion-label class="folder-list-header__label cell-title ion-text-nowrap label-size">
+                  {{ $msTranslate('FoldersPage.listDisplayTitles.size') }}
+                </ion-label>
+                <ion-label class="folder-list-header__label cell-title ion-text-nowrap label-space" />
+              </ion-list-header>
+              <div>
+                <file-list-item
+                  v-for="entry in entries.getEntries()"
+                  :key="entry.id"
+                  :entry="entry"
+                  :show-checkbox="true"
+                  :disable-drop="true"
+                  @click="onEntryClicked(entry)"
+                  :hide-menu="true"
+                  :hide-sync-status="true"
+                  :hide-last-update="true"
+                />
+              </div>
+            </ion-list>
+          </div>
+        </div>
+      </div>
+    </ion-content>
+  </ion-page>
+</template>
+
+<script setup lang="ts">
+import {
+  IonPage,
+  IonDatetime,
+  IonDatetimeButton,
+  IonModal,
+  DatetimeCustomEvent,
+  IonList,
+  IonItem,
+  IonLabel,
+  IonButtons,
+  IonIcon,
+  IonButton,
+  IonListHeader,
+  IonContent,
+} from '@ionic/vue';
+import { computed, onBeforeUnmount, onMounted, ref, Ref, inject } from 'vue';
+import { FsPath, Path, statFolderChildren, getWorkspaceInfo, StartedWorkspaceInfo } from '@/parsec';
+import { MsModal, MsCheckbox, MsSpinner, MsSearchInput, askQuestion, Answer } from 'megashark-lib';
+import { DateTime } from 'luxon';
+import { RouterPathNode } from '@/components/header/HeaderBreadcrumbs.vue';
+import HeaderBreadcrumbs from '@/components/header/HeaderBreadcrumbs.vue';
+import { EntryCollection, EntryModel } from '@/components/files';
+import { chevronBack, chevronForward } from 'ionicons/icons';
+import { getFileIcon } from '@/common/file';
+import { FileListItem } from '@/components/files';
+import { currentRouteIs, getDocumentPath, getWorkspaceHandle, Routes } from '@/router';
+import {
+  OperationProgressStateData,
+  FolderCreatedStateData,
+  ImportData,
+  MoveData,
+  FileOperationData,
+  FileOperationManager,
+  FileOperationManagerKey,
+  FileOperationState,
+  StateData,
+  FileOperationDataType,
+  CopyData,
+} from '@/services/fileOperationManager';
+import { wait } from '@/parsec/internals';
+
+const fileOperationManager: FileOperationManager = inject(FileOperationManagerKey)!;
+
+// Replace this with the real workspace creation date when available
+const _MOCK_WORKSPACE_CREATION_DATE = DateTime.fromISO('2024-04-07T12:00:00');
+
+const workspaceInfo: Ref<StartedWorkspaceInfo | null> = ref(null);
+// Default it to 5 seconds ago to not interfere with the `max` value
+const selectedDateTime: Ref<DateTime> = ref(DateTime.now().minus({ seconds: 5 }));
+const backStack: FsPath[] = [];
+const forwardStack: FsPath[] = [];
+const currentPath: Ref<FsPath> = ref('/');
+const headerPath: Ref<RouterPathNode[]> = ref([]);
+const entries: Ref<EntryCollection<EntryModel>> = ref(new EntryCollection<EntryModel>());
+const querying = ref(false);
+let timeoutId: number | null = null;
+const resultFromSearch = ref(false);
+
+const allSelected = computed(() => {
+  return entries.value.selectedCount() === entries.value.entriesCount();
+});
+
+const someSelected = computed(() => {
+  return entries.value.selectedCount() > 0;
+});
+
+onMounted(async () => {
+  const workspaceHandle = getWorkspaceHandle();
+  if (workspaceHandle) {
+    const infoResult = await getWorkspaceInfo(workspaceHandle);
+    if (infoResult.ok) {
+      workspaceInfo.value = infoResult.value;
+    } else {
+      console.error('Failed to retrieve workspace info');
+    }
+  }
+  currentPath.value = getDocumentPath() ?? '/';
+
+  await listFolder();
+});
+
+onBeforeUnmount(async () => {
+  if (timeoutId !== null) {
+    window.clearTimeout(timeoutId);
+    timeoutId = null;
+  }
+});
+
+async function onDateTimeChange(event: DatetimeCustomEvent): Promise<void> {
+  if (!event.detail.value) {
+    return;
+  }
+  selectedDateTime.value = DateTime.fromISO(event.detail.value as string);
+  await listFolder();
+}
+
+async function listFolder(): Promise<void> {
+  if (!currentRouteIs(Routes.History)) {
+    return;
+  }
+  if (!workspaceInfo.value) {
+    return;
+  }
+
+  querying.value = true;
+
+  await wait(1000);
+
+  const workspaceHandle = workspaceInfo.value.handle;
+  const components = await Path.parse(currentPath.value);
+
+  const result = await statFolderChildren(workspaceHandle, currentPath.value, selectedDateTime.value);
+  if (result.ok) {
+    const newEntries: EntryModel[] = [];
+    const entriesList = result.value
+      .filter((entry) => !entry.isConfined())
+      .sort((item1, item2) => Number(item1.isFile()) - Number(item2.isFile()));
+    for (const entry of entriesList) {
+      (entry as EntryModel).isSelected = false;
+      newEntries.push(entry as EntryModel);
+    }
+    entries.value.replace(newEntries);
+  }
+
+  let path = '/';
+  headerPath.value = [];
+  headerPath.value.push({
+    id: 0,
+    display: workspaceInfo.value.currentName,
+    name: '',
+    query: { documentPath: path },
+  });
+  let id = 1;
+  for (const comp of components) {
+    path = await Path.join(path, comp);
+    headerPath.value.push({
+      id: id,
+      display: comp === '/' ? '' : comp,
+      name: '',
+      query: { documentPath: path },
+    });
+    id += 1;
+  }
+
+  querying.value = false;
+}
+
+async function forward(): Promise<void> {
+  const forwardPath = forwardStack.pop();
+
+  if (!forwardPath) {
+    return;
+  }
+  backStack.push(currentPath.value);
+  currentPath.value = forwardPath;
+  await listFolder();
+}
+
+async function back(): Promise<void> {
+  const backPath = backStack.pop();
+
+  if (!backPath) {
+    return;
+  }
+  forwardStack.push(currentPath.value);
+  currentPath.value = backPath;
+  await listFolder();
+}
+
+async function onPathChange(node: RouterPathNode): Promise<void> {
+  forwardStack.splice(0, forwardStack.length);
+  if (node.query && node.query.documentPath) {
+    currentPath.value = node.query.documentPath;
+    await listFolder();
+  }
+}
+
+async function selectAll(selected: boolean): Promise<void> {
+  entries.value.selectAll(selected);
+}
+
+async function onEntryClicked(entry: EntryModel): Promise<void> {
+  if (entry.isFile()) {
+    console.log('click on file');
+  } else {
+    backStack.push(currentPath.value);
+    currentPath.value = await Path.join(currentPath.value, entry.name);
+    await listFolder();
+  }
+}
+
+async function onSearchChanged(value: string): Promise<void> {
+  // If querying, delay
+  if (querying.value) {
+    // Clearing the previous timeout
+    if (timeoutId !== null) {
+      window.clearTimeout(timeoutId);
+    }
+    // Add a timeout with the new value
+    window.setTimeout(async () => {
+      await onSearchChanged(value);
+    }, 500);
+    return;
+  }
+
+  if (!value) {
+    await listFolder();
+    resultFromSearch.value = false;
+  } else {
+    await listFolder();
+    resultFromSearch.value = true;
+  }
+}
+
+async function onRestoreClicked(): Promise<void> {
+  const selectedEntries = entries.value.getSelectedEntries();
+
+  if (selectedEntries.length === 0 || !workspaceInfo.value) {
+    return;
+  }
+  const answer = await askQuestion(
+    'Restore',
+    `Restore ${selectedEntries.length} files, they will overwrite your current file, are you sure?`,
+    { yesText: 'Restore', noText: 'Cancel', yesIsDangerous: true }
+  );
+  if (answer === Answer.No) {
+    return;
+  }
+  for (const entry of selectedEntries) {
+    await fileOperationManager.restoreEntry(workspaceInfo.value.handle, workspaceInfo.value.id, entry.path, selectedDateTime.value);
+  }
+  entries.value.selectAll(false);
+}
+
+</script>
+
+<style scoped lang="scss">
+.folder-container {
+  height: 100%;
+}
+
+.scroll {
+  padding: 0;
+  margin-bottom: 0;
+}
+
+.folder-list-header {
+  &__label {
+    padding: 0.75rem 1rem;
+  }
+  .label-selected {
+    display: flex;
+    align-items: center;
+  }
+
+  .label-space {
+    min-width: 4rem;
+    flex-grow: 0;
+    margin-left: auto;
+  }
+}
+</style>
+