From b695307e858de77744a6b4b675fed69c57e09d81 Mon Sep 17 00:00:00 2001
From: Ramesh Mane <101566080+rameshmane7218@users.noreply.github.com>
Date: Sat, 7 Dec 2024 13:18:12 +0530
Subject: [PATCH] fix(nc-gui): audit log ui changes

---
 .../dashboard/TreeView/ProjectNode.vue        |  43 --
 .../dashboard/settings/DataSources.vue        |   2 +-
 .../nc-gui/components/workspace/AuditLogs.vue | 729 +-----------------
 packages/nc-gui/pages/account/index.vue       |  13 -
 .../nc-gui/pages/account/index/[page].vue     |   1 -
 packages/nc-gui/store/workspace.ts            |  33 +-
 packages/nocodb-sdk/src/lib/Api.ts            |   3 -
 7 files changed, 7 insertions(+), 817 deletions(-)

diff --git a/packages/nc-gui/components/dashboard/TreeView/ProjectNode.vue b/packages/nc-gui/components/dashboard/TreeView/ProjectNode.vue
index 816b455ed6..1516698f60 100644
--- a/packages/nc-gui/components/dashboard/TreeView/ProjectNode.vue
+++ b/packages/nc-gui/components/dashboard/TreeView/ProjectNode.vue
@@ -29,8 +29,6 @@ const { isMobileMode, user } = useGlobal()
 
 const { api } = useApi()
 
-const { auditLogsQuery, auditPaginationData } = storeToRefs(useWorkspace())
-
 const { createProject: _createProject, updateProject, getProjectMetaInfo, loadProject } = basesStore
 
 const { bases, basesUser } = storeToRefs(basesStore)
@@ -480,36 +478,6 @@ const getSource = (sourceId: string) => {
   return base.value.sources?.find((s) => s.id === sourceId)
 }
 
