@lobehub/chat 0.150.9 → 0.150.10

package/src/features/ModelSwitchPanel/index.tsx

@@ -11,8 +11,8 @@ import { Flexbox } from 'react-layout-kit';
 import { ModelItemRender, ProviderItemRender } from '@/components/ModelSelect';
 import { useAgentStore } from '@/store/agent';
 import { agentSelectors } from '@/store/agent/slices/chat';
-import { useGlobalStore } from '@/store/global';
-import { modelProviderSelectors } from '@/store/global/selectors';
+import { useUserStore } from '@/store/user';
+import { modelProviderSelectors } from '@/store/user/selectors';
 import { ModelProviderCard } from '@/types/llm';
 import { withBasePath } from '@/utils/basePath';
 
@@ -46,10 +46,7 @@ const ModelSwitchPanel = memo<PropsWithChildren>(({ children }) => {
   ]);
 
   const router = useRouter();
-  const enabledList = useGlobalStore(
-    modelProviderSelectors.modelProviderListForModelSelect,
-    isEqual,
-  );
+  const enabledList = useUserStore(modelProviderSelectors.modelProviderListForModelSelect, isEqual);
 
   const items = useMemo(() => {
     const getModelItems = (provider: ModelProviderCard) => {

package/src/features/PluginDevModal/LocalForm.tsx

@@ -4,16 +4,16 @@ import dynamic from 'next/dynamic';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 
-import { useGlobalStore } from '@/store/global';
-import { settingsSelectors } from '@/store/global/selectors';
 import { useToolStore } from '@/store/tool';
 import { pluginSelectors } from '@/store/tool/selectors';
+import { useUserStore } from '@/store/user';
+import { settingsSelectors } from '@/store/user/selectors';
 
 const EmojiPicker = dynamic(() => import('@lobehub/ui/es/EmojiPicker'), { ssr: false });
 
 const LocalForm = memo<{ form: FormInstance; mode?: 'edit' | 'create' }>(({ form, mode }) => {
   const isEditMode = mode === 'edit';
-  const locale = useGlobalStore(settingsSelectors.currentLanguage);
+  const locale = useUserStore(settingsSelectors.currentLanguage);
   const { t } = useTranslation('plugin');
 
   const pluginIds = useToolStore(pluginSelectors.storeAndInstallPluginsIdList);

package/src/features/SyncStatusInspector/DisableSync.tsx

@@ -7,8 +7,8 @@ import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Flexbox } from 'react-layout-kit';
 
-import { useGlobalStore } from '@/store/global';
-import { syncSettingsSelectors } from '@/store/global/selectors';
+import { useUserStore } from '@/store/user';
+import { syncSettingsSelectors } from '@/store/user/selectors';
 
 interface DisableSyncProps {
   noPopover?: boolean;
@@ -17,7 +17,7 @@ interface DisableSyncProps {
 
 const DisableSync = memo<DisableSyncProps>(({ noPopover, placement = 'bottomLeft' }) => {
   const { t } = useTranslation('common');
-  const [haveConfig, setSettings] = useGlobalStore((s) => [
+  const [haveConfig, setSettings] = useUserStore((s) => [
     !!syncSettingsSelectors.webrtcConfig(s).channelName,
     s.setSettings,
   ]);

package/src/features/SyncStatusInspector/EnableSync.tsx

@@ -9,8 +9,8 @@ import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Flexbox } from 'react-layout-kit';
 
-import { useGlobalStore } from '@/store/global';
-import { syncSettingsSelectors } from '@/store/global/selectors';
+import { useUserStore } from '@/store/user';
+import { syncSettingsSelectors } from '@/store/user/selectors';
 import { pathString } from '@/utils/url';
 
 import EnableTag from './EnableTag';
@@ -39,7 +39,7 @@ const EnableSync = memo<EnableSyncProps>(({ hiddenActions, placement = 'bottomLe
   const { t } = useTranslation('common');
 
   const { styles, theme } = useStyles();
-  const [syncStatus, isSyncing, channelName, enableWebRTC, setSettings] = useGlobalStore((s) => [
+  const [syncStatus, isSyncing, channelName, enableWebRTC, setSettings] = useUserStore((s) => [
     s.syncStatus,
     s.syncStatus === 'syncing',
     syncSettingsSelectors.webrtcChannelName(s),
@@ -47,7 +47,7 @@ const EnableSync = memo<EnableSyncProps>(({ hiddenActions, placement = 'bottomLe
     s.setSettings,
   ]);
 
-  const users = useGlobalStore((s) => s.syncAwareness, isEqual);
+  const users = useUserStore((s) => s.syncAwareness, isEqual);
 
   const switchSync = (enabled: boolean) => {
     setSettings({ sync: { webrtc: { enabled } } });

package/src/features/SyncStatusInspector/index.tsx

@@ -1,7 +1,7 @@
 import { TooltipPlacement } from 'antd/es/tooltip';
 import { memo } from 'react';
 
-import { useGlobalStore } from '@/store/global';
+import { useUserStore } from '@/store/user';
 
 import DisableSync from './DisableSync';
 import EnableSync from './EnableSync';
@@ -14,7 +14,7 @@ interface SyncStatusTagProps {
 
 const SyncStatusTag = memo<SyncStatusTagProps>(
   ({ hiddenActions, placement, hiddenEnableGuide }) => {
-    const [enableSync] = useGlobalStore((s) => [s.syncEnabled]);
+    const [enableSync] = useUserStore((s) => [s.syncEnabled]);
 
     return enableSync ? (
       <EnableSync hiddenActions={hiddenActions} placement={placement} />

package/src/hooks/_header.ts

@@ -1,11 +1,11 @@
 import { LOBE_CHAT_ACCESS_CODE, OPENAI_API_KEY_HEADER_KEY, OPENAI_END_POINT } from '@/const/fetch';
-import { useGlobalStore } from '@/store/global';
-import { modelConfigSelectors, settingsSelectors } from '@/store/global/selectors';
+import { useUserStore } from '@/store/user';
+import { modelConfigSelectors, settingsSelectors } from '@/store/user/selectors';
 
 // TODO: Need to be removed after tts refactor
 // eslint-disable-next-line no-undef
 export const createHeaderWithOpenAI = (header?: HeadersInit): HeadersInit => {
-  const openai = modelConfigSelectors.openAIConfig(useGlobalStore.getState());
+  const openai = modelConfigSelectors.openAIConfig(useUserStore.getState());
 
   const apiKey = openai.apiKey || '';
   const endpoint = openai.endpoint || '';
@@ -13,7 +13,7 @@ export const createHeaderWithOpenAI = (header?: HeadersInit): HeadersInit => {
   // eslint-disable-next-line no-undef
   return {
     ...header,
-    [LOBE_CHAT_ACCESS_CODE]: settingsSelectors.password(useGlobalStore.getState()),
+    [LOBE_CHAT_ACCESS_CODE]: settingsSelectors.password(useUserStore.getState()),
     [OPENAI_API_KEY_HEADER_KEY]: apiKey,
     [OPENAI_END_POINT]: endpoint,
   };

package/src/hooks/useSyncData.ts

@@ -1,9 +1,9 @@
 import { useCallback } from 'react';
 
 import { useChatStore } from '@/store/chat';
-import { useGlobalStore } from '@/store/global';
-import { syncSettingsSelectors } from '@/store/global/selectors';
 import { useSessionStore } from '@/store/session';
+import { useUserStore } from '@/store/user';
+import { syncSettingsSelectors } from '@/store/user/selectors';
 
 export const useSyncEvent = () => {
   const [refreshMessages, refreshTopic] = useChatStore((s) => [s.refreshMessages, s.refreshTopic]);
@@ -36,7 +36,7 @@ export const useSyncEvent = () => {
 };
 
 export const useEnabledDataSync = () => {
-  const [userId, userEnableSync, useEnabledSync] = useGlobalStore((s) => [
+  const [userId, userEnableSync, useEnabledSync] = useUserStore((s) => [
     s.userId,
     syncSettingsSelectors.enableWebRTC(s),
     s.useEnabledSync,

package/src/hooks/useTTS.ts

@@ -13,8 +13,8 @@ import { createHeaderWithOpenAI } from '@/services/_header';
 import { API_ENDPOINTS } from '@/services/_url';
 import { useAgentStore } from '@/store/agent';
 import { agentSelectors } from '@/store/agent/slices/chat';
-import { useGlobalStore } from '@/store/global';
-import { settingsSelectors } from '@/store/global/selectors';
+import { useUserStore } from '@/store/user';
+import { settingsSelectors } from '@/store/user/selectors';
 import { TTSServer } from '@/types/agent';
 
 interface TTSConfig extends TTSOptions {
@@ -24,9 +24,9 @@ interface TTSConfig extends TTSOptions {
 }
 
 export const useTTS = (content: string, config?: TTSConfig) => {
-  const ttsSettings = useGlobalStore(settingsSelectors.currentTTS, isEqual);
+  const ttsSettings = useUserStore(settingsSelectors.currentTTS, isEqual);
   const ttsAgentSettings = useAgentStore(agentSelectors.currentAgentTTS, isEqual);
-  const lang = useGlobalStore(settingsSelectors.currentLanguage);
+  const lang = useUserStore(settingsSelectors.currentLanguage);
   const voice = useAgentStore(agentSelectors.currentAgentTTSVoice(lang));
   let useSelectedTTS;
   let options: any = {};

package/src/layout/DefaultLayout/Desktop/SideBar/BottomActions.tsx

@@ -20,11 +20,11 @@ import { Flexbox } from 'react-layout-kit';
 import { ABOUT, CHANGELOG, DISCORD, DOCUMENTS, FEEDBACK, GITHUB } from '@/const/url';
 import DataImporter from '@/features/DataImporter';
 import { configService } from '@/services/config';
-import { GlobalStore, useGlobalStore } from '@/store/global';
+import { useGlobalStore } from '@/store/global';
 import { SidebarTabKey } from '@/store/global/initialState';
 
 export interface BottomActionProps {
-  tab?: GlobalStore['sidebarKey'];
+  tab?: SidebarTabKey;
 }
 
 const BottomActions = memo<BottomActionProps>(({ tab }) => {

package/src/layout/DefaultLayout/Desktop/SideBar/TopActions.tsx

@@ -4,12 +4,12 @@ import Link from 'next/link';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 
-import { GlobalStore, useGlobalStore } from '@/store/global';
+import { useGlobalStore } from '@/store/global';
 import { SidebarTabKey } from '@/store/global/initialState';
 import { useSessionStore } from '@/store/session';
 
 export interface TopActionProps {
-  tab?: GlobalStore['sidebarKey'];
+  tab?: SidebarTabKey;
 }
 
 const TopActions = memo<TopActionProps>(({ tab }) => {

package/src/layout/DefaultLayout/Mobile/index.tsx

@@ -7,7 +7,7 @@ import { CSSProperties, PropsWithChildren, memo } from 'react';
 import { Flexbox } from 'react-layout-kit';
 
 import SafeSpacing from '@/components/SafeSpacing';
-import { SidebarTabKey } from '@/store/global/slices/common/initialState';
+import { SidebarTabKey } from '@/store/global/initialState';
 
 const MobileTabBar = dynamic(() => import('@/features/MobileTabBar'));
 

package/src/layout/GlobalProvider/AppTheme.tsx

@@ -13,8 +13,8 @@ import {
   LOBE_THEME_NEUTRAL_COLOR,
   LOBE_THEME_PRIMARY_COLOR,
 } from '@/const/theme';
-import { useGlobalStore } from '@/store/global';
-import { settingsSelectors } from '@/store/global/selectors';
+import { useUserStore } from '@/store/user';
+import { settingsSelectors } from '@/store/user/selectors';
 import { GlobalStyle } from '@/styles';
 import { setCookie } from '@/utils/cookie';
 
@@ -83,9 +83,9 @@ const AppTheme = memo<AppThemeProps>(
     // console.debug('server:appearance', defaultAppearance);
     // console.debug('server:primaryColor', defaultPrimaryColor);
     // console.debug('server:neutralColor', defaultNeutralColor);
-    const themeMode = useGlobalStore((s) => settingsSelectors.currentSettings(s).themeMode);
+    const themeMode = useUserStore((s) => settingsSelectors.currentSettings(s).themeMode);
 
-    const [primaryColor, neutralColor] = useGlobalStore((s) => [
+    const [primaryColor, neutralColor] = useUserStore((s) => [
       settingsSelectors.currentSettings(s).primaryColor,
       settingsSelectors.currentSettings(s).neutralColor,
     ]);

package/src/layout/GlobalProvider/StoreInitialization.tsx

@@ -8,16 +8,21 @@ import { useIsMobile } from '@/hooks/useIsMobile';
 import { useEnabledDataSync } from '@/hooks/useSyncData';
 import { useAgentStore } from '@/store/agent';
 import { useGlobalStore } from '@/store/global';
+import { useUserStore } from '@/store/user';
 
 const StoreInitialization = memo(() => {
-  const [useFetchServerConfig, useFetchUserConfig, useInitPreference] = useGlobalStore((s) => [
+  const [useFetchServerConfig, useFetchUserConfig, useInitPreference] = useUserStore((s) => [
     s.useFetchServerConfig,
     s.useFetchUserConfig,
     s.useInitPreference,
   ]);
+  const useInitGlobalPreference = useGlobalStore((s) => s.useInitGlobalPreference);
+
   const useFetchDefaultAgentConfig = useAgentStore((s) => s.useFetchDefaultAgentConfig);
   // init the system preference
   useInitPreference();
+  useInitGlobalPreference();
+
   useFetchDefaultAgentConfig();
 
   const { isLoading } = useFetchServerConfig();

package/src/services/__tests__/chat.test.ts

@@ -23,12 +23,9 @@ import {
 } from '@/libs/agent-runtime';
 import { AgentRuntime } from '@/libs/agent-runtime';
 import { useFileStore } from '@/store/file';
-import { GlobalStore } from '@/store/global';
-import {
-  GlobalSettingsState,
-  initialSettingsState,
-} from '@/store/global/slices/settings/initialState';
 import { useToolStore } from '@/store/tool';
+import { UserStore } from '@/store/user';
+import { UserSettingsState, initialSettingsState } from '@/store/user/slices/settings/initialState';
 import { DalleManifest } from '@/tools/dalle';
 import { ChatMessage } from '@/types/message';
 import { ChatStreamPayload } from '@/types/openai/chat';
@@ -695,7 +692,7 @@ describe('AgentRuntimeOnClient', () => {
               },
             },
           },
-        } as GlobalSettingsState) as unknown as GlobalStore;
+        } as UserSettingsState) as unknown as UserStore;
         const runtime = await initializeWithClientStore(ModelProvider.OpenAI, {});
         expect(runtime).toBeInstanceOf(AgentRuntime);
         expect(runtime['_runtime']).toBeInstanceOf(LobeOpenAI);
@@ -713,7 +710,7 @@ describe('AgentRuntimeOnClient', () => {
               },
             },
           },
-        } as GlobalSettingsState) as unknown as GlobalStore;
+        } as UserSettingsState) as unknown as UserStore;
         const runtime = await initializeWithClientStore(ModelProvider.Azure, {});
         expect(runtime).toBeInstanceOf(AgentRuntime);
         expect(runtime['_runtime']).toBeInstanceOf(LobeAzureOpenAI);
@@ -728,7 +725,7 @@ describe('AgentRuntimeOnClient', () => {
               },
             },
           },
-        } as GlobalSettingsState) as unknown as GlobalStore;
+        } as UserSettingsState) as unknown as UserStore;
         const runtime = await initializeWithClientStore(ModelProvider.Google, {});
         expect(runtime).toBeInstanceOf(AgentRuntime);
         expect(runtime['_runtime']).toBeInstanceOf(LobeGoogleAI);
@@ -743,7 +740,7 @@ describe('AgentRuntimeOnClient', () => {
               },
             },
           },
-        } as GlobalSettingsState) as unknown as GlobalStore;
+        } as UserSettingsState) as unknown as UserStore;
         const runtime = await initializeWithClientStore(ModelProvider.Moonshot, {});
         expect(runtime).toBeInstanceOf(AgentRuntime);
         expect(runtime['_runtime']).toBeInstanceOf(LobeMoonshotAI);
@@ -760,7 +757,7 @@ describe('AgentRuntimeOnClient', () => {
               },
             },
           },
-        } as GlobalSettingsState) as unknown as GlobalStore;
+        } as UserSettingsState) as unknown as UserStore;
         const runtime = await initializeWithClientStore(ModelProvider.Bedrock, {});
         expect(runtime).toBeInstanceOf(AgentRuntime);
         expect(runtime['_runtime']).toBeInstanceOf(LobeBedrockAI);
@@ -775,7 +772,7 @@ describe('AgentRuntimeOnClient', () => {
               },
             },
           },
-        } as GlobalSettingsState) as unknown as GlobalStore;
+        } as UserSettingsState) as unknown as UserStore;
         const runtime = await initializeWithClientStore(ModelProvider.Ollama, {});
         expect(runtime).toBeInstanceOf(AgentRuntime);
         expect(runtime['_runtime']).toBeInstanceOf(LobeOllamaAI);
@@ -790,7 +787,7 @@ describe('AgentRuntimeOnClient', () => {
               },
             },
           },
-        } as GlobalSettingsState) as unknown as GlobalStore;
+        } as UserSettingsState) as unknown as UserStore;
         const runtime = await initializeWithClientStore(ModelProvider.Perplexity, {});
         expect(runtime).toBeInstanceOf(AgentRuntime);
         expect(runtime['_runtime']).toBeInstanceOf(LobePerplexityAI);
@@ -805,7 +802,7 @@ describe('AgentRuntimeOnClient', () => {
               },
             },
           },
-        } as GlobalSettingsState) as unknown as GlobalStore;
+        } as UserSettingsState) as unknown as UserStore;
         const runtime = await initializeWithClientStore(ModelProvider.Anthropic, {});
         expect(runtime).toBeInstanceOf(AgentRuntime);
         expect(runtime['_runtime']).toBeInstanceOf(LobeAnthropicAI);
@@ -820,7 +817,7 @@ describe('AgentRuntimeOnClient', () => {
               },
             },
           },
-        } as GlobalSettingsState) as unknown as GlobalStore;
+        } as UserSettingsState) as unknown as UserStore;
         const runtime = await initializeWithClientStore(ModelProvider.Mistral, {});
         expect(runtime).toBeInstanceOf(AgentRuntime);
         expect(runtime['_runtime']).toBeInstanceOf(LobeMistralAI);
