diff --git a/apps/web/src/components/affine/workspace-setting-detail/panel/general/delete/index.tsx b/apps/web/src/components/affine/workspace-setting-detail/panel/general/delete/index.tsx
index c2187f158..5399028eb 100644
--- a/apps/web/src/components/affine/workspace-setting-detail/panel/general/delete/index.tsx
+++ b/apps/web/src/components/affine/workspace-setting-detail/panel/general/delete/index.tsx
@@ -67,6 +67,7 @@ export const WorkspaceDeleteModal = ({
         <StyledInputContent>
           <Input
             onChange={setDeleteStr}
+            data-testid="delete-workspace-input"
             placeholder={t('Delete Workspace placeholder')}
             value={deleteStr}
             width={284}
@@ -78,6 +79,7 @@ export const WorkspaceDeleteModal = ({
             {t('Cancel')}
           </Button>
           <Button
+            data-testid="delete-workspace-confirm-button"
             disabled={!allowDelete}
             onClick={handleDelete}
             type="danger"
diff --git a/apps/web/src/components/affine/workspace-setting-detail/panel/general/index.tsx b/apps/web/src/components/affine/workspace-setting-detail/panel/general/index.tsx
index 9babd8237..150df3cf4 100644
--- a/apps/web/src/components/affine/workspace-setting-detail/panel/general/index.tsx
+++ b/apps/web/src/components/affine/workspace-setting-detail/panel/general/index.tsx
@@ -187,6 +187,7 @@ export const GeneralPanel: React.FC<PanelProps> = ({
               type="danger"
               shape="circle"
               style={{ borderRadius: '40px' }}
+              data-testid="delete-workspace-button"
               onClick={() => {
                 setShowDelete(true);
               }}
diff --git a/apps/web/src/providers/ModalProvider.tsx b/apps/web/src/providers/ModalProvider.tsx
index f341fd419..18191090f 100644
--- a/apps/web/src/providers/ModalProvider.tsx
+++ b/apps/web/src/providers/ModalProvider.tsx
@@ -34,7 +34,7 @@ export function Modals() {
         user={user}
         workspaces={workspaces}
         currentWorkspaceId={currentWorkspaceId}
-        open={openWorkspacesModal}
+        open={openWorkspacesModal || workspaces.length === 0}
         onClose={useCallback(() => {
           setOpenWorkspacesModal(false);
         }, [setOpenWorkspacesModal])}
diff --git a/tests/libs/sidebar.ts b/tests/libs/sidebar.ts
new file mode 100644
index 000000000..68922a832
--- /dev/null
+++ b/tests/libs/sidebar.ts
@@ -0,0 +1,5 @@
+import { Page } from '@playwright/test';
+
+export async function clickSideBarSettingButton(page: Page) {
+  await page.getByTestId('slider-bar-workspace-setting-button').click();
+}
diff --git a/tests/local-first-delete-workspace.spec.ts b/tests/local-first-delete-workspace.spec.ts
new file mode 100644
index 000000000..536aa9ff8
--- /dev/null
+++ b/tests/local-first-delete-workspace.spec.ts
@@ -0,0 +1,21 @@
+import { expect } from '@playwright/test';
+
+import { loadPage } from './libs/load-page';
+import { test } from './libs/playwright';
+import { clickSideBarSettingButton } from './libs/sidebar';
+
+loadPage();
+
+test.describe('Local first delete workspace', () => {
+  test('New a workspace , then delete it in all workspaces, permanently delete it', async ({
+    page,
+  }) => {
+    await clickSideBarSettingButton(page);
+    await page.getByTestId('delete-workspace-button').click();
+    await page.getByTestId('delete-workspace-input').type('delete');
+    await page.getByTestId('delete-workspace-confirm-button').click();
+    expect(await page.getByTestId('workspace-card').count()).toBe(0);
+    await page.mouse.click(1, 1);
+    expect(await page.getByTestId('workspace-card').count()).toBe(0);
+  });
+});