-async function openAudit(source: SourceType) {
-  $e('c:project:audit')
-
-  auditPaginationData.value.page = 1
-
-  auditLogsQuery.value = {
-    ...auditLogsQuery.value,
-    orderBy: {
-      created_at: 'desc',
-      user: undefined,
-    },
-  }
-
-  const isOpen = ref(true)
-
-  const { close } = useDialog(resolveComponent('DlgProjectAudit'), {
-    'modelValue': isOpen,
-    'sourceId': source!.id,
-    'onUpdate:modelValue': () => closeDialog(),
-    'baseId': base.value!.id,
-    'bordered': true,
-  })
-
-  function closeDialog() {
-    isOpen.value = false
-
-    close(1000)
-  }
-}
-
 const labelEl = ref()
 watch(
   () => labelEl.value && activeProjectId.value === base.value?.id,
@@ -705,17 +673,6 @@ const showNodeTooltip = ref(true)
                         </div>
                       </NcMenuItem>
 
-                      <!-- Audit -->
-                      <NcMenuItem
-                        v-if="isUIAllowed('baseAuditList') && base?.sources?.[0]?.enabled"
-                        key="audit"
-                        data-testid="nc-sidebar-base-audit"
-                        @click="openAudit(base?.sources?.[0])"
-                      >
-                        <GeneralIcon icon="audit" class="group-hover:text-black" />
-                        {{ $t('title.audit') }}
-                      </NcMenuItem>
-
                       <!-- Swagger: Rest APIs -->
                       <NcMenuItem
                         v-if="isUIAllowed('apiDocs')"
diff --git a/packages/nc-gui/components/dashboard/settings/DataSources.vue b/packages/nc-gui/components/dashboard/settings/DataSources.vue
index 020aea932d..a4c05e5dd3 100644
--- a/packages/nc-gui/components/dashboard/settings/DataSources.vue
+++ b/packages/nc-gui/components/dashboard/settings/DataSources.vue
@@ -381,7 +381,7 @@ const handleClickRow = (source: SourceType, tab?: string) => {
                 />
               </div>
             </a-tab-pane>
-            <a-tab-pane v-if="sources && activeSource === sources[0]" key="audit">
+            <a-tab-pane v-if="isEeUI && sources && activeSource === sources[0]" key="audit">
               <template #tab>
                 <div class="tab" data-testid="nc-audit-tab">
                   <div>{{ $t('title.auditLogs') }}</div>
diff --git a/packages/nc-gui/components/workspace/AuditLogs.vue b/packages/nc-gui/components/workspace/AuditLogs.vue
index 2a1ac62741..732f342a07 100644
--- a/packages/nc-gui/components/workspace/AuditLogs.vue
+++ b/packages/nc-gui/components/workspace/AuditLogs.vue
@@ -1,8 +1,4 @@
 <script setup lang="ts">
-import { Empty } from 'ant-design-vue'
-import type { AuditType, UserType, WorkspaceUserType } from 'nocodb-sdk'
-import { auditOperationSubTypeLabels, auditOperationTypeLabels, timeAgo } from 'nocodb-sdk'
-
 interface Props {
   workspaceId?: string
   baseId?: string
@@ -10,730 +6,11 @@ interface Props {
   bordered?: boolean
 }
 
-const props = withDefaults(defineProps<Props>(), {
-  bordered: true,
-})
-
-const { isUIAllowed } = useRoles()
-
-const { $api } = useNuxtApp()
-
-const workspaceStore = useWorkspace()
-
-const { loadAudits: _loadAudits } = workspaceStore
-
-const { audits, auditLogsQuery, auditPaginationData } = storeToRefs(workspaceStore)
-
-const basesStore = useBases()
-
-const { getBaseUsers, loadProjects } = basesStore
-
-const { bases } = storeToRefs(basesStore)
-
-const localCollaborators = ref<User[] | UserType[]>([])
-
-const collaboratorsMap = computed<Map<string, (WorkspaceUserType & { id: string }) | User | UserType>>(() => {
-  const map = new Map()
-
-  localCollaborators.value?.forEach((coll) => {
-    if (coll?.email) {
-      map.set(coll.email, coll)
-    }
-  })
-  return map
-})
-
-const { appInfo } = useGlobal()
-
-const isLoading = ref(false)
-
-const isRowExpanded = ref(false)
-
-const selectedAudit = ref<null | AuditType>(null)
-
-const tableWrapper = ref<HTMLDivElement>()
-
-async function loadAudits(
-  page = auditPaginationData.value.page,
-  limit = auditPaginationData.value.pageSize,
-  updateCurrentPage = true,
-) {
-  try {
-    if ((!isUIAllowed('workspaceAuditList') && !props.baseId) || (!isUIAllowed('baseAuditList') && props.baseId)) {
-      return
-    }
-
-    if (updateCurrentPage) {
-      auditPaginationData.value.page = 1
-    }
-
-    isLoading.value = true
-    await _loadAudits(props.workspaceId, updateCurrentPage ? 1 : page, limit)
-  } catch {
-  } finally {
-    isLoading.value = false
-  }
-}
-
-const handleChangePage = async (page: number) => {
-  auditPaginationData.value.page = page
-  await loadAudits(undefined, undefined, false)
-}
-
-const { onLeft, onRight, onUp, onDown } = usePaginationShortcuts({
-  paginationDataRef: auditPaginationData,
-  changePage: handleChangePage,
-  isViewDataLoading: isLoading,
-})
-
-const loadCollaborators = async () => {
-  try {
-    if (!auditLogsQuery.value.baseId) return
-
-    const { users } = await getBaseUsers({
-      baseId: auditLogsQuery.value.baseId,
-    })
-
-    localCollaborators.value = users
-  } catch (e: any) {
-    message.error(await extractSdkResponseErrorMsg(e))
-  }
-}
-
-const loadOrgUsers = async () => {
-  try {
-    const response: any = await $api.orgUsers.list()
-
-    if (!response?.list) return
-
-    localCollaborators.value = response.list as UserType[]
-  } catch (e: any) {
-    message.error(await extractSdkResponseErrorMsg(e))
-  }
-}
-
-const handleRowClick = (audit: AuditType) => {
-  selectedAudit.value = audit
-  isRowExpanded.value = true
-}
-
-const updateOrderBy = (field: 'created_at' | 'user') => {
-  if (!audits.value?.length) return
-
-  if (auditLogsQuery.value.orderBy?.[field] === 'asc') {
-    auditLogsQuery.value.orderBy[field] = 'desc'
-  } else if (auditLogsQuery.value.orderBy?.[field] === 'desc') {
-    auditLogsQuery.value.orderBy[field] = undefined
-  } else {
-    auditLogsQuery.value.orderBy[field] = 'asc'
-  }
-
-  loadAudits(undefined, undefined, false)
-}
-
-const isEditEnabled = computed(() => true)
-
-// provide the following to override the default behavior and enable input fields like in form
-provide(ActiveCellInj, ref(true))
-provide(EditModeInj, readonly(isEditEnabled))
-
-provide(IsFormInj, ref(true))
-
-watch(
-  () => auditLogsQuery.value.baseId,
-  () => {
-    if (!auditLogsQuery.value.baseId) return
-
-    loadCollaborators()
-  },
-  {
-    immediate: true,
-  },
-)
-
-onMounted(async () => {
-  if (props.baseId) {
-    auditLogsQuery.value.baseId = props.baseId
-  } else {
-    auditLogsQuery.value.baseId = undefined
-    auditLogsQuery.value.sourceId = undefined
-  }
-
-  if (props.sourceId) {
-    auditLogsQuery.value.sourceId = props.sourceId
-  }
-
-  if (!props.baseId) {
-    await Promise.allSettled([loadProjects(), loadOrgUsers()])
-  }
-
-  if (appInfo.value.auditEnabled) {
-    await loadAudits(auditPaginationData.value.page, auditPaginationData.value.pageSize, false)
-  }
-})
-
-useEventListener(tableWrapper, 'scroll', () => {
-  const stickyHeaderCell = tableWrapper.value?.querySelector('th.cell-user')
-  const nonStickyHeaderFirstCell = tableWrapper.value?.querySelector('th.cell-base')
-  if (!stickyHeaderCell?.getBoundingClientRect().right || !nonStickyHeaderFirstCell?.getBoundingClientRect().left) {
-    return
-  }
-
-  if (nonStickyHeaderFirstCell?.getBoundingClientRect().left < stickyHeaderCell?.getBoundingClientRect().right + 180) {
-    tableWrapper.value?.classList.add('sticky-shadow')
-  } else {
-    tableWrapper.value?.classList.remove('sticky-shadow')
-  }
-})
-
-const renderAltOrOptlKey = () => {
-  return isMac() ? '⌥' : 'ALT'
-}
-
-// Keyboard shortcuts for pagination
-onKeyStroke('ArrowLeft', onLeft)
-onKeyStroke('ArrowRight', onRight)
-onKeyStroke('ArrowUp', onUp)
-onKeyStroke('ArrowDown', onDown)
+defineProps<Props>()
 </script>
 
 <template>
-  <div class="h-full flex flex-col" :class="{ 'gap-4 px-1': baseId }">
-    <NcPageHeader v-if="!baseId">
-      <template #icon>
-        <GeneralIcon icon="audit" class="flex-none text-gray-700 h-5 w-5" />
-      </template>
-      <template #title>
-        <span data-rec="true">
-          {{ $t('title.auditLogs') }}
-        </span>
-      </template>
-    </NcPageHeader>
-    <div class="nc-content-max-w flex flex-col" :class="{ 'gap-6 p-6 h-[calc(100vh_-_100px)]': !baseId, 'gap-4 h-full': baseId }">
-      <div v-if="!appInfo.auditEnabled" class="text-red-500">Audit logs are currently disabled by administrators.</div>
-
-      <div class="flex flex-col" :class="{ 'gap-6': !baseId, 'gap-4': baseId }">
-        <div class="flex flex-row items-center gap-3 justify-between">
-          <div
-            :class="{
-              'flex-1 max-w-[75%]': baseId,
-            }"
-          >
-            <h6
-              v-if="baseId"
-              class="font-semibold text-gray-900 !my-0 flex items-center gap-1"
-              :style="{
-                'word-break': 'keep-all',
-              }"
-              :class="{
-                'text-xl': baseId,
-                'text-2xl': !baseId,
-              }"
-            >
-              <span class="keep-word min-w-[100px]"> {{ $t('title.auditLogs') }} </span>
-              <NcTooltip
-                class="max-w-[80%] truncate"
-                :class="{
-                  '!leading-7': baseId,
-                  '!leading-8': !baseId,
-                }"
-                show-on-truncate-only
-                placement="bottom"
-              >
-                <template #title>
-                  {{ bases.get(baseId)?.title }}
-                </template>
-                : {{ bases.get(baseId)?.title }}
-              </NcTooltip>
-            </h6>
-          </div>
-          <div v-if="appInfo.auditEnabled" class="flex items-center gap-3 justify-end flex-wrap">
-            <div class="flex items-center gap-3">
-              <NcButton type="text" size="small" :disabled="isLoading" @click="loadAudits()">
-                <!-- Refresh -->
-                <div class="flex items-center gap-2">
-                  {{ $t('general.refresh') }}
-
-                  <component :is="iconMap.refresh" class="h-3.5 w-3.5" :class="{ 'animate-infinite animate-spin': isLoading }" />
-                </div>
-              </NcButton>
-            </div>
-          </div>
-        </div>
-      </div>
-      <template v-if="appInfo.auditEnabled">
-        <div
-          class="table-container relative"
-          :class="{
-            'h-[calc(100%_-_48px)] ': baseId,
-            'h-[calc(100%_-_56px)]': !baseId,
-            'bordered': bordered,
-          }"
-        >
-          <div
-            ref="tableWrapper"
-            class="nc-audit-logs-table h-full max-h-[calc(100%_-_40px)] relative nc-scrollbar-thin !overflow-auto"
-          >
-            <table class="!sticky top-0 z-5">
-              <thead>
-                <tr>
-                  <th
-                    class="cell-user !hover:bg-gray-100 select-none cursor-pointer"
-                    :class="{
-                      'cursor-not-allowed': !audits?.length,
-                    }"
-                    @click="updateOrderBy('user')"
-                  >
-                    <div class="flex items-center gap-3">
-                      <div>{{ $t('objects.user') }}</div>
-                      <GeneralIcon
-                        v-if="auditLogsQuery.orderBy?.user"
-                        icon="chevronDown"
-                        class="flex-none"
-                        :class="{
-                          'transform rotate-180': auditLogsQuery.orderBy?.user === 'asc',
-                        }"
-                      />
-                      <GeneralIcon v-else icon="chevronUpDown" class="flex-none" />
-                    </div>
-                  </th>
-                  <th
-                    class="cell-timestamp !hover:bg-gray-100 select-none cursor-pointer"
-                    :class="{
-                      'cursor-not-allowed': !audits?.length,
-                    }"
-                    @click="updateOrderBy('created_at')"
-                  >
-                    <div class="flex items-center gap-3">
-                      <div>Time</div>
-
-                      <GeneralIcon
-                        v-if="auditLogsQuery.orderBy?.created_at"
-                        icon="chevronDown"
-                        class="flex-none"
-                        :class="{
-                          'transform rotate-180': auditLogsQuery.orderBy?.created_at === 'asc',
-                        }"
-                      />
-                      <GeneralIcon v-else icon="chevronUpDown" class="flex-none" />
-                    </div>
-                  </th>
-                  <th class="cell-base">
-                    <div>{{ $t('objects.project') }}</div>
-                  </th>
-                  <th class="cell-type">
-                    <div>{{ $t('general.type') }}</div>
-                  </th>
-                  <th class="cell-sub-type">
-                    <div>{{ $t('general.subType') }}</div>
-                  </th>
-                  <th class="cell-description">
-                    <div>{{ $t('labels.description') }}</div>
-                  </th>
-                  <th class="cell-ip">
-                    <div>{{ $t('general.ipAddress') }}</div>
-                  </th>
-                </tr>
-              </thead>
-            </table>
-            <template v-if="audits?.length">
-              <table>
-                <tbody>
-                  <tr
-                    v-for="(audit, i) of audits"
-                    :key="i"
-                    :class="{
-                      selected: selectedAudit?.id === audit.id && isRowExpanded,
-                    }"
-                    @click="handleRowClick(audit)"
-                  >
-                    <td class="cell-user">
-                      <div>
-                        <div v-if="audit.user && collaboratorsMap.get(audit.user)?.email" class="w-full flex gap-3 items-center">
-                          <GeneralUserIcon
-                            :email="collaboratorsMap.get(audit.user)?.email"
-                            :name="collaboratorsMap.get(audit.user)?.display_name"
-                            size="base"
-                            class="flex-none"
-                          />
-                          <div class="flex-1 flex flex-col max-w-[calc(100%_-_44px)]">
-                            <div class="w-full flex gap-3">
-                              <NcTooltip
-                                class="text-sm !leading-5 text-gray-800 capitalize font-semibold truncate"
-                                show-on-truncate-only
-                                placement="bottom"
-                              >
-                                <template #title>
-                                  {{
-                                    collaboratorsMap.get(audit.user)?.display_name ||
-                                    collaboratorsMap
-                                      .get(audit.user)
-                                      ?.email?.slice(0, collaboratorsMap.get(audit.user)?.email.indexOf('@'))
-                                  }}
-                                </template>
-                                {{
-                                  collaboratorsMap.get(audit.user)?.display_name ||
-                                  collaboratorsMap
-                                    .get(audit.user)
-                                    ?.email?.slice(0, collaboratorsMap.get(audit.user)?.email.indexOf('@'))
-                                }}
-                              </NcTooltip>
-                            </div>
-                            <NcTooltip class="text-xs !leading-4 text-gray-600 truncate" show-on-truncate-only placement="bottom">
-                              <template #title>
-                                {{ collaboratorsMap.get(audit.user)?.email }}
-                              </template>
-                              {{ collaboratorsMap.get(audit.user)?.email }}
-                            </NcTooltip>
-                          </div>
-                        </div>
-                        <template v-else>{{ audit.user }} </template>
-                      </div>
-                    </td>
-                    <td class="cell-timestamp">
-                      <div>
-                        <NcTooltip placement="bottom">
-                          <template #title> {{ parseStringDateTime(audit.created_at, 'D MMMM YYYY HH:mm') }}</template>
-
-                          {{ timeAgo(audit.created_at) }}
-                        </NcTooltip>
-                      </div>
-                    </td>
-                    <td class="cell-base">
-                      <div>
-                        <div v-if="audit.base_id" class="w-full">
-                          <NcTooltip
-                            class="truncate text-sm !leading-5 text-gray-800 font-semibold"
-                            show-on-truncate-only
-                            placement="bottom"
-                          >
-                            <template #title>
-                              {{ bases.get(audit.base_id)?.title }}
-                            </template>
-                            {{ bases.get(audit.base_id)?.title }}
-                          </NcTooltip>
-
-                          <div class="text-gray-600 text-xs">ID: {{ audit.base_id }}</div>
-                        </div>
-                        <template v-else>
-                          {{ audit.base_id }}
-                        </template>
-                      </div>
-                    </td>
-                    <td class="cell-type">
-                      <div>
-                        <div class="truncate bg-gray-200 px-2 py-1 rounded-lg">
-                          <NcTooltip class="truncate" placement="bottom" show-on-truncate-only>
-                            <template #title> {{ auditOperationTypeLabels[audit.op_type] }}</template>
-
-                            <span class="truncate"> {{ auditOperationTypeLabels[audit.op_type] }} </span>
-                          </NcTooltip>
-                        </div>
-                      </div>
-                    </td>
-                    <td class="cell-sub-type">
-                      <div>
-                        <div class="truncate">
-                          <NcTooltip class="truncate" placement="bottom" show-on-truncate-only>
-                            <template #title> {{ auditOperationSubTypeLabels[audit.op_sub_type] }}</template>
-
-                            <span class="truncate"> {{ auditOperationSubTypeLabels[audit.op_sub_type] }} </span>
-                          </NcTooltip>
-                        </div>
-                      </div>
-                    </td>
-                    <td class="cell-description">
-                      <div>
-                        <div class="truncate">
-                          {{ audit.description }}
-                        </div>
-                      </div>
-                    </td>
-                    <td class="cell-ip">
-                      <div>
-                        <div class="truncate">
-                          {{ audit.ip }}
-                        </div>
-                      </div>
-                    </td>
-                  </tr>
-                </tbody>
-              </table>
-            </template>
-          </div>
-          <div
-            v-show="isLoading"
-            class="flex items-center justify-center absolute left-0 top-0 w-full h-full z-10 pb-10 pointer-events-none"
-          >
-            <div class="flex flex-col justify-center items-center gap-2">
-              <GeneralLoader size="xlarge" />
-              <span class="text-center">{{ $t('general.loading') }}</span>
-            </div>
-          </div>
-          <div
-            v-if="!isLoading && !audits?.length"
-            class="flex items-center justify-center absolute left-0 top-0 w-full h-full pb-10 flex items-center justify-center text-gray-500"
-          >
-            <a-empty :image="Empty.PRESENTED_IMAGE_SIMPLE" :description="$t('labels.noData')" class="!my-0" />
-          </div>
-          <div
-            v-if="auditPaginationData.totalRows"
-            class="flex flex-row justify-center items-center bg-gray-50 min-h-10"
-            :class="{
-              'pointer-events-none': isLoading,
-            }"
-          >
-            <div class="flex justify-between items-center w-full px-6">
-              <div>&nbsp;</div>
-              <NcPagination
-                v-model:current="auditPaginationData.page"
-                v-model:page-size="auditPaginationData.pageSize"
-                :total="+auditPaginationData.totalRows"
-                show-size-changer
-                :use-stored-page-size="false"
-                :prev-page-tooltip="`${renderAltOrOptlKey()}+←`"
-                :next-page-tooltip="`${renderAltOrOptlKey()}+→`"
-                :first-page-tooltip="`${renderAltOrOptlKey()}+↓`"
-                :last-page-tooltip="`${renderAltOrOptlKey()}+↑`"
-                @update:current="loadAudits(undefined, undefined, false)"
-                @update:page-size="loadAudits(currentPage, $event, false)"
-              />
-              <div class="text-gray-500 text-xs">
-                {{ auditPaginationData.totalRows }} {{ auditPaginationData.totalRows === 1 ? 'record' : 'records' }}
-              </div>
-            </div>
-          </div>
-        </div>
-        <NcModal v-model:visible="isRowExpanded" size="medium" :show-separator="false" @keydown.esc="isRowExpanded = false">
-          <template #header>
-            <div class="flex items-center justify-between gap-x-2 w-full">
-              <div class="flex-1 text-base font-weight-700 text-gray-900">Audit Details</div>
-              <div class="flex items-center gap-2">
-                <NcTooltip placement="bottom" class="text-gray-600 text-small leading-[18px]">
-                  <template #title> {{ parseStringDateTime(selectedAudit.created_at, 'D MMMM YYYY HH:mm') }}</template>
-
-                  {{ timeAgo(selectedAudit.created_at) }}
-                </NcTooltip>
-              </div>
-            </div>
-          </template>
-          <div v-if="selectedAudit" class="nc-expanded-audit flex flex-col gap-4">
-            <div class="bg-gray-50 rounded-lg border-1 border-gray-200">
-              <div class="flex">
-                <div class="w-1/2 border-r border-gray-200 flex flex-col gap-2 px-4 py-3">
-                  <div class="cell-header">Performed by</div>
-                  <div
-                    v-if="selectedAudit?.user && collaboratorsMap.get(selectedAudit.user)?.email"
-                    class="w-full flex gap-3 items-center"
-                  >
-                    <GeneralUserIcon
-                      :email="collaboratorsMap.get(selectedAudit.user)?.email"
-                      :name="collaboratorsMap.get(selectedAudit.user)?.display_name"
-                      size="base"
-                      class="flex-none"
-                    />
-                    <div class="flex-1 flex flex-col">
-                      <div class="w-full flex gap-3">
-                        <span class="text-sm text-gray-800 capitalize font-semibold">
-                          {{
-                            collaboratorsMap.get(selectedAudit.user)?.display_name ||
-                            collaboratorsMap
-                              .get(selectedAudit.user)
-                              ?.email?.slice(0, collaboratorsMap.get(selectedAudit.user)?.email.indexOf('@'))
-                          }}
-                        </span>
-                      </div>
-                      <span class="text-xs text-gray-600">
-                        {{ collaboratorsMap.get(selectedAudit.user)?.email }}
-                      </span>
-                    </div>
-                  </div>
-
-                  <div v-else class="text-small leading-[18px] text-gray-600">{{ selectedAudit?.user }}</div>
-                </div>
-                <div class="w-1/2 flex flex-col gap-2 px-4 py-3">
-                  <div class="cell-header">{{ $t('general.ipAddress') }}</div>
-                  <div class="text-small leading-[18px] text-gray-600">{{ selectedAudit?.ip }}</div>
-                </div>
-              </div>
-              <div class="border-t-1 border-gray-200 flex">
-                <div class="w-1/2 border-r border-gray-200 flex flex-col gap-2 px-4 py-3">
-                  <div class="cell-header">{{ $t('objects.project') }}</div>
-                  <div v-if="selectedAudit?.base_id && bases.get(selectedAudit?.base_id)" class="flex items-stretch gap-3">
-                    <div class="flex items-center">
-                      <GeneralProjectIcon
-                        :color="bases.get(selectedAudit?.base_id)?.meta?.iconColor"
-                        :type="bases.get(selectedAudit?.base_id)?.type || 'database'"
-                        class="nc-view-icon w-5 h-5"
-                      />
-                    </div>
-                    <div>
-                      <div class="text-sm font-weight-500 text-gray-900">{{ bases.get(selectedAudit?.base_id)?.title }}</div>
-                      <div class="text-small leading-[18px] text-gray-600">{{ selectedAudit?.base_id }}</div>
-                    </div>
-                  </div>
-                  <template v-else>
-                    {{ selectedAudit.base_id }}
-                  </template>
-                </div>
-                <div class="w-1/2">
-                  <div class="h-1/2 border-b border-gray-200 flex items-center gap-2 px-4 py-3">
-                    <div class="cell-header">{{ $t('general.type') }}</div>
-                    <div class="text-small leading-[18px] text-gray-600 bg-gray-200 px-1 rounded-md">
-                      {{ auditOperationTypeLabels[selectedAudit?.op_type] }}
-                    </div>
-                  </div>
-                  <div class="h-1/2 flex items-center gap-2 px-4 py-3">
-                    <div class="cell-header">{{ $t('general.subType') }}</div>
-                    <div class="text-small leading-[18px] text-gray-600">
-                      {{ auditOperationSubTypeLabels[selectedAudit?.op_sub_type] }}
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div class="flex flex-col gap-2">
-              <div class="cell-header">{{ $t('labels.description') }}</div>
-              <div>
-                <pre class="!text-small !leading-[18px] !text-gray-600 mb-0">{{ selectedAudit?.description }}</pre>
-              </div>
-            </div>
-          </div>
-        </NcModal>
-      </template>
-    </div>
-  </div>
+  <div class=""></div>
 </template>
 