@@ -835,7 +832,7 @@ describe('AgentRuntimeOnClient', () => {
               },
             },
           },
-        } as GlobalSettingsState) as unknown as GlobalStore;
+        } as UserSettingsState) as unknown as UserStore;
         const runtime = await initializeWithClientStore(ModelProvider.OpenRouter, {});
         expect(runtime).toBeInstanceOf(AgentRuntime);
         expect(runtime['_runtime']).toBeInstanceOf(LobeOpenRouterAI);
@@ -850,7 +847,7 @@ describe('AgentRuntimeOnClient', () => {
               },
             },
           },
-        } as GlobalSettingsState) as unknown as GlobalStore;
+        } as UserSettingsState) as unknown as UserStore;
         const runtime = await initializeWithClientStore(ModelProvider.TogetherAI, {});
         expect(runtime).toBeInstanceOf(AgentRuntime);
         expect(runtime['_runtime']).toBeInstanceOf(LobeTogetherAI);
@@ -865,7 +862,7 @@ describe('AgentRuntimeOnClient', () => {
               },
             },
           },
-        } as GlobalSettingsState) as unknown as GlobalStore;
+        } as UserSettingsState) as unknown as UserStore;
         const runtime = await initializeWithClientStore(ModelProvider.ZeroOne, {});
         expect(runtime).toBeInstanceOf(AgentRuntime);
         expect(runtime['_runtime']).toBeInstanceOf(LobeZeroOneAI);
