refactor(core): adjust core struct (#8218)

packages/frontend/core/src

hooks -> components/hooks
atoms -> components/atoms
layouts -> components/layouts
providers -> components/providers
mixpanel -> @affine/track
~~shared~~
~~unexpected-application-state~~

.eslintrc.js

@@ -50,6 +50,7 @@ const allPackages = [
   'packages/frontend/i18n',
   'packages/frontend/native',
   'packages/frontend/templates',
+  'packages/frontend/track',
   'packages/common/debug',
   'packages/common/env',
   'packages/common/infra',

packages/frontend/admin/src/app.tsx

@@ -1,5 +1,4 @@
 import { Toaster } from '@affine/admin/components/ui/sonner';
-import { Telemetry } from '@affine/core/telemetry';
 import { wrapCreateBrowserRouter } from '@sentry/react';
 import { useEffect } from 'react';
 import {
@@ -113,7 +112,6 @@ export const router = _createBrowserRouter(
 export const App = () => {
   return (
     <TooltipProvider>
-      <Telemetry />
       <SWRConfig
         value={{
           revalidateOnFocus: false,

packages/frontend/admin/src/modules/accounts/components/data-table-toolbar.tsx

@@ -1,6 +1,6 @@
 import { Button } from '@affine/admin/components/ui/button';
 import { Input } from '@affine/admin/components/ui/input';
-import { useQuery } from '@affine/core/hooks/use-query';
+import { useQuery } from '@affine/core/components/hooks/use-query';
 import { getUserByEmailQuery } from '@affine/graphql';
 import { PlusIcon } from 'lucide-react';
 import type { SetStateAction } from 'react';

packages/frontend/admin/src/modules/accounts/components/use-user-management.ts

@@ -1,9 +1,9 @@
-import { useAsyncCallback } from '@affine/core/hooks/affine-async-hooks';
+import { useAsyncCallback } from '@affine/core/components/hooks/affine-async-hooks';
 import {
   useMutateQueryResource,
   useMutation,
-} from '@affine/core/hooks/use-mutation';
-import { useQuery } from '@affine/core/hooks/use-query';
+} from '@affine/core/components/hooks/use-mutation';
+import { useQuery } from '@affine/core/components/hooks/use-query';
 import {
   createChangePasswordUrlMutation,
   createUserMutation,

packages/frontend/admin/src/modules/accounts/use-user-list.ts

@@ -1,4 +1,4 @@
-import { useQuery } from '@affine/core/hooks/use-query';
+import { useQuery } from '@affine/core/components/hooks/use-query';
 import { listUsersQuery } from '@affine/graphql';
 import { useState } from 'react';
 

packages/frontend/admin/src/modules/ai/use-prompt.ts

@@ -1,9 +1,9 @@
-import { useAsyncCallback } from '@affine/core/hooks/affine-async-hooks';
+import { useAsyncCallback } from '@affine/core/components/hooks/affine-async-hooks';
 import {
   useMutateQueryResource,
   useMutation,
-} from '@affine/core/hooks/use-mutation';
-import { useQuery } from '@affine/core/hooks/use-query';
+} from '@affine/core/components/hooks/use-mutation';
+import { useQuery } from '@affine/core/components/hooks/use-query';
 import { getPromptsQuery, updatePromptMutation } from '@affine/graphql';
 import { toast } from 'sonner';
 

packages/frontend/admin/src/modules/common.ts

@@ -1,5 +1,5 @@
-import { useMutateQueryResource } from '@affine/core/hooks/use-mutation';
-import { useQuery } from '@affine/core/hooks/use-query';
+import { useMutateQueryResource } from '@affine/core/components/hooks/use-mutation';
+import { useQuery } from '@affine/core/components/hooks/use-query';
 import type { GetCurrentUserFeaturesQuery } from '@affine/graphql';
 import {
   adminServerConfigQuery,

packages/frontend/admin/src/modules/config/use-server-service-configs.ts

@@ -1,4 +1,4 @@
-import { useQueryImmutable } from '@affine/core/hooks/use-query';
+import { useQueryImmutable } from '@affine/core/components/hooks/use-query';
 import { getServerServiceConfigsQuery } from '@affine/graphql';
 import { useMemo } from 'react';
 

packages/frontend/admin/src/modules/settings/use-get-server-runtime-config.ts

@@ -1,4 +1,4 @@
-import { useQuery } from '@affine/core/hooks/use-query';
+import { useQuery } from '@affine/core/components/hooks/use-query';
 import { getServerRuntimeConfigQuery } from '@affine/graphql';
 import { useMemo } from 'react';
 

packages/frontend/admin/src/modules/settings/use-update-server-runtime-config.ts

@@ -1,9 +1,9 @@
 import { notify } from '@affine/component';
-import { useAsyncCallback } from '@affine/core/hooks/affine-async-hooks';
+import { useAsyncCallback } from '@affine/core/components/hooks/affine-async-hooks';
 import {
   useMutateQueryResource,
   useMutation,
-} from '@affine/core/hooks/use-mutation';
+} from '@affine/core/components/hooks/use-mutation';
 import {
   getServerRuntimeConfigQuery,
   updateServerRuntimeConfigsMutation,

packages/frontend/apps/electron/renderer/app.tsx

@@ -5,6 +5,7 @@ import { AffineContext } from '@affine/component/context';
 import { GlobalLoading } from '@affine/component/global-loading';
 import { AppFallback } from '@affine/core/components/affine/app-container';
 import { WindowsAppControls } from '@affine/core/components/pure/header/windows-app-controls';
+import { Telemetry } from '@affine/core/components/telemetry';
 import { configureCommonModules } from '@affine/core/modules';
 import { configureAppTabsHeaderModule } from '@affine/core/modules/app-tabs-header';
 import { configureElectronStateStorageImpls } from '@affine/core/modules/storage';
@@ -16,11 +17,6 @@ import {
   configureSqliteWorkspaceEngineStorageProvider,
 } from '@affine/core/modules/workspace-engine';
 import { router } from '@affine/core/router';
-import {
-  performanceLogger,
-  performanceRenderLogger,
-} from '@affine/core/shared';
-import { Telemetry } from '@affine/core/telemetry';
 import createEmotionCache from '@affine/core/utils/create-emotion-cache';
 import { createI18n, setUpLanguage } from '@affine/i18n';
 import { CacheProvider } from '@emotion/react';
@@ -51,7 +47,6 @@ if (
   throw new Error('Wrong distribution');
 }
 
-const performanceI18nLogger = performanceLogger.namespace('i18n');
 const cache = createEmotionCache();
 
 const future = {
@@ -59,14 +54,10 @@ const future = {
 } as const;
 
 async function loadLanguage() {
-  performanceI18nLogger.info('start');
-
   const i18n = createI18n();
   document.documentElement.lang = i18n.language;
 
-  performanceI18nLogger.info('set up');
   await setUpLanguage(i18n);
-  performanceI18nLogger.info('done');
 }
 
 let languageLoadingPromise: Promise<void> | null = null;
@@ -88,8 +79,6 @@ window.addEventListener('focus', () => {
 frameworkProvider.get(LifecycleService).applicationStart();
 
 export function App() {
-  performanceRenderLogger.debug('App');
-
   if (!languageLoadingPromise) {
     languageLoadingPromise = loadLanguage().catch(console.error);
   }

packages/frontend/apps/electron/renderer/index.tsx

@@ -1,8 +1,7 @@
 import './setup';
 import './global.css';
 
-import { appConfigProxy } from '@affine/core/hooks/use-app-config-storage';
-import { performanceLogger } from '@affine/core/shared';
+import { appConfigProxy } from '@affine/core/components/hooks/use-app-config-storage';
 import { apis, appInfo, events } from '@affine/electron-api';
 import {
   init,
@@ -21,10 +20,7 @@ import {
 
 import { App } from './app';
 
-const performanceMainLogger = performanceLogger.namespace('main');
 function main() {
-  performanceMainLogger.info('start');
-
   // load persistent config for electron
   // TODO(@Peng): should be sync, but it's not necessary for now
   appConfigProxy
@@ -33,12 +29,11 @@ function main() {
 
   // skip bootstrap setup for desktop onboarding
   if (
-    appInfo?.windowName === 'onboarding' ||
-    appInfo?.windowName === 'theme-editor'
+    !(
+      appInfo?.windowName === 'onboarding' ||
+      appInfo?.windowName === 'theme-editor'
+    )
   ) {
-    performanceMainLogger.info('skip setup');
-  } else {
-    performanceMainLogger.info('setup start');
     if (BUILD_CONFIG.debug || window.SENTRY_RELEASE) {
       // https://docs.sentry.io/platforms/javascript/guides/electron/
       init({
@@ -100,7 +95,6 @@ function main() {
       apis?.ui.handleWindowResize().catch(console.error);
     }, 50);
     window.addEventListener('resize', handleResize);
-    performanceMainLogger.info('setup done');
     window.addEventListener('dragstart', () => {
       document.documentElement.dataset.dragging = 'true';
     });
@@ -113,10 +107,8 @@ function main() {
 }
 
 function mountApp() {
-  performanceMainLogger.info('import app');
   // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
   const root = document.getElementById('app')!;
-  performanceMainLogger.info('render app');
   createRoot(root).render(
     <StrictMode>
       <App />

packages/frontend/apps/electron/renderer/shell/index.tsx

@@ -6,7 +6,6 @@ import './setup';
 import { ThemeProvider } from '@affine/component/theme-provider';
 import { configureAppTabsHeaderModule } from '@affine/core/modules/app-tabs-header';
 import { configureElectronStateStorageImpls } from '@affine/core/modules/storage';
-import { performanceLogger } from '@affine/core/shared';
 import { apis, events } from '@affine/electron-api';
 import { createI18n, setUpLanguage } from '@affine/i18n';
 import {
@@ -25,8 +24,6 @@ configureElectronStateStorageImpls(framework);
 configureAppTabsHeaderModule(framework);
 const frameworkProvider = framework.provider();
 
-const logger = performanceLogger.namespace('shell');
-
 async function loadLanguage() {
   const i18n = createI18n();
   document.documentElement.lang = i18n.language;
@@ -60,7 +57,6 @@ function mountApp() {
   if (!root) {
     throw new Error('Root element not found');
   }
-  logger.info('render app');
   createRoot(root).render(
     <StrictMode>
       <FrameworkRoot framework={frameworkProvider}>

packages/frontend/apps/electron/renderer/shell/shell.tsx

@@ -1,5 +1,5 @@
 import { ShellAppFallback } from '@affine/core/components/affine/app-container';
-import { useAppSettingHelper } from '@affine/core/hooks/affine/use-app-setting-helper';
+import { useAppSettingHelper } from '@affine/core/components/hooks/affine/use-app-setting-helper';
 import { AppTabsHeader } from '@affine/core/modules/app-tabs-header';
 import { SplitViewFallback } from '@affine/core/modules/workbench/view/split-view/split-view';
 

packages/frontend/apps/mobile/package.json

@@ -15,6 +15,7 @@
     "@affine/env": "workspace:*",
     "@affine/graphql": "workspace:*",
     "@affine/i18n": "workspace:*",
+    "@affine/track": "workspace:*",
     "@blocksuite/blocks": "0.17.9",
     "@blocksuite/icons": "^2.1.66",
     "@radix-ui/react-collapsible": "^1.0.3",

packages/frontend/apps/mobile/src/app.tsx

@@ -4,6 +4,7 @@ import './styles/mobile.css';
 
 import { AffineContext } from '@affine/component/context';
 import { AppFallback } from '@affine/core/components/affine/app-container';
+import { Telemetry } from '@affine/core/components/telemetry';
 import { configureCommonModules } from '@affine/core/modules';
 import { configureLocalStorageStateStorageImpls } from '@affine/core/modules/storage';
 import { configureBrowserWorkbenchModule } from '@affine/core/modules/workbench';
@@ -11,11 +12,6 @@ import {
   configureBrowserWorkspaceFlavours,
   configureIndexedDBWorkspaceEngineStorageProvider,
 } from '@affine/core/modules/workspace-engine';
-import {
-  performanceLogger,
-  performanceRenderLogger,
-} from '@affine/core/shared';
-import { Telemetry } from '@affine/core/telemetry';
 import { createI18n, setUpLanguage } from '@affine/i18n';
 import {
   Framework,
@@ -33,17 +29,11 @@ const future = {
   v7_startTransition: true,
 } as const;
 
-const performanceI18nLogger = performanceLogger.namespace('i18n');
-
 async function loadLanguage() {
-  performanceI18nLogger.info('start');
-
   const i18n = createI18n();
   document.documentElement.lang = i18n.language;
 
-  performanceI18nLogger.info('set up');
   await setUpLanguage(i18n);
-  performanceI18nLogger.info('done');
 }
 
 let languageLoadingPromise: Promise<void> | null = null;
@@ -64,8 +54,6 @@ window.addEventListener('focus', () => {
 frameworkProvider.get(LifecycleService).applicationStart();
 
 export function App() {
-  performanceRenderLogger.debug('App');
-
   if (!languageLoadingPromise) {
     languageLoadingPromise = loadLanguage().catch(console.error);
   }

packages/frontend/apps/mobile/src/components/doc-card/index.tsx

@@ -1,7 +1,7 @@
 import { IconButton } from '@affine/component';
+import { useCatchEventCallback } from '@affine/core/components/hooks/use-catch-event-hook';
 import { PagePreview } from '@affine/core/components/page-list/page-content-preview';
 import { IsFavoriteIcon } from '@affine/core/components/pure/icons';
-import { useCatchEventCallback } from '@affine/core/hooks/use-catch-event-hook';
 import { CompatibleFavoriteItemsAdapter } from '@affine/core/modules/properties';
 import {
   WorkbenchLink,

packages/frontend/apps/mobile/src/components/workspace-selector/current-card.tsx

@@ -1,5 +1,5 @@
 import { WorkspaceAvatar } from '@affine/component/workspace-avatar';
-import { useWorkspaceInfo } from '@affine/core/hooks/use-workspace-info';
+import { useWorkspaceInfo } from '@affine/core/components/hooks/use-workspace-info';
 import { UNTITLED_WORKSPACE_NAME } from '@affine/env/constant';
 import { ArrowDownSmallIcon } from '@blocksuite/icons/rc';
 import { useService, WorkspaceService } from '@toeverything/infra';

packages/frontend/apps/mobile/src/components/workspace-selector/index.tsx

@@ -1,5 +1,5 @@
 import { MobileMenu } from '@affine/component';
-import { track } from '@affine/core/mixpanel';
+import { track } from '@affine/track';
 import { useService, WorkspacesService } from '@toeverything/infra';
 import { useCallback, useEffect, useState } from 'react';
 

packages/frontend/apps/mobile/src/components/workspace-selector/menu.tsx

@@ -1,8 +1,7 @@
 import { IconButton } from '@affine/component';
 import { WorkspaceAvatar } from '@affine/component/workspace-avatar';
-import { useNavigateHelper } from '@affine/core/hooks/use-navigate-helper';
-import { useWorkspaceInfo } from '@affine/core/hooks/use-workspace-info';
-import { WorkspaceSubPath } from '@affine/core/shared';
+import { useNavigateHelper } from '@affine/core/components/hooks/use-navigate-helper';
+import { useWorkspaceInfo } from '@affine/core/components/hooks/use-workspace-info';
 import { WorkspaceFlavour } from '@affine/env/workspace';
 import { CloseIcon, CollaborationIcon } from '@blocksuite/icons/rc';
 import {
@@ -61,15 +60,15 @@ const WorkspaceList = ({
 }) => {
   const currentWorkspace = useService(WorkspaceService).workspace;
 
-  const { jumpToSubPath } = useNavigateHelper();
+  const { jumpToPage } = useNavigateHelper();
   const toggleWorkspace = useCallback(
     (id: string) => {
       if (id !== currentWorkspace.id) {
-        jumpToSubPath(id, WorkspaceSubPath.ALL);
+        jumpToPage(id, 'all');
       }
       onClose?.();
     },
-    [currentWorkspace.id, jumpToSubPath, onClose]
+    [currentWorkspace.id, jumpToPage, onClose]
   );
 
   if (!list.length) return null;

packages/frontend/apps/mobile/src/index.tsx

@@ -1,6 +1,5 @@
 import './setup';
 
-import { performanceLogger } from '@affine/core/shared';
 import {
   init,
   reactRouterV6BrowserTracingIntegration,
@@ -17,9 +16,7 @@ import {
 
 import { App } from './app';
 
-const performanceMainLogger = performanceLogger.namespace('main');
 function main() {
-  performanceMainLogger.info('setup start');
   if (BUILD_CONFIG.debug || window.SENTRY_RELEASE) {
     // https://docs.sentry.io/platforms/javascript/guides/react/#configure
     init({
@@ -40,15 +37,12 @@ function main() {
       editorVersion: BUILD_CONFIG.editorVersion,
     });
   }
-  performanceMainLogger.info('setup done');
   mountApp();
 }
 
 function mountApp() {
-  performanceMainLogger.info('import app');
   // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
   const root = document.getElementById('app')!;
-  performanceMainLogger.info('render app');
   createRoot(root).render(
     <StrictMode>
       <App />

packages/frontend/apps/mobile/src/pages/index.tsx

@@ -1,9 +1,8 @@
 import { Component as IndexComponent } from '@affine/core/pages/index';
-import { WorkspaceSubPath } from '@affine/core/shared';
 
 // Default route fallback for mobile
 
 export const Component = () => {
   // TODO: replace with a mobile version
-  return <IndexComponent defaultIndexRoute={WorkspaceSubPath.HOME} />;
+  return <IndexComponent defaultIndexRoute={'home'} />;
 };

packages/frontend/apps/mobile/src/pages/sign-in.tsx

@@ -1,7 +1,7 @@
 import {
   RouteLogic,
   useNavigateHelper,
-} from '@affine/core/hooks/use-navigate-helper';
+} from '@affine/core/components/hooks/use-navigate-helper';
 import { AuthService } from '@affine/core/modules/cloud';
 import { useLiveData, useService } from '@toeverything/infra';
 import { useEffect } from 'react';

packages/frontend/apps/mobile/src/pages/workspace/collection/detail.tsx

@@ -1,7 +1,6 @@
 import { notify, useThemeColorV2 } from '@affine/component';
-import { useNavigateHelper } from '@affine/core/hooks/use-navigate-helper';
+import { useNavigateHelper } from '@affine/core/components/hooks/use-navigate-helper';
 import { CollectionService } from '@affine/core/modules/collection';
-import { WorkspaceSubPath } from '@affine/core/shared';
 import {
   GlobalContextService,
   useLiveData,
@@ -44,7 +43,7 @@ export const Component = () => {
   }, [collection, globalContext]);
 
   const notifyCollectionDeleted = useCallback(() => {
-    navigate.jumpToSubPath(workspace.id, WorkspaceSubPath.HOME);
+    navigate.jumpToPage(workspace.id, 'home');
     const collection = collectionService.collectionsTrash$.value.find(
       v => v.collection.id === params.collectionId
     );

packages/frontend/apps/mobile/src/pages/workspace/detail/journal-icon-button.tsx

@@ -1,5 +1,5 @@
 import { IconButton, MobileMenu } from '@affine/component';
-import { useJournalInfoHelper } from '@affine/core/hooks/use-journal';
+import { useJournalInfoHelper } from '@affine/core/components/hooks/use-journal';
 import { EditorJournalPanel } from '@affine/core/pages/workspace/detail-page/tabs/journal';
 import { TodayIcon, TomorrowIcon, YesterdayIcon } from '@blocksuite/icons/rc';
 import { useService, WorkspaceService } from '@toeverything/infra';

packages/frontend/apps/mobile/src/pages/workspace/detail/mobile-detail-page.tsx

@@ -1,12 +1,12 @@
 import { useThemeColorV2 } from '@affine/component';
 import { PageDetailSkeleton } from '@affine/component/page-detail-skeleton';
 import { AffineErrorBoundary } from '@affine/core/components/affine/affine-error-boundary';
+import { useRegisterBlocksuiteEditorCommands } from '@affine/core/components/hooks/affine/use-register-blocksuite-editor-commands';
+import { useActiveBlocksuiteEditor } from '@affine/core/components/hooks/use-block-suite-editor';
+import { useDocMetaHelper } from '@affine/core/components/hooks/use-block-suite-page-meta';
+import { usePageDocumentTitle } from '@affine/core/components/hooks/use-global-state';
+import { useNavigateHelper } from '@affine/core/components/hooks/use-navigate-helper';
 import { PageDetailEditor } from '@affine/core/components/page-detail-editor';
-import { useRegisterBlocksuiteEditorCommands } from '@affine/core/hooks/affine/use-register-blocksuite-editor-commands';
-import { useActiveBlocksuiteEditor } from '@affine/core/hooks/use-block-suite-editor';
-import { useDocMetaHelper } from '@affine/core/hooks/use-block-suite-page-meta';
-import { usePageDocumentTitle } from '@affine/core/hooks/use-global-state';
-import { useNavigateHelper } from '@affine/core/hooks/use-navigate-helper';
 import { EditorService } from '@affine/core/modules/editor';
 import { WorkbenchService } from '@affine/core/modules/workbench';
 import { ViewService } from '@affine/core/modules/workbench/services/view';

packages/frontend/apps/mobile/src/pages/workspace/detail/page-header-more-button.tsx

@@ -6,12 +6,12 @@ import {
 } from '@affine/component/ui/menu';
 import { useFavorite } from '@affine/core/components/blocksuite/block-suite-header/favorite';
 import { IsFavoriteIcon } from '@affine/core/components/pure/icons';
-import { track } from '@affine/core/mixpanel';
 import { EditorService } from '@affine/core/modules/editor';
 import { ViewService } from '@affine/core/modules/workbench/services/view';
 import { EditorOutlinePanel } from '@affine/core/pages/workspace/detail-page/tabs/outline';
 import { preventDefault } from '@affine/core/utils';
 import { useI18n } from '@affine/i18n';
+import { track } from '@affine/track';
 import {
   EdgelessIcon,
   InformationIcon,

packages/frontend/apps/mobile/src/pages/workspace/detail/page-header-share-button.tsx

@@ -1,6 +1,6 @@
 import { IconButton, MobileMenu } from '@affine/component';
 import { SharePage } from '@affine/core/components/affine/share-page-modal/share-menu/share-page';
-import { useEnableCloud } from '@affine/core/hooks/affine/use-enable-cloud';
+import { useEnableCloud } from '@affine/core/components/hooks/affine/use-enable-cloud';
 import { WorkspaceFlavour } from '@affine/env/workspace';
 import { ShareiOsIcon } from '@blocksuite/icons/rc';
 import { DocService, useServices, WorkspaceService } from '@toeverything/infra';

packages/frontend/apps/mobile/src/pages/workspace/layout.tsx

@@ -1,7 +1,7 @@
 import { AffineErrorBoundary } from '@affine/core/components/affine/affine-error-boundary';
 import { AppFallback } from '@affine/core/components/affine/app-container';
-import { WorkspaceLayoutProviders } from '@affine/core/layouts/workspace-layout';
-import { SWRConfigProvider } from '@affine/core/providers/swr-config-provider';
+import { WorkspaceLayoutProviders } from '@affine/core/components/layouts/workspace-layout';
+import { SWRConfigProvider } from '@affine/core/components/providers/swr-config-provider';
 import type { Workspace, WorkspaceMetadata } from '@toeverything/infra';
 import {
   FrameworkScope,

packages/frontend/apps/mobile/src/provider/model-provider.tsx

@@ -7,11 +7,11 @@ import {
   LocalQuotaModal,
 } from '@affine/core/components/affine/quota-reached-modal';
 import { StarAFFiNEModal } from '@affine/core/components/affine/star-affine-modal';
+import { useTrashModalHelper } from '@affine/core/components/hooks/affine/use-trash-modal-helper';
 import { MoveToTrash } from '@affine/core/components/page-list';
-import { useTrashModalHelper } from '@affine/core/hooks/affine/use-trash-modal-helper';
+import { SignOutConfirmModal } from '@affine/core/components/providers/modal-provider';
 import { CreateWorkspaceDialogProvider } from '@affine/core/modules/create-workspace';
 import { PeekViewManagerModal } from '@affine/core/modules/peek-view';
-import { SignOutConfirmModal } from '@affine/core/providers/modal-provider';
 import { WorkspaceFlavour } from '@affine/env/workspace';
 import { useService, WorkspaceService } from '@toeverything/infra';
 import { useCallback } from 'react';

packages/frontend/apps/mobile/src/router.tsx

@@ -1,4 +1,4 @@
-import { NavigateContext } from '@affine/core/hooks/use-navigate-helper';
+import { NavigateContext } from '@affine/core/components/hooks/use-navigate-helper';
 import { wrapCreateBrowserRouter } from '@sentry/react';
 import { useEffect, useState } from 'react';
 import type { RouteObject } from 'react-router-dom';

packages/frontend/apps/mobile/src/views/all-docs/doc/list.tsx

@@ -1,4 +1,5 @@
 import { EmptyDocs } from '@affine/core/components/affine/empty';
+import { useBlockSuiteDocMeta } from '@affine/core/components/hooks/use-block-suite-page-meta';
 import {
   type ItemGroupDefinition,
   type ItemGroupProps,
@@ -7,7 +8,6 @@ import {
   usePageItemGroupDefinitions,
 } from '@affine/core/components/page-list';
 import { itemsToItemGroups } from '@affine/core/components/page-list/items-to-item-group';
-import { useBlockSuiteDocMeta } from '@affine/core/hooks/use-block-suite-page-meta';
 import type { Tag } from '@affine/core/modules/tag';
 import type { Collection, Filter } from '@affine/env/filter';
 import { ToggleExpandIcon } from '@blocksuite/icons/rc';

packages/frontend/apps/mobile/src/views/home-header/index.tsx

@@ -3,7 +3,7 @@ import {
   SafeArea,
   startScopedViewTransition,
 } from '@affine/component';
-import { openSettingModalAtom } from '@affine/core/atoms';
+import { openSettingModalAtom } from '@affine/core/components/atoms';
 import { WorkbenchService } from '@affine/core/modules/workbench';
 import { useI18n } from '@affine/i18n';
 import { SettingsIcon } from '@blocksuite/icons/rc';

packages/frontend/apps/mobile/src/views/recent-docs/index.tsx

@@ -1,4 +1,4 @@
-import { useBlockSuiteDocMeta } from '@affine/core/hooks/use-block-suite-page-meta';
+import { useBlockSuiteDocMeta } from '@affine/core/components/hooks/use-block-suite-page-meta';
 import { CollapsibleSection } from '@affine/core/modules/explorer';
 import { useService, WorkspaceService } from '@toeverything/infra';
 import { useMemo } from 'react';

packages/frontend/apps/mobile/src/views/settings/appearance/language.tsx

@@ -1,4 +1,4 @@
-import { useLanguageHelper } from '@affine/core/hooks/affine/use-language-helper';
+import { useLanguageHelper } from '@affine/core/components/hooks/affine/use-language-helper';
 import { useI18n } from '@affine/i18n';
 import { useMemo } from 'react';
 

packages/frontend/apps/mobile/src/views/settings/index.tsx

@@ -1,5 +1,5 @@
 import { Modal } from '@affine/component';
-import { openSettingModalAtom } from '@affine/core/atoms';
+import { openSettingModalAtom } from '@affine/core/components/atoms';
 import { AuthService } from '@affine/core/modules/cloud';
 import { useI18n } from '@affine/i18n';
 import { useService } from '@toeverything/infra';

packages/frontend/apps/mobile/src/views/settings/user-profile/index.tsx

@@ -1,6 +1,6 @@
 import { Avatar } from '@affine/component';
-import { authAtom } from '@affine/core/atoms';
-import { useSignOut } from '@affine/core/hooks/affine/use-sign-out';
+import { authAtom } from '@affine/core/components/atoms';
+import { useSignOut } from '@affine/core/components/hooks/affine/use-sign-out';
 import { AuthService } from '@affine/core/modules/cloud';
 import { ArrowRightSmallIcon } from '@blocksuite/icons/rc';
 import {

packages/frontend/apps/mobile/src/views/sign-in/modal.tsx

@@ -1,5 +1,5 @@
 import { Modal } from '@affine/component';
-import { authAtom } from '@affine/core/atoms';
+import { authAtom } from '@affine/core/components/atoms';
 import { cssVarV2 } from '@toeverything/theme/v2';
 import { useAtom } from 'jotai';
 import { useCallback } from 'react';

packages/frontend/apps/web/src/app.tsx

@@ -4,6 +4,7 @@ import '@affine/component/theme/theme.css';
 import { AffineContext } from '@affine/component/context';
 import { GlobalLoading } from '@affine/component/global-loading';
 import { AppFallback } from '@affine/core/components/affine/app-container';
+import { Telemetry } from '@affine/core/components/telemetry';
 import { configureCommonModules } from '@affine/core/modules';
 import { configureLocalStorageStateStorageImpls } from '@affine/core/modules/storage';
 import { CustomThemeModifier } from '@affine/core/modules/theme-editor';
@@ -14,11 +15,6 @@ import {
   configureIndexedDBWorkspaceEngineStorageProvider,
 } from '@affine/core/modules/workspace-engine';
 import { router } from '@affine/core/router';
-import {
-  performanceLogger,
-  performanceRenderLogger,
-} from '@affine/core/shared';
-import { Telemetry } from '@affine/core/telemetry';
 import createEmotionCache from '@affine/core/utils/create-emotion-cache';
 import { createI18n, setUpLanguage } from '@affine/i18n';
 import { CacheProvider } from '@emotion/react';
@@ -31,7 +27,6 @@ import {
 import { Suspense } from 'react';
 import { RouterProvider } from 'react-router-dom';
 
-const performanceI18nLogger = performanceLogger.namespace('i18n');
 const cache = createEmotionCache();
 
 const future = {
@@ -39,14 +34,10 @@ const future = {
 } as const;
 
 async function loadLanguage() {
-  performanceI18nLogger.info('start');
-
   const i18n = createI18n();
   document.documentElement.lang = i18n.language;
 
-  performanceI18nLogger.info('set up');
   await setUpLanguage(i18n);
-  performanceI18nLogger.info('done');
 }
 
 let languageLoadingPromise: Promise<void> | null = null;
@@ -67,8 +58,6 @@ window.addEventListener('focus', () => {
 frameworkProvider.get(LifecycleService).applicationStart();
 
 export function App() {
-  performanceRenderLogger.debug('App');
-
   if (!languageLoadingPromise) {
     languageLoadingPromise = loadLanguage().catch(console.error);
   }

packages/frontend/apps/web/src/index.tsx

@@ -1,7 +1,5 @@
 import './setup';
 
-import { performanceLogger } from '@affine/core/shared';
-import { appInfo } from '@affine/electron-api';
 import {
   init,
   reactRouterV6BrowserTracingIntegration,
@@ -18,46 +16,35 @@ import {
 
 import { App } from './app';
 
-const performanceMainLogger = performanceLogger.namespace('main');
 function main() {
-  performanceMainLogger.info('start');
-
   // skip bootstrap setup for desktop onboarding
-  if (BUILD_CONFIG.isElectron && appInfo?.windowName === 'onboarding') {
-    performanceMainLogger.info('skip setup');
-  } else {
-    performanceMainLogger.info('setup start');
-    if (BUILD_CONFIG.debug || window.SENTRY_RELEASE) {
-      // https://docs.sentry.io/platforms/javascript/guides/react/#configure
-      init({
-        dsn: process.env.SENTRY_DSN,
-        environment: process.env.BUILD_TYPE ?? 'development',
-        integrations: [
-          reactRouterV6BrowserTracingIntegration({
-            useEffect,
-            useLocation,
-            useNavigationType,
-            createRoutesFromChildren,
-            matchRoutes,
-          }),
-        ],
-      });
-      setTags({
-        appVersion: BUILD_CONFIG.appVersion,
-        editorVersion: BUILD_CONFIG.editorVersion,
-      });
-    }
-    performanceMainLogger.info('setup done');
+  if (BUILD_CONFIG.debug || window.SENTRY_RELEASE) {
+    // https://docs.sentry.io/platforms/javascript/guides/react/#configure
+    init({
+      dsn: process.env.SENTRY_DSN,
+      environment: process.env.BUILD_TYPE ?? 'development',
+      integrations: [
+        reactRouterV6BrowserTracingIntegration({
+          useEffect,
+          useLocation,
+          useNavigationType,
+          createRoutesFromChildren,
+          matchRoutes,
+        }),
+      ],
+    });
+    setTags({
+      appVersion: BUILD_CONFIG.appVersion,
+      editorVersion: BUILD_CONFIG.editorVersion,
+    });
   }
 
   mountApp();
 }
 
 function mountApp() {
-  performanceMainLogger.info('import app');
   // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
   const root = document.getElementById('app')!;
-  performanceMainLogger.info('render app');
   createRoot(root).render(
     <StrictMode>
       <App />

packages/frontend/core/package.json

@@ -16,6 +16,7 @@
     "@affine/graphql": "workspace:*",
     "@affine/i18n": "workspace:*",
     "@affine/templates": "workspace:*",
+    "@affine/track": "workspace:*",
     "@blocksuite/affine-block-surface": "0.17.9",
     "@blocksuite/block-std": "0.17.9",
     "@blocksuite/blocks": "0.17.9",

packages/frontend/core/src/commands/affine-creation.tsx

@@ -1,9 +1,9 @@
 import type { useI18n } from '@affine/i18n';
+import { track } from '@affine/track';
 import type { DocMode } from '@blocksuite/blocks';
 import { ImportIcon, PlusIcon } from '@blocksuite/icons/rc';
 
 import type { usePageHelper } from '../components/blocksuite/block-suite-page-list/utils';
-import { track } from '../mixpanel';
 import type { CreateWorkspaceDialogService } from '../modules/create-workspace';
 import { registerAffineCommand } from './registry';
 

packages/frontend/core/src/commands/affine-help.tsx

@@ -1,9 +1,9 @@
 import type { useI18n } from '@affine/i18n';
+import { track } from '@affine/track';
 import { ContactWithUsIcon, NewIcon } from '@blocksuite/icons/rc';
 import type { createStore } from 'jotai';
 
-import { openSettingModalAtom } from '../atoms';
-import { track } from '../mixpanel';
+import { openSettingModalAtom } from '../components/atoms';
 import { popupWindow } from '../utils';
 import { registerAffineCommand } from './registry';
 

packages/frontend/core/src/commands/affine-layout.tsx

@@ -1,9 +1,9 @@
 import type { useI18n } from '@affine/i18n';
+import { track } from '@affine/track';
 import { SidebarIcon } from '@blocksuite/icons/rc';
 import type { createStore } from 'jotai';
 
 import { appSidebarOpenAtom } from '../components/app-sidebar';
-import { track } from '../mixpanel';
 import { registerAffineCommand } from './registry';
 
 export function registerAffineLayoutCommands({

packages/frontend/core/src/commands/affine-navigation.tsx

@@ -1,12 +1,14 @@
-import { WorkspaceSubPath } from '@affine/core/shared';
 import type { useI18n } from '@affine/i18n';
+import { track } from '@affine/track';
 import { ArrowRightBigIcon } from '@blocksuite/icons/rc';
 import type { DocCollection } from '@blocksuite/store';
 import type { createStore } from 'jotai';
 
-import { openSettingModalAtom, openWorkspaceListModalAtom } from '../atoms';
-import type { useNavigateHelper } from '../hooks/use-navigate-helper';
-import { track } from '../mixpanel';
+import {
+  openSettingModalAtom,
+  openWorkspaceListModalAtom,
+} from '../components/atoms';
+import type { useNavigateHelper } from '../components/hooks/use-navigate-helper';
 import { registerAffineCommand } from './registry';
 
 export function registerAffineNavigationCommands({
@@ -32,7 +34,7 @@ export function registerAffineNavigationCommands({
           to: 'allDocs',
         });
 
-        navigationHelper.jumpToSubPath(docCollection.id, WorkspaceSubPath.ALL);
+        navigationHelper.jumpToPage(docCollection.id, 'all');
       },
     })
   );
@@ -129,10 +131,7 @@ export function registerAffineNavigationCommands({
           to: 'trash',
         });
 
-        navigationHelper.jumpToSubPath(
-          docCollection.id,
-          WorkspaceSubPath.TRASH
-        );
+        navigationHelper.jumpToPage(docCollection.id, 'trash');
       },
     })
   );

packages/frontend/core/src/commands/affine-settings.tsx

@@ -1,11 +1,11 @@
 import type { useI18n } from '@affine/i18n';
+import { track } from '@affine/track';
 import { SettingsIcon } from '@blocksuite/icons/rc';
 import { appSettingAtom } from '@toeverything/infra';
 import type { createStore } from 'jotai';
 import type { useTheme } from 'next-themes';
 
-import type { useLanguageHelper } from '../hooks/affine/use-language-helper';
-import { track } from '../mixpanel';
+import type { useLanguageHelper } from '../components/hooks/affine/use-language-helper';
 import type { EditorSettingService } from '../modules/editor-settting';
 import { registerAffineCommand } from './registry';
 

packages/frontend/core/src/commands/affine-updates.tsx

@@ -1,11 +1,11 @@
 import { notify } from '@affine/component';
-import { updateReadyAtom } from '@affine/core/hooks/use-app-updater';
+import { updateReadyAtom } from '@affine/core/components/hooks/use-app-updater';
 import { apis } from '@affine/electron-api';
 import type { useI18n } from '@affine/i18n';
+import { track } from '@affine/track';
 import { ResetIcon } from '@blocksuite/icons/rc';
 import type { createStore } from 'jotai';
 
-import { track } from '../mixpanel';
 import { registerAffineCommand } from './registry';
 
 export function registerAffineUpdatesCommands({

packages/frontend/core/src/components/affine/affine-error-boundary/affine-error-fallback.tsx

@@ -10,17 +10,12 @@ import { DumpInfo } from './error-basic/info-logger';
 import { AnyErrorFallback } from './error-fallbacks/any-error-fallback';
 import { NoPageRootFallback } from './error-fallbacks/no-page-root-fallback';
 import { PageNotFoundDetail } from './error-fallbacks/page-not-found-fallback';
-import { RecoverableErrorFallback } from './error-fallbacks/recoverable-error-fallback';
 
 /**
  * Register all fallback components here.
  * If have new one just add it to the set.
  */
-const fallbacks = new Set([
-  PageNotFoundDetail,
-  RecoverableErrorFallback,
-  NoPageRootFallback,
-]);
+const fallbacks = new Set([PageNotFoundDetail, NoPageRootFallback]);
 
 function getErrorFallbackComponent(error: any): FC<FallbackProps> {
   for (const Component of fallbacks) {

packages/frontend/core/src/components/affine/affine-error-boundary/error-basic/error-detail.tsx

@@ -1,5 +1,5 @@
 import { Button } from '@affine/component/ui/button';
-import { useAsyncCallback } from '@affine/core/hooks/affine-async-hooks';
+import { useAsyncCallback } from '@affine/core/components/hooks/affine-async-hooks';
 import { Trans, useI18n } from '@affine/i18n';
 import { useTheme } from 'next-themes';
 import type { FC, PropsWithChildren, ReactNode } from 'react';

packages/frontend/core/src/components/affine/affine-error-boundary/error-fallbacks/page-not-found-fallback.tsx

@@ -5,7 +5,7 @@ import { useCallback } from 'react';
 import {
   RouteLogic,
   useNavigateHelper,
-} from '../../../../hooks/use-navigate-helper';
+} from '../../../../components/hooks/use-navigate-helper';
 import { ErrorDetail, ErrorStatus } from '../error-basic/error-detail';
 import { createErrorFallback } from '../error-basic/fallback-creator';
 

packages/frontend/core/src/components/affine/affine-error-boundary/error-fallbacks/recoverable-error-fallback.tsx

@@ -1,41 +0,0 @@
-import { useI18n } from '@affine/i18n';
-import { useCallback, useMemo, useState } from 'react';
-
-import { RecoverableError } from '../../../../unexpected-application-state/errors';
-import { ContactUS, ErrorDetail } from '../error-basic/error-detail';
-import { createErrorFallback } from '../error-basic/fallback-creator';
-
-export const RecoverableErrorFallback = createErrorFallback(
-  RecoverableError,
-  props => {
-    const { error, resetError } = props;
-    const t = useI18n();
-    const [count, rerender] = useState(0);
-
-    const canRetry = error.canRetry();
-    const buttonDesc = useMemo(() => {
-      if (canRetry) {
-        return t['com.affine.error.refetch']();
-      }
-      return t['com.affine.error.reload']();
-    }, [canRetry, t]);
-    const onRetry = useCallback(async () => {
-      if (canRetry) {
-        rerender(count + 1);
-        await error.retry();
-      } else {
-        document.location.reload();
-      }
-    }, [error, count, canRetry]);
-
-    return (
-      <ErrorDetail
-        title={t['com.affine.error.unexpected-error.title']()}
-        resetError={resetError}
-        buttonText={buttonDesc}
-        onButtonClick={onRetry}
-        description={[error.message, <ContactUS key="contact-us" />]}
-      />
-    );
-  }
-);

packages/frontend/core/src/components/affine/ai-onboarding/edgeless.dialog.tsx

@@ -1,9 +1,9 @@
 import { Button, FlexWrapper, notify } from '@affine/component';
-import { openSettingModalAtom } from '@affine/core/atoms';
-import { track } from '@affine/core/mixpanel';
+import { openSettingModalAtom } from '@affine/core/components/atoms';
 import { SubscriptionService } from '@affine/core/modules/cloud';
 import { EditorService } from '@affine/core/modules/editor';
 import { useI18n } from '@affine/i18n';
+import { track } from '@affine/track';
 import { AiIcon } from '@blocksuite/icons/rc';
 import { useLiveData, useServices } from '@toeverything/infra';
 import { cssVar } from '@toeverything/theme';

packages/frontend/core/src/components/affine/ai-onboarding/general.dialog.tsx

@@ -1,9 +1,9 @@
 import { Button, IconButton, Modal } from '@affine/component';
-import { openSettingModalAtom } from '@affine/core/atoms';
-import { useBlurRoot } from '@affine/core/hooks/use-blur-root';
-import { track } from '@affine/core/mixpanel';
+import { openSettingModalAtom } from '@affine/core/components/atoms';
+import { useBlurRoot } from '@affine/core/components/hooks/use-blur-root';
 import { AuthService, SubscriptionService } from '@affine/core/modules/cloud';
 import { Trans, useI18n } from '@affine/i18n';
+import { track } from '@affine/track';
 import { ArrowLeftSmallIcon } from '@blocksuite/icons/rc';
 import { useLiveData, useServices } from '@toeverything/infra';
 import { useAtom } from 'jotai';

packages/frontend/core/src/components/affine/ai-onboarding/local.dialog.tsx

@@ -2,7 +2,7 @@ import { Button, notify } from '@affine/component';
 import {
   RouteLogic,
   useNavigateHelper,
-} from '@affine/core/hooks/use-navigate-helper';
+} from '@affine/core/components/hooks/use-navigate-helper';
 import { AuthService } from '@affine/core/modules/cloud';
 import { useI18n } from '@affine/i18n';
 import { AiIcon } from '@blocksuite/icons/rc';

packages/frontend/core/src/components/affine/app-container.tsx

@@ -1,7 +1,7 @@
 import clsx from 'clsx';
 import type { PropsWithChildren, ReactElement } from 'react';
 
-import { useAppSettingHelper } from '../../hooks/affine/use-app-setting-helper';
+import { useAppSettingHelper } from '../../components/hooks/affine/use-app-setting-helper';
 import { AppSidebarFallback, ShellAppSidebarFallback } from '../app-sidebar';
 import type { WorkspaceRootProps } from '../workspace';
 import {

packages/frontend/core/src/components/affine/auth/after-sign-in-send-email.tsx

@@ -6,7 +6,7 @@ import {
   ModalHeader,
 } from '@affine/component/auth-components';
 import { Button } from '@affine/component/ui/button';
-import { useAsyncCallback } from '@affine/core/hooks/affine-async-hooks';
+import { useAsyncCallback } from '@affine/core/components/hooks/affine-async-hooks';
 import { AuthService } from '@affine/core/modules/cloud';
 import { Trans, useI18n } from '@affine/i18n';
 import { useService } from '@toeverything/infra';

packages/frontend/core/src/components/affine/auth/after-sign-up-send-email.tsx

@@ -6,7 +6,7 @@ import {
   ModalHeader,
 } from '@affine/component/auth-components';
 import { Button } from '@affine/component/ui/button';
-import { useAsyncCallback } from '@affine/core/hooks/affine-async-hooks';
+import { useAsyncCallback } from '@affine/core/components/hooks/affine-async-hooks';
 import { Trans, useI18n } from '@affine/i18n';
 import { useService } from '@toeverything/infra';
 import type { FC } from 'react';

packages/frontend/core/src/components/affine/auth/ai-login-required.tsx

@@ -1,5 +1,5 @@
 import { useConfirmModal } from '@affine/component';
-import { authAtom } from '@affine/core/atoms';
+import { authAtom } from '@affine/core/components/atoms';
 import { useI18n } from '@affine/i18n';
 import { atom, useAtom, useSetAtom } from 'jotai';
 import { useCallback, useEffect } from 'react';

packages/frontend/core/src/components/affine/auth/index.tsx

@@ -1,7 +1,7 @@
 import { notify } from '@affine/component';
 import { AuthModal as AuthModalBase } from '@affine/component/auth-components';
-import { authAtom, type AuthAtomData } from '@affine/core/atoms';
-import { useAsyncCallback } from '@affine/core/hooks/affine-async-hooks';
+import { authAtom, type AuthAtomData } from '@affine/core/components/atoms';
+import { useAsyncCallback } from '@affine/core/components/hooks/affine-async-hooks';
 import { AuthService } from '@affine/core/modules/cloud';
 import { apis, events } from '@affine/electron-api';
 import { useI18n } from '@affine/i18n';

packages/frontend/core/src/components/affine/auth/send-email.tsx

@@ -6,7 +6,7 @@ import {
   ModalHeader,
 } from '@affine/component/auth-components';
 import { Button } from '@affine/component/ui/button';
-import { useAsyncCallback } from '@affine/core/hooks/affine-async-hooks';
+import { useAsyncCallback } from '@affine/core/components/hooks/affine-async-hooks';
 import {
   sendChangeEmailMutation,
   sendChangePasswordEmailMutation,
@@ -17,7 +17,7 @@ import { useI18n } from '@affine/i18n';
 import { useLiveData, useService } from '@toeverything/infra';
 import { useCallback, useState } from 'react';
 
-import { useMutation } from '../../../hooks/use-mutation';
+import { useMutation } from '../../../components/hooks/use-mutation';
 import { ServerConfigService } from '../../../modules/cloud';
 import type { AuthPanelProps } from './index';
 

packages/frontend/core/src/components/affine/auth/sign-in-with-password.tsx

@@ -5,7 +5,7 @@ import {
   ModalHeader,
 } from '@affine/component/auth-components';
 import { Button } from '@affine/component/ui/button';
-import { useAsyncCallback } from '@affine/core/hooks/affine-async-hooks';
+import { useAsyncCallback } from '@affine/core/components/hooks/affine-async-hooks';
 import { AuthService } from '@affine/core/modules/cloud';
 import { useI18n } from '@affine/i18n';
 import { useService } from '@toeverything/infra';

packages/frontend/core/src/components/affine/auth/sign-in.tsx

@@ -1,7 +1,7 @@
 import { notify } from '@affine/component';
 import { AuthInput, ModalHeader } from '@affine/component/auth-components';
 import { Button } from '@affine/component/ui/button';
-import { useAsyncCallback } from '@affine/core/hooks/affine-async-hooks';
+import { useAsyncCallback } from '@affine/core/components/hooks/affine-async-hooks';
 import { Trans, useI18n } from '@affine/i18n';
 import { ArrowRightBigIcon } from '@blocksuite/icons/rc';
 import { useService } from '@toeverything/infra';

packages/frontend/core/src/components/affine/auth/user-plan-button.tsx

@@ -1,16 +1,16 @@
 import { Tooltip } from '@affine/component/ui/tooltip';
-import { useCatchEventCallback } from '@affine/core/hooks/use-catch-event-hook';
+import { useCatchEventCallback } from '@affine/core/components/hooks/use-catch-event-hook';
 import { SubscriptionPlan } from '@affine/graphql';
 import { useI18n } from '@affine/i18n';
 import { useLiveData, useServices } from '@toeverything/infra';
 import { useSetAtom } from 'jotai';
 import { useEffect } from 'react';
 
-import { openSettingModalAtom } from '../../../atoms';
 import {
   ServerConfigService,
   SubscriptionService,
 } from '../../../modules/cloud';
+import { openSettingModalAtom } from '../../atoms';
 import * as styles from './style.css';
 
 export const UserPlanButton = () => {

packages/frontend/core/src/components/affine/create-workspace-modal/index.tsx

@@ -1,13 +1,13 @@
 import { Avatar, Input, Switch, toast } from '@affine/component';
 import type { ConfirmModalProps } from '@affine/component/ui/modal';
 import { ConfirmModal, Modal } from '@affine/component/ui/modal';
-import { authAtom } from '@affine/core/atoms';
-import { useAsyncCallback } from '@affine/core/hooks/affine-async-hooks';
-import { track } from '@affine/core/mixpanel';
+import { authAtom } from '@affine/core/components/atoms';
+import { useAsyncCallback } from '@affine/core/components/hooks/affine-async-hooks';
 import { DebugLogger } from '@affine/debug';
 import { apis } from '@affine/electron-api';
 import { WorkspaceFlavour } from '@affine/env/workspace';
 import { useI18n } from '@affine/i18n';
+import { track } from '@affine/track';
 import {
   DocsService,
   useLiveData,

packages/frontend/core/src/components/affine/empty/collection-detail.tsx

@@ -1,4 +1,4 @@
-import { useAsyncCallback } from '@affine/core/hooks/affine-async-hooks';
+import { useAsyncCallback } from '@affine/core/components/hooks/affine-async-hooks';
 import { CollectionService } from '@affine/core/modules/collection';
 import type { Collection } from '@affine/env/filter';
 import { useI18n } from '@affine/i18n';

packages/frontend/core/src/components/affine/empty/collections.tsx

@@ -1,4 +1,4 @@
-import { useNavigateHelper } from '@affine/core/hooks/use-navigate-helper';
+import { useNavigateHelper } from '@affine/core/components/hooks/use-navigate-helper';
 import { CollectionService } from '@affine/core/modules/collection';
 import { useI18n } from '@affine/i18n';
 import { ViewLayersIcon } from '@blocksuite/icons/rc';

packages/frontend/core/src/components/affine/history-tips-modal/index.tsx

@@ -1,6 +1,6 @@
 import { OverlayModal } from '@affine/component';
-import { openHistoryTipsModalAtom } from '@affine/core/atoms';
-import { useEnableCloud } from '@affine/core/hooks/affine/use-enable-cloud';
+import { openHistoryTipsModalAtom } from '@affine/core/components/atoms';
+import { useEnableCloud } from '@affine/core/components/hooks/affine/use-enable-cloud';
 import { useI18n } from '@affine/i18n';
 import { useService, WorkspaceService } from '@toeverything/infra';
 import { useAtom } from 'jotai';

packages/frontend/core/src/components/affine/issue-feedback-modal/index.tsx

@@ -1,5 +1,5 @@
 import { OverlayModal } from '@affine/component';
-import { openIssueFeedbackModalAtom } from '@affine/core/atoms';
+import { openIssueFeedbackModalAtom } from '@affine/core/components/atoms';
 import { useI18n } from '@affine/i18n';
 import { useAtom } from 'jotai';
 

packages/frontend/core/src/components/affine/language-menu/index.tsx

@@ -3,7 +3,7 @@ import { DoneIcon } from '@blocksuite/icons/rc';
 import type { ReactElement } from 'react';
 import { memo } from 'react';
 
-import { useLanguageHelper } from '../../../hooks/affine/use-language-helper';
+import { useLanguageHelper } from '../../../components/hooks/affine/use-language-helper';
 import * as styles from './style.css';
 
 // Fixme: keyboard focus should be supported by Menu component

packages/frontend/core/src/components/affine/page-history-modal/data.ts

@@ -1,5 +1,5 @@
-import { useDocMetaHelper } from '@affine/core/hooks/use-block-suite-page-meta';
-import { useDocCollectionPage } from '@affine/core/hooks/use-block-suite-workspace-page';
+import { useDocMetaHelper } from '@affine/core/components/hooks/use-block-suite-page-meta';
+import { useDocCollectionPage } from '@affine/core/components/hooks/use-block-suite-workspace-page';
 import { DebugLogger } from '@affine/debug';
 import type { ListHistoryQuery } from '@affine/graphql';
 import { listHistoryQuery, recoverDocMutation } from '@affine/graphql';
@@ -20,8 +20,8 @@ import {
 import {
   useMutateQueryResource,
   useMutation,
-} from '../../../hooks/use-mutation';
-import { useQueryInfinite } from '../../../hooks/use-query';
+} from '../../../components/hooks/use-mutation';
+import { useQueryInfinite } from '../../../components/hooks/use-query';
 import { CloudBlobStorage } from '../../../modules/workspace-engine/impls/engine/blob-cloud';
 
 const logger = new DebugLogger('page-history');

packages/frontend/core/src/components/affine/page-history-modal/history-modal.tsx

@@ -2,13 +2,13 @@ import { Loading, Scrollable } from '@affine/component';
 import { EditorLoading } from '@affine/component/page-detail-skeleton';
 import { Button, IconButton } from '@affine/component/ui/button';
 import { Modal, useConfirmModal } from '@affine/component/ui/modal';
-import { openSettingModalAtom } from '@affine/core/atoms';
-import { useDocCollectionPageTitle } from '@affine/core/hooks/use-block-suite-workspace-page-title';
-import { track } from '@affine/core/mixpanel';
+import { openSettingModalAtom } from '@affine/core/components/atoms';
+import { useDocCollectionPageTitle } from '@affine/core/components/hooks/use-block-suite-workspace-page-title';
 import { EditorService } from '@affine/core/modules/editor';
 import { WorkspacePermissionService } from '@affine/core/modules/permissions';
 import { WorkspaceQuotaService } from '@affine/core/modules/quota';
 import { i18nTime, Trans, useI18n } from '@affine/i18n';
+import { track } from '@affine/track';
 import type { DocMode } from '@blocksuite/blocks';
 import { CloseIcon, ToggleCollapseIcon } from '@blocksuite/icons/rc';
 import type { Doc as BlockSuiteDoc, DocCollection } from '@blocksuite/store';
@@ -28,7 +28,7 @@ import {
 } from 'react';
 import { encodeStateAsUpdate } from 'yjs';
 
-import { pageHistoryModalAtom } from '../../../atoms/page-history';
+import { pageHistoryModalAtom } from '../../atoms/page-history';
 import { BlockSuiteEditor } from '../../blocksuite/block-suite-editor';
 import { PureEditorModeSwitch } from '../../blocksuite/block-suite-mode-switch';
 import { AffineErrorBoundary } from '../affine-error-boundary';

packages/frontend/core/src/components/affine/page-properties/table.tsx

@@ -1,7 +1,6 @@
 import type { MenuProps } from '@affine/component';
 import { Button, IconButton, Menu, MenuItem, Tooltip } from '@affine/component';
-import { useCurrentWorkspacePropertiesAdapter } from '@affine/core/hooks/use-affine-adapter';
-import { track } from '@affine/core/mixpanel';
+import { useCurrentWorkspacePropertiesAdapter } from '@affine/core/components/hooks/use-affine-adapter';
 import { DocLinksService } from '@affine/core/modules/doc-link';
 import { EditorSettingService } from '@affine/core/modules/editor-settting';
 import type {
@@ -10,6 +9,7 @@ import type {
   PagePropertyType,
 } from '@affine/core/modules/properties/services/schema';
 import { i18nTime, useI18n } from '@affine/i18n';
+import { track } from '@affine/track';
 import { assertExists } from '@blocksuite/global/utils';
 import {
   ArrowDownSmallIcon,

packages/frontend/core/src/components/affine/page-properties/tags-inline-editor.tsx

@@ -1,6 +1,6 @@
 import type { MenuProps } from '@affine/component';
 import { IconButton, Input, Menu, Scrollable } from '@affine/component';
-import { useNavigateHelper } from '@affine/core/hooks/use-navigate-helper';
+import { useNavigateHelper } from '@affine/core/components/hooks/use-navigate-helper';
 import { WorkspaceLegacyProperties } from '@affine/core/modules/properties';
 import type { Tag } from '@affine/core/modules/tag';
 import { DeleteTagConfirmModal, TagService } from '@affine/core/modules/tag';

packages/frontend/core/src/components/affine/quota-reached-modal/cloud-quota-modal.tsx

@@ -1,10 +1,13 @@
 import { ConfirmModal } from '@affine/component/ui/modal';
-import { openQuotaModalAtom, openSettingModalAtom } from '@affine/core/atoms';
-import { track } from '@affine/core/mixpanel';
+import {
+  openQuotaModalAtom,
+  openSettingModalAtom,
+} from '@affine/core/components/atoms';
 import { UserQuotaService } from '@affine/core/modules/cloud';
 import { WorkspacePermissionService } from '@affine/core/modules/permissions';
 import { WorkspaceQuotaService } from '@affine/core/modules/quota';
 import { useI18n } from '@affine/i18n';
+import { track } from '@affine/track';
 import { useLiveData, useService, WorkspaceService } from '@toeverything/infra';
 import bytes from 'bytes';
 import { useAtom, useSetAtom } from 'jotai';

packages/frontend/core/src/components/affine/quota-reached-modal/local-quota-modal.tsx

@@ -1,5 +1,5 @@
 import { ConfirmModal } from '@affine/component/ui/modal';
-import { openQuotaModalAtom } from '@affine/core/atoms';
+import { openQuotaModalAtom } from '@affine/core/components/atoms';
 import { useI18n } from '@affine/i18n';
 import { useService, WorkspaceService } from '@toeverything/infra';
 import { useAtom } from 'jotai';

packages/frontend/core/src/components/affine/reference-link/index.tsx

@@ -1,12 +1,12 @@
-import { useDocMetaHelper } from '@affine/core/hooks/use-block-suite-page-meta';
-import { useJournalHelper } from '@affine/core/hooks/use-journal';
-import { track } from '@affine/core/mixpanel';
+import { useDocMetaHelper } from '@affine/core/components/hooks/use-block-suite-page-meta';
+import { useJournalHelper } from '@affine/core/components/hooks/use-journal';
 import {
   PeekViewService,
   useInsidePeekView,
 } from '@affine/core/modules/peek-view';
 import { WorkbenchLink } from '@affine/core/modules/workbench';
 import { useI18n } from '@affine/i18n';
+import { track } from '@affine/track';
 import type { DocMode } from '@blocksuite/blocks';
 import {
   BlockLinkIcon,

packages/frontend/core/src/components/affine/setting-modal/account-setting/ai-usage-panel.tsx

@@ -1,7 +1,6 @@
 import { Button, ErrorMessage, Skeleton } from '@affine/component';
 import { SettingRow } from '@affine/component/setting-components';
-import { openSettingModalAtom } from '@affine/core/atoms';
-import { track } from '@affine/core/mixpanel';
+import { openSettingModalAtom } from '@affine/core/components/atoms';
 import {
   ServerConfigService,
   SubscriptionService,
@@ -9,6 +8,7 @@ import {
 } from '@affine/core/modules/cloud';
 import { SubscriptionPlan } from '@affine/graphql';
 import { useI18n } from '@affine/i18n';
+import { track } from '@affine/track';
 import { useLiveData, useService } from '@toeverything/infra';
 import { cssVar } from '@toeverything/theme';
 import { useSetAtom } from 'jotai';

packages/frontend/core/src/components/affine/setting-modal/account-setting/index.tsx

@@ -5,11 +5,11 @@ import {
 } from '@affine/component/setting-components';
 import { Avatar } from '@affine/component/ui/avatar';
 import { Button } from '@affine/component/ui/button';
-import { useAsyncCallback } from '@affine/core/hooks/affine-async-hooks';
-import { useCatchEventCallback } from '@affine/core/hooks/use-catch-event-hook';
-import { track } from '@affine/core/mixpanel';
+import { useAsyncCallback } from '@affine/core/components/hooks/affine-async-hooks';
+import { useCatchEventCallback } from '@affine/core/components/hooks/use-catch-event-hook';
 import { SubscriptionPlan } from '@affine/graphql';
 import { useI18n } from '@affine/i18n';
+import { track } from '@affine/track';
 import { ArrowRightSmallIcon, CameraIcon } from '@blocksuite/icons/rc';
 import {
   useEnsureLiveData,
@@ -21,12 +21,12 @@ import { useSetAtom } from 'jotai';
 import type { FC } from 'react';
 import { useCallback, useEffect, useState } from 'react';
 
+import { AuthService, ServerConfigService } from '../../../../modules/cloud';
 import {
   authAtom,
   openSettingModalAtom,
   openSignOutModalAtom,
-} from '../../../../atoms';
-import { AuthService, ServerConfigService } from '../../../../modules/cloud';
+} from '../../../atoms';
 import { Upload } from '../../../pure/file-upload';
 import { AIUsagePanel } from './ai-usage-panel';
 import { StorageProgress } from './storage-progress';

packages/frontend/core/src/components/affine/setting-modal/general-setting/about/index.tsx

@@ -4,13 +4,13 @@ import {
   SettingRow,
   SettingWrapper,
 } from '@affine/component/setting-components';
-import { useAppUpdater } from '@affine/core/hooks/use-app-updater';
-import { mixpanel } from '@affine/core/mixpanel';
+import { useAppUpdater } from '@affine/core/components/hooks/use-app-updater';
 import { useI18n } from '@affine/i18n';
+import { mixpanel } from '@affine/track';
 import { ArrowRightSmallIcon, OpenInNewIcon } from '@blocksuite/icons/rc';
 import { useCallback } from 'react';
 
-import { useAppSettingHelper } from '../../../../../hooks/affine/use-app-setting-helper';
+import { useAppSettingHelper } from '../../../../../components/hooks/affine/use-app-setting-helper';
 import { appIconMap, appNames } from '../../../../../pages/open-app';
 import { popupWindow } from '../../../../../utils';
 import { relatedLinks } from './config';

packages/frontend/core/src/components/affine/setting-modal/general-setting/about/update-check-section.tsx

@@ -1,8 +1,8 @@
 import { Loading } from '@affine/component';
 import { SettingRow } from '@affine/component/setting-components';
 import { Button } from '@affine/component/ui/button';
-import { useAsyncCallback } from '@affine/core/hooks/affine-async-hooks';
-import { useAppUpdater } from '@affine/core/hooks/use-app-updater';
+import { useAsyncCallback } from '@affine/core/components/hooks/affine-async-hooks';
+import { useAppUpdater } from '@affine/core/components/hooks/use-app-updater';
 import { useI18n } from '@affine/i18n';
 import clsx from 'clsx';
 import { useCallback, useMemo, useState } from 'react';

packages/frontend/core/src/components/affine/setting-modal/general-setting/appearance/date-format-setting.tsx

@@ -4,7 +4,7 @@ import { dateFormatOptions } from '@toeverything/infra';
 import dayjs from 'dayjs';
 import { useCallback } from 'react';
 
-import { useAppSettingHelper } from '../../../../../hooks/affine/use-app-setting-helper';
+import { useAppSettingHelper } from '../../../../../components/hooks/affine/use-app-setting-helper';
 
 interface DateFormatMenuContentProps {
   currentOption: DateFormats;

packages/frontend/core/src/components/affine/setting-modal/general-setting/appearance/index.tsx

@@ -11,7 +11,7 @@ import { windowFrameStyleOptions } from '@toeverything/infra';
 import { useTheme } from 'next-themes';
 import { useCallback, useMemo } from 'react';
 
-import { useAppSettingHelper } from '../../../../../hooks/affine/use-app-setting-helper';
+import { useAppSettingHelper } from '../../../../../components/hooks/affine/use-app-setting-helper';
 import { LanguageMenu } from '../../../language-menu';
 import { Page } from '../editor/page';
 import { DateFormatSetting } from './date-format-setting';

packages/frontend/core/src/components/affine/setting-modal/general-setting/billing/index.tsx

@@ -7,9 +7,8 @@ import {
 } from '@affine/component/setting-components';
 import { Button, IconButton } from '@affine/component/ui/button';
 import { Loading } from '@affine/component/ui/loading';
-import { getUpgradeQuestionnaireLink } from '@affine/core/hooks/affine/use-subscription-notify';
-import { useAsyncCallback } from '@affine/core/hooks/affine-async-hooks';
-import { track } from '@affine/core/mixpanel';
+import { getUpgradeQuestionnaireLink } from '@affine/core/components/hooks/affine/use-subscription-notify';
+import { useAsyncCallback } from '@affine/core/components/hooks/affine-async-hooks';
 import {
   AuthService,
   InvoicesService,
@@ -25,18 +24,19 @@ import {
   UserFriendlyError,
 } from '@affine/graphql';
 import { i18nTime, Trans, useI18n } from '@affine/i18n';
+import { track } from '@affine/track';
 import { ArrowRightSmallIcon } from '@blocksuite/icons/rc';
 import { useLiveData, useService } from '@toeverything/infra';
 import { cssVar } from '@toeverything/theme';
 import { useSetAtom } from 'jotai';
 import { useCallback, useEffect, useState } from 'react';
 
+import { useMutation } from '../../../../../components/hooks/use-mutation';
+import { popupWindow } from '../../../../../utils';
 import {
   openSettingModalAtom,
   type PlansScrollAnchor,
-} from '../../../../../atoms';
-import { useMutation } from '../../../../../hooks/use-mutation';
-import { popupWindow } from '../../../../../utils';
+} from '../../../../atoms';
 import { CancelAction, ResumeAction } from '../plans/actions';
 import { AICancel, AIResume, AISubscribe } from '../plans/ai/actions';
 import { BelieverCard } from '../plans/lifetime/believer-card';

packages/frontend/core/src/components/affine/setting-modal/general-setting/experimental-features/index.tsx

@@ -1,6 +1,6 @@
 import { Button, Checkbox, Loading, Switch, Tooltip } from '@affine/component';
 import { SettingHeader } from '@affine/component/setting-components';
-import { useAsyncCallback } from '@affine/core/hooks/affine-async-hooks';
+import { useAsyncCallback } from '@affine/core/components/hooks/affine-async-hooks';
 import { useI18n } from '@affine/i18n';
 import {
   ArrowRightSmallIcon,

packages/frontend/core/src/components/affine/setting-modal/general-setting/plans/actions.tsx

@@ -1,7 +1,7 @@
-import { getDowngradeQuestionnaireLink } from '@affine/core/hooks/affine/use-subscription-notify';
-import { useAsyncCallback } from '@affine/core/hooks/affine-async-hooks';
-import { track } from '@affine/core/mixpanel';
+import { getDowngradeQuestionnaireLink } from '@affine/core/components/hooks/affine/use-subscription-notify';
+import { useAsyncCallback } from '@affine/core/components/hooks/affine-async-hooks';
 import { SubscriptionPlan } from '@affine/graphql';
+import { track } from '@affine/track';
 import { useLiveData, useService } from '@toeverything/infra';
 import { nanoid } from 'nanoid';
 import type { PropsWithChildren } from 'react';

packages/frontend/core/src/components/affine/setting-modal/general-setting/plans/ai/actions/cancel.tsx

@@ -1,11 +1,11 @@
 import { Button, type ButtonProps, useConfirmModal } from '@affine/component';
 import { useDowngradeNotify } from '@affine/core/components/affine/subscription-landing/notify';
-import { getDowngradeQuestionnaireLink } from '@affine/core/hooks/affine/use-subscription-notify';
-import { useAsyncCallback } from '@affine/core/hooks/affine-async-hooks';
-import { track } from '@affine/core/mixpanel';
+import { getDowngradeQuestionnaireLink } from '@affine/core/components/hooks/affine/use-subscription-notify';
+import { useAsyncCallback } from '@affine/core/components/hooks/affine-async-hooks';
 import { AuthService, SubscriptionService } from '@affine/core/modules/cloud';
 import { SubscriptionPlan } from '@affine/graphql';
 import { useI18n } from '@affine/i18n';
+import { track } from '@affine/track';
 import { useService } from '@toeverything/infra';
 import { nanoid } from 'nanoid';
 import { useState } from 'react';

packages/frontend/core/src/components/affine/setting-modal/general-setting/plans/ai/actions/login.tsx

@@ -1,5 +1,5 @@
 import { Button, type ButtonProps } from '@affine/component';
-import { authAtom } from '@affine/core/atoms';
+import { authAtom } from '@affine/core/components/atoms';
 import { useI18n } from '@affine/i18n';
 import { useSetAtom } from 'jotai';
 import { useCallback } from 'react';

packages/frontend/core/src/components/affine/setting-modal/general-setting/plans/ai/actions/resume.tsx

@@ -4,11 +4,11 @@ import {
   notify,
   useConfirmModal,
 } from '@affine/component';
-import { useAsyncCallback } from '@affine/core/hooks/affine-async-hooks';
-import { track } from '@affine/core/mixpanel';
+import { useAsyncCallback } from '@affine/core/components/hooks/affine-async-hooks';
 import { SubscriptionService } from '@affine/core/modules/cloud';
 import { SubscriptionPlan } from '@affine/graphql';
 import { useI18n } from '@affine/i18n';
+import { track } from '@affine/track';
 import { SingleSelectSelectSolidIcon } from '@blocksuite/icons/rc';
 import { useService } from '@toeverything/infra';
 import { cssVar } from '@toeverything/theme';

packages/frontend/core/src/components/affine/setting-modal/general-setting/plans/ai/actions/subscribe.tsx

@@ -1,11 +1,11 @@
 import { Button, type ButtonProps, Skeleton } from '@affine/component';
-import { generateSubscriptionCallbackLink } from '@affine/core/hooks/affine/use-subscription-notify';
-import { useAsyncCallback } from '@affine/core/hooks/affine-async-hooks';
-import { track } from '@affine/core/mixpanel';
+import { generateSubscriptionCallbackLink } from '@affine/core/components/hooks/affine/use-subscription-notify';
+import { useAsyncCallback } from '@affine/core/components/hooks/affine-async-hooks';
 import { AuthService, SubscriptionService } from '@affine/core/modules/cloud';
 import { popupWindow } from '@affine/core/utils';
 import { SubscriptionPlan, SubscriptionRecurring } from '@affine/graphql';
 import { useI18n } from '@affine/i18n';
+import { track } from '@affine/track';
 import { useLiveData, useService } from '@toeverything/infra';
 import { nanoid } from 'nanoid';
 import { useEffect, useState } from 'react';

packages/frontend/core/src/components/affine/setting-modal/general-setting/plans/layout.tsx

@@ -3,7 +3,7 @@ import { SettingHeader } from '@affine/component/setting-components';
 import {
   openSettingModalAtom,
   type PlansScrollAnchor,
-} from '@affine/core/atoms';
+} from '@affine/core/components/atoms';
 import { useI18n } from '@affine/i18n';
 import { ArrowRightBigIcon, ArrowUpSmallIcon } from '@blocksuite/icons/rc';
 import * as Collapsible from '@radix-ui/react-collapsible';

packages/frontend/core/src/components/affine/setting-modal/general-setting/plans/plan-card.tsx

@@ -1,13 +1,13 @@
 import { Button, type ButtonProps } from '@affine/component/ui/button';
 import { Tooltip } from '@affine/component/ui/tooltip';
-import { generateSubscriptionCallbackLink } from '@affine/core/hooks/affine/use-subscription-notify';
-import { useAsyncCallback } from '@affine/core/hooks/affine-async-hooks';
-import { track } from '@affine/core/mixpanel';
+import { generateSubscriptionCallbackLink } from '@affine/core/components/hooks/affine/use-subscription-notify';
+import { useAsyncCallback } from '@affine/core/components/hooks/affine-async-hooks';
 import { AuthService, SubscriptionService } from '@affine/core/modules/cloud';
 import { popupWindow } from '@affine/core/utils';
 import type { SubscriptionRecurring } from '@affine/graphql';
 import { SubscriptionPlan, SubscriptionStatus } from '@affine/graphql';
 import { Trans, useI18n } from '@affine/i18n';
+import { track } from '@affine/track';
 import { DoneIcon } from '@blocksuite/icons/rc';
 import { useLiveData, useService } from '@toeverything/infra';
 import clsx from 'clsx';
@@ -16,7 +16,7 @@ import { nanoid } from 'nanoid';
 import type { PropsWithChildren } from 'react';
 import { useCallback, useEffect, useMemo, useState } from 'react';
 
-import { authAtom } from '../../../../../atoms/index';
+import { authAtom } from '../../../../atoms/index';
 import { CancelAction, ResumeAction } from './actions';
 import type { DynamicPrice, FixedPrice } from './cloud-plans';
 import { ConfirmLoadingModal } from './modals';

packages/frontend/core/src/components/affine/setting-modal/general-setting/shortcuts/index.tsx

@@ -4,13 +4,13 @@ import {
 } from '@affine/component/setting-components';
 import { useI18n } from '@affine/i18n';
 
-import type { ShortcutsInfo } from '../../../../../hooks/affine/use-shortcuts';
+import type { ShortcutsInfo } from '../../../../../components/hooks/affine/use-shortcuts';
 import {
   useEdgelessShortcuts,
   useGeneralShortcuts,
   useMarkdownShortcuts,
   usePageShortcuts,
-} from '../../../../../hooks/affine/use-shortcuts';
+} from '../../../../../components/hooks/affine/use-shortcuts';
 import { shortcutKey, shortcutKeyContainer, shortcutRow } from './style.css';
 
 const ShortcutsPanel = ({

packages/frontend/core/src/components/affine/setting-modal/index.tsx

@@ -5,7 +5,7 @@ import { Modal } from '@affine/component/ui/modal';
 import {
   openIssueFeedbackModalAtom,
   openStarAFFiNEModalAtom,
-} from '@affine/core/atoms';
+} from '@affine/core/components/atoms';
 import { AuthService } from '@affine/core/modules/cloud';
 import { Trans } from '@affine/i18n';
 import { ContactWithUsIcon } from '@blocksuite/icons/rc';

packages/frontend/core/src/components/affine/setting-modal/setting-sidebar/index.tsx

@@ -5,12 +5,12 @@ import {
 import { Avatar } from '@affine/component/ui/avatar';
 import { Tooltip } from '@affine/component/ui/tooltip';
 import { WorkspaceAvatar } from '@affine/component/workspace-avatar';
-import { useWorkspaceInfo } from '@affine/core/hooks/use-workspace-info';
-import { track } from '@affine/core/mixpanel';
+import { useWorkspaceInfo } from '@affine/core/components/hooks/use-workspace-info';
 import { AuthService } from '@affine/core/modules/cloud';
 import { UserFeatureService } from '@affine/core/modules/cloud/services/user-feature';
 import { UNTITLED_WORKSPACE_NAME } from '@affine/env/constant';
 import { useI18n } from '@affine/i18n';
+import { track } from '@affine/track';
 import { Logo1Icon } from '@blocksuite/icons/rc';
 import type { WorkspaceMetadata } from '@toeverything/infra';
 import {
@@ -30,7 +30,7 @@ import {
   useMemo,
 } from 'react';
 
-import { authAtom } from '../../../../atoms';
+import { authAtom } from '../../../atoms';
 import { UserPlanButton } from '../../auth/user-plan-button';
 import { useGeneralSettingList } from '../general-setting';
 import type { ActiveTab, WorkspaceSubTab } from '../types';

packages/frontend/core/src/components/affine/setting-modal/workspace-setting/new-workspace-setting-detail/delete-leave-workspace/delete/index.tsx

@@ -1,7 +1,7 @@
 import { Input } from '@affine/component';
 import type { ConfirmModalProps } from '@affine/component/ui/modal';
 import { ConfirmModal } from '@affine/component/ui/modal';
-import { useWorkspaceInfo } from '@affine/core/hooks/use-workspace-info';
+import { useWorkspaceInfo } from '@affine/core/components/hooks/use-workspace-info';
 import { UNTITLED_WORKSPACE_NAME } from '@affine/env/constant';
 import { WorkspaceFlavour } from '@affine/env/workspace';
 import { Trans, useI18n } from '@affine/i18n';

packages/frontend/core/src/components/affine/setting-modal/workspace-setting/new-workspace-setting-detail/delete-leave-workspace/index.tsx

@@ -1,7 +1,7 @@
 import { notify } from '@affine/component';
 import { SettingRow } from '@affine/component/setting-components';
 import { ConfirmModal } from '@affine/component/ui/modal';
-import { useAsyncCallback } from '@affine/core/hooks/affine-async-hooks';
+import { useAsyncCallback } from '@affine/core/components/hooks/affine-async-hooks';
 import { WorkspacePermissionService } from '@affine/core/modules/permissions';
 import { useI18n } from '@affine/i18n';
 import { ArrowRightSmallIcon } from '@blocksuite/icons/rc';
@@ -15,12 +15,11 @@ import {
 import { useSetAtom } from 'jotai';
 import { useCallback, useEffect, useState } from 'react';
 
-import { openSettingModalAtom } from '../../../../../../atoms';
 import {
   RouteLogic,
   useNavigateHelper,
-} from '../../../../../../hooks/use-navigate-helper';
-import { WorkspaceSubPath } from '../../../../../../shared';
+} from '../../../../../../components/hooks/use-navigate-helper';
+import { openSettingModalAtom } from '../../../../../atoms';
 import { WorkspaceDeleteModal } from './delete';
 
 export const DeleteLeaveWorkspace = () => {
@@ -37,7 +36,7 @@ export const DeleteLeaveWorkspace = () => {
   });
   const t = useI18n();
   const workspace = workspaceService.workspace;
-  const { jumpToSubPath, jumpToIndex } = useNavigateHelper();
+  const { jumpToPage, jumpToIndex } = useNavigateHelper();
   // fixme: cloud regression
   const [showDelete, setShowDelete] = useState(false);
   const [showLeave, setShowLeave] = useState(false);
@@ -72,11 +71,7 @@ export const DeleteLeaveWorkspace = () => {
       );
       // TODO(@eyhn): if there is no workspace, jump to a new page(wait for design)
       if (backWorkspace) {
-        jumpToSubPath(
-          backWorkspace?.id || '',
-          WorkspaceSubPath.ALL,
-          RouteLogic.REPLACE
-        );
+        jumpToPage(backWorkspace?.id || '', 'all', RouteLogic.REPLACE);
       } else {
         jumpToIndex(RouteLogic.REPLACE);
       }
@@ -96,7 +91,7 @@ export const DeleteLeaveWorkspace = () => {
     isOwner,
     t,
     workspaceList,
-    jumpToSubPath,
+    jumpToPage,
     jumpToIndex,
     workspacesService,
     workspacePermissionService,

packages/frontend/core/src/components/affine/setting-modal/workspace-setting/new-workspace-setting-detail/enable-cloud.tsx

@@ -1,6 +1,6 @@
 import { SettingRow } from '@affine/component/setting-components';
 import { Button } from '@affine/component/ui/button';
-import { useEnableCloud } from '@affine/core/hooks/affine/use-enable-cloud';
+import { useEnableCloud } from '@affine/core/components/hooks/affine/use-enable-cloud';
 import { UNTITLED_WORKSPACE_NAME } from '@affine/env/constant';
 import { WorkspaceFlavour } from '@affine/env/workspace';
 import { useI18n } from '@affine/i18n';
@@ -13,7 +13,7 @@ import {
 import { useSetAtom } from 'jotai';
 import { useCallback } from 'react';
 
-import { openSettingModalAtom } from '../../../../../atoms';
+import { openSettingModalAtom } from '../../../../atoms';
 
 export interface PublishPanelProps {
   workspace: Workspace | null;

packages/frontend/core/src/components/affine/setting-modal/workspace-setting/new-workspace-setting-detail/export.tsx

@@ -1,8 +1,8 @@
 import { notify } from '@affine/component';
 import { SettingRow } from '@affine/component/setting-components';
 import { Button } from '@affine/component/ui/button';
-import { useAsyncCallback } from '@affine/core/hooks/affine-async-hooks';
-import { useSystemOnline } from '@affine/core/hooks/use-system-online';
+import { useAsyncCallback } from '@affine/core/components/hooks/affine-async-hooks';
+import { useSystemOnline } from '@affine/core/components/hooks/use-system-online';
 import { apis } from '@affine/electron-api';
 import { useI18n } from '@affine/i18n';
 import type { Workspace, WorkspaceMetadata } from '@toeverything/infra';

packages/frontend/core/src/components/affine/setting-modal/workspace-setting/new-workspace-setting-detail/index.tsx

@@ -3,8 +3,8 @@ import {
   SettingRow,
   SettingWrapper,
 } from '@affine/component/setting-components';
-import { useWorkspace } from '@affine/core/hooks/use-workspace';
-import { useWorkspaceInfo } from '@affine/core/hooks/use-workspace-info';
+import { useWorkspace } from '@affine/core/components/hooks/use-workspace';
+import { useWorkspaceInfo } from '@affine/core/components/hooks/use-workspace-info';
 import { UNTITLED_WORKSPACE_NAME } from '@affine/env/constant';
 import { useI18n } from '@affine/i18n';
 import { ArrowRightSmallIcon } from '@blocksuite/icons/rc';

packages/frontend/core/src/components/affine/setting-modal/workspace-setting/new-workspace-setting-detail/members.tsx

@@ -11,11 +11,10 @@ import { Button, IconButton } from '@affine/component/ui/button';
 import { Loading } from '@affine/component/ui/loading';
 import { Menu, MenuItem } from '@affine/component/ui/menu';
 import { Tooltip } from '@affine/component/ui/tooltip';
-import { openSettingModalAtom } from '@affine/core/atoms';
 import { AffineErrorBoundary } from '@affine/core/components/affine/affine-error-boundary';
-import { useInviteMember } from '@affine/core/hooks/affine/use-invite-member';
-import { useRevokeMemberPermission } from '@affine/core/hooks/affine/use-revoke-member-permission';
-import { track } from '@affine/core/mixpanel';
+import { openSettingModalAtom } from '@affine/core/components/atoms';
+import { useInviteMember } from '@affine/core/components/hooks/affine/use-invite-member';
+import { useRevokeMemberPermission } from '@affine/core/components/hooks/affine/use-revoke-member-permission';
 import {
   type Member,
   WorkspaceMembersService,
@@ -25,6 +24,7 @@ import { WorkspaceQuotaService } from '@affine/core/modules/quota';
 import { WorkspaceFlavour } from '@affine/env/workspace';
 import { Permission, UserFriendlyError } from '@affine/graphql';
 import { useI18n } from '@affine/i18n';
+import { track } from '@affine/track';
 import { MoreVerticalIcon } from '@blocksuite/icons/rc';
 import {
   useEnsureLiveData,