-<style lang="scss" scoped>
-.nc-expanded-audit pre {
-  font-family: Manrope, 'Inter', 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
-    sans-serif;
-}
-
-:deep(.nc-menu-item-inner) {
-  @apply !w-full;
-}
-
-.table-container {
-  &.bordered {
-    @apply border-1 border-gray-200 rounded-lg overflow-hidden;
-  }
-}
-
-.nc-audit-logs-table {
-  &.sticky-shadow {
-    th,
-    td {
-      &.cell-user {
-        @apply border-r-1 border-gray-200;
-      }
-    }
-  }
-  &:not(.sticky-shadow) {
-    th,
-    td {
-      &.cell-user {
-        @apply border-r-1 border-transparent;
-      }
-    }
-  }
-  thead {
-    th {
-      @apply bg-gray-50 text-sm text-gray-500 font-weight-500;
-
-      &.cell-user {
-        @apply sticky left-0 z-4 bg-gray-50;
-      }
-    }
-  }
-
-  tbody {
-    tr {
-      @apply cursor-pointer;
-
-      td {
-        @apply text-sm text-gray-600;
-
-        &.cell-user {
-          @apply sticky left-0 z-4 bg-white;
-        }
-      }
-    }
-  }
-
-  tr {
-    @apply h-[54px] flex border-b-1  border-gray-200;
-
-    &:hover td {
-      @apply !bg-gray-50;
-    }
-
-    &.selected td {
-      @apply !bg-gray-50;
-    }
-
-    th,
-    td {
-      @apply h-full;
-
-      & > div {
-        @apply px-6 h-full flex items-center;
-      }
-
-      &.cell-user {
-        @apply w-[220px] sticky left-0 z-5;
-      }
-
-      &.cell-timestamp,
-      &.cell-base,
-      &.cell-ip {
-        @apply w-[180px];
-      }
-      &.cell-type {
-        @apply w-[118px];
-      }
-      &.cell-sub-type {
-        @apply w-[150px];
-      }
-      &.cell-description {
-        @apply w-[472px];
-      }
-    }
-  }
-}
-
-.cell-header {
-  @apply text-xs font-semibold text-gray-500;
-}
-:deep(.nc-button) {
-  svg.sort-asc path.up {
-    @apply !stroke-brand-500;
-  }
-  svg.sort-desc path.down {
-    @apply !stroke-brand-500;
-  }
-}
-:deep(.nc-menu-item::after) {
-  content: none;
-}
-:deep(.ant-menu.nc-menu) {
-  @apply !pt-0 !border-none !rounded-none;
-  &.nc-audit-date-range-menu {
-    @apply !pb-0;
-  }
-}
-.nc-audit-custom-date-range-input {
-  @apply border-1 border-gray-200 rounded-lg pr-2 py-1 transition-all duration-0.3s shadow-default focus-within:(border-brand-500 shadow-selected);
-  &:hover:not(:focus-within) {
-    @apply shadow-hover;
-  }
-
-  :deep(.ant-picker-input > input) {
-    @apply !px-2;
-  }
-}
-:deep(.ant-empty-description) {
-  @apply mb-0;
-}
-</style>
+<style lang="scss" scoped></style>
diff --git a/packages/nc-gui/pages/account/index.vue b/packages/nc-gui/pages/account/index.vue
index 1c3b1e289d..c6e6abac62 100644
--- a/packages/nc-gui/pages/account/index.vue
+++ b/packages/nc-gui/pages/account/index.vue
@@ -128,20 +128,7 @@ const isPending = computed(() => !emailConfigured.value || !storageConfigured.va
                   <div class="select-none">{{ $t('title.tokens') }}</div>
                 </div>
               </NcMenuItem>
-              <NcMenuItem
-                key="audit"
-                class="item"
-                :class="{
-                  active: $route.params.page === 'audit',
-                }"
-                @click="navigateTo('/account/audit')"
-              >
-                <div class="flex items-center space-x-2">
-                  <component :is="iconMap.audit" class="opacity-80" />
 
