@lobehub/lobehub 2.0.0-next.97 → 2.0.0-next.99

package/src/app/[variants]/(main)/settings/_layout/Desktop/index.tsx

@@ -1,6 +1,7 @@
 'use client';
 
 import { useResponsive, useTheme } from 'antd-style';
+import useMergedState from 'rc-util/lib/hooks/useMergedState';
 import { memo, useEffect, useRef } from 'react';
 import { Flexbox } from 'react-layout-kit';
 import { useSearchParams } from 'react-router-dom';
@@ -13,7 +14,6 @@ import SettingsContent from '../SettingsContent';
 import { LayoutProps } from '../type';
 import Header from './Header';
 import SideBar from './SideBar';
-import useMergedState from 'rc-util/lib/hooks/useMergedState';
 
 const Layout = memo<LayoutProps>(() => {
   const ref = useRef<HTMLDivElement | null>(null);
@@ -22,21 +22,23 @@ const Layout = memo<LayoutProps>(() => {
 
   const [searchParams, setSearchParams] = useSearchParams();
 
-  const [activeTabState, setActiveTabState] = useMergedState({
-    active: searchParams.get('active') as SettingsTabs ? searchParams.get('active') as SettingsTabs : SettingsTabs.Common,
-  }, {
-    onChange: (obj: {
-      active: SettingsTabs;
-      provider?: string;
-    }) => {
-      if (obj.provider) {
-        setSearchParams({ active: obj.active, provider: obj.provider });
-      } else {
-        searchParams.delete('provider');
-        setSearchParams({ active: obj.active });
-      }
+  const [activeTabState, setActiveTabState] = useMergedState(
+    {
+      active: (searchParams.get('active') as SettingsTabs)
+        ? (searchParams.get('active') as SettingsTabs)
+        : SettingsTabs.Common,
+    },
+    {
+      onChange: (obj: { active: SettingsTabs; provider?: string }) => {
+        if (obj.provider) {
+          setSearchParams({ active: obj.active, provider: obj.provider });
+        } else {
+          searchParams.delete('provider');
+          setSearchParams({ active: obj.active });
+        }
+      },
     },
-  });
+  );
 
   const setActiveTab = (tab: SettingsTabs) => {
     if (tab === SettingsTabs.Provider) {
@@ -57,7 +59,9 @@ const Layout = memo<LayoutProps>(() => {
     };
   }, []);
 
-  const category = <CategoryContent activeTab={activeTabState.active} onMenuSelect={setActiveTab} />;
+  const category = (
+    <CategoryContent activeTab={activeTabState.active} onMenuSelect={setActiveTab} />
+  );
 
   return (
     <Flexbox

package/src/app/[variants]/(main)/settings/provider/(list)/ProviderGrid/Card.tsx

@@ -33,9 +33,12 @@ const ProviderCard = memo<ProviderCardProps>(
     return (
       <Flexbox className={cx(styles.container)} gap={24}>
         <Flexbox gap={12} padding={16} width={'100%'}>
-          <div onClick={() => {
-            onProviderSelect(id);
-          }} style={{ cursor: 'pointer' }}>
+          <div
+            onClick={() => {
+              onProviderSelect(id);
+            }}
+            style={{ cursor: 'pointer' }}
+          >
             <Flexbox gap={12} width={'100%'}>
               <Flexbox align={'center'} horizontal justify={'space-between'}>
                 {source === 'builtin' ? (

package/src/app/[variants]/(main)/settings/provider/(list)/index.tsx

@@ -1,13 +1,14 @@
 'use client';
 
+import { useMemo, useState } from 'react';
+import { useSearchParams } from 'react-router-dom';
+
 import { isCustomBranding } from '@/const/version';
 
 import DesktopLayout from '../_layout/Desktop';
 import MobileLayout from '../_layout/Mobile';
 import ProviderDetailPage from '../detail';
 import Footer from './Footer';
-import { useMemo, useState } from 'react';
-import { useSearchParams } from 'react-router-dom';
 
 const Page = (props: { mobile?: boolean }) => {
   const [SearchParams, setSearchParams] = useSearchParams();

package/src/app/[variants]/(main)/settings/provider/detail/index.tsx

@@ -1,4 +1,5 @@
 import dynamic from 'next/dynamic';
+
 import Loading from '@/components/Loading/BrandTextLoading';
 
 const NewAPI = dynamic(() => import('./newapi'), { loading: () => <Loading />, ssr: false });
@@ -7,17 +8,26 @@ const VertexAI = dynamic(() => import('./vertexai'), { loading: () => <Loading /
 const GitHub = dynamic(() => import('./github'), { loading: () => <Loading />, ssr: false });
 const Ollama = dynamic(() => import('./ollama'), { loading: () => <Loading />, ssr: false });
 const ComfyUI = dynamic(() => import('./comfyui'), { loading: () => <Loading />, ssr: false });
-const Cloudflare = dynamic(() => import('./cloudflare'), { loading: () => <Loading />, ssr: false });
+const Cloudflare = dynamic(() => import('./cloudflare'), {
+  loading: () => <Loading />,
+  ssr: false,
+});
 const Bedrock = dynamic(() => import('./bedrock'), { loading: () => <Loading />, ssr: false });
 const AzureAI = dynamic(() => import('./azureai'), { loading: () => <Loading />, ssr: false });
 const Azure = dynamic(() => import('./azure'), { loading: () => <Loading />, ssr: false });
-const ProviderGrid = dynamic(() => import('../(list)/ProviderGrid'), { loading: () => <Loading />, ssr: false });
-const DefaultPage = dynamic(() => import('./default/ProviderDetialPage'), { loading: () => <Loading />, ssr: false });
+const ProviderGrid = dynamic(() => import('../(list)/ProviderGrid'), {
+  loading: () => <Loading />,
+  ssr: false,
+});
+const DefaultPage = dynamic(() => import('./default/ProviderDetialPage'), {
+  loading: () => <Loading />,
+  ssr: false,
+});
 
 type ProviderDetailPageProps = {
   id?: string | null;
   onProviderSelect: (provider: string) => void;
-}
+};
 
 const ProviderDetailPage = (props: ProviderDetailPageProps) => {
   const { id, onProviderSelect } = props;

package/src/app/[variants]/desktopRouter.config.tsx

@@ -40,6 +40,16 @@ const ChatLayout = dynamic(() => import('./(main)/chat/_layout/Desktop'), {
   ssr: false,
 });
 
+// Changelog components
+const ChangelogPage = dynamic(() => import('./(main)/changelog/index').then((m) => m.DesktopPage), {
+  loading: () => <Loading />,
+  ssr: false,
+});
+const ChangelogLayout = dynamic(() => import('./(main)/changelog/_layout/Desktop'), {
+  loading: () => <Loading />,
+  ssr: false,
+});
+
 // Discover List components
 const DesktopHomePage = dynamic(
   () => import('./(main)/discover/(list)/(home)/index').then((m) => m.DesktopHomePage),
@@ -256,6 +266,7 @@ const KnowledgeErrorBoundary = createErrorBoundary('/knowledge');
 const SettingsErrorBoundary = createErrorBoundary('/settings');
 const ImageErrorBoundary = createErrorBoundary('/image');
 const ProfileErrorBoundary = createErrorBoundary('/profile');
+const ChangelogErrorBoundary = createErrorBoundary('/changelog');
 const RootErrorBoundary = createErrorBoundary('/chat'); // Root level falls back to chat
 
 // Root layout wrapper component
@@ -455,6 +466,18 @@ export const createDesktopRouter = (locale: Locales) =>
           path: 'profile',
         },
 
+        // changelog routes
+        {
+          children: [
+            {
+              element: <ChangelogPage />,
+              index: true,
+            },
+          ],
+          element: <ChangelogLayout locale={locale} />,
+          errorElement: <ChangelogErrorBoundary />,
+          path: 'changelog',
+        },
         // Default route - redirect to chat
         {
           index: true,

package/src/app/[variants]/mobileRouter.config.tsx

@@ -41,6 +41,15 @@ const ChatLayout = dynamic(() => import('./(main)/chat/_layout/Mobile'), {
   ssr: false,
 });
 
+// Changelog components
+const ChangelogPage = dynamic(() => import('./(main)/changelog/index').then((m) => m.MobilePage), {
+  loading: () => <Loading />,
+  ssr: false,
+});
+const ChangelogLayout = dynamic(() => import('./(main)/changelog/_layout/Mobile'), {
+  loading: () => <Loading />,
+  ssr: false,
+});
 // Discover List components
 const MobileHomePage = dynamic(
   () => import('./(main)/discover/(list)/(home)/index').then((m) => m.MobileHomePage),
@@ -272,6 +281,7 @@ const createErrorBoundary = (resetPath: string) => {
 // Create error boundaries for each route
 const ChatErrorBoundary = createErrorBoundary('/chat');
 const DiscoverErrorBoundary = createErrorBoundary('/discover');
+const ChangelogErrorBoundary = createErrorBoundary('/changelog');
 const KnowledgeErrorBoundary = createErrorBoundary('/knowledge');
 const SettingsErrorBoundary = createErrorBoundary('/settings');
 const ImageErrorBoundary = createErrorBoundary('/image');
@@ -499,6 +509,19 @@ export const createMobileRouter = (locale: Locales) =>
           path: 'me',
         },
 
+        // changelog routes
+        {
+          children: [
+            {
+              element: <ChangelogPage />,
+              index: true,
+            },
+          ],
+          element: <ChangelogLayout locale={locale} />,
+          errorElement: <ChangelogErrorBoundary />,
+          path: 'changelog',
+        },
+
         // Default route - redirect to chat
         {
           index: true,

package/src/features/ChatInput/ActionBar/Token/TokenTag.tsx

@@ -6,7 +6,7 @@ import { memo, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Center, Flexbox } from 'react-layout-kit';
 
-import { createChatToolsEngine } from '@/helpers/toolEngineering';
+import { createAgentToolsEngine } from '@/helpers/toolEngineering';
 import { useModelContextWindowTokens } from '@/hooks/useModelContextWindowTokens';
 import { useModelSupportToolUse } from '@/hooks/useModelSupportToolUse';
 import { useTokenCount } from '@/hooks/useTokenCount';
@@ -57,7 +57,7 @@ const Token = memo<TokenTagProps>(({ total: messageString }) => {
   const pluginIds = useAgentStore(agentSelectors.currentAgentPlugins);
 
   const toolsString = useToolStore((s) => {
-    const toolsEngine = createChatToolsEngine({ model, provider });
+    const toolsEngine = createAgentToolsEngine({ model, provider });
 
     const { tools, enabledToolIds } = toolsEngine.generateToolsDetailed({
       model,

package/src/features/ChatInput/ActionBar/Token/TokenTagForGroupChat.tsx

@@ -7,7 +7,7 @@ import { memo, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Center, Flexbox } from 'react-layout-kit';
 
-import { createChatToolsEngine } from '@/helpers/toolEngineering';
+import { createAgentToolsEngine } from '@/helpers/toolEngineering';
 import { useModelContextWindowTokens } from '@/hooks/useModelContextWindowTokens';
 import { useModelSupportToolUse } from '@/hooks/useModelSupportToolUse';
 import { useTokenCount } from '@/hooks/useTokenCount';
@@ -76,7 +76,7 @@ const TokenTagForGroupChat = memo<TokenTagForGroupChatProps>(({ total: messageSt
   const pluginIds = allGroupPlugins.map((plugin) => plugin.id);
 
   const toolsString = useToolStore((s) => {
-    const toolsEngine = createChatToolsEngine({ model, provider });
+    const toolsEngine = createAgentToolsEngine({ model, provider });
 
     const { tools, enabledToolIds } = toolsEngine.generateToolsDetailed({
       model,

package/src/features/ChatList/Messages/Group/Tool/Inspector/ToolTitle.tsx

@@ -2,15 +2,14 @@ import { Icon } from '@lobehub/ui';
 import { createStyles } from 'antd-style';
 import isEqual from 'fast-deep-equal';
 import { ChevronRight } from 'lucide-react';
-import { memo, useMemo } from 'react';
+import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Flexbox } from 'react-layout-kit';
 
 import { pluginHelpers, useToolStore } from '@/store/tool';
 import { toolSelectors } from '@/store/tool/selectors';
 import { shinyTextStylish } from '@/styles/loading';
-import { LocalSystemManifest } from '@/tools/local-system';
-import { WebBrowsingManifest } from '@/tools/web-browsing';
+import { builtinToolIdentifiers } from '@/tools/identifiers';
 
 import BuiltinPluginTitle from './BuiltinPluginTitle';
 
@@ -49,33 +48,16 @@ const ToolTitle = memo<ToolTitleProps>(
 
     const pluginMeta = useToolStore(toolSelectors.getMetaById(identifier), isEqual);
 
-    const plugins = useMemo(
-      () => [
-        {
-          apiName: t(`search.apiName.${apiName}`, apiName),
-          id: WebBrowsingManifest.identifier,
-          title: t('search.title'),
-        },
-        {
-          apiName: t(`localSystem.apiName.${apiName}`, apiName),
-          id: LocalSystemManifest.identifier,
-          title: t('localSystem.title'),
-        },
-      ],
-      [],
-    );
-
-    const builtinPluginTitle = plugins.find((item) => item.id === identifier);
-
-    if (!!builtinPluginTitle) {
+    if (builtinToolIdentifiers.includes(identifier)) {
       return (
         <BuiltinPluginTitle
-          {...builtinPluginTitle}
+          apiName={t(`builtins.${identifier}.apiName.${apiName}`, apiName)}
           identifier={identifier}
           index={index}
           isExpanded={isExpanded}
           isLoading={isLoading}
           messageId={messageId}
+          title={t(`builtins.${identifier}.title`, identifier)}
           toolCallId={toolCallId}
         />
       );

package/src/features/ChatList/Messages/Tool/Inspector/ToolTitle.tsx

@@ -2,15 +2,14 @@ import { Icon } from '@lobehub/ui';
 import { createStyles } from 'antd-style';
 import isEqual from 'fast-deep-equal';
 import { ChevronRight } from 'lucide-react';
-import { memo, useMemo } from 'react';
+import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Flexbox } from 'react-layout-kit';
 
 import { pluginHelpers, useToolStore } from '@/store/tool';
 import { toolSelectors } from '@/store/tool/selectors';
 import { shinyTextStylish } from '@/styles/loading';
-import { LocalSystemManifest } from '@/tools/local-system';
-import { WebBrowsingManifest } from '@/tools/web-browsing';
+import { builtinToolIdentifiers } from '@/tools/identifiers';
 
 import BuiltinPluginTitle from './BuiltinPluginTitle';
 
@@ -43,33 +42,14 @@ const ToolTitle = memo<ToolTitleProps>(({ identifier, messageId, index, apiName,
 
   const pluginMeta = useToolStore(toolSelectors.getMetaById(identifier), isEqual);
 
-  const plugins = useMemo(
-    () => [
-      {
-        apiName: t(`search.apiName.${apiName}`, apiName),
-        // icon: <Icon icon={Globe} size={13} />,
-        id: WebBrowsingManifest.identifier,
-        title: t('search.title'),
-      },
-      {
-        apiName: t(`localSystem.apiName.${apiName}`, apiName),
-        // icon: <Icon icon={Laptop} size={13} />,
-        id: LocalSystemManifest.identifier,
-        title: t('localSystem.title'),
-      },
-    ],
-    [],
-  );
-
-  const builtinPluginTitle = plugins.find((item) => item.id === identifier);
-
-  if (!!builtinPluginTitle) {
+  if (builtinToolIdentifiers.includes(identifier)) {
     return (
       <BuiltinPluginTitle
-        {...builtinPluginTitle}
+        apiName={t(`builtins.${identifier}.apiName.${apiName}`, apiName)}
         identifier={identifier}
         index={index}
         messageId={messageId}
+        title={t(`builtins.${identifier}.title`, identifier)}
         toolCallId={toolCallId}
       />
     );

package/src/features/KnowledgeManager/DocumentExplorer/NoteEditorModal.tsx

@@ -143,40 +143,20 @@ const NoteEditorModal = memo<NoteEditorModalProps>(
     const handleOpenChange = (isOpen: boolean) => {
       // When modal opens, load document content if in edit mode
       if (isOpen && documentId && editor) {
-        console.log('[NoteEditorModal] Loading content:', {
-          cachedEditorDataPreview: cachedEditorData
-            ? JSON.stringify(cachedEditorData).slice(0, 100)
-            : null,
-          cachedEditorDataType: typeof cachedEditorData,
-          documentId,
-          documentTitle,
-          hasCachedEditorData: !!cachedEditorData,
-        });
-
         // If editorData is already cached (from list), use it directly
         if (cachedEditorData) {
-          console.log('[NoteEditorModal] Using cached editorData', cachedEditorData);
           setNoteTitle(documentTitle || '');
           editor.setDocument('json', JSON.stringify(cachedEditorData));
           return;
         }
 
         // Otherwise, fetch full content from API
-        console.log('[NoteEditorModal] Fetching from API');
         documentService
           .getDocumentById(documentId)
           .then((doc) => {
             if (doc && doc.content) {
               setNoteTitle(doc.title || doc.filename || '');
 
-              console.log('[NoteEditorModal] Fetched doc.editorData:', {
-                editorDataPreview: doc.editorData
-                  ? JSON.stringify(doc.editorData).slice(0, 100)
-                  : null,
-                editorDataType: typeof doc.editorData,
-                hasEditorData: !!doc.editorData,
-              });
-
               editor.setDocument('json', doc.editorData);
             }
           })

package/src/features/KnowledgeManager/DocumentExplorer/index.tsx

@@ -228,7 +228,7 @@ const DocumentExplorer = memo<DocumentExplorerProps>(({ knowledgeBaseId, documen
           <SearchBar
             allowClear
             onChange={(e) => setSearchKeywords(e.target.value)}
-            placeholder={t('searchDocumentPlaceholder')}
+            placeholder={t('searchPagePlaceholder')}
             style={{ flex: 1 }}
             value={searchKeywords}
             variant={'borderless'}
@@ -236,7 +236,7 @@ const DocumentExplorer = memo<DocumentExplorerProps>(({ knowledgeBaseId, documen
           <ActionIcon
             icon={PlusIcon}
             onClick={handleNewDocument}
-            title={t('header.newDocumentButton')}
+            title={t('header.newPageButton')}
           />
         </div>
         <div className={styles.documentList}>
@@ -252,7 +252,7 @@ const DocumentExplorer = memo<DocumentExplorerProps>(({ knowledgeBaseId, documen
                 Footer: () => (
                   <Center style={{ paddingBlock: 16 }}>
                     <Text style={{ fontSize: 12 }} type={'secondary'}>
-                      {t('documentList.documentCount', { count: filteredDocuments.length })}
+                      {t('documentList.pageCount', { count: filteredDocuments.length })}
                     </Text>
                   </Center>
                 ),

package/src/features/KnowledgeManager/FileExplorer/MasonryFileItem/index.tsx

@@ -177,19 +177,6 @@ const MasonryFileItem = memo<MasonryFileItemProps>(
     const isMarkdown = isMarkdownFile(name, fileType);
     const isNote = isCustomNote(fileType);
 
-    // Debug: Log editorData for notes
-    useEffect(() => {
-      if (isNote) {
-        console.log('[MasonryFileItem] Note item:', {
-          editorDataPreview: editorData ? JSON.stringify(editorData).slice(0, 100) : null,
-          editorDataType: typeof editorData,
-          hasEditorData: !!editorData,
-          id,
-          name,
-        });
-      }
-    }, [isNote, id, name, editorData]);
-
     const cardRef = useRef<HTMLDivElement>(null);
     const [isInView, setIsInView] = useState(false);
 
@@ -288,12 +275,6 @@ const MasonryFileItem = memo<MasonryFileItemProps>(
           )}
           onClick={() => {
             if (isNote) {
-              console.log('[MasonryFileItem] Opening note modal with:', {
-                editorDataType: typeof editorData,
-                hasEditorData: !!editorData,
-                id,
-                name,
-              });
               setIsNoteModalOpen(true);
             } else {
               onOpen(id);
@@ -384,7 +365,6 @@ const MasonryFileItem = memo<MasonryFileItemProps>(
             editorData={editorData}
             knowledgeBaseId={knowledgeBaseId}
             onClose={() => {
-              console.log('[MasonryFileItem] Closing note modal');
               setIsNoteModalOpen(false);
             }}
             open={isNoteModalOpen}

package/src/features/KnowledgeManager/Header/AddButton.tsx

@@ -36,7 +36,6 @@ const AddButton = ({ knowledgeBaseId }: { knowledgeBaseId?: string }) => {
 
   const handleCreateFolder = () => {
     setIsModalOpen(false);
-    console.log('create folder');
   };
 
   const items = useMemo<MenuProps['items']>(

package/src/features/KnowledgeManager/Header/NewNoteButton.tsx

@@ -22,7 +22,7 @@ const NewNoteButton = ({ knowledgeBaseId }: { knowledgeBaseId?: string }) => {
   return (
     <>
       <Button icon={FilePenLine} onClick={handleOpen} type="primary">
-        {t('header.newDocumentButton')}
+        {t('header.newPageButton')}
       </Button>
 
       <NoteEditorModal knowledgeBaseId={knowledgeBaseId} onClose={handleClose} open={isModalOpen} />

package/src/features/KnowledgeManager/Header/TogglePanelButton.tsx

@@ -17,13 +17,13 @@ export const TOOGLE_PANEL_BUTTON_ID = 'toggle-panel-button';
 const TogglePanelButton = memo(() => {
   const hotkey = useUserStore(settingsSelectors.getHotkeyById(HotkeyEnum.ToggleLeftPanel));
 
-  const { t } = useTranslation(['file', 'hotkey']);
+  const { t } = useTranslation(['file']);
 
   const showFilePanel = useGlobalStore(systemStatusSelectors.showFilePanel);
   const updateSystemStatus = useGlobalStore((s) => s.updateSystemStatus);
 
   return (
-    <Tooltip hotkey={hotkey} title={t('toggleLeftPanel.title', { ns: 'hotkey' })}>
+    <Tooltip hotkey={hotkey} title={t('toggleLeftPanel')}>
       <ActionIcon
         icon={showFilePanel ? PanelLeftClose : PanelLeftOpen}
         id={TOOGLE_PANEL_BUTTON_ID}

package/src/features/KnowledgeManager/Home/UploadEntries.tsx

@@ -97,7 +97,7 @@ const UploadEntries = memo<UploadEntriesProps>(({ knowledgeBaseId }) => {
       const newDoc = await createDocument({
         content: '',
         knowledgeBaseId,
-        title: t('home.uploadEntries.newDocument.title'),
+        title: t('home.uploadEntries.newPage.title'),
       });
       // Navigate to the newly created document
       // The KnowledgeHomePage will automatically set category to 'documents' when it detects the id param
@@ -137,7 +137,7 @@ const UploadEntries = memo<UploadEntriesProps>(({ knowledgeBaseId }) => {
     <div className={styles.grid}>
       {/* Create New Note */}
       <Flexbox className={styles.card} onClick={handleCreateNote} padding={16}>
-        <span className={styles.actionTitle}>{t('home.uploadEntries.newDocument.title')}</span>
+        <span className={styles.actionTitle}>{t('home.uploadEntries.newPage.title')}</span>
         <div className={styles.glow} style={{ background: theme.purple }} />
         <FileTypeIcon
           className={styles.icon}

package/src/features/KnowledgeManager/Home/index.tsx

@@ -165,7 +165,7 @@ const Home = memo<HomeProps>(({ knowledgeBaseId, onOpenFile }) => {
           </div>
         )}
 
-        {/* Recent Documents Section */}
+        {/* Recent Pages Section */}
         {(isLoading || topRecentDocuments.length > 0) && (
           <div
             className={styles.section}
@@ -179,7 +179,7 @@ const Home = memo<HomeProps>(({ knowledgeBaseId, onOpenFile }) => {
             <div className={styles.sectionTitleWrapper}>
               <Text className={styles.sectionTitle} style={{ marginBottom: 0 }}>
                 <FileTextIcon size={18} />
-                {t('home.recentDocuments')}
+                {t('home.recentPages')}
               </Text>
               <div
                 className={styles.sectionActions}
@@ -192,9 +192,9 @@ const Home = memo<HomeProps>(({ knowledgeBaseId, onOpenFile }) => {
                     items: [
                       {
                         key: 'all-documents',
-                        label: t('menu.allDocuments'),
+                        label: t('menu.allPages'),
                         onClick: () => {
-                          setActiveKey(FilesTabs.Documents);
+                          setActiveKey(FilesTabs.Pages);
                         },
                       },
                     ],

package/src/features/PluginsUI/Render/BuiltinType/index.tsx

@@ -37,7 +37,7 @@ const BuiltinType = memo<BuiltinTypeProps>(
     return (
       <Render
         apiName={apiName}
-        args={args}
+        args={args || {}}
         content={data}
         identifier={identifier}
         messageId={id}

package/src/features/User/UserPanel/useMenu.tsx

@@ -17,8 +17,8 @@ import {
 } from 'lucide-react';
 import { PropsWithChildren, memo } from 'react';
 import { useTranslation } from 'react-i18next';
-import { Link } from 'react-router-dom';
 import { Flexbox } from 'react-layout-kit';
+import { Link } from 'react-router-dom';
 
 import type { MenuProps } from '@/components/Menu';
 import { enableAuth } from '@/const/auth';
@@ -135,7 +135,11 @@ export const useMenu = () => {
       icon: <Icon icon={Cloudy} />,
       key: 'cloud',
       label: (
-        <a href={`${OFFICIAL_URL}?utm_source=${UTM_SOURCE}`} rel="noopener noreferrer" target="_blank">
+        <a
+          href={`${OFFICIAL_URL}?utm_source=${UTM_SOURCE}`}
+          rel="noopener noreferrer"
+          target="_blank"
+        >
           {t('userPanel.cloud', { name: LOBE_CHAT_CLOUD })}
         </a>
       ),
@@ -148,7 +152,7 @@ export const useMenu = () => {
           {t('changelog')}
         </a>
       ) : (
-        <Link to="/changelog/modal">{t('changelog')}</Link>
+        <Link to="/changelog">{t('changelog')}</Link>
       ),
     },
     {

package/src/helpers/toolEngineering/index.test.ts

@@ -1,7 +1,7 @@
 import { LobeChatPluginManifest } from '@lobehub/chat-plugin-sdk';
 import { beforeEach, describe, expect, it, vi } from 'vitest';
 
-import { createChatToolsEngine, createToolsEngine, getEnabledTools } from './index';
+import { createAgentToolsEngine, createToolsEngine, getEnabledTools } from './index';
 
 // Mock the store and helper dependencies
 vi.mock('@/store/tool', () => ({
@@ -137,7 +137,7 @@ describe('toolEngineering', () => {
 
   describe('createChatToolsEngine', () => {
     it('should include web browsing tool as default when no tools are provided', () => {
-      const toolsEngine = createChatToolsEngine({
+      const toolsEngine = createAgentToolsEngine({
         model: 'gpt-4',
         provider: 'openai',
       });
@@ -152,7 +152,7 @@ describe('toolEngineering', () => {
     });
 
     it('should include web browsing tool alongside user-provided tools', () => {
-      const toolsEngine = createChatToolsEngine({
+      const toolsEngine = createAgentToolsEngine({
         model: 'gpt-4',
         provider: 'openai',
       });