@@ -880,7 +877,7 @@ describe('AgentRuntimeOnClient', () => {
               },
             },
           },
-        } as GlobalSettingsState) as unknown as GlobalStore;
+        } as UserSettingsState) as unknown as UserStore;
         const runtime = await initializeWithClientStore(ModelProvider.Groq, {});
         expect(runtime).toBeInstanceOf(AgentRuntime);
         expect(runtime['_runtime']).toBeInstanceOf(LobeGroq);
@@ -900,7 +897,7 @@ describe('AgentRuntimeOnClient', () => {
               },
             },
           },
-        } as any as GlobalSettingsState) as unknown as GlobalStore;
+        } as any as UserSettingsState) as unknown as UserStore;
         const runtime = await initializeWithClientStore('unknown' as ModelProvider, {});
         expect(runtime).toBeInstanceOf(AgentRuntime);
         expect(runtime['_runtime']).toBeInstanceOf(LobeOpenAI);
@@ -927,7 +924,7 @@ describe('AgentRuntimeOnClient', () => {
               },
             },
           },
-        } as GlobalSettingsState) as unknown as GlobalStore;
+        } as UserSettingsState) as unknown as UserStore;
         const runtime = await initializeWithClientStore(ModelProvider.ZhiPu, {});
         expect(runtime).toBeInstanceOf(AgentRuntime);
         expect(runtime['_runtime']).toBeInstanceOf(LobeZhipuAI);

