@lobehub/lobehub 2.0.0-next.96 → 2.0.0-next.98

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/components/InvalidAPIKey/APIKeyForm/Bedrock.tsx

@@ -6,7 +6,7 @@ import { ModelProvider } from 'model-bank';
 import { memo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 
-import { FormAction } from '@/features/Conversation/Error/style';
+import { FormAction } from '@/features/ChatList/Error/style';
 import { aiProviderSelectors, useAiInfraStore } from '@/store/aiInfra';
 
 const BedrockForm = memo<{ description: string }>(({ description }) => {

package/src/components/InvalidAPIKey/APIKeyForm/ComfyUIForm.tsx

@@ -10,7 +10,7 @@ import { Center, Flexbox } from 'react-layout-kit';
 
 import { FormInput, FormPassword } from '@/components/FormInput';
 import KeyValueEditor from '@/components/KeyValueEditor';
-import { FormAction } from '@/features/Conversation/Error/style';
+import { FormAction } from '@/features/ChatList/Error/style';
 import { useAiInfraStore } from '@/store/aiInfra';
 import { ComfyUIKeyVault } from '@/types/user/settings';
 

package/src/components/InvalidAPIKey/APIKeyForm/ProviderApiKeyForm.tsx

@@ -4,7 +4,7 @@ import { ReactNode, memo, useContext, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import { FormInput, FormPassword } from '@/components/FormInput';
-import { FormAction } from '@/features/Conversation/Error/style';
+import { FormAction } from '@/features/ChatList/Error/style';
 import { useProviderName } from '@/hooks/useProviderName';
 import { featureFlagsSelectors, useServerConfigStore } from '@/store/serverConfig';
 import { GlobalLLMProviderKey } from '@/types/user/settings';

package/src/components/InvalidAPIKey/APIKeyForm/__tests__/ComfyUIForm.test.tsx

@@ -97,7 +97,7 @@ vi.mock('react-layout-kit', () => ({
   )),
 }));
 
-vi.mock('@/features/Conversation/Error/style', () => ({
+vi.mock('@/features/ChatList/Error/style', () => ({
   FormAction: vi.fn(({ children, title, description, avatar, ...props }) => (
     <div data-testid="form-action" {...props}>
       <div data-testid="avatar">{avatar}</div>

package/src/components/InvalidAPIKey/index.tsx

@@ -1,6 +1,6 @@
 import { memo } from 'react';
 
-import { ErrorActionContainer } from '@/features/Conversation/Error/style';
+import { ErrorActionContainer } from '@/features/ChatList/Error/style';
 
 import APIKeyForm from './APIKeyForm';
 

package/src/features/{Conversation → ChatList}/MarkdownElements/remarkPlugins/getNodeContent.test.ts

@@ -1,8 +1,7 @@
-import { toMarkdown } from 'mdast-util-to-markdown';
 import { Parent } from 'unist';
 import { expect } from 'vitest';
 
-import { treeNodeToString } from '@/features/Conversation/MarkdownElements/remarkPlugins/getNodeContent';
+import { treeNodeToString } from './getNodeContent';
 
 describe('treeNodeToString', () => {
   it('with latex', () => {

package/src/features/{Conversation → ChatList}/Messages/Assistant/Actions/index.tsx

@@ -5,13 +5,13 @@ import { useSearchParams } from 'next/navigation';
 import { memo, use, useCallback, useContext, useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 
-import ShareMessageModal from '@/features/Conversation/components/ShareMessageModal';
-import { VirtuaContext } from '@/features/Conversation/components/VirtualizedList/VirtuosoContext';
 import { useChatStore } from '@/store/chat';
 import { messageStateSelectors, threadSelectors } from '@/store/chat/selectors';
 import { useSessionStore } from '@/store/session';
 import { sessionSelectors } from '@/store/session/selectors';
 
+import ShareMessageModal from '../../../components/ShareMessageModal';
+import { VirtuaContext } from '../../../components/VirtualizedList/VirtuosoContext';
 import { InPortalThreadContext } from '../../../context/InPortalThreadContext';
 import { useChatListActionsBar } from '../../../hooks/useChatListActionsBar';
 import { ErrorActionsBar } from './Error';

package/src/features/{Conversation → ChatList}/Messages/Assistant/Extra/index.test.tsx

@@ -9,13 +9,13 @@ import { AssistantMessageExtra } from './index';
 vi.mock('zustand/traditional');
 
 // Mock TTS and Translate components
-vi.mock('@/features/Conversation/components/Extras/TTS', () => ({
+vi.mock('@/features/ChatList/components/Extras/TTS', () => ({
   default: vi.fn(() => <div>TTS Component</div>),
 }));
-vi.mock('@/features/Conversation/components/Extras/Translate', () => ({
+vi.mock('@/features/ChatList/components/Extras/Translate', () => ({
   default: vi.fn(() => <div>Translate Component</div>),
 }));
-vi.mock('@/features/Conversation/components/Extras/Usage', () => ({
+vi.mock('@/features/ChatList/components/Extras/Usage', () => ({
   default: vi.fn(() => <div>Usage Component</div>),
 }));
 

package/src/features/{Conversation → ChatList}/Messages/Assistant/Extra/index.tsx

@@ -1,15 +1,16 @@
+import { LOADING_FLAT } from '@lobechat/const';
 import { ModelPerformance, ModelUsage } from '@lobechat/types';
 import { memo } from 'react';
 import { Flexbox } from 'react-layout-kit';
 
-import { LOADING_FLAT } from '@/const/message';
-import ExtraContainer from '@/features/Conversation/components/Extras/ExtraContainer';
-import TTS from '@/features/Conversation/components/Extras/TTS';
-import Translate from '@/features/Conversation/components/Extras/Translate';
-import Usage from '@/features/Conversation/components/Extras/Usage';
 import { useChatStore } from '@/store/chat';
 import { messageStateSelectors } from '@/store/chat/selectors';
 
+import ExtraContainer from '../../../components/Extras/ExtraContainer';
+import TTS from '../../../components/Extras/TTS';
+import Translate from '../../../components/Extras/Translate';
+import Usage from '../../../components/Extras/Usage';
+
 interface AssistantMessageExtraProps {
   content: string;
   extra?: any;

package/src/features/{Conversation → ChatList}/Messages/Assistant/MessageContent.tsx

@@ -3,12 +3,12 @@ import { UIChatMessage } from '@lobechat/types';
 import { ReactNode, memo } from 'react';
 import { Flexbox } from 'react-layout-kit';
 
-import { CollapsedMessage } from '@/features/Conversation/Messages/Assistant/CollapsedMessage';
 import { useChatStore } from '@/store/chat';
 import { aiChatSelectors, messageStateSelectors } from '@/store/chat/selectors';
 
 import { DefaultMessage } from '../Default';
 import ImageFileListViewer from '../User/ImageFileListViewer';
+import { CollapsedMessage } from './CollapsedMessage';
 import FileChunks from './FileChunks';
 import IntentUnderstanding from './IntentUnderstanding';
 import Reasoning from './Reasoning';

package/src/features/{Conversation → ChatList}/Messages/Group/Actions/WithContentId.tsx

@@ -5,13 +5,13 @@ import { useSearchParams } from 'next/navigation';
 import { memo, use, useCallback, useContext, useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 
-import ShareMessageModal from '@/features/Conversation/components/ShareMessageModal';
-import { VirtuaContext } from '@/features/Conversation/components/VirtualizedList/VirtuosoContext';
 import { useChatStore } from '@/store/chat';
 import { messageStateSelectors, threadSelectors } from '@/store/chat/selectors';
 import { useSessionStore } from '@/store/session';
 import { sessionSelectors } from '@/store/session/selectors';
 
+import ShareMessageModal from '../../../components/ShareMessageModal';
+import { VirtuaContext } from '../../../components/VirtualizedList/VirtuosoContext';
 import { InPortalThreadContext } from '../../../context/InPortalThreadContext';
 import { useChatListActionsBar } from '../../../hooks/useChatListActionsBar';
 

package/src/features/{Conversation → ChatList}/Messages/Group/ContentBlock.tsx

@@ -4,13 +4,13 @@ import { memo, useMemo } from 'react';
 import { Flexbox } from 'react-layout-kit';
 
 import { LOADING_FLAT } from '@/const/message';
-import { markdownElements } from '@/features/Conversation/MarkdownElements';
-import Reasoning from '@/features/Conversation/Messages/Assistant/Reasoning';
 import { useChatStore } from '@/store/chat';
 import { aiChatSelectors, messageStateSelectors } from '@/store/chat/selectors';
 import { useUserStore } from '@/store/user';
 import { userGeneralSettingsSelectors } from '@/store/user/selectors';
 
+import { markdownElements } from '../../MarkdownElements';
+import Reasoning from '../Assistant/Reasoning';
 import ImageFileListViewer from '../User/ImageFileListViewer';
 import ErrorContent from './Error';
 import MessageContent from './MessageContent';

package/src/features/{Conversation → ChatList}/Messages/Group/Error/index.tsx

@@ -5,9 +5,10 @@ import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Flexbox } from 'react-layout-kit';
 
-import ErrorMessageExtra, { useErrorContent } from '@/features/Conversation/Error';
 import { useChatStore } from '@/store/chat';
 
+import ErrorMessageExtra, { useErrorContent } from '../../../Error';
+
 export interface ErrorContentProps {
   error?: ChatMessageError;
   id: string;

package/src/features/{Conversation → ChatList}/Messages/Group/Group.tsx

@@ -4,10 +4,10 @@ import isEqual from 'fast-deep-equal';
 import { memo, useMemo } from 'react';
 import { Flexbox } from 'react-layout-kit';
 
-import { CollapsedMessage } from '@/features/Conversation/Messages/Group/CollapsedMessage';
 import { useChatStore } from '@/store/chat';
 import { messageStateSelectors } from '@/store/chat/slices/message/selectors';
 
+import { CollapsedMessage } from './CollapsedMessage';
 import { GroupMessageContext } from './GroupContext';
 import GroupItem from './GroupItem';
 

package/src/features/{Conversation → ChatList}/Messages/Group/GroupItem.tsx

@@ -3,10 +3,11 @@ import isEqual from 'fast-deep-equal';
 import { memo, use } from 'react';
 import { Flexbox } from 'react-layout-kit';
 
-import { ContentBlock } from '@/features/Conversation/Messages/Group/ContentBlock';
-import { VirtuaContext } from '@/features/Conversation/components/VirtualizedList/VirtuosoContext';
 import { useChatStore } from '@/store/chat';
 
+import { VirtuaContext } from '../../components/VirtualizedList/VirtuosoContext';
+import { ContentBlock } from './ContentBlock';
+
 interface GroupItemProps extends AssistantContentBlock {
   contentId?: string;
   disableEditing?: boolean;

package/src/features/{Conversation → ChatList}/Messages/Group/Tool/Render/Intervention/ApprovalActions.tsx

@@ -5,10 +5,10 @@ import { memo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Flexbox } from 'react-layout-kit';
 
-import { useGroupMessage } from '@/features/Conversation/Messages/Group/GroupContext';
 import { useChatStore } from '@/store/chat';
 import { useUserStore } from '@/store/user';
 
+import { useGroupMessage } from '../../../GroupContext';
 import { ApprovalMode } from './index';
 
 interface ApprovalActionsProps {

package/src/features/{Conversation → ChatList}/Messages/Group/Tool/Render/index.tsx

@@ -3,8 +3,7 @@ import { ChatToolResult, ToolIntervention } from '@lobechat/types';
 import { Suspense, memo } from 'react';
 import { Flexbox } from 'react-layout-kit';
 
-import AbortResponse from '@/features/Conversation/Messages/Group/Tool/Render/AbortResponse';
-
+import AbortResponse from './AbortResponse';
 import CustomRender from './CustomRender';
 import ErrorResponse from './ErrorResponse';
 import Intervention from './Intervention';

package/src/features/{Conversation → ChatList}/Messages/Group/index.tsx

@@ -9,7 +9,6 @@ import { Flexbox } from 'react-layout-kit';
 import Avatar from '@/features/ChatItem/components/Avatar';
 import BorderSpacing from '@/features/ChatItem/components/BorderSpacing';
 import Title from '@/features/ChatItem/components/Title';
-import Usage from '@/features/Conversation/components/Extras/Usage';
 import { useOpenChatSettings } from '@/hooks/useInterceptingRoutes';
 import { useAgentStore } from '@/store/agent';
 import { agentChatConfigSelectors } from '@/store/agent/selectors';
@@ -19,6 +18,7 @@ import { useGlobalStore } from '@/store/global';
 import { useSessionStore } from '@/store/session';
 import { sessionSelectors } from '@/store/session/selectors';
 
+import Usage from '../../components/Extras/Usage';
 import { GroupActionsBar } from './Actions';
 import EditState from './EditState';
 import Group from './Group';

package/src/features/{Conversation → ChatList}/Messages/User/Extra.tsx

@@ -1,9 +1,9 @@
 import { memo } from 'react';
 import { Flexbox } from 'react-layout-kit';
 
-import ExtraContainer from '@/features/Conversation/components/Extras/ExtraContainer';
-import TTS from '@/features/Conversation/components/Extras/TTS';
-import Translate from '@/features/Conversation/components/Extras/Translate';
+import ExtraContainer from '@/features/ChatList/components/Extras/ExtraContainer';
+import TTS from '@/features/ChatList/components/Extras/TTS';
+import Translate from '@/features/ChatList/components/Extras/Translate';
 import { useChatStore } from '@/store/chat';
 import { messageStateSelectors } from '@/store/chat/selectors';
 

package/src/features/{Conversation → ChatList}/Messages/User/index.tsx

@@ -11,7 +11,7 @@ import BorderSpacing from '@/features/ChatItem/components/BorderSpacing';
 import MessageContent from '@/features/ChatItem/components/MessageContent';
 import Title from '@/features/ChatItem/components/Title';
 import { useStyles } from '@/features/ChatItem/style';
-import { markdownElements } from '@/features/Conversation/MarkdownElements';
+import { markdownElements } from '@/features/ChatList/MarkdownElements';
 import { useUserAvatar } from '@/hooks/useUserAvatar';
 import { useAgentStore } from '@/store/agent';
 import { agentChatConfigSelectors } from '@/store/agent/selectors';

package/src/features/{Conversation → ChatList}/Messages/index.tsx

@@ -9,7 +9,7 @@ import { Flexbox } from 'react-layout-kit';
 import {
   removeVirtuaVisibleItem,
   upsertVirtuaVisibleItem,
-} from '@/features/Conversation/components/VirtualizedList/VirtuosoContext';
+} from '@/features/ChatList/components/VirtualizedList/VirtuosoContext';
 import { getChatStoreState, useChatStore } from '@/store/chat';
 import { displayMessageSelectors, messageStateSelectors } from '@/store/chat/selectors';
 

package/src/features/{Conversation → ChatList}/components/ShareMessageModal/ShareImage/Preview.tsx

@@ -8,7 +8,7 @@ import { useTranslation } from 'react-i18next';
 import { Flexbox } from 'react-layout-kit';
 
 import { ProductLogo } from '@/components/Branding';
-import { ChatItem } from '@/features/Conversation';
+import { ChatItem } from '@/features/ChatList';
 import PluginTag from '@/features/PluginTag';
 import { useAgentStore } from '@/store/agent';
 import { agentSelectors } from '@/store/agent/selectors';

package/src/features/{Conversation → ChatList}/components/SkeletonList.tsx

@@ -4,7 +4,7 @@ import { Skeleton } from 'antd';
 import { createStyles } from 'antd-style';
 import { memo } from 'react';
 
-import WideScreenContainer from '@/features/Conversation/components/WideScreenContainer';
+import WideScreenContainer from '@/features/ChatList/components/WideScreenContainer';
 
 const useStyles = createStyles(({ css, prefixCls }) => ({
   message: css`

package/src/features/{Conversation → ChatList}/components/VirtualizedList/index.tsx

@@ -4,7 +4,7 @@ import isEqual from 'fast-deep-equal';
 import { ReactNode, memo, useCallback, useEffect, useRef, useState } from 'react';
 import { VList, VListHandle } from 'virtua';
 
-import WideScreenContainer from '@/features/Conversation/components/WideScreenContainer';
+import WideScreenContainer from '@/features/ChatList/components/WideScreenContainer';
 import { useChatStore } from '@/store/chat';
 import { displayMessageSelectors } from '@/store/chat/selectors';
 

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>
                 ),