@lobehub/chat 1.57.0 → 1.57.1

package/CHANGELOG.md

@@ -2,6 +2,31 @@
 
 # Changelog
 
+### [Version 1.57.1](https://github.com/lobehub/lobe-chat/compare/v1.57.0...v1.57.1)
+
+<sup>Released on **2025-02-16**</sup>
+
+#### 💄 Styles
+
+- **misc**: Fix mobile agent settings not show correctly.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### Styles
+
+- **misc**: Fix mobile agent settings not show correctly, closes [#6203](https://github.com/lobehub/lobe-chat/issues/6203) ([0285d95](https://github.com/lobehub/lobe-chat/commit/0285d95))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ## [Version 1.57.0](https://github.com/lobehub/lobe-chat/compare/v1.56.5...v1.57.0)
 
 <sup>Released on **2025-02-16**</sup>

package/changelog/v1.json

@@ -1,4 +1,13 @@
 [
+  {
+    "children": {
+      "improvements": [
+        "Fix mobile agent settings not show correctly."
+      ]
+    },
+    "date": "2025-02-16",
+    "version": "1.57.1"
+  },
   {
     "children": {
       "features": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "1.57.0",
+  "version": "1.57.1",
   "description": "Lobe Chat - an open-source, high-performance chatbot framework that supports speech synthesis, multimodal, and extensible Function Call plugin system. Supports one-click free deployment of your private ChatGPT/LLM web application.",
   "keywords": [
     "framework",

package/src/{features → app/[variants]/(main)/chat/(workspace)/@conversation/features}/ChatInput/Mobile/Files/FileItem/File.tsx

@@ -8,7 +8,7 @@ import { Flexbox } from 'react-layout-kit';
 import FileIcon from '@/components/FileIcon';
 import { UploadFileItem } from '@/types/files';
 
-import UploadDetail from '../../../components/UploadDetail';
+import UploadDetail from '../../../../../../../../../../../features/ChatInput/components/UploadDetail';
 
 const useStyles = createStyles(({ css, token }) => ({
   container: css`

package/src/{features → app/[variants]/(main)/chat/(workspace)/@conversation/features}/ChatInput/Mobile/index.tsx

@@ -1,8 +1,10 @@
 'use client';
 
+import { Skeleton } from 'antd';
 import { useTheme } from 'antd-style';
 import { TextAreaRef } from 'antd/es/input/TextArea';
 import { memo, useRef, useState } from 'react';
+import { Flexbox } from 'react-layout-kit';
 
 import ActionBar from '@/features/ChatInput/ActionBar';
 import { ActionKeys } from '@/features/ChatInput/ActionBar/config';
@@ -12,6 +14,7 @@ import { useSendMessage } from '@/features/ChatInput/useSend';
 import { useChatStore } from '@/store/chat';
 import { chatSelectors } from '@/store/chat/selectors';
 
+import { useInitAgentConfig } from '../../../../_layout/useInitAgentConfig';
 import Files from './Files';
 import InputArea from './InputArea';
 import SendButton from './Send';
@@ -33,6 +36,7 @@ const MobileChatInput = memo(() => {
   const ref = useRef<TextAreaRef>(null);
   const [expand, setExpand] = useState<boolean>(false);
   const { send: sendMessage, canSend } = useSendMessage();
+  const { isLoading } = useInitAgentConfig();
 
   const [loading, value, onInput, onStop] = useChatStore((s) => [
     chatSelectors.isAIGenerating(s),
@@ -63,15 +67,21 @@ const MobileChatInput = memo(() => {
         <SendButton disabled={!canSend} loading={loading} onSend={sendMessage} onStop={onStop} />
       }
       topAddons={
-        <>
-          <Files />
-          <ActionBar
-            leftActions={defaultLeftActions}
-            padding={'0 8px'}
-            rightActions={defaultRightActions}
-            rightAreaStartRender={<SaveTopic mobile />}
-          />
-        </>
+        isLoading ? (
+          <Flexbox paddingInline={8}>
+            <Skeleton.Button active block size={'small'} />
+          </Flexbox>
+        ) : (
+          <>
+            <Files />
+            <ActionBar
+              leftActions={defaultLeftActions}
+              padding={'0 8px'}
+              rightActions={defaultRightActions}
+              rightAreaStartRender={<SaveTopic mobile />}
+            />
+          </>
+        )
       }
       value={value}
     />

package/src/app/[variants]/(main)/chat/(workspace)/@conversation/features/ChatInput/index.tsx

@@ -1,6 +1,5 @@
-import MobileChatInput from '@/features/ChatInput/Mobile';
-
 import DesktopChatInput from './Desktop';
+import MobileChatInput from './Mobile';
 
 const ChatInput = ({ mobile }: { mobile: boolean }) => {
   const Input = mobile ? MobileChatInput : DesktopChatInput;

package/src/app/[variants]/(main)/chat/(workspace)/_layout/Desktop/ChatHeader/Main.tsx

@@ -42,7 +42,21 @@ const Main = memo(() => {
   const updateSystemStatus = useGlobalStore((s) => s.updateSystemStatus);
 
   return !init ? (
-    <Flexbox horizontal>
+    <Flexbox gap={4} horizontal>
+      {!isPinned && (
+        <ActionIcon
+          aria-label={t('agents')}
+          icon={showSessionPanel ? PanelLeftClose : PanelLeftOpen}
+          onClick={() => {
+            updateSystemStatus({
+              sessionsWidth: showSessionPanel ? 0 : 320,
+              showSessionPanel: !showSessionPanel,
+            });
+          }}
+          size={DESKTOP_HEADER_ICON_SIZE}
+          title={t('agents')}
+        />
+      )}
       <Skeleton
         active
         avatar={{ shape: 'circle', size: 'default' }}

package/src/app/[variants]/(main)/chat/(workspace)/_layout/Mobile/ChatHeader/index.tsx

@@ -3,7 +3,6 @@
 import { MobileNavBar } from '@lobehub/ui/mobile';
 import { memo, useState } from 'react';
 
-import { useInitAgentConfig } from '@/app/[variants]/(main)/chat/(workspace)/_layout/useInitAgentConfig';
 import { INBOX_SESSION_ID } from '@/const/session';
 import { useQueryRoute } from '@/hooks/useQueryRoute';
 import { featureFlagsSelectors, useServerConfigStore } from '@/store/serverConfig';
@@ -17,7 +16,6 @@ const MobileHeader = memo(() => {
   const [open, setOpen] = useState(false);
 
   const { isAgentEditable } = useServerConfigStore(featureFlagsSelectors);
-  useInitAgentConfig();
 
   return (
     <MobileNavBar

package/src/app/[variants]/(main)/chat/(workspace)/features/AgentSettings/index.tsx

@@ -101,7 +101,7 @@ const AgentSettings = memo(() => {
             width={'100%'}
           >
             {tab === ChatSettingsTabs.Meta && <AgentMeta />}
-            {tab === ChatSettingsTabs.Prompt && <AgentPrompt modal />}
+            {tab === ChatSettingsTabs.Prompt && <AgentPrompt />}
             {tab === ChatSettingsTabs.Chat && <AgentChat />}
             {tab === ChatSettingsTabs.Modal && <AgentModal />}
             {tab === ChatSettingsTabs.TTS && <AgentTTS />}

package/src/app/[variants]/(main)/chat/settings/page.tsx

@@ -1,7 +1,97 @@
-import EditPage from './features/EditPage';
+'use client';
 
-const Page = () => {
-  return <EditPage />;
-};
+import { TabsNav } from '@lobehub/ui';
+import isEqual from 'fast-deep-equal';
+import { memo, useState } from 'react';
+import { useTranslation } from 'react-i18next';
 
-export default Page;
+import PageTitle from '@/components/PageTitle';
+import { INBOX_SESSION_ID } from '@/const/session';
+import { AgentSettingsProvider } from '@/features/AgentSetting';
+import AgentChat from '@/features/AgentSetting/AgentChat';
+import AgentMeta from '@/features/AgentSetting/AgentMeta';
+import AgentModal from '@/features/AgentSetting/AgentModal';
+import AgentPlugin from '@/features/AgentSetting/AgentPlugin';
+import AgentPrompt from '@/features/AgentSetting/AgentPrompt';
+import AgentTTS from '@/features/AgentSetting/AgentTTS';
+import { useAgentStore } from '@/store/agent';
+import { agentSelectors } from '@/store/agent/selectors';
+import { ChatSettingsTabs } from '@/store/global/initialState';
+import { featureFlagsSelectors, useServerConfigStore } from '@/store/serverConfig';
+import { useSessionStore } from '@/store/session';
+import { sessionMetaSelectors } from '@/store/session/selectors';
+
+const EditPage = memo(() => {
+  const { t } = useTranslation('setting');
+  const [tab, setTab] = useState(ChatSettingsTabs.Prompt);
+
+  const [id, updateAgentMeta, title] = useSessionStore((s) => [
+    s.activeId,
+    s.updateSessionMeta,
+    sessionMetaSelectors.currentAgentTitle(s),
+  ]);
+  const [useFetchAgentConfig, updateAgentConfig] = useAgentStore((s) => [
+    s.useFetchAgentConfig,
+    s.updateAgentConfig,
+  ]);
+
+  const config = useAgentStore(agentSelectors.currentAgentConfig, isEqual);
+  const meta = useSessionStore(sessionMetaSelectors.currentAgentMeta, isEqual);
+
+  const { isLoading } = useFetchAgentConfig(id);
+  const { enablePlugins } = useServerConfigStore(featureFlagsSelectors);
+
+  return (
+    <>
+      <PageTitle title={t('header.sessionWithName', { name: title })} />
+
+      <TabsNav
+        items={[
+          {
+            key: ChatSettingsTabs.Prompt,
+            label: t('settingAgent.prompt.title'),
+          },
+          (id !== INBOX_SESSION_ID && {
+            key: ChatSettingsTabs.Meta,
+            label: t('settingAgent.title'),
+          }) as any,
+          {
+            key: ChatSettingsTabs.Chat,
+            label: t('settingChat.title'),
+          },
+          {
+            key: ChatSettingsTabs.Modal,
+            label: t('settingModel.title'),
+          },
+          {
+            key: ChatSettingsTabs.TTS,
+            label: t('settingTTS.title'),
+          },
+          (enablePlugins && {
+            key: ChatSettingsTabs.Plugin,
+            label: t('settingPlugin.title'),
+          }) as any,
+        ]}
+        onChange={(value) => setTab(value as ChatSettingsTabs)}
+        variant={'compact'}
+      />
+      <AgentSettingsProvider
+        config={config}
+        id={id}
+        loading={isLoading}
+        meta={meta}
+        onConfigChange={updateAgentConfig}
+        onMetaChange={updateAgentMeta}
+      >
+        {tab === ChatSettingsTabs.Prompt && <AgentPrompt modal />}
+        {tab === ChatSettingsTabs.Meta && <AgentMeta />}
+        {tab === ChatSettingsTabs.Chat && <AgentChat />}
+        {tab === ChatSettingsTabs.Modal && <AgentModal />}
+        {tab === ChatSettingsTabs.TTS && <AgentTTS />}
+        {tab === ChatSettingsTabs.Plugin && <AgentPlugin />}
+      </AgentSettingsProvider>
+    </>
+  );
+});
+
+export default EditPage;

package/src/features/AgentSetting/AgentMeta/index.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import { Form, type FormItemProps, Icon, type ItemGroup, Tooltip } from '@lobehub/ui';
-import { Button } from 'antd';
+import { Button, Skeleton } from 'antd';
 import isEqual from 'fast-deep-equal';
 import { isString } from 'lodash-es';
 import { Wand2 } from 'lucide-react';
@@ -27,7 +27,11 @@ const AgentMeta = memo(() => {
     s.autocompleteMeta,
     s.autocompleteAllMeta,
   ]);
-  const [isInbox, loading] = useStore((s) => [s.id === INBOX_SESSION_ID, s.autocompleteLoading]);
+  const [isInbox, isIniting, autocompleteLoading] = useStore((s) => [
+    s.id === INBOX_SESSION_ID,
+    s.loading,
+    s.autocompleteLoading,
+  ]);
   const meta = useStore((s) => s.meta, isEqual);
 
   if (isInbox) return;
@@ -59,10 +63,12 @@ const AgentMeta = memo(() => {
   const autocompleteItems: FormItemProps[] = basic.map((item) => {
     const AutoGenerate = item.Render;
     return {
-      children: (
+      children: isIniting ? (
+        <Skeleton.Button active block size={'small'} />
+      ) : (
         <AutoGenerate
           canAutoGenerate={hasSystemRole}
-          loading={loading[item.key as keyof SessionLoadingState]}
+          loading={autocompleteLoading[item.key as keyof SessionLoadingState]}
           onChange={item.onChange}
           onGenerate={() => {
             autocompleteMeta(item.key as keyof typeof meta);
@@ -78,11 +84,13 @@ const AgentMeta = memo(() => {
   const metaData: ItemGroup = {
     children: [
       {
-        children: (
+        children: isIniting ? (
+          <Skeleton.Button active block size={'small'} />
+        ) : (
           <AutoGenerateAvatar
             background={meta.backgroundColor}
             canAutoGenerate={hasSystemRole}
-            loading={loading['avatar']}
+            loading={autocompleteLoading['avatar']}
             onChange={(avatar) => updateMeta({ avatar })}
             onGenerate={() => autocompleteMeta('avatar')}
             value={meta.avatar}
@@ -92,7 +100,9 @@ const AgentMeta = memo(() => {
         minWidth: undefined,
       },
       {
-        children: (
+        children: isIniting ? (
+          <Skeleton.Button active block size={'small'} />
+        ) : (
           <BackgroundSwatches
             backgroundColor={meta.backgroundColor}
             onChange={(backgroundColor) => updateMeta({ backgroundColor })}
@@ -103,7 +113,7 @@ const AgentMeta = memo(() => {
       },
       ...autocompleteItems,
     ],
-    extra: (
+    extra: !isIniting && (
       <Tooltip
         title={
           !hasSystemRole
@@ -114,7 +124,7 @@ const AgentMeta = memo(() => {
         <Button
           disabled={!hasSystemRole}
           icon={<Icon icon={Wand2} />}
-          loading={Object.values(loading).some((i) => !!i)}
+          loading={Object.values(autocompleteLoading).some((i) => !!i)}
           onClick={(e: any) => {
             e.stopPropagation();
 

package/src/features/AgentSetting/AgentPrompt/index.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import { EditableMessage, Form } from '@lobehub/ui';
-import { Button } from 'antd';
+import { Button, Skeleton } from 'antd';
 import { createStyles } from 'antd-style';
 import { memo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
@@ -40,7 +40,37 @@ const AgentPrompt = memo<{ modal?: boolean }>(({ modal }) => {
   const { t } = useTranslation('setting');
   const { styles } = useStyles();
   const [editing, setEditing] = useState(false);
-  const [systemRole, updateConfig] = useStore((s) => [s.config.systemRole, s.setAgentConfig]);
+  const [loading, systemRole, updateConfig] = useStore((s) => [
+    s.loading,
+    s.config.systemRole,
+    s.setAgentConfig,
+  ]);
+
+  if (loading) {
+    return (
+      <div className={styles.wrapper}>
+        <Flexbox className={styles.container} padding={4}>
+          <Flexbox horizontal justify={'space-between'} paddingBlock={8} paddingInline={12}>
+            <h1 style={{ fontSize: 18, fontWeight: 'bold', marginBottom: 4 }}>
+              {t('settingAgent.prompt.title')}
+            </h1>
+          </Flexbox>
+          <Flexbox
+            align={'center'}
+            className={styles.content}
+            flex={1}
+            gap={16}
+            horizontal
+            justify={'space-between'}
+            padding={12}
+            wrap={'wrap'}
+          >
+            <Skeleton active style={{ paddingTop: 12 }} title={false} />
+          </Flexbox>
+        </Flexbox>
+      </div>
+    );
+  }
 
   const content = (
     <EditableMessage

package/src/features/AgentSetting/AgentSettings.tsx

@@ -5,23 +5,22 @@ import AgentMeta from './AgentMeta';
 import AgentModal from './AgentModal';
 import AgentPlugin from './AgentPlugin';
 import AgentPrompt from './AgentPrompt';
+import { AgentSettingsProvider } from './AgentSettingsProvider';
 import AgentTTS from './AgentTTS';
-import StoreUpdater, { StoreUpdaterProps } from './StoreUpdater';
-import { Provider, createStore } from './store';
+import { StoreUpdaterProps } from './StoreUpdater';
 
 type AgentSettingsProps = StoreUpdaterProps;
 
 export const AgentSettings = (props: AgentSettingsProps) => {
   const { enablePlugins } = useServerConfigStore(featureFlagsSelectors);
   return (
-    <Provider createStore={createStore}>
-      <StoreUpdater {...props} />
+    <AgentSettingsProvider {...props}>
       <AgentPrompt />
       <AgentMeta />
       <AgentChat />
       <AgentModal />
       <AgentTTS />
       {enablePlugins && <AgentPlugin />}
-    </Provider>
+    </AgentSettingsProvider>
   );
 };

package/src/features/AgentSetting/AgentSettingsProvider.tsx

@@ -0,0 +1,17 @@
+import { ReactNode, memo } from 'react';
+
+import StoreUpdater, { StoreUpdaterProps } from './StoreUpdater';
+import { Provider, createStore } from './store';
+
+interface AgentSettingsProps extends StoreUpdaterProps {
+  children: ReactNode;
+}
+
+export const AgentSettingsProvider = memo<AgentSettingsProps>(({ children, ...props }) => {
+  return (
+    <Provider createStore={createStore}>
+      <StoreUpdater {...props} />
+      {children}
+    </Provider>
+  );
+});

package/src/features/AgentSetting/StoreUpdater.tsx

@@ -7,12 +7,14 @@ import { AgentSettingsInstance, useAgentSettings } from './hooks/useAgentSetting
 import { State, useStoreApi } from './store';
 
 export interface StoreUpdaterProps
-  extends Partial<Pick<State, 'onMetaChange' | 'onConfigChange' | 'meta' | 'config' | 'id'>> {
+  extends Partial<
+    Pick<State, 'onMetaChange' | 'onConfigChange' | 'meta' | 'config' | 'id' | 'loading'>
+  > {
   instanceRef?: ForwardedRef<AgentSettingsInstance> | null;
 }
 
 const StoreUpdater = memo<StoreUpdaterProps>(
-  ({ onConfigChange, instanceRef, id, onMetaChange, meta, config }) => {
+  ({ onConfigChange, instanceRef, id, onMetaChange, meta, config, loading }) => {
     const storeApi = useStoreApi();
     const useStoreUpdater = createStoreUpdater(storeApi);
 
@@ -20,6 +22,7 @@ const StoreUpdater = memo<StoreUpdaterProps>(
     useStoreUpdater('config', config);
     useStoreUpdater('onConfigChange', onConfigChange);
     useStoreUpdater('onMetaChange', onMetaChange);
+    useStoreUpdater('loading', loading);
     useStoreUpdater('id', id);
 
     const instance = useAgentSettings();

package/src/features/AgentSetting/index.tsx

@@ -1,3 +1,3 @@
 export { AgentSettings } from './AgentSettings';
-export { AgentSettingsStore } from './AgentSettingsStore';
+export { AgentSettingsProvider } from './AgentSettingsProvider';
 export type { AgentSettingsInstance } from './hooks/useAgentSettings';

package/src/features/AgentSetting/store/initialState.ts

@@ -7,8 +7,9 @@ export interface State {
   autocompleteLoading: SessionLoadingState;
   config: LobeAgentConfig;
   id?: string;
-  meta: MetaData;
+  loading?: boolean;
 
+  meta: MetaData;
   onConfigChange?: (config: LobeAgentConfig) => void;
   onMetaChange?: (meta: MetaData) => void;
 }

package/src/hooks/useInterceptingRoutes.test.ts

@@ -43,7 +43,7 @@ describe('useOpenChatSettings', () => {
     vi.mocked(useSessionStore).mockReturnValue('123');
     vi.mocked(useIsMobile).mockReturnValue(true);
     const { result } = renderHook(() => useOpenChatSettings(ChatSettingsTabs.Meta));
-    expect(result.current()).toBe('/chat/settings');
+    expect(result.current()).toBe('/chat/settings?session=123');
   });
 
   it('should handle desktop route for chat settings with session and tab', () => {

package/src/hooks/useInterceptingRoutes.ts

@@ -20,7 +20,7 @@ export const useOpenChatSettings = (tab: ChatSettingsTabs = ChatSettingsTabs.Met
       return () => router.push(urlJoin('/settings', SettingsTabs.Agent));
     }
 
-    if (isMobile) return () => router.push('/chat/settings');
+    if (isMobile) return () => router.push('/chat/settings', { query: { session: activeId } });
 
     return () => {
       useAgentStore.setState({ showAgentSetting: true });

package/src/layout/GlobalProvider/StoreInitialization.tsx

@@ -32,7 +32,7 @@ const StoreInitialization = memo(() => {
 
   const useInitSystemStatus = useGlobalStore((s) => s.useInitSystemStatus);
 
-  const useInitAgentStore = useAgentStore((s) => s.useInitAgentStore);
+  const useInitAgentStore = useAgentStore((s) => s.useInitInboxAgentStore);
   const useInitAiProviderKeyVaults = useAiInfraStore((s) => s.useFetchAiProviderRuntimeState);
 
   // init the system preference

package/src/store/agent/slices/chat/action.test.ts

@@ -216,7 +216,7 @@ describe('AgentSlice', () => {
         model: 'gemini-pro',
       } as any);
 
-      renderHook(() => result.current.useInitAgentStore(true));
+      renderHook(() => result.current.useInitInboxAgentStore(true));
 
       await waitFor(async () => {
         expect(result.current.agentMap[INBOX_SESSION_ID]).toEqual({ model: 'gemini-pro' });
@@ -230,7 +230,7 @@ describe('AgentSlice', () => {
         model: 'gemini-pro',
       } as any);
 
-      renderHook(() => result.current.useInitAgentStore(false));
+      renderHook(() => result.current.useInitInboxAgentStore(false));
 
       await waitFor(async () => {
         expect(result.current.agentMap[INBOX_SESSION_ID]).toBeUndefined();
@@ -243,7 +243,7 @@ describe('AgentSlice', () => {
 
       vi.spyOn(globalService, 'getDefaultAgentConfig').mockRejectedValueOnce(new Error());
 
-      renderHook(() => result.current.useInitAgentStore(true));
+      renderHook(() => result.current.useInitInboxAgentStore(true));
 
       await waitFor(async () => {
         expect(result.current.agentMap[INBOX_SESSION_ID]).toBeUndefined();

package/src/store/agent/slices/chat/action.ts

@@ -6,7 +6,6 @@ import { StateCreator } from 'zustand/vanilla';
 
 import { MESSAGE_CANCEL_FLAT } from '@/const/message';
 import { INBOX_SESSION_ID } from '@/const/session';
-import { DEFAULT_AGENT_CONFIG } from '@/const/settings';
 import { useClientDataSWR, useOnlyFetchOnceSWR } from '@/libs/swr';
 import { agentService } from '@/services/agent';
 import { sessionService } from '@/services/session';
@@ -51,7 +50,7 @@ export interface AgentChatAction {
   updateAgentConfig: (config: DeepPartial<LobeAgentConfig>) => Promise<void>;
   useFetchAgentConfig: (id: string) => SWRResponse<LobeAgentConfig>;
   useFetchFilesAndKnowledgeBases: () => SWRResponse<KnowledgeItem[]>;
-  useInitAgentStore: (
+  useInitInboxAgentStore: (
     isLogin: boolean | undefined,
     defaultAgentConfig?: DeepPartial<LobeAgentConfig>,
   ) => SWRResponse<DeepPartial<LobeAgentConfig>>;
@@ -164,12 +163,10 @@ export const createChatSlice: StateCreator<
       [FETCH_AGENT_CONFIG_KEY, sessionId],
       ([, id]: string[]) => sessionService.getSessionConfig(id),
       {
-        fallbackData: DEFAULT_AGENT_CONFIG,
         onSuccess: (data) => {
           get().internal_dispatchAgentMap(sessionId, data, 'fetch');
           set({ activeAgentId: data.id }, false, 'updateActiveAgentId');
         },
-        suspense: true,
       },
     ),
   useFetchFilesAndKnowledgeBases: () => {
@@ -183,7 +180,7 @@ export const createChatSlice: StateCreator<
     );
   },
 
-  useInitAgentStore: (isLogin, defaultAgentConfig) =>
+  useInitInboxAgentStore: (isLogin, defaultAgentConfig) =>
     useOnlyFetchOnceSWR<DeepPartial<LobeAgentConfig>>(
       !!isLogin ? 'fetchInboxAgentConfig' : null,
       () => sessionService.getSessionConfig(INBOX_SESSION_ID),

package/src/app/[variants]/(main)/chat/settings/features/EditPage.tsx

@@ -1,45 +0,0 @@
-'use client';
-
-import isEqual from 'fast-deep-equal';
-import { memo } from 'react';
-import { useTranslation } from 'react-i18next';
-
-import PageTitle from '@/components/PageTitle';
-import { AgentSettings } from '@/features/AgentSetting';
-import { useAgentStore } from '@/store/agent';
-import { agentSelectors } from '@/store/agent/selectors';
-import { useSessionStore } from '@/store/session';
-import { sessionMetaSelectors } from '@/store/session/selectors';
-
-const EditPage = memo(() => {
-  const { t } = useTranslation('setting');
-  const id = useSessionStore((s) => s.activeId);
-  const config = useAgentStore(agentSelectors.currentAgentConfig, isEqual);
-  const meta = useSessionStore(sessionMetaSelectors.currentAgentMeta, isEqual);
-  const [useFetchAgentConfig, updateAgentConfig] = useAgentStore((s) => [
-    s.useFetchAgentConfig,
-    s.updateAgentConfig,
-  ]);
-
-  const [updateAgentMeta, title] = useSessionStore((s) => [
-    s.updateSessionMeta,
-    sessionMetaSelectors.currentAgentTitle(s),
-  ]);
-
-  useFetchAgentConfig(id);
-
-  return (
-    <>
-      <PageTitle title={t('header.sessionWithName', { name: title })} />
-      <AgentSettings
-        config={config}
-        id={id}
-        meta={meta}
-        onConfigChange={updateAgentConfig}
-        onMetaChange={updateAgentMeta}
-      />
-    </>
-  );
-});
-
-export default EditPage;

package/src/features/AgentSetting/AgentSettingsStore.tsx

@@ -1,14 +0,0 @@
-import { memo } from 'react';
-
-import StoreUpdater, { StoreUpdaterProps } from './StoreUpdater';
-import { Provider, createStore } from './store';
-
-type AgentSettingsProps = StoreUpdaterProps;
-
-export const AgentSettingsStore = memo<AgentSettingsProps>((props) => {
-  return (
-    <Provider createStore={createStore}>
-      <StoreUpdater {...props} />
-    </Provider>
-  );
-});