diff --git a/src/components/specific/files/files-manager/FilesManager.vue b/src/components/specific/files/files-manager/FilesManager.vue
index d92904645..243a31375 100644
--- a/src/components/specific/files/files-manager/FilesManager.vue
+++ b/src/components/specific/files/files-manager/FilesManager.vue
@@ -301,7 +301,7 @@ export default {
           if (selectedFileTab.value.id === "folders") {
             // WARNING displayedRows is name from DS, may change
             const folderFiles = filesTable.value.filesTable.displayedRows.map((row) => row.data);
-            documentList = folderFiles.filter(f => !isFolder(f));
+            documentList = folderFiles.filter((f) => !isFolder(f));
           }
           if (selectedFileTab.value.id === "files") {
             documentList = filesTable.value.displayedListFiles;
@@ -663,11 +663,13 @@ export default {
 
     onActivated(() => {
       const folderId = gedTargetFolder.get();
+
       if (folderId) {
-        jumpToTargetFolder(folderId);
+        jumpToTargetFolder(folderId, true);
       } else {
         jumpToTargetFolder(props.fileStructure.id);
       }
+
       gedTargetFolder.clear();
     });
 
diff --git a/src/components/specific/models/models-table/ModelsTable.vue b/src/components/specific/models/models-table/ModelsTable.vue
index d35d88dd4..8ffa59722 100644
--- a/src/components/specific/models/models-table/ModelsTable.vue
+++ b/src/components/specific/models/models-table/ModelsTable.vue
@@ -42,7 +42,7 @@
       <ModelTagsCell :model="model" :parent="modelsTable" />
     </template>
     <template #cell-location="{ row: model }">
-      <div class="visas-table__location">
+      <div class="models-table__location">
         <ModelPathCell
           :model="model"
           :allFolders="allFolders"
diff --git a/src/components/specific/models/models-table/model-path-cell/ModelPathCell.vue b/src/components/specific/models/models-table/model-path-cell/ModelPathCell.vue
index 1eef621eb..c5673962d 100644
--- a/src/components/specific/models/models-table/model-path-cell/ModelPathCell.vue
+++ b/src/components/specific/models/models-table/model-path-cell/ModelPathCell.vue
@@ -11,7 +11,7 @@
           maxWidth="200px"
         />
       </div>
-  
+
       <transition name="fade">
         <div v-if="hovering || showFullPath" class="model-path-cell__location">
           <div
@@ -57,21 +57,15 @@
               <BIMDataIconChevron size="xxxs" fill color="default" />
             </div>
           </div>
-  
-          <span
-            v-else
-            class="folder-name flex items-center"
-            @click.stop="goToGedRoot"
-          >
+
+          <span v-else class="folder-name flex items-center" @click.stop="goToGedRoot">
             <BIMDataIconFolderLocation fill color="primary" margin="0 6px 0 0" />
             {{ $t("t.rootFolder") }}
           </span>
         </div>
       </transition>
     </template>
-    <template v-else>
-      -
-    </template>
+    <template v-else> - </template>
   </div>
 </template>
 
@@ -102,7 +96,7 @@ export default {
     const hovering = ref(false);
     const showFullPath = ref(false);
     const hasLocation = computed(
-      () => ![MODEL_TYPE.META_BUILDING, MODEL_TYPE.PHOTOSPHERE_BUILDING].includes(props.model.type)
+      () => ![MODEL_TYPE.META_BUILDING, MODEL_TYPE.PHOTOSPHERE_BUILDING].includes(props.model.type),
     );
 
     const folderLocation = (model) => {
diff --git a/src/components/specific/projects/project-history-activity/ProjectHistoryActivity.css b/src/components/specific/projects/project-history-activity/ProjectHistoryActivity.css
new file mode 100644
index 000000000..e511e6671
--- /dev/null
+++ b/src/components/specific/projects/project-history-activity/ProjectHistoryActivity.css
@@ -0,0 +1,31 @@
+.history-activity-panel {
+  height: calc(100vh - 44px - 40px - 12px - 12px);
+  overflow: auto;
+  .header {
+    h3 {
+      margin-bottom: 12px;
+      font-size: 18px;
+    }
+  }
+  .input-search {
+    border: 1px solid transparent;
+    border-radius: 3px;
+    &.focus {
+      background-color: var(--color-silver-light);
+      box-shadow: none;
+      border: 1px solid #efefef;
+    }
+  }
+  .day-group {
+    margin-top: 20px;
+    .day-title {
+      font-size: 13px;
+      color: var(--color-granite);
+      margin-bottom: 8px;
+      font-weight: 600;
+    }
+    
+  }
+  
+}
+
diff --git a/src/components/specific/projects/project-history-activity/ProjectHistoryActivity.vue b/src/components/specific/projects/project-history-activity/ProjectHistoryActivity.vue
new file mode 100644
index 000000000..27fb99663
--- /dev/null
+++ b/src/components/specific/projects/project-history-activity/ProjectHistoryActivity.vue
@@ -0,0 +1,146 @@
+<template>
+  <div class="history-activity-panel">
+    <div class="header">
+      <h3>{{ $t("ProjectOverview.activity.title") }}</h3>
+    </div>
+
+    <BIMDataSearch
+      class="input-search"
+      width="95%"
+      :placeholder="$t('t.search')"
+      v-model="searchText"
+      clear
+      color="primary"
+    />
+
+    <template v-if="hasDisplayedLogs">
+      <div v-for="(logs, day) in displayedGroupedLogs" :key="day" class="day-group">
+        <div class="day-title">{{ day }}</div>
+        <ActivityItem
+          v-for="log in logs"
+          :key="log.id"
+          :log="log"
+          :formatTimeAgo="formatTimeAgo"
+          @go-folder="$emit('go-folder', $event)"
+        />
+      </div>
+    </template>
+    <template v-else>
+      <p>{{ $t("ProjectOverview.activity.empty") }}</p>
+    </template>
+  </div>
+</template>
+
+<script>
+import { ref, onMounted, computed, watch } from "vue";
+import { useI18n } from "vue-i18n";
+
+import { getActivityFromLog } from "../../../../config/activity-config.js";
+import { useTimeAgo } from "../../../../composables/time.js";
+import ProjectService from "../../../../services/ProjectService.js";
+
+import ActivityItem from "./activity-item/ActivityItem.vue";
+
+export default {
+  props: {
+    project: Object,
+  },
+  components: {
+    ActivityItem,
+  },
+  emits: ["go-folder"],
+
+  setup(props) {
+    const { t, locale } = useI18n();
+
+    const logs = ref([]);
+    const searchText = ref("");
+
+    const { formatTimeAgo } = useTimeAgo();
+
+    const fetchLogs = async () => {
+      logs.value = [];
+
+      const fetchedLogs = await ProjectService.fetchLogs(props.project);
+
+      logs.value = fetchedLogs
+        .map((log) => {
+          const activity = getActivityFromLog(log);
+
+          if (!activity) return null;
+
+          return {
+            ...log,
+            activity,
+            dateObj: new Date(log.date),
+
+            _search: [
+              log.action,
+              log.user_email,
+              log.project_name,
+              activity?.target,
+              log.path,
+              t(activity?.actionKey ?? ""),
+            ]
+              .filter(Boolean)
+              .join(" ")
+              .toLowerCase(),
+          };
+        })
+        .filter(Boolean);
+    };
+
+    onMounted(fetchLogs);
+
+    watch(() => props.project, fetchLogs);
+
+    const formatDay = (date) => {
+      const today = new Date();
+      const yesterday = new Date();
+
+      yesterday.setDate(today.getDate() - 1);
+
+      if (date.toDateString() === today.toDateString()) {
+        return t("t.today");
+      }
+
+      if (date.toDateString() === yesterday.toDateString()) {
+        return t("t.yesterday");
+      }
+
+      return date.toLocaleDateString(locale.value, {
+        day: "numeric",
+        month: "long",
+        year: "numeric",
+      });
+    };
+
+    const sortedLogs = computed(() => logs.value.slice().sort((a, b) => b.dateObj - a.dateObj));
+
+    const displayedGroupedLogs = computed(() => {
+      const search = searchText.value.trim().toLowerCase();
+
+      return sortedLogs.value
+        .filter((log) => !search || log._search.includes(search))
+        .reduce((groups, log) => {
+          const day = formatDay(log.dateObj);
+
+          groups[day] ??= [];
+          groups[day].push(log);
+
+          return groups;
+        }, {});
+    });
+    const hasDisplayedLogs = computed(() => Object.keys(displayedGroupedLogs.value).length > 0);
+
+    return {
+      displayedGroupedLogs,
+      hasDisplayedLogs,
+      searchText,
+      formatTimeAgo,
+    };
+  },
+};
+</script>
+
+<style scoped src="./ProjectHistoryActivity.css"></style>
diff --git a/src/components/specific/projects/project-history-activity/activity-item/ActivityItem.css b/src/components/specific/projects/project-history-activity/activity-item/ActivityItem.css
new file mode 100644
index 000000000..86b8c403b
--- /dev/null
+++ b/src/components/specific/projects/project-history-activity/activity-item/ActivityItem.css
@@ -0,0 +1,150 @@
+.activity-item {
+  padding: 8px;
+  margin-bottom: 6px;
+  display: flex;
+  border-radius: 12px;
+  gap: 6px;
+  border: 1px solid var(--color-silver-light);
+  transition: 0.2s;
+  cursor: pointer;
+  &:hover {
+    background: #f9fafb;
+  }
+  .icon {
+    width: 26px;
+    height: 26px;
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-right: 6px;
+    font-size: 14px;
+  }
+  .content {
+    flex: 1;
+    min-width: 0;
+    .title {
+      display: flex;
+      align-items: center;
+      gap: 6px;
+      min-width: 0;
+      width: 100%;
+      font-size: 14px;
+      color: var(--color-granite);
+      user-select: none;
+      .title-label {
+        flex: 0 0 auto;
+        min-width: 0;
+        white-space: nowrap;
+      }
+      .target-text {
+        flex: 1 1 auto;
+        min-width: 0;
+      }
+      &:deep() {
+        .target-text .bimdata-textbox__tooltip  {
+          max-width: 100%;
+        }
+      }
+      .primary {
+        color: var(--color-primary);
+        font-weight: 500;
+      }
+    }
+    .date {
+      font-size: 12px;
+      color: #6b7280;
+      margin-top: 4px;
+    }
+    .details {
+      margin: 6px 0;
+      font-size: 11px;
+      color: var(--color-granite-light);
+      .detail {
+        &.detail-path {
+          min-height: 32px;
+          gap: 6px;
+        }
+        span {
+          flex-shrink: 0;
+        }
+        strong, .primary {
+          flex: 1 1 auto;
+          min-width: 0;
+          color: var(--color-primary);
+          font-weight: 500;
+        }
+      }
+    }
+    .meta {
+      font-size: 12px;
+      color: #6b7280;
+      margin-top: 4px;
+      display: flex;
+      align-items: center;
+      gap: 6px;
+      .badge {
+        padding: 3px 8px;
+        border-radius: 50px;
+        font-size: 10px;
+      }
+
+      .user {
+        background: #f3f4f6;
+        padding: 2px 6px;
+        border-radius: 999px;
+        font-size: 10px;
+      }
+    }
+  }
+  .arrow {
+    color: #9ca3af;
+    font-size: 18px;
+  }
+  .blue {
+    background: rgba(32, 93, 189, 0.1);
+    color: var(--color-neutral);
+  }
+  .flame {
+    background: rgba(255, 61, 30, .1);
+    color: var(--color-high);
+  }
+  .green {
+    background: rgba(0, 175, 80, .1);
+    color: var(--color-success);
+  }
+  .middle-blue {
+    background: rgba(0, 136, 224, 0.1);
+    color: #0088E0;
+  }
+  .orange {
+    background: rgba(255, 145, 0, 0.1);
+    color: var(--color-warning);
+  }
+  .pink {
+    background: rgba(227,85,119, 0.1);
+    color: #E35577;
+  }
+  .purple {
+    background: rgba(162,89,234, 0.1);
+    color: #A259EA;
+  }
+  .red {
+    background: rgba(188, 0, 10, 0.1);
+    color: var(--color-danger);
+  }
+  .teal {
+    background: rgba(27, 155, 162, 0.1);
+    color: #1B9BA2;
+  }
+  .expand-enter-active,
+  .expand-leave-active {
+    transition: all 0.2s ease;
+  }
+
+  .expand-enter-from,
+  .expand-leave-to {
+    opacity: 0;
+    transform: translateY(-5px);
+  }
+}
\ No newline at end of file
diff --git a/src/components/specific/projects/project-history-activity/activity-item/ActivityItem.vue b/src/components/specific/projects/project-history-activity/activity-item/ActivityItem.vue
new file mode 100644
index 000000000..d213c603e
--- /dev/null
+++ b/src/components/specific/projects/project-history-activity/activity-item/ActivityItem.vue
@@ -0,0 +1,124 @@
+<template>
+  <div class="activity-item" @click="toggle">
+    <div class="icon" :class="log.activity.class">
+      <BIMDataIcon :name="log.activity.icon" size="xxs" />
+    </div>
+
+    <div class="content">
+      <div class="title">
+        <span class="title-label">
+          {{ $t(log.activity.actionKey, log.activity.params) }}
+        </span>
+
+        <BIMDataTextbox
+          v-if="log.activity.target"
+          class="primary target-text"
+          :text="log.activity.target"
+        />
+      </div>
+
+      <div class="date">
+        {{ formatTimeAgo(log.dateObj) }}
+        - {{ $d(log.dateObj, "long") }}
+      </div>
+
+      <transition name="expand">
+        <div v-if="isOpen" class="details">
+          <div v-if="log.activity.details.path" class="detail detail-path flex items-center">
+            <BIMDataIconFolderLocation fill color="primary" />
+            <span>{{ $t("ProjectOverview.activity.folderTitle") }}</span>
+            <BIMDataTextbox
+              class="primary"
+              :text="log.activity.details.path"
+              width="80%"
+              @click.stop="
+                $emit('go-folder', {
+                  id: log.activity.details.folderId,
+                  path: log.activity.details.path,
+                })
+              "
+            />
+          </div>
+
+          <div v-if="log.activity.details.roleKey" class="detail">
+            {{ $t("ProjectOverview.activity.roleTitle") }}
+            <strong>
+              {{ $t(`ProjectOverview.activity.roles.${log.activity.details.roleKey}`) }}
+            </strong>
+          </div>
+
+          <div v-if="log.activity.details.oldPermissionKey" class="detail">
+            {{ $t("ProjectOverview.activity.oldPermissionTitle") }}
+            <strong>
+              {{
+                $t(`ProjectOverview.activity.permissions.${log.activity.details.oldPermissionKey}`)
+              }}
+            </strong>
+          </div>
+
+          <div v-if="log.activity.details.newPermissionKey" class="detail">
+            {{ $t("ProjectOverview.activity.newPermissionTitle") }}
+            <strong>
+              {{
+                $t(`ProjectOverview.activity.permissions.${log.activity.details.newPermissionKey}`)
+              }}
+            </strong>
+          </div>
+
+          <div v-if="log.activity.details.oldName" class="detail">
+            {{ $t("ProjectOverview.activity.oldNameTitle") }}
+            <strong>{{ log.activity.details.oldName }}</strong>
+          </div>
+
+          <div v-if="log.activity.details.newName" class="detail">
+            {{ $t("ProjectOverview.activity.newNameTitle") }}
+            <strong>{{ log.activity.details.newName }}</strong>
+          </div>
+        </div>
+      </transition>
+
+      <div class="meta">
+        <span class="badge" :class="log.activity.class">
+          {{ $t(log.activity.badgeKey) }}
+        </span>
+
+        <span class="user">
+          {{ log.activity.userEmail }}
+        </span>
+      </div>
+    </div>
+
+    <div class="arrow">
+      <BIMDataIconChevron fill color="default" size="xxs" :rotate="isOpen ? 90 : 0" />
+    </div>
+  </div>
+</template>
+
+<script>
+import { ref } from "vue";
+
+export default {
+  props: {
+    log: {
+      type: Object,
+      required: true,
+    },
+    formatTimeAgo: {
+      type: Function,
+      required: true,
+    },
+  },
+  setup(props) {
+    const isOpen = ref(false);
+
+    const toggle = () => (isOpen.value = !isOpen.value);
+
+    return {
+      isOpen,
+      toggle,
+    };
+  },
+};
+</script>
+
+<style scoped src="./ActivityItem.css"></style>
diff --git a/src/components/specific/projects/project-notifications-settings/ProjectNotificationsSettings.css b/src/components/specific/projects/project-notifications-settings/ProjectNotificationsSettings.css
index b84fee9c7..44a61341b 100644
--- a/src/components/specific/projects/project-notifications-settings/ProjectNotificationsSettings.css
+++ b/src/components/specific/projects/project-notifications-settings/ProjectNotificationsSettings.css
@@ -1,8 +1,7 @@
 .project-notifications-settings {
-  padding: 0 6px;
-  height: 100%;
+  height: calc(100% - var(--spacing-unit) - 12px);
   .content {
-    height: calc(100% - 32px - 32px);
+    height: calc(100% - 32px - 6px);
     overflow: auto;
     .content-text {
       color: var(--color-granite);
@@ -11,9 +10,6 @@
       line-height: 160%;
     }
 
-  }
-  .header {
-    
   }
   .footer {
     left: 0;
diff --git a/src/components/specific/projects/project-notifications-settings/ProjectNotificationsSettings.vue b/src/components/specific/projects/project-notifications-settings/ProjectNotificationsSettings.vue
index 0a62a95aa..69019b511 100644
--- a/src/components/specific/projects/project-notifications-settings/ProjectNotificationsSettings.vue
+++ b/src/components/specific/projects/project-notifications-settings/ProjectNotificationsSettings.vue
@@ -1,19 +1,5 @@
 <template>
   <div class="project-notifications-settings p-b-12">
-    <div class="header flex items-center justify-between">
-      <BIMDataButton color="primary" ghost radius icon @click="$emit('close')">
-        <BIMDataIconArrow size="xxs" />
-        <span style="margin-left: 6px">{{ $t("t.back") }}</span>
-      </BIMDataButton>
-      <div class="flex items-center">
-        <BIMDataIconSettings fill color="default" margin="0 6px 0 0" size="xs" />
-        <span>{{ $t("ProjectOverview.notifications.title") }}</span>
-      </div>
-      <BIMDataButton ghost rounded icon @click="$emit('close')">
-        <BIMDataIconClose size="xxs" fill color="granite-light" />
-      </BIMDataButton>
-    </div>
-
     <div class="content p-x-6">
       <div class="content-text m-t-12">
         <p class="text-center">
@@ -149,7 +135,7 @@ watch(
       initializeStateFromNotification(newNotification);
     }
   },
-  { immediate: true }
+  { immediate: true },
 );
 
 const handleDeleteNotification = async () => {
diff --git a/src/composables/time.js b/src/composables/time.js
new file mode 100644
index 000000000..8a39696c0
--- /dev/null
+++ b/src/composables/time.js
@@ -0,0 +1,21 @@
+import { useI18n } from "vue-i18n";
+
+export function useTimeAgo() {
+  const { t } = useI18n();
+
+  const formatTimeAgo = (dateObj) => {
+    const diff = Math.floor((Date.now() - dateObj) / 1000);
+
+    if (diff < 60) return t("t.just_now");
+    if (diff < 3600) {
+      return t("t.minutes_ago", { count: Math.floor(diff / 60) });
+    }
+    if (diff < 86400) {
+      return t("t.hours_ago", { count: Math.floor(diff / 3600) });
+    }
+
+    return t("t.days_ago", { count: Math.floor(diff / 86400) });
+  };
+
+  return { formatTimeAgo };
+}
diff --git a/src/config/activity-config.js b/src/config/activity-config.js
new file mode 100644
index 000000000..befe937b3
--- /dev/null
+++ b/src/config/activity-config.js
@@ -0,0 +1,204 @@
+import { PROJECT_ROLE } from "./projects.js";
+import { FILE_PERMISSION } from "./files.js";
+
+const roleList = {
+  [PROJECT_ROLE.ADMIN]: "admin",
+  [PROJECT_ROLE.USER]: "user",
+  [PROJECT_ROLE.GUEST]: "guest",
+};
+
+const PERMISSION_LIST = [
+  { id: "default", value: FILE_PERMISSION.DEFAULT },
+  { id: "accessDenied", value: FILE_PERMISSION.ACCESS_DENIED },
+  { id: "readOnly", value: FILE_PERMISSION.READ_ONLY },
+  { id: "readWrite", value: FILE_PERMISSION.READ_WRITE },
+];
+
+const getFileName = (path) => path?.split("/").pop() || "";
+
+const ACTION_CONFIG = {
+  document_created: {
+    actionKey: "ProjectOverview.activity.document_created",
+    getTarget: (log) => getFileName(log.description?.path),
+    icon: "DocumentCreated",
+    class: "blue",
+    badgeKey: "ProjectOverview.activity.badge.document_created",
+  },
+
+  document_deleted: {
+    actionKey: "ProjectOverview.activity.document_deleted",
+    getTarget: (log) => getFileName(log.description?.path),
+    icon: "DocumentDeleted",
+    class: "flame",
+    badgeKey: "ProjectOverview.activity.badge.document_deleted",
+  },
+
+  document_renamed: {
+    actionKey: "ProjectOverview.activity.document_renamed",
+    getTarget: (log) => getFileName(log.description?.old_path),
+    params: (log) => ({
+      oldName: getFileName(log.description?.old_path),
+      newName: getFileName(log.description?.new_path),
+    }),
+    icon: "DocumentRenamed",
+    class: "purple",
+    badgeKey: "ProjectOverview.activity.badge.document_renamed",
+  },
+
+  document_moved: {
+    actionKey: "ProjectOverview.activity.document_moved",
+    getTarget: (log) => log.project_name,
+    icon: "DocumentMoved",
+    class: "teal",
+    badgeKey: "ProjectOverview.activity.badge.document_moved",
+  },
+
+  folder_created: {
+    actionKey: "ProjectOverview.activity.folder_created",
+    getTarget: (log) => getFileName(log.description?.path),
+    icon: "FolderCreated",
+    class: "blue",
+    badgeKey: "ProjectOverview.activity.badge.folder_created",
+  },
+
+  folder_deleted: {
+    actionKey: "ProjectOverview.activity.folder_deleted",
+    getTarget: (log) => getFileName(log.description?.path),
+    icon: "FolderDeleted",
+    class: "flame",
+    badgeKey: "ProjectOverview.activity.badge.folder_deleted",
+  },
+
+  folder_renamed: {
+    actionKey: "ProjectOverview.activity.folder_renamed",
+    getTarget: (log) => getFileName(log.description?.old_path),
+    params: (log) => ({
+      oldName: getFileName(log.description?.old_path),
+      newName: getFileName(log.description?.new_path),
+    }),
+    icon: "FolderRenamed",
+    class: "purple",
+    badgeKey: "ProjectOverview.activity.badge.folder_renamed",
+  },
+
+  folder_moved: {
+    actionKey: "ProjectOverview.activity.folder_moved",
+    getTarget: (log) => log.description?.old_path,
+    params: (log) => ({
+      oldPath: log.description?.old_path,
+      newPath: log.description?.new_path,
+    }),
+    icon: "FolderMoved",
+    class: "teal",
+    badgeKey: "ProjectOverview.activity.badge.folder_moved",
+  },
+
+  cloud_invitation_sent: {
+    actionKey: "ProjectOverview.activity.cloud_invitation_sent",
+    getTarget: (log) => log.description?.email,
+    icon: "CloudInvitationSent",
+    class: "middle-blue",
+    badgeKey: "ProjectOverview.activity.badge.cloud_invitation_sent",
+  },
+
+  cloud_invitation_canceled: {
+    actionKey: "ProjectOverview.activity.cloud_invitation_canceled",
+    getTarget: (log) => log.description?.email,
+    icon: "CloudInvitationCancelled",
+    class: "orange",
+    badgeKey: "ProjectOverview.activity.badge.cloud_invitation_canceled",
+  },
+
+  cloud_invitation_accepted: {
+    actionKey: "ProjectOverview.activity.cloud_invitation_accepted",
+    getTarget: (log) => log.description?.email,
+    icon: "CloudInvitationAccepted",
+    class: "green",
+    badgeKey: "ProjectOverview.activity.badge.cloud_invitation_accepted",
+  },
+
+  cloud_invitation_denied: {
+    actionKey: "ProjectOverview.activity.cloud_invitation_denied",
+    getTarget: (log) => log.description?.email,
+    icon: "CloudInvitationDenied",
+    class: "red",
+    badgeKey: "ProjectOverview.activity.badge.cloud_invitation_denied",
+  },
+
+  project_invitation_sent: {
+    actionKey: "ProjectOverview.activity.project_invitation_sent",
+    getTarget: (log) => log.description?.invited_email,
+    icon: "ProjectInvitationSent",
+    class: "middle-blue",
+    badgeKey: "ProjectOverview.activity.badge.project_invitation_sent",
+  },
+
+  project_invitation_canceled: {
+    actionKey: "ProjectOverview.activity.project_invitation_canceled",
+    getTarget: (log) => log.description?.email,
+    icon: "ProjectInvitationCancelled",
+    class: "orange",
+    badgeKey: "ProjectOverview.activity.badge.project_invitation_canceled",
+  },
+
+  project_invitation_accepted: {
+    actionKey: "ProjectOverview.activity.project_invitation_accepted",
+    getTarget: (log) => log.user_email,
+    params: (log) => ({
+      senderEmail: log.sender_email,
+    }),
+    icon: "ProjectInvitationAccepted",
+    class: "green",
+    badgeKey: "ProjectOverview.activity.badge.project_invitation_accepted",
+  },
+
+  project_invitation_denied: {
+    actionKey: "ProjectOverview.activity.project_invitation_denied",
+    getTarget: (log) => log.description?.email,
+    icon: "ProjectInvitationDenied",
+    class: "red",
+    badgeKey: "ProjectOverview.activity.badge.project_invitation_denied",
+  },
+};
+
+export const getActivityFromLog = (log) => {
+  const config = ACTION_CONFIG[log.action] || ACTION_CONFIG.default;
+
+  if (!config) {
+    return null;
+  }
+
+  const roleKey = roleList[log.description?.project_role];
+
+  const newPermissionEntry = PERMISSION_LIST.find(
+    (entry) => entry.value === log.description?.new_permission,
+  );
+  const oldPermissionEntry = PERMISSION_LIST.find(
+    (entry) => entry.value === log.description?.old_permission,
+  );
+
+  const newPermissionKey = newPermissionEntry ? newPermissionEntry.id : null;
+  const oldPermissionKey = oldPermissionEntry ? oldPermissionEntry.id : null;
+
+  return {
+    actionKey: config.actionKey,
+    target: config.getTarget?.(log),
+    userEmail: log.description?.sender_email || log.user_email,
+    params: config.params?.(log),
+    icon: config.icon,
+    class: config.class,
+    badgeKey: config.badgeKey,
+
+    details: {
+      path: log.description?.path,
+      folderId: log.description?.folder_id,
+      roleKey,
+      newPermissionKey,
+      oldPermissionKey,
+      oldName: getFileName(log.description?.old_path),
+      newName: getFileName(log.description?.new_path),
+      oldPath: log.description?.old_path,
+      newPath: log.description?.new_path,
+    },
+  };
+};
diff --git a/src/i18n/lang/en.json b/src/i18n/lang/en.json
index 80030c740..f46a53724 100644
--- a/src/i18n/lang/en.json
+++ b/src/i18n/lang/en.json
@@ -24,6 +24,71 @@
       "permission": "You don't have the required rights",
       "size": "You don't have enough storage space"
     },
+    "title": "Project Activity",
+    "historyActivityTab": "Activity History",
+    "notificationSettingsTab": "Email Notifications",
+    "activity": {
+      "empty": "No recent activity",
+      "title": "Activity history",
+      "folderTitle": "Folder:",
+      "roleTitle": "Role:",
+      "newPermissionTitle": "New rights:",
+      "oldPermissionTitle": "Old rights:",
+      "oldNameTitle": "Old name:",
+      "newNameTitle": "New name:",
+      "document_created": "File uploaded:",
+      "document_deleted": "File deleted:",
+      "document_renamed": "File renamed:",
+      "document_moved": "File moved:",
+
+      "folder_created": "Folder created:",
+      "folder_deleted": "Folder deleted:",
+      "folder_permissions_updated": "Folder permissions updated:",
+      "folder_renamed": "Folder renamed:",
+      "folder_moved": "Folder moved:",
+
+      "cloud_invitation_sent": "Invitation sent to:",
+      "cloud_invitation_canceled": "Invitation canceled for:",
+      "cloud_invitation_accepted": "Invitation accepted by:",
+      "cloud_invitation_denied": "Invitation denied by:",
+
+      "project_invitation_sent": "Project invitation sent to:",
+      "project_invitation_canceled": "Project invitation canceled for:",
+      "project_invitation_accepted": "Project invitation accepted by:",
+      "project_invitation_denied": "Project invitation denied by:",
+      "roles": {
+        "admin": "Administrator",
+        "user": "User",
+        "guest": "Guest"
+      },
+      "permissions": {
+        "default": "Default",
+        "accessDenied": "Access denied",
+        "readOnly": "Read only",
+        "readWrite": "Read / Write"
+      },
+      "badge": {
+        "document_created": "File uploaded ",
+        "document_deleted": "File deleted ",
+        "document_renamed": "File renamed ",
+        "document_moved": "File moved ",
+        "folder_created": "Folder created ",
+        "folder_deleted": "Folder deleted ",
+        "folder_permissions_updated": "Folder permissions updated",
+        "folder_renamed": "Folder renamed",
+        "folder_moved": "Folder moved",
+
+        "cloud_invitation_sent": "Invitation sent",
+        "cloud_invitation_canceled": "Invitation canceled",
+        "cloud_invitation_accepted": "Invitation accepted",
+        "cloud_invitation_denied": "Invitation denied",
+
+        "project_invitation_sent": "Project invitation sent",
+        "project_invitation_canceled": "Project invitation canceled",
+        "project_invitation_accepted": "Project invitation accepted",
+        "project_invitation_denied": "Project invitation denied"
+      }
+    },
     "notifications": {
       "title": "Email notification settings",
       "headerText": "The BIMData project settings allow you to manage the types and frequency of notifications to create a personalized follow-up experience.",
@@ -971,4 +1036,4 @@
     "title": "Delete {visasCount} visas",
     "message": "You are about to delete the visas on the following files:"
   }
-}
\ No newline at end of file
+}
diff --git a/src/i18n/lang/fr.json b/src/i18n/lang/fr.json
index b3128d827..0c2fb052f 100644
--- a/src/i18n/lang/fr.json
+++ b/src/i18n/lang/fr.json
@@ -12,6 +12,7 @@
     "createdBy": "Créé par",
     "close": "Fermer",
     "date": "Date",
+    "days_ago": "il y a {count} jour | il y a {count} jours",
     "delete": "Supprimer",
     "description": "Description",
     "download": "Télécharger",
@@ -25,10 +26,13 @@
     "exportXlsx": "Exporter en Excel",
     "file": "Fichier",
     "folder": "Dossier",
+    "hours_ago": "il y a {count} heure | il y a {count} heures",
     "import": "Importer",
     "invalidName": "Nom invalide",
+    "just_now": "À l'instant",
     "leave": "Quitter",
     "location": "Emplacement",
+    "minutes_ago": "il y a {count} minute | il y a {count} minutes",
     "modifiedOn": "Modifié le",
     "modify": "Modifier",
     "name": "Nom",
@@ -47,12 +51,14 @@
     "spaces": "Espaces",
     "status": "Statut",
     "success": "Succès",
+    "today": "Aujourd’hui",
     "type": "Type",
     "unarchive": "Désarchiver",
     "validate": "Valider",
     "validation": "Validations",
     "validator": "Validants",
-    "verify": "Vérifier"
+    "verify": "Vérifier",
+    "yesterday": "Hier"
   },
   "OidcCallbackError": {
     "message": "Une erreur s'est produite lors de l'authentification...",
@@ -86,6 +92,71 @@
       "permission": "Vous n'avez pas les droits requis",
       "size": "Vous ne disposez plus assez d'espace de stockage"
     },
+    "title": "Activité projet",
+    "historyActivityTab": "Historique d'activité",
+    "notificationSettingsTab": "Notifications mail",
+    "activity": {
+      "empty": "Aucune activité récente",
+      "title": "Historique d’activité",
+      "folderTitle": "Dossier :",
+      "roleTitle": "Rôle :",
+      "newPermissionTitle": "Nouveaux droits :",
+      "oldPermissionTitle": "Anciens droits :",
+      "oldNameTitle": "Ancien nom :",
+      "newNameTitle": "Nouveau nom :",
+      "document_created": "Dépôt du fichier :",
+      "document_deleted": "Suppression du fichier :",
+      "document_renamed": "Renommage du fichier :",
+      "document_moved": "Déplacement du fichier :",
+
+      "folder_created": "Création du dossier :",
+      "folder_deleted": "Suppression du dossier :",
+      "folder_permissions_updated": "Modification des permissions du dossier :",
+      "folder_renamed": "Renommage du dossier :",
+      "folder_moved": "Déplacement du dossier :",
+
+      "cloud_invitation_sent": "Invitation envoyée à :",
+      "cloud_invitation_canceled": "Invitation annulée pour :",
+      "cloud_invitation_accepted": "Invitation acceptée par :",
+      "cloud_invitation_denied": "Invitation refusée par :",
+
+      "project_invitation_sent": "Invitation projet envoyée à :",
+      "project_invitation_canceled": "Invitation projet annulée pour :",
+      "project_invitation_accepted": "Invitation projet acceptée par :",
+      "project_invitation_denied": "Invitation projet refusée par :",
+      "roles": {
+        "admin": "Administrateur",
+        "user": "Utilisateur",
+        "guest": "Invité"
+      },
+      "permissions": {
+        "default": "Par défaut",
+        "accessDenied": "Accès refusé",
+        "readOnly": "Lecture seule",
+        "readWrite": "Lecture / Écriture"
+      },
+      "badge": {
+        "document_created": "Dépôt du fichier ",
+        "document_deleted": "Suppression du fichier ",
+        "document_renamed": "Renommage du fichier ",
+        "document_moved": "Déplacement du fichier ",
+        "folder_created": "Création du dossier ",
+        "folder_deleted": "Suppression du dossier ",
+        "folder_permissions_updated": "Modification des droits d’accès",
+        "folder_renamed": "Renommage du dossier",
+        "folder_moved": "Déplacement du dossier",
+
+        "cloud_invitation_sent": "Invitation envoyée",
+        "cloud_invitation_canceled": "Invitation annulée",
+        "cloud_invitation_accepted": "Invitation acceptée",
+        "cloud_invitation_denied": "Invitation refusée",
+
+        "project_invitation_sent": "Invitation projet envoyée",
+        "project_invitation_canceled": "Invitation projet annulée",
+        "project_invitation_accepted": "Invitation projet acceptée",
+        "project_invitation_denied": "Invitation projet refusée"
+      }
+    },
     "notifications": {
       "title": "Paramètres notification mail",
       "headerText": "Les paramètres projet de BIMData permettent de gérer les types et la fréquence des notifications pour un suivi personnalisé.",
@@ -462,6 +533,7 @@
     "title": "Gestion des membres du groupe"
   },
   "Errors": {
+    "logsFetchError": "Impossible de récupérer les logs du projet",
     "spacesFetchError": "Impossible de récupérer la liste des espaces",
     "spaceCreateError": "Erreur lors de la création de l'espace",
     "spaceUpdateError": "Erreur de mise à jour de l'espace",
@@ -989,4 +1061,4 @@
     "title": "Suppression de {visasCount} visas",
     "message": "Vous êtes sur le point de supprimer les visas sur les fichiers suivants :"
   }
-}
\ No newline at end of file
+}
diff --git a/src/main.js b/src/main.js
index 605555052..1a68d5ba9 100644
--- a/src/main.js
+++ b/src/main.js
@@ -11,7 +11,6 @@ import ErrorService from "./services/ErrorService.js";
 
 import App from "./App.vue";
 