package/src/services/__tests__/tool.test.ts

@@ -1,6 +1,6 @@
 import { Mock, beforeEach, describe, expect, it, vi } from 'vitest';
 
-import { globalHelpers } from '@/store/global/helpers';
+import { globalHelpers } from '@/store/user/helpers';
 
 import { toolService } from '../tool';
 import openAPIV3 from './openai/OpenAPI_V3.json';
@@ -8,7 +8,7 @@ import OpenAIPlugin from './openai/plugin.json';
 
 // Mocking modules and functions
 
-vi.mock('@/store/global/helpers', () => ({
+vi.mock('@/store/user/helpers', () => ({
   globalHelpers: {
     getCurrentLanguage: vi.fn(),
   },

package/src/services/_auth.test.ts

@@ -2,7 +2,7 @@ import { act } from '@testing-library/react';
 import { describe, expect, it, vi } from 'vitest';
 
 import { ModelProvider } from '@/libs/agent-runtime';
-import { useGlobalStore } from '@/store/global';
+import { useUserStore } from '@/store/user';
 import { GlobalLLMConfig, GlobalLLMProviderKey } from '@/types/settings';
 
 import { getProviderAuthPayload } from './_auth';
@@ -23,7 +23,7 @@ const setModelProviderConfig = <T extends GlobalLLMProviderKey>(
   provider: T,
   config: Partial<GlobalLLMConfig[T]>,
 ) => {
-  useGlobalStore.setState({
+  useUserStore.setState({
     settings: { languageModel: { [provider]: config } },
   });
 };

package/src/services/_auth.ts

@@ -1,14 +1,14 @@
 import { JWTPayload, LOBE_CHAT_AUTH_HEADER } from '@/const/auth';
 import { ModelProvider } from '@/libs/agent-runtime';
-import { useGlobalStore } from '@/store/global';
-import { modelConfigSelectors, settingsSelectors } from '@/store/global/selectors';
+import { useUserStore } from '@/store/user';
+import { modelConfigSelectors, settingsSelectors } from '@/store/user/selectors';
 import { createJWT } from '@/utils/jwt';
 
 export const getProviderAuthPayload = (provider: string) => {
   switch (provider) {
     case ModelProvider.Bedrock: {
       const { accessKeyId, region, secretAccessKey } = modelConfigSelectors.bedrockConfig(
-        useGlobalStore.getState(),
+        useUserStore.getState(),
       );
       const awsSecretAccessKey = secretAccessKey;
       const awsAccessKeyId = accessKeyId;
@@ -19,7 +19,7 @@ export const getProviderAuthPayload = (provider: string) => {
     }
 
     case ModelProvider.Azure: {
-      const azure = modelConfigSelectors.azureConfig(useGlobalStore.getState());
+      const azure = modelConfigSelectors.azureConfig(useUserStore.getState());
 
       return {
         apiKey: azure.apiKey,
@@ -29,13 +29,13 @@ export const getProviderAuthPayload = (provider: string) => {
     }
 
     case ModelProvider.Ollama: {
-      const config = modelConfigSelectors.ollamaConfig(useGlobalStore.getState());
+      const config = modelConfigSelectors.ollamaConfig(useUserStore.getState());
 
       return { endpoint: config?.endpoint };
     }
 
     default: {
-      const config = settingsSelectors.providerConfig(provider)(useGlobalStore.getState());
+      const config = settingsSelectors.providerConfig(provider)(useUserStore.getState());
 
       return { apiKey: config?.apiKey, endpoint: config?.endpoint };
     }
@@ -43,7 +43,7 @@ export const getProviderAuthPayload = (provider: string) => {
 };
 
 const createAuthTokenWithPayload = async (payload = {}) => {
-  const accessCode = settingsSelectors.password(useGlobalStore.getState());
+  const accessCode = settingsSelectors.password(useUserStore.getState());
 
   return await createJWT<JWTPayload>({ accessCode, ...payload });
 };

package/src/services/_header.ts

@@ -1,6 +1,6 @@
 import { LOBE_CHAT_ACCESS_CODE, OPENAI_API_KEY_HEADER_KEY, OPENAI_END_POINT } from '@/const/fetch';
-import { useGlobalStore } from '@/store/global';
-import { modelConfigSelectors, settingsSelectors } from '@/store/global/selectors';
+import { useUserStore } from '@/store/user';
+import { modelConfigSelectors, settingsSelectors } from '@/store/user/selectors';
 
 /**
  * TODO: Need to be removed after tts refactor
@@ -8,12 +8,12 @@ import { modelConfigSelectors, settingsSelectors } from '@/store/global/selector
  */
 // eslint-disable-next-line no-undef
 export const createHeaderWithOpenAI = (header?: HeadersInit): HeadersInit => {
-  const openAIConfig = modelConfigSelectors.openAIConfig(useGlobalStore.getState());
+  const openAIConfig = modelConfigSelectors.openAIConfig(useUserStore.getState());
 
   // eslint-disable-next-line no-undef
   return {
     ...header,
-    [LOBE_CHAT_ACCESS_CODE]: settingsSelectors.password(useGlobalStore.getState()),
+    [LOBE_CHAT_ACCESS_CODE]: settingsSelectors.password(useUserStore.getState()),
     [OPENAI_API_KEY_HEADER_KEY]: openAIConfig.apiKey || '',
     [OPENAI_END_POINT]: openAIConfig.endpoint || '',
   };

package/src/services/chat.ts

@@ -7,17 +7,17 @@ import { DEFAULT_AGENT_CONFIG } from '@/const/settings';
 import { TracePayload, TraceTagMap } from '@/const/trace';
 import { AgentRuntime, ChatCompletionErrorPayload, ModelProvider } from '@/libs/agent-runtime';
 import { filesSelectors, useFileStore } from '@/store/file';
-import { useGlobalStore } from '@/store/global';
+import { useSessionStore } from '@/store/session';
+import { sessionMetaSelectors } from '@/store/session/selectors';
+import { useToolStore } from '@/store/tool';
+import { pluginSelectors, toolSelectors } from '@/store/tool/selectors';
+import { useUserStore } from '@/store/user';
 import {
   commonSelectors,
   modelConfigSelectors,
   modelProviderSelectors,
   preferenceSelectors,
-} from '@/store/global/selectors';
-import { useSessionStore } from '@/store/session';
-import { sessionMetaSelectors } from '@/store/session/selectors';
-import { useToolStore } from '@/store/tool';
-import { pluginSelectors, toolSelectors } from '@/store/tool/selectors';
+} from '@/store/user/selectors';
 import { ChatErrorType } from '@/types/fetch';
 import { ChatMessage } from '@/types/message';
 import type { ChatStreamPayload, OpenAIChatMessage } from '@/types/openai/chat';
@@ -195,7 +195,7 @@ class ChatService {
 
     // check this model can use function call
     const canUseFC = modelProviderSelectors.isModelEnabledFunctionCall(payload.model)(
-      useGlobalStore.getState(),
+      useUserStore.getState(),
     );
     // the rule that model can use tools:
     // 1. tools is not empty
@@ -241,7 +241,7 @@ class ChatService {
     // if the provider is Azure, get the deployment name as the request model
     if (provider === ModelProvider.Azure) {
       const chatModelCards = modelProviderSelectors.getModelCardsById(provider)(
-        useGlobalStore.getState(),
+        useUserStore.getState(),
       );
 
       const deploymentName = chatModelCards.find((i) => i.id === model)?.deploymentName;
@@ -257,7 +257,7 @@ class ChatService {
      * Use browser agent runtime
      */
     const enableFetchOnClient = modelConfigSelectors.isProviderFetchOnClient(provider)(
-      useGlobalStore.getState(),
+      useUserStore.getState(),
     );
     /**
      * Notes:
@@ -391,7 +391,7 @@ class ChatService {
       if (imageList.length === 0) return m.content;
 
       const canUploadFile = modelProviderSelectors.isModelEnabledUpload(model)(
-        useGlobalStore.getState(),
+        useUserStore.getState(),
       );
 
       if (!canUploadFile) {
@@ -426,7 +426,7 @@ class ChatService {
     return produce(postMessages, (draft) => {
       if (!tools || tools.length === 0) return;
       const hasFC = modelProviderSelectors.isModelEnabledFunctionCall(model)(
-        useGlobalStore.getState(),
+        useUserStore.getState(),
       );
       if (!hasFC) return;
 
@@ -449,7 +449,7 @@ class ChatService {
   private mapTrace(trace?: TracePayload, tag?: TraceTagMap): TracePayload {
     const tags = sessionMetaSelectors.currentAgentMeta(useSessionStore.getState()).tags || [];
 
-    const enabled = preferenceSelectors.userAllowTrace(useGlobalStore.getState());
+    const enabled = preferenceSelectors.userAllowTrace(useUserStore.getState());
 
     if (!enabled) return { enabled: false };
 
@@ -457,7 +457,7 @@ class ChatService {
       ...trace,
       enabled: true,
       tags: [tag, ...(trace?.tags || []), ...tags].filter(Boolean) as string[],
-      userId: commonSelectors.userId(useGlobalStore.getState()),
+      userId: commonSelectors.userId(useUserStore.getState()),
     };
   }
 

package/src/services/config.ts

@@ -1,10 +1,10 @@
 import { messageService } from '@/services/message';
 import { sessionService } from '@/services/session';
 import { topicService } from '@/services/topic';
-import { useGlobalStore } from '@/store/global';
-import { settingsSelectors } from '@/store/global/selectors';
 import { useSessionStore } from '@/store/session';
 import { sessionSelectors } from '@/store/session/selectors';
+import { useUserStore } from '@/store/user';
+import { settingsSelectors } from '@/store/user/selectors';
 import { ConfigFile } from '@/types/exportConfig';
 import { ChatMessage } from '@/types/message';
 import { LobeSessions, SessionGroupItem } from '@/types/session';
@@ -36,7 +36,7 @@ class ConfigService {
     return messageService.batchCreateMessages(messages);
   };
   importSettings = async (settings: GlobalSettings) => {
-    useGlobalStore.getState().importAppSettings(settings);
+    useUserStore.getState().importAppSettings(settings);
   };
   importTopics = async (topics: ChatTopic[]) => {
     return topicService.batchCreateTopics(topics);
@@ -183,7 +183,7 @@ class ConfigService {
     exportConfigFile(config, 'config');
   };
 
-  private getSettings = () => settingsSelectors.exportSettings(useGlobalStore.getState());
+  private getSettings = () => settingsSelectors.exportSettings(useUserStore.getState());
 
   private getSession = (id: string) =>
     sessionSelectors.getSessionById(id)(useSessionStore.getState());