-                  <div class="select-none">{{ $t('title.auditLogs') }}</div>
-                </div>
-              </NcMenuItem>
               <NcMenuItem
                 v-if="isUIAllowed('superAdminAppStore') && !isEeUI"
                 key="apps"
diff --git a/packages/nc-gui/pages/account/index/[page].vue b/packages/nc-gui/pages/account/index/[page].vue
index 28c9bd8616..8530a96f6f 100644
--- a/packages/nc-gui/pages/account/index/[page].vue
+++ b/packages/nc-gui/pages/account/index/[page].vue
@@ -6,7 +6,6 @@ const { appInfo } = useGlobal()
   <div>
     <AccountToken v-if="$route.params.page === 'tokens'" />
     <AccountSetup v-else-if="$route.params.page === 'setup'" />
-    <WorkspaceAuditLogs v-else-if="$route.params.page === 'audit'" />
     <AccountProfile v-else-if="$route.params.page === 'profile'" />
     <AccountAppStore v-else-if="$route.params.page === 'apps' && !appInfo.isCloud" />
     <span v-else></span>
diff --git a/packages/nc-gui/store/workspace.ts b/packages/nc-gui/store/workspace.ts
index 333d2655f4..2eb18f3ea6 100644
--- a/packages/nc-gui/store/workspace.ts
+++ b/packages/nc-gui/store/workspace.ts
@@ -261,36 +261,9 @@ export const useWorkspace = defineStore('workspaceStore', () => {
 
   const loadAudits = async (
     _workspaceId?: string,
-    page: number = auditPaginationData.value.page!,
-    limit: number = auditPaginationData.value.pageSize!,
-  ) => {
-    try {
-      if (limit * (page - 1) > auditPaginationData.value.totalRows!) {
-        auditPaginationData.value.page = 1
-        page = 1
-      }
-
-      const { list, pageInfo } = isUIAllowed('workspaceAuditList')
-        ? await $api.utils.projectAuditList({
-            offset: limit * (page - 1),
-            limit,
-            ...auditLogsQuery.value,
-          })
-        : await $api.base.auditList(auditLogsQuery.value.baseId, {
-            offset: limit * (page - 1),
-            limit,
-            ...auditLogsQuery.value,
-          })
-
-      audits.value = list
-      auditPaginationData.value.totalRows = pageInfo.totalRows ?? 0
-    } catch (e) {
-      message.error(await extractSdkResponseErrorMsg(e))
-      audits.value = []
-      auditPaginationData.value.totalRows = 0
-      auditPaginationData.value.page = 1
-    }
-  }
+    _page: number = auditPaginationData.value.page!,
+    _limit: number = auditPaginationData.value.pageSize!,
+  ) => {}
 
   function setLoadingState(isLoading = false) {
     isWorkspaceLoading.value = isLoading
diff --git a/packages/nocodb-sdk/src/lib/Api.ts b/packages/nocodb-sdk/src/lib/Api.ts
index aeeebea37d..cc889c2767 100644
--- a/packages/nocodb-sdk/src/lib/Api.ts
+++ b/packages/nocodb-sdk/src/lib/Api.ts
@@ -8741,7 +8741,6 @@ export class Api<
       orgs: string,
       baseName: string,
       tableName: string,
-      data: object,
       query?: {
         where?: string;
         viewId?: string;
@@ -8758,8 +8757,6 @@ export class Api<
         path: `/api/v1/db/data/bulk/${orgs}/${baseName}/${tableName}/all`,
         method: 'DELETE',
         query: query,
-        body: data,
-        type: ContentType.Json,
         format: 'json',
         ...params,
       }),