-
 const app = createApp(App)
   .use(i18n)
   .use(router)
@@ -25,7 +24,7 @@ for (const [name, component] of Object.entries(globalComponents)) {
 }
 
 // Setup global error handler
-app.config.errorHandler = error => {
+app.config.errorHandler = (error) => {
   ErrorService.handleError(error);
 };
 
diff --git a/src/services/ErrorService.js b/src/services/ErrorService.js
index 2898841d5..811667e99 100644
--- a/src/services/ErrorService.js
+++ b/src/services/ErrorService.js
@@ -2,6 +2,7 @@ import { useAppNotification } from "../components/specific/app/app-notification/
 import i18n from "../i18n/index.js";
 
 const ERRORS = Object.freeze({
+  LOGS_FETCH_ERROR: "logsFetchError",
   ORGANIZATIONS_FETCH_ERROR: "organizationsFetchError",
   ORGANIZATION_CREATE_ERROR: "organizationCreateError",
   ORGANIZATION_UPDATE_ERROR: "organizationUpdateError",
@@ -85,7 +86,7 @@ const ERRORS = Object.freeze({
   DATAPACK_UPDATE_ERROR: "datapackUpdateError",
   BCF_IMPORT_ERROR: "bcfImportError",
   BCF_EXPORT_ERROR: "bcfExportError",
-  BCF_DELETE_ERROR: "bcfDeleteError"
+  BCF_DELETE_ERROR: "bcfDeleteError",
 });
 
 class RuntimeError {
@@ -112,7 +113,7 @@ class ErrorService {
     this.notify({
       type: "error",
       title: this.t("t.error"),
-      message: this.t(`Errors.${errorId}`)
+      message: this.t(`Errors.${errorId}`),
     });
   }
 }
diff --git a/src/services/ProjectService.js b/src/services/ProjectService.js
index 6ba61d478..9562c60f1 100644
--- a/src/services/ProjectService.js
+++ b/src/services/ProjectService.js
@@ -110,7 +110,7 @@ class ProjectService {
       return await apiClient.collaborationApi.cancelProjectUserInvitation(
         project.cloud.id,
         invitation.id,
-        project.id
+        project.id,
       );
     } catch (error) {
       throw new RuntimeError(ERRORS.INVITATION_CANCEL_ERROR, error);
@@ -123,7 +123,7 @@ class ProjectService {
         project.cloud.id,
         user.id,
         project.id,
-        { role: user.role }
+        { role: user.role },
       );
     } catch (error) {
       throw new RuntimeError(ERRORS.USER_UPDATE_ERROR, error);
@@ -135,7 +135,7 @@ class ProjectService {
       return await apiClient.collaborationApi.deleteProjectUser(
         project.cloud.id,
         user.id,
-        project.id
+        project.id,
       );
     } catch (error) {
       throw new RuntimeError(ERRORS.USER_DELETE_ERROR, error);
@@ -155,7 +155,7 @@ class ProjectService {
       return await apiClient.collaborationApi.getFolderProjectUsers(
         project.cloud.id,
         folder.id,
-        project.id
+        project.id,
       );
     } catch (error) {
       throw new RuntimeError(ERRORS.USERS_PROJECT_FETCH_ERROR, error);
@@ -175,7 +175,7 @@ class ProjectService {
     try {
       res = await backendClient.get(`/cloud/${spaceId}/project/${projectId}/notification`);
     } catch (error) {
-      if(error.status === 404) {
+      if (error.status === 404) {
         res = null; // No notification found
       } else {
         console.error("Error fetching project notification:", error);
@@ -191,6 +191,14 @@ class ProjectService {
   deleteProjectNotification(spaceId, projectId) {
     return backendClient.delete(`/cloud/${spaceId}/project/${projectId}/notification`);
   }
+
+  async fetchLogs(project) {
+    try {
+      return await apiClient.collaborationApi.getLogs(project.cloud.id, project.id);
+    } catch (error) {
+      throw new RuntimeError(ERRORS.LOGS_FETCH_ERROR, error);
+    }
+  }
 }
 
 const service = new ProjectService();
diff --git a/src/state/projects.js b/src/state/projects.js
index c4cda543e..ea9da1ecc 100644
--- a/src/state/projects.js
+++ b/src/state/projects.js
@@ -25,7 +25,7 @@ const setCurrentProject = (id) => {
   return readonly(state.currentProject);
 };
 
-const loadUserProjects = async options => {
+const loadUserProjects = async (options) => {
   const projects = await ProjectService.fetchUserProjects(options);
 
   state.userProjects = sortProjects(projects);
@@ -80,7 +80,7 @@ const updateProject = async (project) => {
     state.currentProject = newProject;
   }
 
-  let i = state.userProjects.findIndex(p => p.id === newProject.id);
+  let i = state.userProjects.findIndex((p) => p.id === newProject.id);
   state.userProjects.splice(i, 1, newProject);
   state.spaceProjects.splice(i, 1, newProject);
 
@@ -90,7 +90,7 @@ const updateProject = async (project) => {
 const deleteProject = async (project) => {
   await ProjectService.deleteProject(project);
 
-  let i = state.userProjects.findIndex(p => p.id === project.id);
+  let i = state.userProjects.findIndex((p) => p.id === project.id);
   state.userProjects.splice(i, 1);
   state.spaceProjects.splice(i, 1);
   state.projectsCount[project.cloud.id] -= 1;
@@ -101,7 +101,7 @@ const deleteProject = async (project) => {
 const leaveProject = async (project) => {
   await ProjectService.leaveProject(project);
 
-  let i = state.userProjects.findIndex(p => p.id === project.id);
+  let i = state.userProjects.findIndex((p) => p.id === project.id);
   state.userProjects.splice(i, 1);
   state.spaceProjects.splice(i, 1);
   state.projectsCount[project.cloud.id] -= 1;
@@ -140,19 +140,23 @@ const getUserProjectList = async (project, folder) => {
   users = sortUsers(users).filter((user) => !isSelf(user));
 
   return users.map((user) => ({
-      ...user,
-      fullName: fullName(user),
-      hasAccess: user.permission >= 50,
-      isFindable: true,
-      searchContent:
-        `${user.firstname || ""} ${user.lastname || ""} ${user.email || ""}`.toLowerCase(),
-    }));
+    ...user,
+    fullName: fullName(user),
+    hasAccess: user.permission >= 50,
+    isFindable: true,
+    searchContent:
+      `${user.firstname || ""} ${user.lastname || ""} ${user.email || ""}`.toLowerCase(),
+  }));
 };
 
-const getProjectFolderTree = async (project) => {
+const getProjectFolderTree = (project) => {
   return ProjectService.getProjectFolderTree(project);
 };
 
+const fetchLogs = (project) => {
+  return ProjectService.fetchLogs(project);
+};
+
 const fetchProjectNotification = async (spaceId, projectId) => {
   try {
     const res = await ProjectService.fetchProjectNotification(spaceId, projectId);
@@ -203,6 +207,6 @@ export function useProjects() {
     getProjectFolderTree,
     fetchProjectNotification,
     updateProjectNotification,
-    deleteProjectNotification
+    deleteProjectNotification,
   };
 }
diff --git a/src/views/project-board/ProjectBoard.scss b/src/views/project-board/ProjectBoard.scss
index 98cfef374..d39ec70ef 100644
--- a/src/views/project-board/ProjectBoard.scss
+++ b/src/views/project-board/ProjectBoard.scss
@@ -20,7 +20,6 @@
       align-items: center;
       gap: var(--spacing-unit);
     }
-
     &:deep() {
       .bimdata-tabs__container__tab.active {
         background-color: rgba(47, 55, 74, 0.1);
diff --git a/src/views/project-board/ProjectBoard.vue b/src/views/project-board/ProjectBoard.vue
index c78009478..24529bd07 100644
--- a/src/views/project-board/ProjectBoard.vue
+++ b/src/views/project-board/ProjectBoard.vue
@@ -15,12 +15,10 @@
           :tabs="tabs"
           :selected="currentTab.id"
           @tab-click="changeView($event.id)"
+          :dark="false"
         >
           <template #tab="{ tab }">
-            <span
-              :data-test-id="`project-tab-${tab.id}`"
-              class="flex item-center"
-            >
+            <span :data-test-id="`project-tab-${tab.id}`" class="flex item-center">
               <BIMDataIcon v-if="isMD" :name="tab.icon" size="xs" />
               <span v-else>
                 {{ $t(`ProjectBoard.tabs.${tab.id}`) }}
@@ -33,9 +31,7 @@
       <template #right>
         <div class="project-board__header__actions">
           <SpaceSizeInfo
-            v-if="
-              IS_SUBSCRIPTION_ENABLED && isSpaceAdmin(space) && currentTab.id !== 'bcf'
-            "
+            v-if="IS_SUBSCRIPTION_ENABLED && isSpaceAdmin(space) && currentTab.id !== 'bcf'"
             :space="space"
             :spaceSubInfo="spaceSubInfo"
           />
@@ -47,7 +43,7 @@
     <div class="project-board__body">
       <Transition name="fade" mode="out-in">
         <KeepAlive>
-          <component :is="currentView" @go-folders-view="changeView('files')"  />
+          <component :is="currentView" @go-folders-view="changeView('files')" />
         </KeepAlive>
       </Transition>
     </div>
@@ -84,22 +80,22 @@ import ProjectOverview from "./project-overview/ProjectOverview.vue";
 const PROJECT_VIEWS = {
   overview: "ProjectOverview",
   files: "ProjectFiles",
-  bcf: "ProjectBcf"
+  bcf: "ProjectBcf",
 };
 
 const tabsDef = [
   {
     id: "overview",
-    icon: "ifcFile"
+    icon: "ifcFile",
   },
   {
     id: "files",
-    icon: "folder"
+    icon: "folder",
   },
   {
     id: "bcf",
-    icon: "bcf"
-  }
+    icon: "bcf",
+  },
 ];
 
 export default {
@@ -113,7 +109,7 @@ export default {
     ProjectOverview,
     SpaceSizeInfo,
     SubscriptionStatusBanner,
-    ViewHeader
+    ViewHeader,
   },
   setup() {
     const route = useRoute();
@@ -128,13 +124,13 @@ export default {
       () =>
         isFreeSpace(currentSpace.value) &&
         isUserOrga(currentSpace.value) &&
-        isFullTotal(spaceSubInfo.value)
+        isFullTotal(spaceSubInfo.value),
     );
     provide("shouldSubscribe", shouldSubscribe);
 
     const currentTab = ref(tabsDef[0]);
     const currentView = ref(PROJECT_VIEWS[DEFAULT_PROJECT_VIEW]);
-    const changeView = key => {
+    const changeView = (key) => {
       const viewKey = PROJECT_VIEWS[key] ? key : DEFAULT_PROJECT_VIEW;
 
       projectView.set(currentProject.value.id, viewKey);
@@ -147,21 +143,17 @@ export default {
     onBeforeMount(() => {
       // Look for current project view in route hash.
       // Otherwise get current view from session storage.
-      const viewKey =
-        route.hash.slice(1) || projectView.get(currentProject.value.id);
+      const viewKey = route.hash.slice(1) || projectView.get(currentProject.value.id);
       // Restore current project view for this project.
       changeView(viewKey);
     });
 
-    useInterval(
-      () => {
-        if (currentView.value === PROJECT_VIEWS.overview) {
-          loadProjectUsers(currentProject.value);
-          loadProjectInvitations(currentProject.value);
-        }
-      },
-      10000
-    );
+    useInterval(() => {
+      if (currentView.value === PROJECT_VIEWS.overview) {
+        loadProjectUsers(currentProject.value);
+        loadProjectInvitations(currentProject.value);
+      }
+    }, 10000);
 
     return {
       // References
@@ -176,9 +168,9 @@ export default {
       isSpaceAdmin,
       closeSidePanel,
       // Responsive breakpoints
-      ...useStandardBreakpoints()
+      ...useStandardBreakpoints(),
     };
-  }
+  },
 };
 </script>
 
diff --git a/src/views/project-board/project-overview/ProjectOverview.vue b/src/views/project-board/project-overview/ProjectOverview.vue
index c3f541c56..92d52c076 100644
--- a/src/views/project-board/project-overview/ProjectOverview.vue
+++ b/src/views/project-board/project-overview/ProjectOverview.vue
@@ -1,7 +1,14 @@
 <template>
   <div class="project-overview">
     <AppSlotContent name="project-board-action">
-      <BIMDataButton color="primary" outline radius icon @click="openNotificationsSettings">
+      <BIMDataButton
+        v-if="isProjectAdmin(project)"
+        color="primary"
+        outline
+        radius
+        icon
+        @click="openNotificationsSettings"
+      >
         <BIMDataIconSettings fill color="default" size="xs" />
       </BIMDataButton>
       <BIMDataTooltip
@@ -14,7 +21,7 @@
           $t(
             `ProjectOverview.uploadDisableMessage.${
               isFullTotal(spaceSubInfo) ? 'size' : 'permission'
-            }`
+            }`,
           )
         "
       >
@@ -39,21 +46,45 @@
       </BIMDataTooltip>
     </AppSlotContent>
 
-    <AppSidePanelContent :header="false">
+    <AppSidePanelContent :title="$t('ProjectOverview.title')">
       <Transition name="fade" mode="out-in">
         <div style="height: 100%">
-          <!-- Notification Settings Panel -->
-          <ProjectNotificationsSettings
-            v-show="sidePanelView === 'settings'"
-            :notification="notification"
-            :selectedRecipientsIds="selectedGroupIds"
-            v-model:notification-mode-activity="notificationModeActivity"
-            v-model:checked-days-activity="checkedDaysActivity"
-            v-model:checked-activity="checkedActivity"
-            @open-recipients-settings="switchToRecipients"
-            @open-timezone-choice="switchToTimezoneChoice"
-            @close="closeSidePanel"
-          />
+          <BIMDataTabs
+            width="100%"
+            height="40px"
+            :tabs="tabs"
+            tabSize="50%"
+            :selected="currentTab"
+            @tab-click="selectTab"
+          >
+            <template #tab="{ tab }">
+              <BIMDataIcon :name="tab.icon" size="xs" margin="0 6px 0 0" />
+              <span>{{ tab.label }}</span>
+            </template>
+          </BIMDataTabs>
+          <transition name="fade" mode="out-in">
+            <div style="height: 100%" v-if="isProjectAdmin(project)">
+              <!-- HISTORY -->
+              <ProjectHistoryActivity
+                v-if="currentTab === 'history'"
+                :project="project"
+                @go-folder="goToGEDView"
+              />
+
+              <!-- SETTINGS -->
+              <ProjectNotificationsSettings
+                v-else-if="currentTab === 'settings'"
+                :notification="notification"
+                :selectedRecipientsIds="selectedGroupIds"
+                v-model:notification-mode-activity="notificationModeActivity"
+                v-model:checked-days-activity="checkedDaysActivity"
+                v-model:checked-activity="checkedActivity"
+                @open-recipients-settings="switchToRecipients"
+                @open-timezone-choice="switchToTimezoneChoice"
+                @close="closeSidePanel"
+              />
+            </div>
+          </transition>
 
           <!-- Recipients Panel -->
           <ProjectNotificationsRecipients
@@ -158,6 +189,7 @@ import AppSlotContent from "../../../components/specific/app/app-slot/AppSlotCon
 import FileUploader from "../../../components/specific/files/file-uploader/FileUploader.vue";
 import ModelsManager from "../../../components/specific/models/models-manager/ModelsManager.vue";
 import ModelsOverview from "../../../components/specific/models/models-overview/ModelsOverview.vue";
+import ProjectHistoryActivity from "../../../components/specific/projects/project-history-activity/ProjectHistoryActivity.vue";
 import ProjectNotificationsSettings from "../../../components/specific/projects/project-notifications-settings/ProjectNotificationsSettings.vue";
 import ProjectNotificationsRecipients from "../../../components/specific/projects/project-notifications-recipients/ProjectNotificationsRecipients.vue";
 import ProjectNotificationTimezoneChoice from "../../../components/specific/projects/project-notification-timezone-choice/ProjectNotificationTimezoneChoice.vue";
@@ -173,6 +205,7 @@ export default {
     ModelsManager,
     ModelsOverview,
     ProjectUsersManager,
+    ProjectHistoryActivity,
     ProjectNotificationsSettings,
     ProjectNotificationsRecipients,
     ProjectNotificationTimezoneChoice,
@@ -183,7 +216,7 @@ export default {
     const { openModal } = useAppModal();
     const { pushNotification } = useAppNotification();
     const { openSidePanel, closeSidePanel } = useAppSidePanel();
-    const { isUserOrga, isProjectGuest } = useUser();
+    const { isUserOrga, isProjectGuest, isProjectAdmin } = useUser();
     const { projectGroups } = useGroups();
     const { gedTargetFolder } = useSession();
 
@@ -200,6 +233,20 @@ export default {
     const notification = ref({});
     const sidePanelView = ref("settings");
 
+    const currentTab = ref("history");
+
+    const selectTab = (tab) => {
+      currentTab.value = tab.id;
+    };
+    const tabs = computed(() => [
+      { id: "history", label: t("ProjectOverview.historyActivityTab"), icon: "HistoryActivity" },
+      {
+        id: "settings",
+        label: t("ProjectOverview.notificationSettingsTab"),
+        icon: "MarkEmail",
+      },
+    ]);
+
     const {
       isOpen: showFileUploader,
       open: openFileUploader,
@@ -213,7 +260,6 @@ export default {
       } else {
         gedTargetFolder.clear();
       }
-
       emit("go-folders-view");
     };
 
@@ -222,8 +268,8 @@ export default {
         (model) =>
           !model.archived &&
           model.type !== MODEL_TYPE.META_BUILDING &&
-          model.type !== MODEL_TYPE.PHOTOSPHERE_BUILDING
-      )
+          model.type !== MODEL_TYPE.PHOTOSPHERE_BUILDING,
+      ),
     );
 
     const reloadData = debounce(async () => {
@@ -268,7 +314,7 @@ export default {
       try {
         notification.value = await fetchProjectNotification(
           currentSpace.value.id,
-          currentProject.value.id
+          currentProject.value.id,
         );
         selectedRecipientsIds.value = notification.value?.recipients_group_ids || [];
       } catch (e) {
@@ -298,6 +344,9 @@ export default {
       switchToSettings,
       switchToTimezoneChoice,
       users: projectUsers,
+      currentTab,
+      selectTab,
+      tabs,
       // Methods
       closeFileUploader,
       closeSidePanel,
@@ -305,6 +354,7 @@ export default {
       goToGEDView,
       isFullTotal,
       isProjectGuest,
+      isProjectAdmin,
       isUserOrga,
       notifyForbiddenUpload,
       openFileUploader,