feat(core): remove all imports from design/component (#5078)

feat(core): remove all imports from design/component feat(plugin): remove imports from design-components feat(storybook): remove design-components imoprts feat(core): remove fix(component): remove design/component import in local-demo-tip
2026-02-04 00:28:33 +00:00 · 2023-12-04 08:32:16 +00:00
parent 0abadbe7bb
commit 9c50dbc362
122 changed files with 203 additions and 263 deletions
--- a/README.md
+++ b/README.md
@@ -107,12 +107,11 @@ If you have questions, you are welcome to contact us. One of the best places to

 ## Ecosystem

-| Name                                                                                            |                                         |                                                                                                                                                     |
-| ----------------------------------------------------------------------------------------------- | --------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------- |
-| [@toeverything/component](https://github.com/toeverything/design/tree/main/packages/components) | Toeverything Shared Component Resources |                                                                                                                                                     |
-| [@affine/component](packages/frontend/component)                                                | AFFiNE Component Resources              | [![](https://img.shields.io/codecov/c/github/toeverything/affine?style=flat-square)](https://affine-storybook.vercel.app/)                          |
-| [@toeverything/y-indexeddb](packages/common/y-indexeddb)                                        | IndexedDB database adapter for Yjs      | [![](https://img.shields.io/npm/dm/@toeverything/y-indexeddb?style=flat-square&color=eee)](https://www.npmjs.com/package/@toeverything/y-indexeddb) |
-| [@toeverything/theme](packages/common/theme)                                                    | AFFiNE theme                            | [![](https://img.shields.io/npm/dm/@toeverything/theme?style=flat-square&color=eee)](https://www.npmjs.com/package/@toeverything/theme)             |
+| Name                                                     |                                    |                                                                                                                                                     |
+| -------------------------------------------------------- | ---------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------- |
+| [@affine/component](packages/frontend/component)         | AFFiNE Component Resources         | [![](https://img.shields.io/codecov/c/github/toeverything/affine?style=flat-square)](https://affine-storybook.vercel.app/)                          |
+| [@toeverything/y-indexeddb](packages/common/y-indexeddb) | IndexedDB database adapter for Yjs | [![](https://img.shields.io/npm/dm/@toeverything/y-indexeddb?style=flat-square&color=eee)](https://www.npmjs.com/package/@toeverything/y-indexeddb) |
+| [@toeverything/theme](packages/common/theme)             | AFFiNE theme                       | [![](https://img.shields.io/npm/dm/@toeverything/theme?style=flat-square&color=eee)](https://www.npmjs.com/package/@toeverything/theme)             |

 ## Plugins

--- a/packages/frontend/component/package.json
+++ b/packages/frontend/component/package.json
@@ -5,6 +5,7 @@
  "exports": {
    ".": "./src/index.ts",
    "./theme/*": "./src/theme/*",
+    "./ui/*": "./src/ui/*/index.ts",
    "./*": "./src/components/*/index.tsx"
  },
  "peerDependencies": {
--- a/packages/frontend/component/src/components/affine-banner/local-demo-tips.tsx
+++ b/packages/frontend/component/src/components/affine-banner/local-demo-tips.tsx
@@ -1,5 +1,5 @@
+import { Button, IconButton } from '@affine/component/ui/button';
 import { CloseIcon } from '@blocksuite/icons';
-import { Button, IconButton } from '@toeverything/components/button';
 import { useCallback } from 'react';

 import * as styles from './index.css';
--- a/packages/frontend/component/src/components/app-sidebar/app-updater-button/index.tsx
+++ b/packages/frontend/component/src/components/app-sidebar/app-updater-button/index.tsx
@@ -1,7 +1,6 @@
 import { Unreachable } from '@affine/env/constant';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
 import { CloseIcon, NewIcon, ResetIcon } from '@blocksuite/icons';
-import { Tooltip } from '@toeverything/components/tooltip';
 import {
  changelogCheckedAtom,
  currentChangelogUnreadAtom,
@@ -15,6 +14,7 @@ import clsx from 'clsx';
 import { useAtomValue, useSetAtom } from 'jotai';
 import { startTransition, useCallback } from 'react';

+import { Tooltip } from '../../../ui/tooltip';
 import * as styles from './index.css';

 export interface AddPageButtonPureProps {
--- a/packages/frontend/component/src/components/app-sidebar/sidebar-header/index.tsx
+++ b/packages/frontend/component/src/components/app-sidebar/sidebar-header/index.tsx
@@ -1,10 +1,10 @@
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
 import { ArrowLeftSmallIcon, ArrowRightSmallIcon } from '@blocksuite/icons';
-import { IconButton } from '@toeverything/components/button';
-import { Tooltip } from '@toeverything/components/tooltip';
 import { useAtomValue } from 'jotai';
 import { useMemo } from 'react';

+import { IconButton } from '../../../ui/button';
+import { Tooltip } from '../../../ui/tooltip';
 import type { History } from '..';
 import {
  navHeaderButton,
--- a/packages/frontend/component/src/components/app-sidebar/sidebar-header/sidebar-switch.tsx
+++ b/packages/frontend/component/src/components/app-sidebar/sidebar-header/sidebar-switch.tsx
@@ -1,9 +1,9 @@
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
 import { SidebarIcon } from '@blocksuite/icons';
-import { IconButton } from '@toeverything/components/button';
-import { Tooltip } from '@toeverything/components/tooltip';
 import { useAtom } from 'jotai';

+import { IconButton } from '../../../ui/button';
+import { Tooltip } from '../../../ui/tooltip';
 import { appSidebarOpenAtom } from '../index.jotai';
 import * as styles from './sidebar-switch.css';

--- a/packages/frontend/component/src/components/auth-components/back-button.tsx
+++ b/packages/frontend/component/src/components/auth-components/back-button.tsx
@@ -1,8 +1,9 @@
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
 import { ArrowLeftSmallIcon } from '@blocksuite/icons';
-import { Button, type ButtonProps } from '@toeverything/components/button';
 import { type FC } from 'react';

+import { Button, type ButtonProps } from '../../ui/button';
+
 export const BackButton: FC<ButtonProps> = props => {
  const t = useAFFiNEI18N();
  return (
--- a/packages/frontend/component/src/components/auth-components/change-email-page.tsx
+++ b/packages/frontend/component/src/components/auth-components/change-email-page.tsx
@@ -1,7 +1,7 @@
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
-import { Button } from '@toeverything/components/button';
 import { useCallback, useState } from 'react';

+import { Button } from '../../ui/button';
 import { AuthInput } from './auth-input';
 import { AuthPageContainer } from './auth-page-container';
 import { emailRegex } from './utils';
--- a/packages/frontend/component/src/components/auth-components/change-password-page.tsx
+++ b/packages/frontend/component/src/components/auth-components/change-password-page.tsx
@@ -1,9 +1,9 @@
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
-import { Button } from '@toeverything/components/button';
 import { useSetAtom } from 'jotai';
 import type { FC } from 'react';
 import { useCallback, useState } from 'react';

+import { Button } from '../../ui/button';
 import { pushNotificationAtom } from '../notification-center';
 import { AuthPageContainer } from './auth-page-container';
 import { SetPassword } from './set-password';
--- a/packages/frontend/component/src/components/auth-components/confirm-change-email.tsx
+++ b/packages/frontend/component/src/components/auth-components/confirm-change-email.tsx
@@ -1,7 +1,7 @@
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
-import { Button } from '@toeverything/components/button';
 import type { FC } from 'react';

+import { Button } from '../../ui/button';
 import { AuthPageContainer } from './auth-page-container';

 export const ConfirmChangeEmail: FC<{
--- a/packages/frontend/component/src/components/auth-components/modal.tsx
+++ b/packages/frontend/component/src/components/auth-components/modal.tsx
@@ -1,6 +1,7 @@
-import { Modal } from '@toeverything/components/modal';
 import type { FC, PropsWithChildren } from 'react';

+import { Modal } from '../../ui/modal';
+
 export type AuthModalProps = {
  open: boolean;
  setOpen: (value: boolean) => void;
--- a/packages/frontend/component/src/components/auth-components/set-password-page.tsx
+++ b/packages/frontend/component/src/components/auth-components/set-password-page.tsx
@@ -1,9 +1,9 @@
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
-import { Button } from '@toeverything/components/button';
 import { useSetAtom } from 'jotai';
 import type { FC } from 'react';
 import { useCallback, useState } from 'react';

+import { Button } from '../../ui/button';
 import { pushNotificationAtom } from '../notification-center';
 import { AuthPageContainer } from './auth-page-container';
 import { SetPassword } from './set-password';
--- a/packages/frontend/component/src/components/auth-components/set-password.tsx
+++ b/packages/frontend/component/src/components/auth-components/set-password.tsx
@@ -1,7 +1,7 @@
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
-import { Button } from '@toeverything/components/button';
 import { type FC, useCallback, useRef, useState } from 'react';

+import { Button } from '../../ui/button';
 import { Wrapper } from '../../ui/layout';
 import { PasswordInput } from './password-input';

--- a/packages/frontend/component/src/components/auth-components/sign-in-success-page.tsx
+++ b/packages/frontend/component/src/components/auth-components/sign-in-success-page.tsx
@@ -1,7 +1,7 @@
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
-import { Button } from '@toeverything/components/button';
 import type { FC } from 'react';

+import { Button } from '../../ui/button';
 import { AuthPageContainer } from './auth-page-container';

 export const SignInSuccessPage: FC<{
--- a/packages/frontend/component/src/components/auth-components/sign-up-page.tsx
+++ b/packages/frontend/component/src/components/auth-components/sign-up-page.tsx
@@ -1,9 +1,9 @@
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
-import { Button } from '@toeverything/components/button';
 import { useSetAtom } from 'jotai';
 import type { FC } from 'react';
 import { useCallback, useState } from 'react';

+import { Button } from '../../ui/button';
 import { pushNotificationAtom } from '../notification-center';
 import { AuthPageContainer } from './auth-page-container';
 import { SetPassword } from './set-password';
--- a/packages/frontend/component/src/components/card/workspace-card/index.tsx
+++ b/packages/frontend/component/src/components/card/workspace-card/index.tsx
@@ -2,16 +2,16 @@ import { WorkspaceFlavour } from '@affine/env/workspace';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
 import type { RootWorkspaceMetadata } from '@affine/workspace/atom';
 import { CollaborationIcon, SettingsIcon } from '@blocksuite/icons';
-import { Avatar } from '@toeverything/components/avatar';
-import { Divider } from '@toeverything/components/divider';
-import { Tooltip } from '@toeverything/components/tooltip';
 import { useBlockSuiteWorkspaceAvatarUrl } from '@toeverything/hooks/use-block-suite-workspace-avatar-url';
 import { useBlockSuiteWorkspaceName } from '@toeverything/hooks/use-block-suite-workspace-name';
 import { getBlockSuiteWorkspaceAtom } from '@toeverything/infra/__internal__/workspace';
 import { useAtomValue } from 'jotai/react';
 import { useCallback } from 'react';

+import { Avatar } from '../../../ui/avatar';
+import { Divider } from '../../../ui/divider';
 import { Skeleton } from '../../../ui/skeleton';
+import { Tooltip } from '../../../ui/tooltip';
 import {
  StyledCard,
  StyledIconContainer,
--- a/packages/frontend/component/src/components/card/workspace-card/styles.ts
+++ b/packages/frontend/component/src/components/card/workspace-card/styles.ts
@@ -1,6 +1,5 @@
-import { IconButton } from '@toeverything/components/button';
-
 import { displayFlex, styled, textEllipsis } from '../../../styles';
+import { IconButton } from '../../../ui/button';

 export const StyledWorkspaceInfo = styled('div')(() => {
  return {
--- a/packages/frontend/component/src/components/disable-public-link/index.tsx
+++ b/packages/frontend/component/src/components/disable-public-link/index.tsx
@@ -1,8 +1,6 @@
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
-import {
-  ConfirmModal,
-  type ConfirmModalProps,
-} from '@toeverything/components/modal';
+
+import { ConfirmModal, type ConfirmModalProps } from '../../ui/modal';

 export const PublicLinkDisableModal = (props: ConfirmModalProps) => {
  const t = useAFFiNEI18N();
--- a/packages/frontend/component/src/components/import-page/index.tsx
+++ b/packages/frontend/component/src/components/import-page/index.tsx
@@ -6,9 +6,9 @@ import {
  NewIcon,
  NotionIcon,
 } from '@blocksuite/icons';
-import { IconButton } from '@toeverything/components/button';
-import { Tooltip } from '@toeverything/components/tooltip';

+import { IconButton } from '../../ui/button';
+import { Tooltip } from '../../ui/tooltip';
 import { BlockCard } from '../card/block-card';
 import {
  importPageBodyStyle,
--- a/packages/frontend/component/src/components/member-components/accept-invite-page.tsx
+++ b/packages/frontend/component/src/components/member-components/accept-invite-page.tsx
@@ -1,9 +1,9 @@
 import { AuthPageContainer } from '@affine/component/auth-components';
 import { type GetInviteInfoQuery } from '@affine/graphql';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
-import { Avatar } from '@toeverything/components/avatar';
-import { Button } from '@toeverything/components/button';

+import { Avatar } from '../../ui/avatar';
+import { Button } from '../../ui/button';
 import { FlexWrapper } from '../../ui/layout';
 import * as styles from './styles.css';
 export const AcceptInvitePage = ({
--- a/packages/frontend/component/src/components/member-components/invite-modal.tsx
+++ b/packages/frontend/component/src/components/member-components/invite-modal.tsx
@@ -1,8 +1,8 @@
 import { Permission } from '@affine/graphql';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
-import { ConfirmModal } from '@toeverything/components/modal';
 import { useCallback, useEffect, useState } from 'react';

+import { ConfirmModal } from '../../ui/modal';
 import { AuthInput } from '..//auth-components';
 import { emailRegex } from '..//auth-components/utils';

--- a/packages/frontend/component/src/components/not-found-page/not-found-page.tsx
+++ b/packages/frontend/component/src/components/not-found-page/not-found-page.tsx
@@ -1,9 +1,9 @@
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
 import { SignOutIcon } from '@blocksuite/icons';
-import { Avatar } from '@toeverything/components/avatar';
-import { Button, IconButton } from '@toeverything/components/button';
-import { Tooltip } from '@toeverything/components/tooltip';

+import { Avatar } from '../../ui/avatar';
+import { Button, IconButton } from '../../ui/button';
+import { Tooltip } from '../../ui/tooltip';
 import { NotFoundPattern } from './not-found-pattern';
 import {
  largeButtonEffect,
--- a/packages/frontend/component/src/components/notification-center/index.tsx
+++ b/packages/frontend/component/src/components/notification-center/index.tsx
@@ -4,7 +4,6 @@

 import { CloseIcon, InformationFillDuotoneIcon } from '@blocksuite/icons';
 import * as Toast from '@radix-ui/react-toast';
-import { IconButton } from '@toeverything/components/button';
 import clsx from 'clsx';
 import { useAtom, useAtomValue, useSetAtom } from 'jotai';
 import type { ReactNode } from 'react';
@@ -17,6 +16,7 @@ import {
  useState,
 } from 'react';

+import { IconButton } from '../../ui/button';
 import { SuccessIcon } from './icons';
 import * as styles from './index.css';
 import type { Notification } from './index.jotai';
--- a/packages/frontend/component/src/components/page-list/components/favorite-tag.tsx
+++ b/packages/frontend/component/src/components/page-list/components/favorite-tag.tsx
@@ -1,13 +1,10 @@
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
 import { FavoritedIcon, FavoriteIcon } from '@blocksuite/icons';
-import {
-  IconButton,
-  type IconButtonProps,
-} from '@toeverything/components/button';
-import { Tooltip } from '@toeverything/components/tooltip';
 import Lottie from 'lottie-react';
 import { forwardRef, useCallback, useState } from 'react';

+import { IconButton, type IconButtonProps } from '../../../ui/button';
+import { Tooltip } from '../../../ui/tooltip';
 import favoritedAnimation from './favorited-animation/data.json';

 export const FavoriteTag = forwardRef<
--- a/packages/frontend/component/src/components/page-list/components/new-page-buttton.tsx
+++ b/packages/frontend/component/src/components/page-list/components/new-page-buttton.tsx
@@ -1,9 +1,9 @@
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
 import { EdgelessIcon, ImportIcon, PageIcon } from '@blocksuite/icons';
-import { Menu } from '@toeverything/components/menu';
 import { type PropsWithChildren, useCallback, useState } from 'react';

 import { DropdownButton } from '../../../ui/button';
+import { Menu } from '../../../ui/menu';
 import { BlockCard } from '../../card/block-card';
 import { menuContent } from './new-page-button.css';

--- a/packages/frontend/component/src/components/page-list/filter/condition.tsx
+++ b/packages/frontend/component/src/components/page-list/filter/condition.tsx
@@ -1,9 +1,9 @@
 import type { Filter, Literal } from '@affine/env/filter';
 import type { PropertiesMeta } from '@affine/env/filter';
-import { Menu, MenuItem } from '@toeverything/components/menu';
 import type { ReactNode } from 'react';
 import { useMemo } from 'react';

+import { Menu, MenuItem } from '../../../ui/menu';
 import { FilterTag } from './filter-tag-translation';
 import * as styles from './index.css';
 import { literalMatcher } from './literal-matcher';
--- a/packages/frontend/component/src/components/page-list/filter/filter-list.tsx
+++ b/packages/frontend/component/src/components/page-list/filter/filter-list.tsx
@@ -2,10 +2,10 @@ import type { Filter } from '@affine/env/filter';
 import type { PropertiesMeta } from '@affine/env/filter';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
 import { CloseIcon, PlusIcon } from '@blocksuite/icons';
-import { Button } from '@toeverything/components/button';
-import { IconButton } from '@toeverything/components/button';
-import { Menu } from '@toeverything/components/menu';

+import { Button } from '../../../ui/button';
+import { IconButton } from '../../../ui/button';
+import { Menu } from '../../../ui/menu';
 import { Condition } from './condition';
 import * as styles from './index.css';
 import { CreateFilterMenu } from './vars';
--- a/packages/frontend/component/src/components/page-list/filter/multi-select.tsx
+++ b/packages/frontend/component/src/components/page-list/filter/multi-select.tsx
@@ -1,7 +1,7 @@
-import { Menu, MenuItem } from '@toeverything/components/menu';
 import type { MouseEvent } from 'react';
 import { useMemo } from 'react';

+import { Menu, MenuItem } from '../../../ui/menu';
 import * as styles from './multi-select.css';

 export const MultiSelect = ({
--- a/packages/frontend/component/src/components/page-list/filter/vars.tsx
+++ b/packages/frontend/component/src/components/page-list/filter/vars.tsx
@@ -5,14 +5,10 @@ import type {
  VariableMap,
 } from '@affine/env/filter';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
-import {
-  MenuIcon,
-  MenuItem,
-  MenuSeparator,
-} from '@toeverything/components/menu';
 import dayjs from 'dayjs';
 import type { ReactNode } from 'react';

+import { MenuIcon, MenuItem, MenuSeparator } from '../../../ui/menu';
 import { FilterTag } from './filter-tag-translation';
 import * as styles from './index.css';
 import { tBoolean, tDate, tTag } from './logical/custom-type';
--- a/packages/frontend/component/src/components/page-list/operation-cell.tsx
+++ b/packages/frontend/component/src/components/page-list/operation-cell.tsx
@@ -7,13 +7,13 @@ import {
  OpenInNewIcon,
  ResetIcon,
 } from '@blocksuite/icons';
-import { IconButton } from '@toeverything/components/button';
-import { Menu, MenuIcon, MenuItem } from '@toeverything/components/menu';
-import { ConfirmModal } from '@toeverything/components/modal';
-import { Tooltip } from '@toeverything/components/tooltip';
 import { useState } from 'react';
 import { Link } from 'react-router-dom';

+import { IconButton } from '../../ui/button';
+import { Menu, MenuIcon, MenuItem } from '../../ui/menu';
+import { ConfirmModal } from '../../ui/modal';
+import { Tooltip } from '../../ui/tooltip';
 import { FavoriteTag } from './components/favorite-tag';
 import { DisablePublicSharing, MoveToTrash } from './operation-menu-items';
 import * as styles from './page-list.css';
--- a/packages/frontend/component/src/components/page-list/operation-menu-items/disable-public-sharing.tsx
+++ b/packages/frontend/component/src/components/page-list/operation-menu-items/disable-public-sharing.tsx
@@ -1,11 +1,7 @@
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
 import { ShareIcon } from '@blocksuite/icons';
-import {
-  MenuIcon,
-  MenuItem,
-  type MenuItemProps,
-} from '@toeverything/components/menu';

+import { MenuIcon, MenuItem, type MenuItemProps } from '../../../ui/menu';
 import { PublicLinkDisableModal } from '../../disable-public-link';

 export const DisablePublicSharing = (props: MenuItemProps) => {
--- a/packages/frontend/component/src/components/page-list/operation-menu-items/export.tsx
+++ b/packages/frontend/component/src/components/page-list/operation-menu-items/export.tsx
@@ -6,9 +6,9 @@ import {
  ExportToPdfIcon,
  ExportToPngIcon,
 } from '@blocksuite/icons';
-import { MenuIcon, MenuItem, MenuSub } from '@toeverything/components/menu';
 import { type ReactNode, useMemo } from 'react';

+import { MenuIcon, MenuItem, MenuSub } from '../../../ui/menu';
 import { transitionStyle } from './index.css';

 interface ExportMenuItemProps<T> {
--- a/packages/frontend/component/src/components/page-list/operation-menu-items/move-to-trash.tsx
+++ b/packages/frontend/component/src/components/page-list/operation-menu-items/move-to-trash.tsx
@@ -1,14 +1,8 @@
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
 import { DeleteIcon } from '@blocksuite/icons';
-import {
-  MenuIcon,
-  MenuItem,
-  type MenuItemProps,
-} from '@toeverything/components/menu';
-import {
-  ConfirmModal,
-  type ConfirmModalProps,
-} from '@toeverything/components/modal';
+
+import { MenuIcon, MenuItem, type MenuItemProps } from '../../../ui/menu';
+import { ConfirmModal, type ConfirmModalProps } from '../../../ui/modal';

 export const MoveToTrash = (props: MenuItemProps) => {
  const t = useAFFiNEI18N();
--- a/packages/frontend/component/src/components/page-list/page-tags.tsx
+++ b/packages/frontend/component/src/components/page-list/page-tags.tsx
@@ -1,10 +1,10 @@
 import type { Tag } from '@affine/env/filter';
 import { MoreHorizontalIcon } from '@blocksuite/icons';
-import { Menu } from '@toeverything/components/menu';
 import { assignInlineVars } from '@vanilla-extract/dynamic';
 import clsx from 'clsx';
 import { useMemo } from 'react';

+import { Menu } from '../../ui/menu';
 import * as styles from './page-tags.css';
 import { stopPropagation } from './utils';

--- a/packages/frontend/component/src/components/page-list/view/collection-bar.tsx
+++ b/packages/frontend/component/src/components/page-list/view/collection-bar.tsx
@@ -2,11 +2,11 @@ import type { DeleteCollectionInfo, PropertiesMeta } from '@affine/env/filter';
 import type { GetPageInfoById } from '@affine/env/page-info';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
 import { ViewLayersIcon } from '@blocksuite/icons';
-import { Button } from '@toeverything/components/button';
-import { Tooltip } from '@toeverything/components/tooltip';
 import clsx from 'clsx';
 import { useState } from 'react';

+import { Button } from '../../../ui/button';
+import { Tooltip } from '../../../ui/tooltip';
 import {
  type CollectionsCRUDAtom,
  useCollectionManager,
--- a/packages/frontend/component/src/components/page-list/view/collection-list.tsx
+++ b/packages/frontend/component/src/components/page-list/view/collection-list.tsx
@@ -6,11 +6,11 @@ import type {
 import type { PropertiesMeta } from '@affine/env/filter';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
 import { FilterIcon } from '@blocksuite/icons';
-import { Button } from '@toeverything/components/button';
-import { Menu } from '@toeverything/components/menu';
 import { useCallback, useState } from 'react';

+import { Button } from '../../../ui/button';
 import { FlexWrapper } from '../../../ui/layout';
+import { Menu } from '../../../ui/menu';
 import { CreateFilterMenu } from '../filter/vars';
 import type { useCollectionManager } from '../use-collection-manager';
 import * as styles from './collection-list.css';
--- a/packages/frontend/component/src/components/page-list/view/collection-operations.tsx
+++ b/packages/frontend/component/src/components/page-list/view/collection-operations.tsx
@@ -1,12 +1,6 @@
 import type { Collection, DeleteCollectionInfo } from '@affine/env/filter';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
 import { DeleteIcon, EditIcon, FilterIcon } from '@blocksuite/icons';
-import {
-  Menu,
-  MenuIcon,
-  MenuItem,
-  type MenuItemProps,
-} from '@toeverything/components/menu';
 import {
  type PropsWithChildren,
  type ReactElement,
@@ -14,6 +8,7 @@ import {
  useMemo,
 } from 'react';

+import { Menu, MenuIcon, MenuItem, type MenuItemProps } from '../../../ui/menu';
 import type { useCollectionManager } from '../use-collection-manager';
 import type { AllPageListConfig } from '.';
 import * as styles from './collection-operations.css';
--- a/packages/frontend/component/src/components/page-list/view/create-collection.tsx
+++ b/packages/frontend/component/src/components/page-list/view/create-collection.tsx
@@ -1,9 +1,9 @@
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
-import { Button } from '@toeverything/components/button';
-import { Modal } from '@toeverything/components/modal';
 import { useCallback, useMemo, useState } from 'react';

+import { Button } from '../../../ui/button';
 import Input from '../../../ui/input';
+import { Modal } from '../../../ui/modal';
 import * as styles from './create-collection.css';

 export interface CreateCollectionModalProps {
--- a/packages/frontend/component/src/components/page-list/view/edit-collection/edit-collection.tsx
+++ b/packages/frontend/component/src/components/page-list/view/edit-collection/edit-collection.tsx
@@ -2,11 +2,11 @@ import type { Collection } from '@affine/env/filter';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
 import type { PageMeta, Workspace } from '@blocksuite/store';
 import type { DialogContentProps } from '@radix-ui/react-dialog';
-import { Button } from '@toeverything/components/button';
-import { Modal } from '@toeverything/components/modal';
 import { type ReactNode, useCallback, useMemo, useState } from 'react';

-import { RadioButton, RadioButtonGroup } from '../../../../ui/button';
+import { RadioButton, RadioButtonGroup } from '../../../../index';
+import { Button } from '../../../../ui/button';
+import { Modal } from '../../../../ui/modal';
 import * as styles from './edit-collection.css';
 import { PagesMode } from './pages-mode';
 import { RulesMode } from './rules-mode';
--- a/packages/frontend/component/src/components/page-list/view/edit-collection/hooks.tsx
+++ b/packages/frontend/component/src/components/page-list/view/edit-collection/hooks.tsx
@@ -1,6 +1,6 @@
-import { Modal } from '@toeverything/components/modal';
 import { useCallback, useState } from 'react';

+import { Modal } from '../../../../ui/modal';
 import type { AllPageListConfig } from './edit-collection';
 import { SelectPage } from './select-page';
 export const useSelectPage = ({
--- a/packages/frontend/component/src/components/page-list/view/edit-collection/pages-mode.tsx
+++ b/packages/frontend/component/src/components/page-list/view/edit-collection/pages-mode.tsx
@@ -2,10 +2,10 @@ import type { Collection } from '@affine/env/filter';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
 import { FilterIcon } from '@blocksuite/icons';
 import type { PageMeta } from '@blocksuite/store';
-import { Menu } from '@toeverything/components/menu';
 import clsx from 'clsx';
 import { type ReactNode, useCallback } from 'react';

+import { Menu } from '../../../../ui/menu';
 import { FilterList } from '../../filter/filter-list';
 import { VariableSelect } from '../../filter/vars';
 import { VirtualizedPageList } from '../../virtualized-page-list';
--- a/packages/frontend/component/src/components/page-list/view/edit-collection/select-page.tsx
+++ b/packages/frontend/component/src/components/page-list/view/edit-collection/select-page.tsx
@@ -1,11 +1,11 @@
 import { Trans } from '@affine/i18n';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
 import { FilterIcon } from '@blocksuite/icons';
-import { Button } from '@toeverything/components/button';
-import { Menu } from '@toeverything/components/menu';
 import clsx from 'clsx';
 import { useCallback, useState } from 'react';

+import { Button } from '../../../../ui/button';
+import { Menu } from '../../../../ui/menu';
 import { FilterList } from '../../filter';
 import { VariableSelect } from '../../filter/vars';
 import { VirtualizedPageList } from '../../virtualized-page-list';
--- a/packages/frontend/component/src/components/page-list/view/save-as-collection-button.tsx
+++ b/packages/frontend/component/src/components/page-list/view/save-as-collection-button.tsx
@@ -1,10 +1,10 @@
 import type { Collection } from '@affine/env/filter';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
 import { SaveIcon } from '@blocksuite/icons';
-import { Button } from '@toeverything/components/button';
 import { nanoid } from 'nanoid';
 import { useCallback } from 'react';

+import { Button } from '../../../ui/button';
 import { createEmptyCollection } from '../use-collection-manager';
 import { useEditCollectionName } from './use-edit-collection';

--- a/packages/frontend/component/src/components/setting-components/storage-progess.tsx
+++ b/packages/frontend/component/src/components/setting-components/storage-progess.tsx
@@ -1,11 +1,11 @@
 import { SubscriptionPlan } from '@affine/graphql';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
-import { Button } from '@toeverything/components/button';
-import { Tooltip } from '@toeverything/components/tooltip';
 import bytes from 'bytes';
 import clsx from 'clsx';
 import { useMemo } from 'react';

+import { Button } from '../../ui/button';
+import { Tooltip } from '../../ui/tooltip';
 import * as styles from './share.css';

 export interface StorageProgressProgress {
--- a/packages/frontend/component/src/components/tour-modal/tour-modal.tsx
+++ b/packages/frontend/component/src/components/tour-modal/tour-modal.tsx
@@ -1,10 +1,10 @@
 /// <reference types="../../type.d.ts" />
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
 import { ArrowLeftSmallIcon, ArrowRightSmallIcon } from '@blocksuite/icons';
-import { Modal, type ModalProps } from '@toeverything/components/modal';
 import clsx from 'clsx';
 import { useState } from 'react';

+import { Modal, type ModalProps } from '../../ui/modal';
 import editingVideo from './editingVideo.mp4';
 import {
  arrowStyle,
--- a/packages/frontend/core/package.json
+++ b/packages/frontend/core/package.json
@@ -47,7 +47,6 @@
    "@react-hookz/web": "^23.1.0",
    "@sentry/integrations": "^7.83.0",
    "@sentry/react": "^7.83.0",
-    "@toeverything/components": "^0.0.46",
    "@toeverything/theme": "^0.7.20",
    "@vanilla-extract/css": "^1.13.0",
    "@vanilla-extract/dynamic": "^2.0.3",
--- a/packages/frontend/core/src/app.tsx
+++ b/packages/frontend/core/src/app.tsx
@@ -1,6 +1,5 @@
 import '@affine/component/theme/global.css';
 import '@affine/component/theme/theme.css';
-import '@toeverything/components/style.css';

 import { AffineContext } from '@affine/component/context';
 import { GlobalLoading } from '@affine/component/global-loading';
--- a/packages/frontend/core/src/bootstrap/plugins/setup.ts
+++ b/packages/frontend/core/src/bootstrap/plugins/setup.ts
@@ -156,12 +156,8 @@ function createSetupImpl(rootStore: ReturnType<typeof createStore>) {
    },
    '@blocksuite/global/utils': import('@blocksuite/global/utils'),
    '@toeverything/infra/atom': import('@toeverything/infra/atom'),
-    '@toeverything/components/button': import(
-      '@toeverything/components/button'
-    ),
-    '@toeverything/components/tooltip': import(
-      '@toeverything/components/tooltip'
-    ),
+    '@affine/component/ui/button': import('@affine/component/ui/button'),
+    '@affine/component/ui/tooltip': import('@affine/component/ui/tooltip'),
  });

  // pluginName -> module -> importName -> updater[]
--- a/packages/frontend/core/src/components/affine/affine-error-boundary/error-basic/error-detail.tsx
+++ b/packages/frontend/core/src/components/affine/affine-error-boundary/error-basic/error-detail.tsx
@@ -1,6 +1,6 @@
+import { Button } from '@affine/component/ui/button';
 import { Trans } from '@affine/i18n';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
-import { Button } from '@toeverything/components/button';
 import { useAsyncCallback } from '@toeverything/hooks/affine-async-hooks';
 import {
  type FC,
--- a/packages/frontend/core/src/components/affine/auth/after-sign-in-send-email.tsx
+++ b/packages/frontend/core/src/components/affine/auth/after-sign-in-send-email.tsx
@@ -4,9 +4,9 @@ import {
  CountDownRender,
  ModalHeader,
 } from '@affine/component/auth-components';
+import { Button } from '@affine/component/ui/button';
 import { Trans } from '@affine/i18n';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
-import { Button } from '@toeverything/components/button';
 import { useAsyncCallback } from '@toeverything/hooks/affine-async-hooks';
 import React, { useCallback } from 'react';

--- a/packages/frontend/core/src/components/affine/auth/after-sign-up-send-email.tsx
+++ b/packages/frontend/core/src/components/affine/auth/after-sign-up-send-email.tsx
@@ -4,8 +4,8 @@ import {
  CountDownRender,
  ModalHeader,
 } from '@affine/component/auth-components';
+import { Button } from '@affine/component/ui/button';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
-import { Button } from '@toeverything/components/button';
 import { useAsyncCallback } from '@toeverything/hooks/affine-async-hooks';
 import { type FC, useCallback } from 'react';

--- a/packages/frontend/core/src/components/affine/auth/send-email.tsx
+++ b/packages/frontend/core/src/components/affine/auth/send-email.tsx
@@ -6,6 +6,7 @@ import {
  ModalHeader,
 } from '@affine/component/auth-components';
 import { pushNotificationAtom } from '@affine/component/notification-center';
+import { Button } from '@affine/component/ui/button';
 import {
  sendChangeEmailMutation,
  sendChangePasswordEmailMutation,
@@ -13,7 +14,6 @@ import {
 } from '@affine/graphql';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
 import { useMutation } from '@affine/workspace/affine/gql';
-import { Button } from '@toeverything/components/button';
 import { useAsyncCallback } from '@toeverything/hooks/affine-async-hooks';
 import { useSetAtom } from 'jotai/react';
 import { useCallback, useState } from 'react';
--- a/packages/frontend/core/src/components/affine/auth/sign-in-with-password.tsx
+++ b/packages/frontend/core/src/components/affine/auth/sign-in-with-password.tsx
@@ -4,8 +4,8 @@ import {
  BackButton,
  ModalHeader,
 } from '@affine/component/auth-components';
+import { Button } from '@affine/component/ui/button';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
-import { Button } from '@toeverything/components/button';
 import { useAsyncCallback } from '@toeverything/hooks/affine-async-hooks';
 // eslint-disable-next-line @typescript-eslint/no-restricted-imports
 import { useSession } from 'next-auth/react';
--- a/packages/frontend/core/src/components/affine/auth/sign-in.tsx
+++ b/packages/frontend/core/src/components/affine/auth/sign-in.tsx
@@ -3,12 +3,12 @@ import {
  CountDownRender,
  ModalHeader,
 } from '@affine/component/auth-components';
+import { Button } from '@affine/component/ui/button';
 import { type GetUserQuery, getUserQuery } from '@affine/graphql';
 import { Trans } from '@affine/i18n';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
 import { useMutation } from '@affine/workspace/affine/gql';
 import { ArrowDownBigIcon, GoogleDuotoneIcon } from '@blocksuite/icons';
-import { Button } from '@toeverything/components/button';
 import { useAsyncCallback } from '@toeverything/hooks/affine-async-hooks';
 import { GraphQLError } from 'graphql';
 import { type FC, useState } from 'react';
--- a/packages/frontend/core/src/components/affine/auth/subscription-redirect.tsx
+++ b/packages/frontend/core/src/components/affine/auth/subscription-redirect.tsx
@@ -1,5 +1,7 @@
 import { SignUpPage } from '@affine/component/auth-components';
 import { AffineShapeIcon } from '@affine/component/page-list';
+import { Button } from '@affine/component/ui/button';
+import { Loading } from '@affine/component/ui/loading';
 import type { SubscriptionRecurring } from '@affine/graphql';
 import {
  changePasswordMutation,
@@ -8,8 +10,6 @@ import {
 } from '@affine/graphql';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
 import { useMutation, useQuery } from '@affine/workspace/affine/gql';
-import { Button } from '@toeverything/components/button';
-import { Loading } from '@toeverything/components/loading';
 import { useAsyncCallback } from '@toeverything/hooks/affine-async-hooks';
 import { nanoid } from 'nanoid';
 import { Suspense, useCallback, useEffect, useMemo } from 'react';
--- a/packages/frontend/core/src/components/affine/auth/user-plan-button.tsx
+++ b/packages/frontend/core/src/components/affine/auth/user-plan-button.tsx
@@ -1,6 +1,6 @@
+import { Tooltip } from '@affine/component/ui/tooltip';
 import { SubscriptionPlan } from '@affine/graphql';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
-import Tooltip from '@toeverything/components/tooltip';
 import { useSetAtom } from 'jotai';
 import { useCallback } from 'react';
 import { withErrorBoundary } from 'react-error-boundary';
--- a/packages/frontend/core/src/components/affine/create-workspace-modal/index.tsx
+++ b/packages/frontend/core/src/components/affine/create-workspace-modal/index.tsx
@@ -1,14 +1,14 @@
 import { Input, toast } from '@affine/component';
-import { DebugLogger } from '@affine/debug';
-import { useAFFiNEI18N } from '@affine/i18n/hooks';
-import { HelpIcon } from '@blocksuite/icons';
-import { Button } from '@toeverything/components/button';
+import { Button } from '@affine/component/ui/button';
 import {
  ConfirmModal,
  type ConfirmModalProps,
  Modal,
-} from '@toeverything/components/modal';
-import { Tooltip } from '@toeverything/components/tooltip';
+} from '@affine/component/ui/modal';
+import { Tooltip } from '@affine/component/ui/tooltip';
+import { DebugLogger } from '@affine/debug';
+import { useAFFiNEI18N } from '@affine/i18n/hooks';
+import { HelpIcon } from '@blocksuite/icons';
 import { useAsyncCallback } from '@toeverything/hooks/affine-async-hooks';
 import type {
  LoadDBFileResult,
--- a/packages/frontend/core/src/components/affine/enable-affine-cloud-modal/index.tsx
+++ b/packages/frontend/core/src/components/affine/enable-affine-cloud-modal/index.tsx
@@ -1,8 +1,8 @@
-import { useAFFiNEI18N } from '@affine/i18n/hooks';
 import {
  ConfirmModal,
  type ConfirmModalProps,
-} from '@toeverything/components/modal';
+} from '@affine/component/ui/modal';
+import { useAFFiNEI18N } from '@affine/i18n/hooks';
 import { useSetAtom } from 'jotai';
 import { useCallback } from 'react';

--- a/packages/frontend/core/src/components/affine/language-menu/index.tsx
+++ b/packages/frontend/core/src/components/affine/language-menu/index.tsx
@@ -1,4 +1,4 @@
-import { Menu, MenuItem, MenuTrigger } from '@toeverything/components/menu';
+import { Menu, MenuItem, MenuTrigger } from '@affine/component/ui/menu';
 import { memo, type ReactElement } from 'react';

 import { useLanguageHelper } from '../../../hooks/affine/use-language-helper';
--- a/packages/frontend/core/src/components/affine/new-workspace-setting-detail/delete-leave-workspace/delete/index.tsx
+++ b/packages/frontend/core/src/components/affine/new-workspace-setting-detail/delete-leave-workspace/delete/index.tsx
@@ -1,12 +1,12 @@
 import { Input } from '@affine/component';
+import {
+  ConfirmModal,
+  type ConfirmModalProps,
+} from '@affine/component/ui/modal';
 import type { AffineOfficialWorkspace } from '@affine/env/workspace';
 import { WorkspaceFlavour } from '@affine/env/workspace';
 import { Trans } from '@affine/i18n';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
-import {
-  ConfirmModal,
-  type ConfirmModalProps,
-} from '@toeverything/components/modal';
 import { useBlockSuiteWorkspaceName } from '@toeverything/hooks/use-block-suite-workspace-name';
 import { useCallback, useState } from 'react';

--- a/packages/frontend/core/src/components/affine/new-workspace-setting-detail/delete-leave-workspace/index.tsx
+++ b/packages/frontend/core/src/components/affine/new-workspace-setting-detail/delete-leave-workspace/index.tsx
@@ -1,9 +1,9 @@
 import { SettingRow } from '@affine/component/setting-components';
+import { ConfirmModal } from '@affine/component/ui/modal';
 import type { AffineOfficialWorkspace } from '@affine/env/workspace';
 import { WorkspaceFlavour } from '@affine/env/workspace';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
 import { ArrowRightSmallIcon } from '@blocksuite/icons';
-import { ConfirmModal } from '@toeverything/components/modal';
 import { useCallback, useState } from 'react';

 import type { WorkspaceSettingDetailProps } from '../types';
--- a/packages/frontend/core/src/components/affine/new-workspace-setting-detail/export.tsx
+++ b/packages/frontend/core/src/components/affine/new-workspace-setting-detail/export.tsx
@@ -1,8 +1,8 @@
 import { pushNotificationAtom } from '@affine/component/notification-center';
 import { SettingRow } from '@affine/component/setting-components';
+import { Button } from '@affine/component/ui/button';
 import type { AffineOfficialWorkspace } from '@affine/env/workspace';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
-import { Button } from '@toeverything/components/button';
 import { useAsyncCallback } from '@toeverything/hooks/affine-async-hooks';
 import type { SaveDBFileResult } from '@toeverything/infra/type';
 import { useSetAtom } from 'jotai';
--- a/packages/frontend/core/src/components/affine/new-workspace-setting-detail/members.tsx
+++ b/packages/frontend/core/src/components/affine/new-workspace-setting-detail/members.tsx
@@ -8,16 +8,16 @@ import {
 } from '@affine/component/member-components';
 import { pushNotificationAtom } from '@affine/component/notification-center';
 import { SettingRow } from '@affine/component/setting-components';
+import { Avatar } from '@affine/component/ui/avatar';
+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 type { AffineOfficialWorkspace } from '@affine/env/workspace';
 import { WorkspaceFlavour } from '@affine/env/workspace';
 import { Permission, SubscriptionPlan } from '@affine/graphql';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
 import { ArrowRightBigIcon, MoreVerticalIcon } from '@blocksuite/icons';
-import { Avatar } from '@toeverything/components/avatar';
-import { Button, IconButton } from '@toeverything/components/button';
-import { Loading } from '@toeverything/components/loading';
-import { Menu, MenuItem } from '@toeverything/components/menu';
-import { Tooltip } from '@toeverything/components/tooltip';
 import clsx from 'clsx';
 import { useSetAtom } from 'jotai';
 import type { ReactElement } from 'react';
--- a/packages/frontend/core/src/components/affine/new-workspace-setting-detail/profile.tsx
+++ b/packages/frontend/core/src/components/affine/new-workspace-setting-detail/profile.tsx
@@ -1,10 +1,10 @@
 import { FlexWrapper, Input, Wrapper } from '@affine/component';
 import { pushNotificationAtom } from '@affine/component/notification-center';
+import { Avatar } from '@affine/component/ui/avatar';
+import { Button } from '@affine/component/ui/button';
 import type { AffineOfficialWorkspace } from '@affine/env/workspace';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
 import { CameraIcon } from '@blocksuite/icons';
-import { Avatar } from '@toeverything/components/avatar';
-import { Button } from '@toeverything/components/button';
 import { useBlockSuiteWorkspaceAvatarUrl } from '@toeverything/hooks/use-block-suite-workspace-avatar-url';
 import { useBlockSuiteWorkspaceName } from '@toeverything/hooks/use-block-suite-workspace-name';
 import { useSetAtom } from 'jotai';
--- a/packages/frontend/core/src/components/affine/new-workspace-setting-detail/publish.tsx
+++ b/packages/frontend/core/src/components/affine/new-workspace-setting-detail/publish.tsx
@@ -1,5 +1,7 @@
 import { FlexWrapper, Input, Switch } from '@affine/component';
 import { SettingRow } from '@affine/component/setting-components';
+import { Button } from '@affine/component/ui/button';
+import { Tooltip } from '@affine/component/ui/tooltip';
 import { Unreachable } from '@affine/env/constant';
 import type {
  AffineCloudWorkspace,
@@ -9,8 +11,6 @@ import type {
 import type { AffineOfficialWorkspace } from '@affine/env/workspace';
 import { WorkspaceFlavour } from '@affine/env/workspace';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
-import { Button } from '@toeverything/components/button';
-import { Tooltip } from '@toeverything/components/tooltip';
 import { useAsyncCallback } from '@toeverything/hooks/affine-async-hooks';
 import { useBlockSuiteWorkspaceName } from '@toeverything/hooks/use-block-suite-workspace-name';
 import { noop } from 'foxact/noop';
--- a/packages/frontend/core/src/components/affine/new-workspace-setting-detail/storage.tsx
+++ b/packages/frontend/core/src/components/affine/new-workspace-setting-detail/storage.tsx
@@ -1,9 +1,9 @@
 import { FlexWrapper, toast } from '@affine/component';
 import { SettingRow } from '@affine/component/setting-components';
+import { Button } from '@affine/component/ui/button';
+import { Tooltip } from '@affine/component/ui/tooltip';
 import type { AffineOfficialWorkspace } from '@affine/env/workspace';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
-import { Button } from '@toeverything/components/button';
-import { Tooltip } from '@toeverything/components/tooltip';
 import type { MoveDBFileResult } from '@toeverything/infra/type';
 import { useMemo } from 'react';
 import { useCallback, useEffect, useState } from 'react';
--- a/packages/frontend/core/src/components/affine/page-history-modal/history-modal.tsx
+++ b/packages/frontend/core/src/components/affine/page-history-modal/history-modal.tsx
@@ -3,12 +3,12 @@ import {
  BlockSuiteEditor,
  EditorLoading,
 } from '@affine/component/block-suite-editor';
+import { Button } from '@affine/component/ui/button';
+import { ConfirmModal, Modal } from '@affine/component/ui/modal';
 import type { PageMode } from '@affine/core/atoms';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
 import type { Workspace } from '@blocksuite/store';
 import type { DialogContentProps } from '@radix-ui/react-dialog';
-import { Button } from '@toeverything/components/button';
-import { ConfirmModal, Modal } from '@toeverything/components/modal';
 import { useAsyncCallback } from '@toeverything/hooks/affine-async-hooks';
 import { useAtom, useAtomValue } from 'jotai';
 import {
--- a/packages/frontend/core/src/components/affine/payment-disable/index.tsx
+++ b/packages/frontend/core/src/components/affine/payment-disable/index.tsx
@@ -1,5 +1,5 @@
+import { ConfirmModal } from '@affine/component/ui/modal';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
-import { ConfirmModal } from '@toeverything/components/modal';
 import { useAtom } from 'jotai';
 import { useCallback } from 'react';

--- a/packages/frontend/core/src/components/affine/setting-modal/account-setting/index.tsx
+++ b/packages/frontend/core/src/components/affine/setting-modal/account-setting/index.tsx
@@ -5,6 +5,8 @@ import {
  SettingRow,
  StorageProgress,
 } from '@affine/component/setting-components';
+import { Avatar } from '@affine/component/ui/avatar';
+import { Button } from '@affine/component/ui/button';
 import {
  allBlobSizesQuery,
  removeAvatarMutation,
@@ -14,8 +16,6 @@ import {
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
 import { useMutation, useQuery } from '@affine/workspace/affine/gql';
 import { ArrowRightSmallIcon, CameraIcon } from '@blocksuite/icons';
-import { Avatar } from '@toeverything/components/avatar';
-import { Button } from '@toeverything/components/button';
 import { useAsyncCallback } from '@toeverything/hooks/affine-async-hooks';
 import { validateAndReduceImage } from '@toeverything/hooks/use-block-suite-workspace-avatar-url';
 import bytes from 'bytes';
--- a/packages/frontend/core/src/components/affine/setting-modal/general-setting/about/update-check-section.tsx
+++ b/packages/frontend/core/src/components/affine/setting-modal/general-setting/about/update-check-section.tsx
@@ -1,6 +1,6 @@
 import { SettingRow } from '@affine/component/setting-components';
+import { Button } from '@affine/component/ui/button';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
-import { Button } from '@toeverything/components/button';
 import { useAsyncCallback } from '@toeverything/hooks/affine-async-hooks';
 import {
  downloadProgressAtom,
--- a/packages/frontend/core/src/components/affine/setting-modal/general-setting/appearance/date-format-setting.tsx
+++ b/packages/frontend/core/src/components/affine/setting-modal/general-setting/appearance/date-format-setting.tsx
@@ -1,4 +1,4 @@
-import { Menu, MenuItem, MenuTrigger } from '@toeverything/components/menu';
+import { Menu, MenuItem, MenuTrigger } from '@affine/component/ui/menu';
 import dayjs from 'dayjs';
 import { useCallback } from 'react';

--- a/packages/frontend/core/src/components/affine/setting-modal/general-setting/billing/index.tsx
+++ b/packages/frontend/core/src/components/affine/setting-modal/general-setting/billing/index.tsx
@@ -5,6 +5,8 @@ import {
  SettingRow,
  SettingWrapper,
 } from '@affine/component/setting-components';
+import { Button, IconButton } from '@affine/component/ui/button';
+import { Loading } from '@affine/component/ui/loading';
 import {
  createCustomerPortalMutation,
  getInvoicesCountQuery,
@@ -20,8 +22,6 @@ import { Trans } from '@affine/i18n';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
 import { useMutation, useQuery } from '@affine/workspace/affine/gql';
 import { ArrowRightSmallIcon } from '@blocksuite/icons';
-import { Button, IconButton } from '@toeverything/components/button';
-import { Loading } from '@toeverything/components/loading';
 import { useAsyncCallback } from '@toeverything/hooks/affine-async-hooks';
 import { useSetAtom } from 'jotai';
 import { Suspense, useCallback, useMemo, useState } from 'react';
--- a/packages/frontend/core/src/components/affine/setting-modal/general-setting/plans/modals.tsx
+++ b/packages/frontend/core/src/components/affine/setting-modal/general-setting/plans/modals.tsx
@@ -1,11 +1,11 @@
-import { useAFFiNEI18N } from '@affine/i18n/hooks';
-import { DialogTrigger } from '@radix-ui/react-dialog';
-import { Button } from '@toeverything/components/button';
+import { Button } from '@affine/component/ui/button';
 import {
  ConfirmModal,
  type ConfirmModalProps,
  Modal,
-} from '@toeverything/components/modal';
+} from '@affine/component/ui/modal';
+import { useAFFiNEI18N } from '@affine/i18n/hooks';
+import { DialogTrigger } from '@radix-ui/react-dialog';
 import { type ReactNode, useEffect, useRef } from 'react';

 import * as styles from './style.css';
--- a/packages/frontend/core/src/components/affine/setting-modal/general-setting/plans/plan-card.tsx
+++ b/packages/frontend/core/src/components/affine/setting-modal/general-setting/plans/plan-card.tsx
@@ -1,3 +1,5 @@
+import { Button } from '@affine/component/ui/button';
+import { Tooltip } from '@affine/component/ui/tooltip';
 import type {
  Subscription,
  SubscriptionMutator,
@@ -13,8 +15,6 @@ import { Trans } from '@affine/i18n';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
 import { useMutation } from '@affine/workspace/affine/gql';
 import { DoneIcon } from '@blocksuite/icons';
-import { Button } from '@toeverything/components/button';
-import { Tooltip } from '@toeverything/components/tooltip';
 import { useAsyncCallback } from '@toeverything/hooks/affine-async-hooks';
 import { useSetAtom } from 'jotai';
 import { useAtom } from 'jotai';
--- a/packages/frontend/core/src/components/affine/setting-modal/index.tsx
+++ b/packages/frontend/core/src/components/affine/setting-modal/index.tsx
@@ -1,7 +1,7 @@
 import { WorkspaceDetailSkeleton } from '@affine/component/setting-components';
+import { Modal, type ModalProps } from '@affine/component/ui/modal';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
 import { ContactWithUsIcon } from '@blocksuite/icons';
-import { Modal, type ModalProps } from '@toeverything/components/modal';
 import { debounce } from 'lodash-es';
 import { Suspense, useCallback, useLayoutEffect, useRef } from 'react';

--- a/packages/frontend/core/src/components/affine/setting-modal/setting-sidebar/index.tsx
+++ b/packages/frontend/core/src/components/affine/setting-modal/setting-sidebar/index.tsx
@@ -2,13 +2,13 @@ import {
  WorkspaceListItemSkeleton,
  WorkspaceListSkeleton,
 } from '@affine/component/setting-components';
+import { Avatar } from '@affine/component/ui/avatar';
+import { Tooltip } from '@affine/component/ui/tooltip';
 import { WorkspaceFlavour } from '@affine/env/workspace';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
 import type { RootWorkspaceMetadata } from '@affine/workspace/atom';
 import { rootWorkspacesMetadataAtom } from '@affine/workspace/atom';
 import { Logo1Icon } from '@blocksuite/icons';
-import { Avatar } from '@toeverything/components/avatar';
-import { Tooltip } from '@toeverything/components/tooltip';
 import { useBlockSuiteWorkspaceAvatarUrl } from '@toeverything/hooks/use-block-suite-workspace-avatar-url';
 import { useBlockSuiteWorkspaceName } from '@toeverything/hooks/use-block-suite-workspace-name';
 import { getBlockSuiteWorkspaceAtom } from '@toeverything/infra/__internal__/workspace';
--- a/packages/frontend/core/src/components/affine/share-page-modal/share-menu/share-export.tsx
+++ b/packages/frontend/core/src/components/affine/share-page-modal/share-menu/share-export.tsx
@@ -1,9 +1,9 @@
 import { ExportMenuItems } from '@affine/component/page-list';
+import { Button } from '@affine/component/ui/button';
+import { Divider } from '@affine/component/ui/divider';
 import { WorkspaceFlavour } from '@affine/env/workspace';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
 import { LinkIcon } from '@blocksuite/icons';
-import { Button } from '@toeverything/components/button';
-import { Divider } from '@toeverything/components/divider';

 import { useExportPage } from '../../../../hooks/affine/use-export-page';
 import * as styles from './index.css';
--- a/packages/frontend/core/src/components/affine/share-page-modal/share-menu/share-menu.tsx
+++ b/packages/frontend/core/src/components/affine/share-page-modal/share-menu/share-menu.tsx
@@ -1,3 +1,6 @@
+import { Button } from '@affine/component/ui/button';
+import { Divider } from '@affine/component/ui/divider';
+import { Menu } from '@affine/component/ui/menu';
 import {
  type AffineCloudWorkspace,
  type AffineOfficialWorkspace,
@@ -8,9 +11,6 @@ import {
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
 import { WebIcon } from '@blocksuite/icons';
 import type { Page } from '@blocksuite/store';
-import { Button } from '@toeverything/components/button';
-import { Divider } from '@toeverything/components/divider';
-import { Menu } from '@toeverything/components/menu';

 import { useIsSharedPage } from '../../../../hooks/affine/use-is-shared-page';
 import * as styles from './index.css';
--- a/packages/frontend/core/src/components/affine/share-page-modal/share-menu/share-page.tsx
+++ b/packages/frontend/core/src/components/affine/share-page-modal/share-menu/share-page.tsx
@@ -6,11 +6,11 @@ import {
  toast,
 } from '@affine/component';
 import { PublicLinkDisableModal } from '@affine/component/disable-public-link';
+import { Button } from '@affine/component/ui/button';
+import { Menu, MenuItem, MenuTrigger } from '@affine/component/ui/menu';
 import { WorkspaceFlavour } from '@affine/env/workspace';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
 import { ArrowRightSmallIcon } from '@blocksuite/icons';
-import { Button } from '@toeverything/components/button';
-import { Menu, MenuItem, MenuTrigger } from '@toeverything/components/menu';
 import { useAtomValue } from 'jotai';
 import { useMemo, useState } from 'react';
 import { useCallback } from 'react';
--- a/packages/frontend/core/src/components/affine/sign-out-modal/index.tsx
+++ b/packages/frontend/core/src/components/affine/sign-out-modal/index.tsx
@@ -1,8 +1,8 @@
-import { useAFFiNEI18N } from '@affine/i18n/hooks';
 import {
  ConfirmModal,
  type ConfirmModalProps,
-} from '@toeverything/components/modal';
+} from '@affine/component/ui/modal';
+import { useAFFiNEI18N } from '@affine/i18n/hooks';
 import { useMemo } from 'react';

 type SignOutConfirmModalI18NKeys =
--- a/packages/frontend/core/src/components/affine/tmp-disable-affine-cloud-modal/index.tsx
+++ b/packages/frontend/core/src/components/affine/tmp-disable-affine-cloud-modal/index.tsx
@@ -1,7 +1,7 @@
 import { Empty } from '@affine/component';
+import { Modal, type ModalProps } from '@affine/component/ui/modal';
 import { Trans } from '@affine/i18n';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
-import { Modal, type ModalProps } from '@toeverything/components/modal';
 import { useCallback } from 'react';

 import {
--- a/packages/frontend/core/src/components/affine/tmp-disable-affine-cloud-modal/style.ts
+++ b/packages/frontend/core/src/components/affine/tmp-disable-affine-cloud-modal/style.ts
@@ -1,5 +1,5 @@
 import { displayFlex, styled } from '@affine/component';
-import { Button } from '@toeverything/components/button';
+import { Button } from '@affine/component/ui/button';

 export const Header = styled('div')({
  height: '44px',
--- a/packages/frontend/core/src/components/blocksuite/block-suite-header-title/operation-menu.tsx
+++ b/packages/frontend/core/src/components/blocksuite/block-suite-header-title/operation-menu.tsx
@@ -1,5 +1,11 @@
 import { FlexWrapper } from '@affine/component';
 import { Export, MoveToTrash } from '@affine/component/page-list';
+import {
+  Menu,
+  MenuIcon,
+  MenuItem,
+  MenuSeparator,
+} from '@affine/component/ui/menu';
 import { WorkspaceFlavour } from '@affine/env/workspace';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
 import { assertExists } from '@blocksuite/global/utils';
@@ -14,12 +20,6 @@ import {
  PageIcon,
 } from '@blocksuite/icons';
 import type { PageMeta } from '@blocksuite/store';
-import {
-  Menu,
-  MenuIcon,
-  MenuItem,
-  MenuSeparator,
-} from '@toeverything/components/menu';
 import { useBlockSuitePageMeta } from '@toeverything/hooks/use-block-suite-page-meta';
 import { useAtomValue } from 'jotai';
 import { useCallback, useRef, useState } from 'react';
--- a/packages/frontend/core/src/components/blocksuite/block-suite-mode-switch/index.tsx
+++ b/packages/frontend/core/src/components/blocksuite/block-suite-mode-switch/index.tsx
@@ -1,6 +1,6 @@
+import { Tooltip } from '@affine/component/ui/tooltip';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
 import { assertExists } from '@blocksuite/global/utils';
-import { Tooltip } from '@toeverything/components/tooltip';
 import { useBlockSuitePageMeta } from '@toeverything/hooks/use-block-suite-page-meta';
 import { useAtomValue } from 'jotai';
 import type { CSSProperties } from 'react';
--- a/packages/frontend/core/src/components/bookmark.tsx
+++ b/packages/frontend/core/src/components/bookmark.tsx
@@ -1,8 +1,8 @@
+import { Menu, MenuItem } from '@affine/component/ui/menu';
 import type { SerializedBlock } from '@blocksuite/blocks';
 import type { BaseBlockModel } from '@blocksuite/store';
 import type { Page } from '@blocksuite/store';
 import type { VEditor } from '@blocksuite/virgo';
-import { Menu, MenuItem } from '@toeverything/components/menu';
 import { useEffect, useState } from 'react';
 import { createPortal } from 'react-dom';

--- a/packages/frontend/core/src/components/cloud/login-card.tsx
+++ b/packages/frontend/core/src/components/cloud/login-card.tsx
@@ -1,6 +1,6 @@
+import { Avatar } from '@affine/component/ui/avatar';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
 import { CloudWorkspaceIcon } from '@blocksuite/icons';
-import { Avatar } from '@toeverything/components/avatar';
 import { useAsyncCallback } from '@toeverything/hooks/affine-async-hooks';

 import { useCurrentLoginStatus } from '../../hooks/affine/use-current-login-status';
--- a/packages/frontend/core/src/components/cloud/share-header-left-item/user-avatar.tsx
+++ b/packages/frontend/core/src/components/cloud/share-header-left-item/user-avatar.tsx
@@ -1,7 +1,7 @@
+import { Avatar } from '@affine/component/ui/avatar';
+import { Menu, MenuIcon, MenuItem } from '@affine/component/ui/menu';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
 import { SignOutIcon } from '@blocksuite/icons';
-import { Avatar } from '@toeverything/components/avatar';
-import { Menu, MenuIcon, MenuItem } from '@toeverything/components/menu';
 import { useAsyncCallback } from '@toeverything/hooks/affine-async-hooks';
 import { useMemo } from 'react';
 import { useLocation } from 'react-router-dom';
--- a/packages/frontend/core/src/components/cloud/share-header-right-item/authenticated-item.tsx
+++ b/packages/frontend/core/src/components/cloud/share-header-right-item/authenticated-item.tsx
@@ -1,5 +1,5 @@
+import { Button } from '@affine/component/ui/button';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
-import { Button } from '@toeverything/components/button';

 import { useCurrentUser } from '../../../hooks/affine/use-current-user';
 import { useMembers } from '../../../hooks/affine/use-members';
--- a/packages/frontend/core/src/components/pure/file-upload/index.tsx
+++ b/packages/frontend/core/src/components/pure/file-upload/index.tsx
@@ -1,6 +1,6 @@
 import { styled } from '@affine/component';
+import { Button } from '@affine/component/ui/button';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
-import { Button } from '@toeverything/components/button';
 import type { ChangeEvent, PropsWithChildren } from 'react';
 import { useRef } from 'react';

--- a/packages/frontend/core/src/components/pure/header-drop-down-button/index.tsx
+++ b/packages/frontend/core/src/components/pure/header-drop-down-button/index.tsx
@@ -1,8 +1,5 @@
+import { IconButton, type IconButtonProps } from '@affine/component/ui/button';
 import { ArrowDownSmallIcon } from '@blocksuite/icons';
-import {
-  IconButton,
-  type IconButtonProps,
-} from '@toeverything/components/button';
 import { forwardRef } from 'react';

 import { headerMenuTrigger } from './styles.css';
--- a/packages/frontend/core/src/components/pure/help-island/index.tsx
+++ b/packages/frontend/core/src/components/pure/help-island/index.tsx
@@ -1,6 +1,6 @@
+import { Tooltip } from '@affine/component/ui/tooltip';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
 import { CloseIcon, NewIcon, UserGuideIcon } from '@blocksuite/icons';
-import { Tooltip } from '@toeverything/components/tooltip';
 import { useSetAtom } from 'jotai/react';
 import { useAtomValue } from 'jotai/react';
 import { useCallback, useState } from 'react';
--- a/packages/frontend/core/src/components/pure/trash-button-group/index.tsx
+++ b/packages/frontend/core/src/components/pure/trash-button-group/index.tsx
@@ -1,10 +1,10 @@
+import { Button } from '@affine/component/ui/button';
+import { ConfirmModal } from '@affine/component/ui/modal';
+import { Tooltip } from '@affine/component/ui/tooltip';
 import { WorkspaceSubPath } from '@affine/env/workspace';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
 import { assertExists } from '@blocksuite/global/utils';
 import { DeleteIcon, ResetIcon } from '@blocksuite/icons';
-import { Button } from '@toeverything/components/button';
-import { ConfirmModal } from '@toeverything/components/modal';
-import { Tooltip } from '@toeverything/components/tooltip';
 import { useBlockSuitePageMeta } from '@toeverything/hooks/use-block-suite-page-meta';
 import { currentPageIdAtom } from '@toeverything/infra/atom';
 import { useAtomValue } from 'jotai';
--- a/packages/frontend/core/src/components/pure/workspace-slider-bar/collections/add-collection-button.tsx
+++ b/packages/frontend/core/src/components/pure/workspace-slider-bar/collections/add-collection-button.tsx
@@ -3,9 +3,9 @@ import {
  useCollectionManager,
  useEditCollectionName,
 } from '@affine/component/page-list';
+import { IconButton } from '@affine/component/ui/button';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
 import { PlusIcon } from '@blocksuite/icons';
-import { IconButton } from '@toeverything/components/button';
 import { nanoid } from 'nanoid';
 import { useCallback } from 'react';

--- a/packages/frontend/core/src/components/pure/workspace-slider-bar/collections/collections-list.tsx
+++ b/packages/frontend/core/src/components/pure/workspace-slider-bar/collections/collections-list.tsx
@@ -10,6 +10,7 @@ import {
  useCollectionManager,
  useSavedCollections,
 } from '@affine/component/page-list';
+import { IconButton } from '@affine/component/ui/button';
 import type { Collection, DeleteCollectionInfo } from '@affine/env/filter';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
 import { InformationIcon, MoreHorizontalIcon } from '@blocksuite/icons';
@@ -17,7 +18,6 @@ import type { PageMeta, Workspace } from '@blocksuite/store';
 import type { DragEndEvent } from '@dnd-kit/core';
 import { useDroppable } from '@dnd-kit/core';
 import * as Collapsible from '@radix-ui/react-collapsible';
-import { IconButton } from '@toeverything/components/button';
 import { useAsyncCallback } from '@toeverything/hooks/affine-async-hooks';
 import { useBlockSuitePageMeta } from '@toeverything/hooks/use-block-suite-page-meta';
 import { useMemo, useState } from 'react';
--- a/packages/frontend/core/src/components/pure/workspace-slider-bar/collections/page.tsx
+++ b/packages/frontend/core/src/components/pure/workspace-slider-bar/collections/page.tsx
@@ -1,4 +1,11 @@
 import { MenuItem as CollectionItem } from '@affine/component/app-sidebar';
+import { IconButton } from '@affine/component/ui/button';
+import {
+  Menu,
+  MenuIcon,
+  MenuItem,
+  type MenuItemProps,
+} from '@affine/component/ui/menu';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
 import {
  DeleteIcon,
@@ -9,13 +16,6 @@ import {
 } from '@blocksuite/icons';
 import type { PageMeta, Workspace } from '@blocksuite/store';
 import * as Collapsible from '@radix-ui/react-collapsible';
-import { IconButton } from '@toeverything/components/button';
-import {
-  Menu,
-  MenuIcon,
-  MenuItem,
-  type MenuItemProps,
-} from '@toeverything/components/menu';
 import { useBlockSuitePageReferences } from '@toeverything/hooks/use-block-suite-page-references';
 import { useAtomValue } from 'jotai/index';
 import type { ReactElement } from 'react';
--- a/packages/frontend/core/src/components/pure/workspace-slider-bar/favorite/add-favourite-button.tsx
+++ b/packages/frontend/core/src/components/pure/workspace-slider-bar/favorite/add-favourite-button.tsx
@@ -1,6 +1,6 @@
+import { IconButton } from '@affine/component/ui/button';
 import { PlusIcon } from '@blocksuite/icons';
 import type { Workspace } from '@blocksuite/store';
-import { IconButton } from '@toeverything/components/button';
 import { useAsyncCallback } from '@toeverything/hooks/affine-async-hooks';
 import { usePageMetaHelper } from '@toeverything/hooks/use-block-suite-page-meta';

--- a/packages/frontend/core/src/components/pure/workspace-slider-bar/user-with-workspace-list/add-workspace/index.tsx
+++ b/packages/frontend/core/src/components/pure/workspace-slider-bar/user-with-workspace-list/add-workspace/index.tsx
@@ -1,6 +1,6 @@
+import { MenuItem } from '@affine/component/ui/menu';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
 import { ImportIcon, PlusIcon } from '@blocksuite/icons';
-import { MenuItem } from '@toeverything/components/menu';

 import * as styles from './index.css';

--- a/packages/frontend/core/src/components/pure/workspace-slider-bar/user-with-workspace-list/index.tsx
+++ b/packages/frontend/core/src/components/pure/workspace-slider-bar/user-with-workspace-list/index.tsx
@@ -1,8 +1,8 @@
+import { Divider } from '@affine/component/ui/divider';
+import { MenuItem } from '@affine/component/ui/menu';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
 import { rootWorkspacesMetadataAtom } from '@affine/workspace/atom';
 import { Logo1Icon } from '@blocksuite/icons';
-import { Divider } from '@toeverything/components/divider';
-import { MenuItem } from '@toeverything/components/menu';
 import { useAtomValue, useSetAtom } from 'jotai';
 // eslint-disable-next-line @typescript-eslint/no-restricted-imports
 import { useSession } from 'next-auth/react';
--- a/packages/frontend/core/src/components/pure/workspace-slider-bar/user-with-workspace-list/user-account/index.tsx
+++ b/packages/frontend/core/src/components/pure/workspace-slider-bar/user-with-workspace-list/user-account/index.tsx
@@ -1,12 +1,12 @@
+import { IconButton } from '@affine/component/ui/button';
+import { Divider } from '@affine/component/ui/divider';
+import { Menu, MenuIcon, MenuItem } from '@affine/component/ui/menu';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
 import {
  AccountIcon,
  MoreHorizontalIcon,
  SignOutIcon,
 } from '@blocksuite/icons';
-import { IconButton } from '@toeverything/components/button';
-import { Divider } from '@toeverything/components/divider';
-import { Menu, MenuIcon, MenuItem } from '@toeverything/components/menu';
 import { useSetAtom } from 'jotai';
 import { useCallback } from 'react';

--- a/packages/frontend/core/src/components/pure/workspace-slider-bar/user-with-workspace-list/workspace-list/index.tsx
+++ b/packages/frontend/core/src/components/pure/workspace-slider-bar/user-with-workspace-list/workspace-list/index.tsx
@@ -1,4 +1,5 @@
 import { ScrollableContainer } from '@affine/component';
+import { Divider } from '@affine/component/ui/divider';
 import { WorkspaceList } from '@affine/component/workspace-list';
 import type {
  AffineCloudWorkspace,
@@ -10,7 +11,6 @@ import type { RootWorkspaceMetadata } from '@affine/workspace/atom';
 import { rootWorkspacesMetadataAtom } from '@affine/workspace/atom';
 import type { DragEndEvent } from '@dnd-kit/core';
 import { arrayMove } from '@dnd-kit/sortable';
-import { Divider } from '@toeverything/components/divider';
 import {
  currentPageIdAtom,
  currentWorkspaceIdAtom,
--- a/Show More
+++ b/Show More