🔧 chore: update @lobehub/ui to version 4.0.0 and adjust import paths in Error component for compatibility

package.json

@@ -199,7 +199,7 @@
     "@lobehub/icons": "^3.0.0",
     "@lobehub/market-sdk": "^0.24.0",
     "@lobehub/tts": "^3.0.2",
-    "@lobehub/ui": "^3.4.5",
+    "@lobehub/ui": "^4.0.0",
     "@modelcontextprotocol/sdk": "^1.25.1",
     "@neondatabase/serverless": "^1.0.2",
     "@next/third-parties": "^16.1.0",
@@ -455,4 +455,4 @@
       "stylelint-config-clean-order": "7.0.0"
     }
   }
-}
+}

src/components/Error/Description.tsx

@@ -13,7 +13,7 @@ const container = css`
   }
 `;
 
-const Highlighter = dynamic(() => import('@lobehub/ui/es/Highlighter/index.mjs'), {
+const Highlighter = dynamic(() => import('@lobehub/ui/es/Highlighter/index'), {
   loading: () => <Skeleton avatar={false} title={false} />,
   ssr: false,
 });

src/components/InfoTooltip/index.tsx

@@ -1,5 +1,5 @@
 import { Icon, Tooltip, TooltipProps } from '@lobehub/ui';
-import { IconSizeType } from '@lobehub/ui/es/Icon/index.mjs';
+import { IconSizeType } from '@lobehub/ui/es/Icon/index';
 import { useTheme } from 'antd-style';
 import { CircleHelp } from 'lucide-react';
 import { CSSProperties, memo } from 'react';

src/components/Loading/UpdateLoading/index.tsx

@@ -1,5 +1,5 @@
 import { Icon } from '@lobehub/ui';
-import { IconSizeType } from '@lobehub/ui/es/Icon/index.mjs';
+import { IconSizeType } from '@lobehub/ui/es/Icon/index';
 import { Loader2 } from 'lucide-react';
 import { CSSProperties, memo } from 'react';
 

src/features/ChatInput/store/initialState.ts

@@ -1,6 +1,6 @@
 import { IEditor, SlashOptions } from '@lobehub/editor';
 import type { ChatInputProps } from '@lobehub/editor/react';
-import type { MenuProps } from '@lobehub/ui/es/Menu/index.mjs';
+import type { MenuProps } from '@lobehub/ui';
 
 import { ActionKeys } from '@/features/ChatInput';
 

src/features/Conversation/ChatInput/index.tsx

@@ -2,7 +2,7 @@
 
 import type { SlashOptions } from '@lobehub/editor';
 import { Alert, Flexbox } from '@lobehub/ui';
-import type { MenuProps } from '@lobehub/ui/es/Menu/index.mjs';
+import type { MenuProps } from '@lobehub/ui';
 import { type ReactNode, memo, useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
 

src/layout/GlobalProvider/AppTheme.tsx

@@ -11,6 +11,7 @@ import { message as antdMessage } from 'antd';
 import { ThemeAppearance, createStyles } from 'antd-style';
 import 'antd/dist/reset.css';
 import { AppConfigContext } from 'antd/es/app/context';
+import * as m from 'motion/react-m';
 import Image from 'next/image';
 import Link from 'next/link';
 import { ReactNode, memo, useEffect, useMemo } from 'react';
@@ -135,6 +136,7 @@ const AppTheme = memo<AppThemeProps>(
     return (
       <AppConfigContext.Provider value={appConfig}>
         <ThemeProvider
+          motion={m as any}
           appearance={themeMode !== 'auto' ? themeMode : undefined}
           className={cx(styles.app, styles.scrollbar, styles.scrollbarPolyfill)}
           customTheme={{
@@ -160,6 +162,7 @@ const AppTheme = memo<AppThemeProps>(
           <GlobalStyle />
           <AntdStaticMethods />
           <ConfigProvider
+            motion={m as any}
             config={{
               aAs: Link,
               imgAs: Image,