diff --git a/packages/nc-gui/components/dashboard/MiniSidebar.vue b/packages/nc-gui/components/dashboard/MiniSidebar.vue
index 2a3a79c684..912d9264c1 100644
--- a/packages/nc-gui/components/dashboard/MiniSidebar.vue
+++ b/packages/nc-gui/components/dashboard/MiniSidebar.vue
@@ -90,7 +90,7 @@ useEventListener(document, 'keydown', async (e: KeyboardEvent) => {
 
 <template>
   <div class="nc-mini-sidebar" data-testid="nc-mini-sidebar">
-    <div class="flex flex-col gap-3 items-center">
+    <div class="flex flex-col items-center">
       <DashboardSidebarMiniSidebarItemWrapper size="small">
         <div
           class="min-h-9"
@@ -111,15 +111,13 @@ useEventListener(document, 'keydown', async (e: KeyboardEvent) => {
               <div class="px-1 text-bodySmBold text-white bg-gray-700 rounded">{{ renderAltOrOptlKey(true) }} B</div>
             </div>
           </template>
-          <div
-            class="nc-mini-sidebar-btn-full-width"
-            data-testid="nc-sidebar-project-btn"
-            :class="{
-              active: isProjectPageOpen,
-            }"
-            @click="navigateToProjectPage"
-          >
-            <div class="nc-mini-sidebar-btn">
+          <div class="nc-mini-sidebar-btn-full-width" data-testid="nc-sidebar-project-btn" @click="navigateToProjectPage">
+            <div
+              class="nc-mini-sidebar-btn"
+              :class="{
+                active: isProjectPageOpen,
+              }"
+            >
               <GeneralIcon :icon="isProjectListOrHomePageOpen ? 'ncBaseOutlineDuo' : 'ncBaseOutline'" class="h-4 w-4" />
             </div>
           </div>
@@ -151,12 +149,14 @@ useEventListener(document, 'keydown', async (e: KeyboardEvent) => {
               v-e="['c:team:settings']"
               class="nc-mini-sidebar-btn-full-width"
               data-testid="nc-sidebar-team-settings-btn"
-              :class="{
-                active: isWorkspaceSettingsPageOpened,
-              }"
               @click="navigateToSettings"
             >
-              <div class="nc-mini-sidebar-btn">
+              <div
+                class="nc-mini-sidebar-btn"
+                :class="{
+                  active: isWorkspaceSettingsPageOpened,
+                }"
+              >
                 <GeneralIcon :icon="isWorkspaceSettingsPageOpened ? 'ncSettingsDuo' : 'ncSettings'" class="h-4 w-4" />
               </div>
             </div>
@@ -168,12 +168,14 @@ useEventListener(document, 'keydown', async (e: KeyboardEvent) => {
               v-e="['c:integrations']"
               class="nc-mini-sidebar-btn-full-width"
               data-testid="nc-sidebar-integrations-btn"
-              :class="{
-                active: isIntegrationsPageOpened,
-              }"
               @click="navigateToIntegrations"
             >
-              <div class="nc-mini-sidebar-btn">
+              <div
+                class="nc-mini-sidebar-btn"
+                :class="{
+                  active: isIntegrationsPageOpened,
+                }"
+              >
                 <GeneralIcon :icon="isIntegrationsPageOpened ? 'ncIntegrationDuo' : 'integration'" class="h-4 w-4" />
               </div>
             </div>
@@ -181,19 +183,23 @@ useEventListener(document, 'keydown', async (e: KeyboardEvent) => {
         </DashboardSidebarMiniSidebarItemWrapper>
         <NcDivider class="!my-0 !border-nc-border-gray-dark" />
         <DashboardSidebarMiniSidebarItemWrapper>
-          <NcTooltip v-if="appInfo.feedEnabled" :title="$t('title.whatsNew')" placement="right" hide-on-click :arrow="false">
-            <DashboardSidebarFeed />
+          <NcTooltip :title="$t('general.notification')" placement="right" hide-on-click :arrow="false">
+            <NotificationMenu />
           </NcTooltip>
         </DashboardSidebarMiniSidebarItemWrapper>
       </template>
     </div>
-    <div class="flex flex-col gap-3 items-center">
-      <DashboardSidebarMiniSidebarItemWrapper v-if="appInfo.feedEnabled">
-        <NcTooltip :title="$t('general.notification')" placement="right" hide-on-click :arrow="false">
-          <NotificationMenu />
+    <div class="flex flex-col items-center">
+      <DashboardSidebarMiniSidebarItemWrapper>
+        <NcTooltip v-if="appInfo.feedEnabled" :title="$t('title.whatsNew')" placement="right" hide-on-click :arrow="false">
+          <DashboardSidebarFeed />
         </NcTooltip>
       </DashboardSidebarMiniSidebarItemWrapper>
 
+      <DashboardSidebarMiniSidebarItemWrapper>
+        <DashboardSidebarCreateNewActionMenu />
+      </DashboardSidebarMiniSidebarItemWrapper>
+
       <DashboardSidebarUserInfo />
     </div>
   </div>
@@ -201,7 +207,7 @@ useEventListener(document, 'keydown', async (e: KeyboardEvent) => {
 
 <style lang="scss">
 .nc-mini-sidebar {
-  @apply w-[var(--mini-sidebar-width)] flex-none bg-nc-bg-gray-light flex flex-col justify-between items-center p-1.5 border-r-1 border-nc-border-gray-medium z-12;
+  @apply w-[var(--mini-sidebar-width)] flex-none bg-nc-bg-gray-light flex flex-col justify-between items-center border-r-1 border-nc-border-gray-medium z-12;
 
   .nc-mini-sidebar-ws-item {
     @apply cursor-pointer h-9 w-8 rounded py-1 flex items-center justify-center children:flex-none text-nc-content-gray-muted transition-all duration-200;
@@ -221,7 +227,13 @@ useEventListener(document, 'keydown', async (e: KeyboardEvent) => {
   }
 
   .nc-mini-sidebar-btn-full-width {
-    @apply w-[var(--mini-sidebar-width)] flex-none flex justify-center cursor-pointer;
+    @apply w-[var(--mini-sidebar-width)] h-[var(--mini-sidebar-width)] flex-none flex justify-center items-center cursor-pointer;
+
+    &:hover {
+      .nc-mini-sidebar-btn:not(.active) {
+        @apply bg-nc-bg-gray-medium;
+      }
+    }
   }
 
   .nc-mini-sidebar-btn {
@@ -232,7 +244,7 @@ useEventListener(document, 'keydown', async (e: KeyboardEvent) => {
     }
 
     &.active {
-      @apply bg-nc-bg-gray-medium hover:bg-nc-bg-gray-medium !text-nc-content-gray;
+      @apply bg-brand-100 !text-nc-content-brand;
     }
   }
 }
diff --git a/packages/nc-gui/components/dashboard/Sidebar/CreateNewActionMenu.vue b/packages/nc-gui/components/dashboard/Sidebar/CreateNewActionMenu.vue
new file mode 100644
index 0000000000..81943f75d5
--- /dev/null
+++ b/packages/nc-gui/components/dashboard/Sidebar/CreateNewActionMenu.vue
@@ -0,0 +1,196 @@
+<script lang="ts" setup>
+import { viewTypeAlias, ViewTypes, type TableType } from 'nocodb-sdk'
+
+const { $e } = useNuxtApp()
+
+const { isFeatureEnabled } = useBetaFeatureToggle()
+
+const isVisibleCreateNew = ref(false)
+
+const baseCreateDlg = ref(false)
+
+const { openedProject } = storeToRefs(useBases())
+const { base, isSharedBase } = storeToRefs(useBase())
+
+const tablesStore = useTablesStore()
+const { openTableCreateDialog: _openTableCreateDialog } = tablesStore
+const { activeTable } = storeToRefs(tablesStore)
+
+const { openNewScriptModal } = useAutomationStore()
+
+const viewsStore = useViewsStore()
+const { loadViews, onOpenViewCreateModal } = viewsStore
+const { activeView } = storeToRefs(viewsStore)
+
+const isViewListLoading = ref(false)
+const toBeCreateType = ref<ViewTypes | 'AI'>()
+
+const isSqlView = computed(() => (activeTable.value as TableType)?.type === 'view')
+
+const activeSource = computed(() => {
+  return base.value.sources?.find((s) => s.id === activeView.value?.source_id)
+})
+
+async function onOpenModal({
+  title = '',
+  type,
+  copyViewId,
+  groupingFieldColumnId,
+  calendarRange,
+  coverImageColumnId,
+}: {
+  title?: string
+  type: ViewTypes | 'AI'
+  copyViewId?: string
+  groupingFieldColumnId?: string
+  calendarRange?: Array<{
+    fk_from_column_id: string
+    fk_to_column_id: string | null // for ee only
+  }>
+  coverImageColumnId?: string
+}) {
+  if (isViewListLoading.value) return
+
+  $e('c:view:create:mini-sidebar', { view: type === 'AI' ? type : viewTypeAlias[type] })
+
+  toBeCreateType.value = type
+
+  isViewListLoading.value = true
+  await loadViews({
+    tableId: activeTable.value.id!,
+  })
+
+  isVisibleCreateNew.value = false
+  isViewListLoading.value = false
+
+  onOpenViewCreateModal({
+    title,
+    type,
+    copyViewId,
+    groupingFieldColumnId,
+    calendarRange,
+    coverImageColumnId,
+    baseId: base.value.id!,
+    tableId: activeTable.value.id!,
+  })
+}
+
+function openTableCreateDialog() {
+  let sourceId = base.value!.sources?.[0].id
+
+  _openTableCreateDialog({
+    baseId: base.value?.id,
+    sourceId: sourceId,
+  })
+}
+</script>
+
+<template>
+  <div v-if="!isSharedBase" class="nc-mini-sidebar-btn-full-width">
+    <NcDropdown v-model:visible="isVisibleCreateNew" :overlay-class-name="`!min-w-48 !left-2`">
+      <div class="w-full h-full flex items-center justify-center">
+        <div
+          class="border-1 w-7 h-7 flex-none rounded-full overflow-hidden transition-all duration-300 flex items-center justify-center bg-nc-bg-gray-medium"
+          :class="{
+            'border-nc-gray-medium': !isVisibleCreateNew,
+            'active border-primary shadow-selected': isVisibleCreateNew,
+          }"
+        >
+          <GeneralIcon icon="ncPlus" />
+        </div>
+      </div>
+
+      <template #overlay>
+        <NcMenu variant="small" @click="isVisibleCreateNew = false">
+          <NcMenuItemLabel>
+            <span class="normal-case">
+              {{ $t('labels.createNew') }}
+            </span>
+          </NcMenuItemLabel>
+          <NcMenuItem data-testid="mini-sidebar-base-create" @click="baseCreateDlg = true">
+            <GeneralIcon icon="ncBaseOutline" class="h-4 w-4" />
+            {{ $t('objects.project') }}
+          </NcMenuItem>
+          <NcTooltip
+            title="Navigate to a base to a create table"
+            :disabled="!!openedProject"
+            placement="right"
+            @click="openTableCreateDialog"
+          >
+            <NcMenuItem data-testid="mini-sidebar-table-create" :disabled="!openedProject">
+              <GeneralIcon icon="table" />
+              {{ $t('objects.table') }}
+            </NcMenuItem>
+          </NcTooltip>
+          <NcTooltip title="Navigate to a table to a create view" :disabled="!(!base || !activeTable)" placement="right">
+            <NcSubMenu class="py-0" data-testid="mini-sidebar-view-create" variant="small" :disabled="!base || !activeTable">
+              <template #title>
+                <GeneralIcon icon="grid" />
+                {{ $t('objects.view') }}
+              </template>
+              <NcMenuItem @click.stop="onOpenModal({ type: ViewTypes.GRID })" data-testid="mini-sidebar-view-create-grid">
+                <GeneralViewIcon :meta="{ type: ViewTypes.GRID }" />
+                <div>{{ $t('objects.viewType.grid') }}</div>
+              </NcMenuItem>
+              <NcTooltip :title="$t('tooltip.sourceDataIsReadonly')" :disabled="!activeSource?.is_data_readonly && !isSqlView">
+                <NcMenuItem
+                  :disabled="!!activeSource?.is_data_readonly || isSqlView"
+                  @click="onOpenModal({ type: ViewTypes.FORM })"
+                  data-testid="mini-sidebar-view-create-form"
+                >
+                  <GeneralViewIcon
+                    :meta="{ type: ViewTypes.FORM }"
+                    :class="{
+                      'opacity-50': !!activeSource?.is_data_readonly || isSqlView,
+                    }"
+                  />
+                  <div>{{ $t('objects.viewType.form') }}</div>
+                </NcMenuItem>
+              </NcTooltip>
+              <NcMenuItem @click="onOpenModal({ type: ViewTypes.GALLERY })" data-testid="mini-sidebar-view-create-gallery">
+                <GeneralViewIcon :meta="{ type: ViewTypes.GALLERY }" />
+                <div>{{ $t('objects.viewType.gallery') }}</div>
+              </NcMenuItem>
+              <NcMenuItem data-testid="mini-sidebar-view-create-kanban" @click="onOpenModal({ type: ViewTypes.KANBAN })">
+                <GeneralViewIcon :meta="{ type: ViewTypes.KANBAN }" />
+                <div>{{ $t('objects.viewType.kanban') }}</div>
+              </NcMenuItem>
+              <NcMenuItem data-testid="mini-sidebar-view-create-calendar" @click="onOpenModal({ type: ViewTypes.CALENDAR })">
+                <GeneralViewIcon :meta="{ type: ViewTypes.CALENDAR }" class="!w-4 !h-4" />
+                <div>{{ $t('objects.viewType.calendar') }}</div>
+              </NcMenuItem>
+              <template v-if="isFeatureEnabled(FEATURE_FLAG.AI_FEATURES)">
+                <NcDivider />
+                <NcMenuItem data-testid="mini-sidebar-view-create-ai" @click="onOpenModal({ type: 'AI' })">
+                  <GeneralIcon icon="ncAutoAwesome" class="!w-4 !h-4 text-nc-fill-purple-dark" />
+                  <div>{{ $t('labels.aiSuggested') }}</div>
+                </NcMenuItem>
+              </template>
+            </NcSubMenu>
+          </NcTooltip>
+
+          <NcDivider />
+          <NcTooltip
+            title="Navigate to a base to a create automation"
+            :disabled="!!openedProject"
+            placement="right"
+            @click="openNewScriptModal({ baseId: openedProject?.id })"
+          >
+            <NcMenuItem data-testid="mini-sidebar--script-create" :disabled="!openedProject">
+              <GeneralIcon icon="ncPlay" />
+              {{ $t('general.automation') }}
+            </NcMenuItem>
+          </NcTooltip>
+          <NcDivider />
+          <NcTooltip title="Navigate to a view to a create record" :disabled="!!activeView" placement="right">
+            <NcMenuItem data-testid="mini-sidebar-record-create" :disabled="!activeView" class="capitalize">
+              <GeneralIcon icon="ncPlus" />
+              {{ $t('objects.record') }}
+            </NcMenuItem>
+          </NcTooltip>
+        </NcMenu>
+      </template>
+    </NcDropdown>
+    <WorkspaceCreateProjectDlg v-model="baseCreateDlg" />
+  </div>
+</template>
diff --git a/packages/nc-gui/components/dashboard/Sidebar/Feed.vue b/packages/nc-gui/components/dashboard/Sidebar/Feed.vue
index 27d882d957..c8fd99978e 100644
--- a/packages/nc-gui/components/dashboard/Sidebar/Feed.vue
+++ b/packages/nc-gui/components/dashboard/Sidebar/Feed.vue
@@ -18,12 +18,14 @@ const gotoFeed = () => navigateToFeed()
     v-e="['c:nocodb:feed']"
     class="nc-mini-sidebar-btn-full-width"
     data-testid="nc-sidebar-product-feed"
-    :class="{
-      active: isFeedPageOpened,
-    }"
     @click="gotoFeed"
   >
-    <div class="nc-mini-sidebar-btn">
+    <div
+      class="nc-mini-sidebar-btn"
+      :class="{
+        active: isFeedPageOpened,
+      }"
+    >
       <GeneralIcon :icon="isFeedPageOpened ? 'ncMegaPhoneDuo' : 'megaPhone'" class="h-4 w-4" />
     </div>
   </div>
diff --git a/packages/nc-gui/components/dashboard/Sidebar/UserInfo.vue b/packages/nc-gui/components/dashboard/Sidebar/UserInfo.vue
index a53f5fef18..d82e85d94d 100644
--- a/packages/nc-gui/components/dashboard/Sidebar/UserInfo.vue
+++ b/packages/nc-gui/components/dashboard/Sidebar/UserInfo.vue
@@ -76,15 +76,19 @@ const accountUrl = computed(() => {
     <div
       class="flex items-center"
       :class="{
-        'justify-center': isMiniSidebar,
+        'justify-center h-[var(--mini-sidebar-width)]': isMiniSidebar,
         'justify-between': !isMiniSidebar,
       }"
     >
-      <NcDropdown v-model:visible="isMenuOpen" placement="topLeft" overlay-class-name="!min-w-64">
+      <NcDropdown
+        v-model:visible="isMenuOpen"
+        placement="topLeft"
+        :overlay-class-name="`!min-w-64 ${isMiniSidebar ? '!left-2' : ''}`"
+      >
         <div
           class="flex"
           :class="{
-            'flex-row py-1 px-3 gap-x-2 items-center text-gray-700 hover:bg-gray-200 rounded-lg h-8 cursor-pointer':
+            'flex-row py-1 px-3 gap-x-2 items-center text-gray-700 hover:bg-gray-200 rounded-lg cursor-pointer':
               !isMiniSidebar,
             'nc-mini-sidebar-ws-item !w-[var(--mini-sidebar-width)] flex-none': isMiniSidebar,
           }"
diff --git a/packages/nc-gui/components/dashboard/TreeView/CreateViewBtn.vue b/packages/nc-gui/components/dashboard/TreeView/CreateViewBtn.vue
index 41eea9b3ad..e73df5312e 100644
--- a/packages/nc-gui/components/dashboard/TreeView/CreateViewBtn.vue
+++ b/packages/nc-gui/components/dashboard/TreeView/CreateViewBtn.vue
@@ -12,9 +12,8 @@ const { $e } = useNuxtApp()
 
 const alignLeftLevel = toRef(props, 'alignLeftLevel')
 
-const { refreshCommandPalette } = useCommandPalette()
 const viewsStore = useViewsStore()
-const { loadViews, navigateToView } = viewsStore
+const { loadViews, onOpenViewCreateModal } = viewsStore
 
 const { isFeatureEnabled } = useBetaFeatureToggle()
 
@@ -89,48 +88,16 @@ async function onOpenModal({
   isOpen.value = false
   isViewListLoading.value = false
 
-  const isDlgOpen = ref(true)
-
-  const { close } = useDialog(resolveComponent('DlgViewCreate'), {
-    'modelValue': isDlgOpen,
+  onOpenViewCreateModal({
     title,
     type,
-    'tableId': table.value.id,
-    'selectedViewId': copyViewId,
-    calendarRange,
+    copyViewId,
     groupingFieldColumnId,
+    calendarRange,
     coverImageColumnId,
-    'baseId': base.value.id,
-    'onUpdate:modelValue': closeDialog,
-    'onCreated': async (view?: ViewType) => {
-      closeDialog()
-
-      refreshCommandPalette()
-
-      await loadViews({
-        tableId: table.value.id!,
-        force: true,
-      })
-
-      if (view) {
-        navigateToView({
-          view,
-          tableId: table.value.id!,
-          baseId: base.value.id!,
-          doNotSwitchTab: true,
-        })
-      }
-
-      $e('a:view:create', { view: view?.type || type })
-    },
+    baseId: base.value.id!,
+    tableId: table.value.id!,
   })
-
-  function closeDialog() {
-    isOpen.value = false
-    isDlgOpen.value = false
-
-    close(1000)
-  }
 }
 </script>
 
diff --git a/packages/nc-gui/components/dashboard/TreeView/ProjectNode.vue b/packages/nc-gui/components/dashboard/TreeView/ProjectNode.vue
index 278c224cee..6dc2978fb9 100644
--- a/packages/nc-gui/components/dashboard/TreeView/ProjectNode.vue
+++ b/packages/nc-gui/components/dashboard/TreeView/ProjectNode.vue
@@ -58,7 +58,7 @@ const currentUserRole = computed(() => {
   return collaborators.value.find((coll) => coll.id === user.value?.id)?.roles as keyof typeof RoleLabels
 })
 
-const { loadProjectTables } = useTablesStore()
+const { loadProjectTables, openTableCreateDialog: _openTableCreateDialog } = useTablesStore()
 
 const { activeTable } = storeToRefs(useTablesStore())
 
@@ -255,57 +255,23 @@ const setColor = async (color: string, base: BaseType) => {
   }
 }
 
-/**
- * Opens a dialog to create a new table.
- *
- * @returns {void}
- *
- * @remarks
- * This function is triggered when the user initiates the table creation process.
- * It opens a dialog for table creation, handles the dialog closure,
- * and potentially scrolls to the newly created table.
- *
- * @see {@link packages/nc-gui/components/smartsheet/topbar/TableListDropdown.vue} for a similar implementation
- * of table creation dialog. If this function is updated, consider updating the other implementation as well.
- */
 function openTableCreateDialog(sourceIndex?: number | undefined) {
-  const isOpen = ref(true)
   let sourceId = base.value!.sources?.[0].id
   if (typeof sourceIndex === 'number') {
     sourceId = base.value!.sources?.[sourceIndex].id
   }
 
-  if (!sourceId || !base.value?.id) return
+  _openTableCreateDialog({
+    baseId: base.value?.id,
+    sourceId: sourceId,
+    onCloseCallback: () => {
+      base.value.isExpanded = true
 
-  const { close } = useDialog(resolveComponent('DlgTableCreate'), {
-    'modelValue': isOpen,
-    sourceId,
-    'baseId': base.value!.id,
-    'onCreate': closeDialog,
-    'onUpdate:modelValue': () => closeDialog(),
+      if (!activeKey.value || !activeKey.value.includes(`collapse-${sourceId}`)) {
+        activeKey.value.push(`collapse-${sourceId}`)
+      }
+    },
   })
-
-  function closeDialog(table?: TableType) {
-    isOpen.value = false
-
-    if (!table) return
-
-    base.value.isExpanded = true
-
-    if (!activeKey.value || !activeKey.value.includes(`collapse-${sourceId}`)) {
-      activeKey.value.push(`collapse-${sourceId}`)
-    }
-
-    // TODO: Better way to know when the table node dom is available
-    setTimeout(() => {
-      const newTableDom = document.querySelector(`[data-table-id="${table.id}"]`)
-      if (!newTableDom) return
-
-      newTableDom?.scrollIntoView({ behavior: 'smooth', block: 'nearest' })
-    }, 1000)
-
-    close(1000)
-  }
 }
 
 const isAddNewProjectChildEntityLoading = ref(false)
diff --git a/packages/nc-gui/components/notification/Menu.vue b/packages/nc-gui/components/notification/Menu.vue
index 5785ce02e5..08098abf8d 100644
--- a/packages/nc-gui/components/notification/Menu.vue
+++ b/packages/nc-gui/components/notification/Menu.vue
@@ -10,7 +10,12 @@ const isDropdownOpen = ref(false)
 
 <template>
   <div class="cursor-pointer flex items-center">
-    <NcDropdown v-model:visible="isDropdownOpen" overlay-class-name="!shadow-none" placement="bottomRight" :trigger="['click']">
+    <NcDropdown
+      v-model:visible="isDropdownOpen"
+      overlay-class-name="!shadow-none"
+      :placement="isMiniSidebar ? 'right' : 'bottomRight'"
+      :trigger="['click']"
+    >
       <div
         :class="{
           'nc-mini-sidebar-btn-full-width': isMiniSidebar,
diff --git a/packages/nc-gui/components/smartsheet/topbar/TableListDropdown.vue b/packages/nc-gui/components/smartsheet/topbar/TableListDropdown.vue
index 20e92474ff..1a60606b3f 100644
--- a/packages/nc-gui/components/smartsheet/topbar/TableListDropdown.vue
+++ b/packages/nc-gui/components/smartsheet/topbar/TableListDropdown.vue
@@ -9,9 +9,11 @@ const { isUIAllowed } = useRoles()
 
 const { base } = storeToRefs(useBase())
 
-const { activeTable, activeTables } = storeToRefs(useTablesStore())
+const tablesStore = useTablesStore()
 
-const { openTable } = useTablesStore()
+const { activeTable, activeTables } = storeToRefs(tablesStore)
+
+const { openTable, openTableCreateDialog: _openTableCreateDialog } = tablesStore
 
 const isOpen = ref<boolean>(false)
 
@@ -36,19 +38,6 @@ const handleNavigateToTable = (table: TableType) => {
   }
 }
 
-/**
- * Opens a dialog to create a new table.
- *
- * @returns void
- *
- * @remarks
- * This function is triggered when the user initiates the table creation process from the topbar.
- * It emits a tracking event, checks for a valid source, and opens a dialog for table creation.
- * The function also handles the dialog closure and potential scrolling to the newly created table.
- *
- * @see {@link packages/nc-gui/components/dashboard/TreeView/ProjectNode.vue} for a similar implementation
- * of table creation dialog. If this function is updated, consider updating the other implementation as well.
- */
 function openTableCreateDialog() {
   $e('c:table:create:topbar')
 
@@ -56,35 +45,7 @@ function openTableCreateDialog() {
 
   isOpen.value = false
 
-  const isCreateTableOpen = ref(true)
-  const sourceId = base.value!.sources?.[activeTableSourceIndex.value].id
-
-  if (!sourceId || !base.value?.id) return
-
-  const { close } = useDialog(resolveComponent('DlgTableCreate'), {
-    'modelValue': isCreateTableOpen,
-    sourceId,
-    'baseId': base.value!.id,
-    'onCreate': closeDialog,
-    'onUpdate:modelValue': () => closeDialog(),
-  })
-
-  function closeDialog(table?: TableType) {
-    isCreateTableOpen.value = false
-
-    if (!table) return
-
-    // TODO: Better way to know when the table node dom is available
-    setTimeout(() => {
-      const newTableDom = document.querySelector(`[data-table-id="${table.id}"]`)
-      if (!newTableDom) return
-
-      // Scroll to the table node
-      newTableDom?.scrollIntoView({ behavior: 'smooth', block: 'nearest' })
-    }, 1000)
-
-    close(1000)
-  }
+  _openTableCreateDialog({ baseId: base.value?.id, sourceId: base.value!.sources?.[activeTableSourceIndex.value].id })
 }
 </script>
 
diff --git a/packages/nc-gui/components/smartsheet/topbar/ViewListDropdown.vue b/packages/nc-gui/components/smartsheet/topbar/ViewListDropdown.vue
index e58da31b37..9fc3078590 100644
--- a/packages/nc-gui/components/smartsheet/topbar/ViewListDropdown.vue
+++ b/packages/nc-gui/components/smartsheet/topbar/ViewListDropdown.vue
@@ -17,9 +17,7 @@ const viewsStore = useViewsStore()
 
 const { activeView, views } = storeToRefs(viewsStore)
 
-const { loadViews, navigateToView } = viewsStore
-
-const { refreshCommandPalette } = useCommandPalette()
+const { navigateToView, onOpenViewCreateModal } = viewsStore
 
 const { isFeatureEnabled } = useBetaFeatureToggle()
 
@@ -117,48 +115,16 @@ async function onOpenModal({
 
   $e('c:view:create:topbar', { view: type === 'AI' ? type : viewTypeAlias[type] })
 
-  const isDlgOpen = ref(true)
-
-  const { close } = useDialog(resolveComponent('DlgViewCreate'), {
-    'modelValue': isDlgOpen,
+  onOpenViewCreateModal({
     title,
     type,
-    'tableId': activeTable.value.id,
-    'selectedViewId': copyViewId,
-    calendarRange,
+    copyViewId,
     groupingFieldColumnId,
+    calendarRange,
     coverImageColumnId,
-    'onUpdate:modelValue': closeDialog,
-    'baseId': base.value.id,
-    'onCreated': async (view?: ViewType) => {
-      closeDialog()
-
-      refreshCommandPalette()
-
-      await loadViews({
-        tableId: activeTable.value.id!,
-        force: true,
-      })
-
-      if (view) {
-        navigateToView({
-          view,
-          tableId: activeTable.value.id!,
-          baseId: base.value.id!,
-          doNotSwitchTab: true,
-        })
-      }
-
-      $e('a:view:create', { view: view?.type || type })
-    },
+    baseId: base.value.id!,
+    tableId: activeTable.value.id!,
   })
-
-  function closeDialog() {
-    isOpen.value = false
-    isDlgOpen.value = false
-
-    close(1000)
-  }
 }
 </script>
 
diff --git a/packages/nc-gui/components/template/Editor.vue b/packages/nc-gui/components/template/Editor.vue
index b033eec681..a1e96f0e49 100644
--- a/packages/nc-gui/components/template/Editor.vue
+++ b/packages/nc-gui/components/template/Editor.vue
@@ -13,7 +13,6 @@ import {
 } from 'nocodb-sdk'
 import type { CheckboxChangeEvent } from 'ant-design-vue/es/checkbox/interface'
 import { srcDestMappingColumns, tableColumns } from './utils'
-import { NcCheckbox } from '#components'
 
 interface Props {
   quickImportType: 'csv' | 'excel' | 'json'
diff --git a/packages/nc-gui/lang/en.json b/packages/nc-gui/lang/en.json
index ad713f0d31..85e38d15f1 100644
--- a/packages/nc-gui/lang/en.json
+++ b/packages/nc-gui/lang/en.json
@@ -394,7 +394,8 @@
     "reactivate": "Reactivate",
     "left": "left",
     "seat": "Seat",
-    "seats": "Seats"
+    "seats": "Seats",
+    "automation": "Automation"
   },
   "objects": {
     "script": "Script",
diff --git a/packages/nc-gui/store/automation.ts b/packages/nc-gui/store/automation.ts
index 18194d36cb..cfd5b30ea7 100644
--- a/packages/nc-gui/store/automation.ts
+++ b/packages/nc-gui/store/automation.ts
@@ -27,6 +27,8 @@ export const useAutomationStore = defineStore('automation', () => {
 
   const openScript = async (_p1: any) => {}
 
+  async function openNewScriptModal(..._arg: any[]) {}
+
   return {
     // State
     automations,
@@ -46,6 +48,7 @@ export const useAutomationStore = defineStore('automation', () => {
     updateAutomation,
     deleteAutomation,
     openScript,
+    openNewScriptModal,
   }
 })
 
diff --git a/packages/nc-gui/store/tables.ts b/packages/nc-gui/store/tables.ts
index b7f319f999..66c12e2ae6 100644
--- a/packages/nc-gui/store/tables.ts
+++ b/packages/nc-gui/store/tables.ts
@@ -1,6 +1,7 @@
 import { acceptHMRUpdate, defineStore } from 'pinia'
 import type { TableType } from 'nocodb-sdk'
 import type { SidebarTableNode } from '~/lib/types'
+import { DlgTableCreate } from '#components'
 
 export const useTablesStore = defineStore('tablesStore', () => {
   const { includeM2M, ncNavigateTo } = useGlobal()
@@ -248,6 +249,46 @@ export const useTablesStore = defineStore('tablesStore', () => {
     await getMeta(tableId, true)
   }
 
+  function openTableCreateDialog({
+    baseId,
+    sourceId,
+    onCloseCallback,
+  }: {
+    baseId?: string
+    sourceId?: string
+    onCloseCallback?: () => undefined
+  }) {
+    if (!sourceId || !baseId) return
+
+    const isCreateTableOpen = ref(true)
+
+    const { close } = useDialog(DlgTableCreate, {
+      'modelValue': isCreateTableOpen,
+      sourceId,
+      'baseId': baseId,
+      'onCreate': closeDialog,
+      'onUpdate:modelValue': () => closeDialog(),
+    })
+
+    function closeDialog(table?: TableType) {
+      isCreateTableOpen.value = false
+
+      if (!table) return
+
+      onCloseCallback?.()
+
+      setTimeout(() => {
+        const newTableDom = document.querySelector(`[data-table-id="${table.id}"]`)
+        if (!newTableDom) return
+
+        // Scroll to the table node
+        newTableDom?.scrollIntoView({ behavior: 'smooth', block: 'nearest' })
+      }, 1000)
+
+      close(1000)
+    }
+  }
+
   return {
     baseTables,
     loadProjectTables,
@@ -261,6 +302,7 @@ export const useTablesStore = defineStore('tablesStore', () => {
     tableUrl,
     reloadTableMeta,
     loadTableMeta,
+    openTableCreateDialog,
   }
 })
 
diff --git a/packages/nc-gui/store/views.ts b/packages/nc-gui/store/views.ts
index dddd410a96..c3561b7427 100644
--- a/packages/nc-gui/store/views.ts
+++ b/packages/nc-gui/store/views.ts
@@ -4,6 +4,7 @@ import { acceptHMRUpdate, defineStore } from 'pinia'
 import { useTitle } from '@vueuse/core'
 import type { ViewPageType } from '~/lib/types'
 import { getFormattedViewTabTitle } from '~/helpers/parsers/parserHelpers'
+import { DlgViewCreate } from '#components'
 
 export const useViewsStore = defineStore('viewsStore', () => {
   const { $api } = useNuxtApp()
@@ -26,6 +27,10 @@ export const useViewsStore = defineStore('viewsStore', () => {
   const allRecentViews = ref<RecentView[]>([])
   const route = router.currentRoute
 
+  const { refreshCommandPalette } = useCommandPalette()
+
+  const { $e } = useNuxtApp()
+
   const bases = useBases()
   const { openedProject } = storeToRefs(bases)
 
@@ -529,6 +534,73 @@ export const useViewsStore = defineStore('viewsStore', () => {
     }
   }
 
+  const onOpenViewCreateModal = ({
+    title = '',
+    type,
+    copyViewId,
+    groupingFieldColumnId,
+    calendarRange,
+    coverImageColumnId,
+    baseId,
+    tableId,
+  }: {
+    title?: string
+    type: ViewTypes | 'AI'
+    copyViewId?: string
+    groupingFieldColumnId?: string
+    calendarRange?: Array<{
+      fk_from_column_id: string
+      fk_to_column_id: string | null
+    }>
+    coverImageColumnId?: string
+    baseId: string
+    tableId: string
+  }) => {
+    if (!baseId || !tableId) return
+
+    const isDlgOpen = ref(true)
+
+    const { close } = useDialog(DlgViewCreate, {
+      'modelValue': isDlgOpen,
+      title,
+      type,
+      'tableId': tableId,
+      'selectedViewId': copyViewId,
+      calendarRange,
+      groupingFieldColumnId,
+      coverImageColumnId,
+      'onUpdate:modelValue': closeDialog,
+      'baseId': baseId,
+      'onCreated': async (view?: ViewType) => {
+        closeDialog()
+
+        refreshCommandPalette()
+
+        await loadViews({
+          tableId: tableId,
+          force: true,
+        })
+
+        if (view) {
+          navigateToView({
+            view,
+            tableId: tableId,
+            baseId: baseId,
+            doNotSwitchTab: true,
+          })
+        }
+
+        $e('a:view:create', { view: view?.type || type })
+      },
+    })
+
+    function closeDialog() {
+      isDlgOpen.value = false
+
+      close(1000)
+    }
+  }
+
   refreshViewTabTitle.on(() => {
     updateTabTitle()
   })
@@ -570,6 +642,7 @@ export const useViewsStore = defineStore('viewsStore', () => {
     duplicateView,
     setCurrentViewExpandedFormMode,
     setCurrentViewExpandedFormAttachmentColumn,
+    onOpenViewCreateModal,
   }
 })