@lobehub/chat 0.150.9 → 0.150.10

package/CHANGELOG.md

@@ -2,6 +2,31 @@
 
 # Changelog
 
+### [Version 0.150.10](https://github.com/lobehub/lobe-chat/compare/v0.150.9...v0.150.10)
+
+<sup>Released on **2024-04-28**</sup>
+
+#### ♻ Code Refactoring
+
+- **misc**: Rename globalStore to userStore.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### Code refactoring
+
+- **misc**: Rename globalStore to userStore, closes [#2264](https://github.com/lobehub/lobe-chat/issues/2264) ([a3cb538](https://github.com/lobehub/lobe-chat/commit/a3cb538))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ### [Version 0.150.9](https://github.com/lobehub/lobe-chat/compare/v0.150.8...v0.150.9)
 
 <sup>Released on **2024-04-28**</sup>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "0.150.9",
+  "version": "0.150.10",
   "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/app/chat/(desktop)/features/ChatHeader/Tags.tsx

@@ -5,8 +5,8 @@ import ModelTag from '@/components/ModelTag';
 import ModelSwitchPanel from '@/features/ModelSwitchPanel';
 import { useAgentStore } from '@/store/agent';
 import { agentSelectors } from '@/store/agent/selectors';
-import { useGlobalStore } from '@/store/global';
-import { modelProviderSelectors } from '@/store/global/selectors';
+import { useUserStore } from '@/store/user';
+import { modelProviderSelectors } from '@/store/user/selectors';
 
 import PluginTag from '../../../features/PluginTag';
 
@@ -16,7 +16,7 @@ const TitleTags = memo(() => {
     agentSelectors.currentAgentPlugins(s),
   ]);
 
-  const showPlugin = useGlobalStore(modelProviderSelectors.isModelEnabledFunctionCall(model));
+  const showPlugin = useUserStore(modelProviderSelectors.isModelEnabledFunctionCall(model));
 
   return (
     <Flexbox gap={8} horizontal>

package/src/app/chat/(desktop)/features/ChatInput/Footer/DragUpload.tsx

@@ -9,8 +9,8 @@ import { Center, Flexbox } from 'react-layout-kit';
 import { useAgentStore } from '@/store/agent';
 import { agentSelectors } from '@/store/agent/selectors';
 import { useFileStore } from '@/store/file';
-import { useGlobalStore } from '@/store/global';
-import { modelProviderSelectors } from '@/store/global/selectors';
+import { useUserStore } from '@/store/user';
+import { modelProviderSelectors } from '@/store/user/selectors';
 
 const useStyles = createStyles(({ css, token, stylish }) => {
   return {
@@ -77,7 +77,7 @@ const DragUpload = memo(() => {
 
   const model = useAgentStore(agentSelectors.currentAgentModel);
 
-  const enabledFiles = useGlobalStore(modelProviderSelectors.isModelEnabledFiles(model));
+  const enabledFiles = useUserStore(modelProviderSelectors.isModelEnabledFiles(model));
 
   const uploadImages = async (fileList: FileList | undefined) => {
     if (!fileList || fileList.length === 0) return;

package/src/app/chat/(desktop)/features/ChatInput/Footer/SendMore.tsx

@@ -11,8 +11,8 @@ import HotKeys from '@/components/HotKeys';
 import { ALT_KEY } from '@/const/hotkeys';
 import { useSendMessage } from '@/features/ChatInput/useSend';
 import { useChatStore } from '@/store/chat';
-import { useGlobalStore } from '@/store/global';
-import { preferenceSelectors } from '@/store/global/selectors';
+import { useUserStore } from '@/store/user';
+import { preferenceSelectors } from '@/store/user/selectors';
 import { isMacOS } from '@/utils/platform';
 
 const useStyles = createStyles(({ css, prefixCls }) => {
@@ -32,7 +32,7 @@ const SendMore = memo(() => {
 
   const { styles } = useStyles();
 
-  const [useCmdEnterToSend, updatePreference] = useGlobalStore((s) => [
+  const [useCmdEnterToSend, updatePreference] = useUserStore((s) => [
     preferenceSelectors.useCmdEnterToSend(s),
     s.updatePreference,
   ]);

package/src/app/chat/(desktop)/features/ChatInput/Footer/index.tsx

@@ -13,8 +13,8 @@ import { useSendMessage } from '@/features/ChatInput/useSend';
 import { useAgentStore } from '@/store/agent';
 import { agentSelectors } from '@/store/agent/slices/chat';
 import { useChatStore } from '@/store/chat';
-import { useGlobalStore } from '@/store/global';
-import { modelProviderSelectors, preferenceSelectors } from '@/store/global/selectors';
+import { useUserStore } from '@/store/user';
+import { modelProviderSelectors, preferenceSelectors } from '@/store/user/selectors';
 import { isMacOS } from '@/utils/platform';
 
 import DragUpload from './DragUpload';
@@ -66,7 +66,7 @@ const Footer = memo<FooterProps>(({ setExpand }) => {
 
   const model = useAgentStore(agentSelectors.currentAgentModel);
 
-  const [useCmdEnterToSend, canUpload] = useGlobalStore((s) => [
+  const [useCmdEnterToSend, canUpload] = useUserStore((s) => [
     preferenceSelectors.useCmdEnterToSend(s),
     modelProviderSelectors.isModelEnabledUpload(model)(s),
   ]);

package/src/app/chat/(desktop)/features/ChatInput/TextArea.test.tsx

@@ -3,7 +3,7 @@ import React from 'react';
 import { beforeEach, describe, expect, it, vi } from 'vitest';
 
 import { useChatStore } from '@/store/chat';
-import { useGlobalStore } from '@/store/global';
+import { useUserStore } from '@/store/user';
 
 import InputArea from './TextArea';
 
@@ -232,7 +232,7 @@ describe('<InputArea />', () => {
             inputMessage: '123',
             sendMessage: sendMessageMock,
           });
-          useGlobalStore.getState().updatePreference({ useCmdEnterToSend: true });
+          useUserStore.getState().updatePreference({ useCmdEnterToSend: true });
         });
 
         render(<InputArea setExpand={setExpandMock} />);
@@ -252,7 +252,7 @@ describe('<InputArea />', () => {
             sendMessage: sendMessageMock,
             updateInputMessage: updateInputMessageMock,
           });
-          useGlobalStore.getState().updatePreference({ useCmdEnterToSend: false });
+          useUserStore.getState().updatePreference({ useCmdEnterToSend: false });
         });
 
         render(<InputArea setExpand={setExpandMock} />);
@@ -275,7 +275,7 @@ describe('<InputArea />', () => {
             inputMessage: '123',
             sendMessage: sendMessageMock,
           });
-          useGlobalStore.getState().updatePreference({ useCmdEnterToSend: true });
+          useUserStore.getState().updatePreference({ useCmdEnterToSend: true });
         });
 
         render(<InputArea setExpand={setExpandMock} />);
@@ -300,7 +300,7 @@ describe('<InputArea />', () => {
             sendMessage: sendMessageMock,
             updateInputMessage: updateInputMessageMock,
           });
-          useGlobalStore.getState().updatePreference({ useCmdEnterToSend: false });
+          useUserStore.getState().updatePreference({ useCmdEnterToSend: false });
         });
 
         render(<InputArea setExpand={setExpandMock} />);

package/src/app/chat/(desktop)/features/ChatInput/TextArea.tsx

@@ -6,8 +6,8 @@ import { useTranslation } from 'react-i18next';
 
 import { useSendMessage } from '@/features/ChatInput/useSend';
 import { useChatStore } from '@/store/chat';
-import { useGlobalStore } from '@/store/global';
-import { preferenceSelectors } from '@/store/global/selectors';
+import { useUserStore } from '@/store/user';
+import { preferenceSelectors } from '@/store/user/selectors';
 import { isCommandPressed } from '@/utils/keyboard';
 
 import { useAutoFocus } from './useAutoFocus';
@@ -47,7 +47,7 @@ const InputArea = memo<InputAreaProps>(({ setExpand }) => {
     s.updateInputMessage,
   ]);
 
-  const useCmdEnterToSend = useGlobalStore(preferenceSelectors.useCmdEnterToSend);
+  const useCmdEnterToSend = useUserStore(preferenceSelectors.useCmdEnterToSend);
 
   const sendMessage = useSendMessage();
 

package/src/app/chat/(mobile)/features/SessionHeader.tsx

@@ -7,10 +7,10 @@ import { Flexbox } from 'react-layout-kit';
 
 import { MOBILE_HEADER_ICON_SIZE } from '@/const/layoutTokens';
 import SyncStatusInspector from '@/features/SyncStatusInspector';
-import { useGlobalStore } from '@/store/global';
-import { commonSelectors } from '@/store/global/selectors';
 import { featureFlagsSelectors, useServerConfigStore } from '@/store/serverConfig';
 import { useSessionStore } from '@/store/session';
+import { useUserStore } from '@/store/user';
+import { commonSelectors } from '@/store/user/selectors';
 import { mobileHeaderSticky } from '@/styles/mobileHeader';
 
 export const useStyles = createStyles(({ css, token }) => ({
@@ -26,7 +26,7 @@ export const useStyles = createStyles(({ css, token }) => ({
 const Header = memo(() => {
   const [createSession] = useSessionStore((s) => [s.createSession]);
   const router = useRouter();
-  const avatar = useGlobalStore(commonSelectors.userAvatar);
+  const avatar = useUserStore(commonSelectors.userAvatar);
   const { showCreateSession } = useServerConfigStore(featureFlagsSelectors);
 
   return (

package/src/app/chat/features/ShareButton/ShareModal.tsx

@@ -6,8 +6,8 @@ import { Flexbox } from 'react-layout-kit';
 
 import { FORM_STYLE } from '@/const/layoutTokens';
 import { useChatStore } from '@/store/chat';
-import { useGlobalStore } from '@/store/global';
-import { commonSelectors } from '@/store/global/selectors';
+import { useUserStore } from '@/store/user';
+import { commonSelectors } from '@/store/user/selectors';
 
 import Preview from './Preview';
 import { FieldType, ImageType } from './type';
@@ -49,7 +49,7 @@ const ShareModal = memo<ModalProps>(({ onCancel, open }) => {
   const [fieldValue, setFieldValue] = useState<FieldType>(DEFAULT_FIELD_VALUE);
   const [tab, setTab] = useState<Tab>(Tab.Screenshot);
   const { t } = useTranslation('chat');
-  const avatar = useGlobalStore(commonSelectors.userAvatar);
+  const avatar = useUserStore(commonSelectors.userAvatar);
   const [shareLoading, shareToShareGPT] = useChatStore((s) => [s.shareLoading, s.shareToShareGPT]);
   const { loading, onDownload, title } = useScreenshot(fieldValue.imageType);
 

package/src/app/chat/features/TelemetryNotification/index.tsx

@@ -9,9 +9,9 @@ import { useTranslation } from 'react-i18next';
 import { Flexbox } from 'react-layout-kit';
 
 import { PRIVACY_URL } from '@/const/url';
-import { useGlobalStore } from '@/store/global';
 import { useServerConfigStore } from '@/store/serverConfig';
 import { serverConfigSelectors } from '@/store/serverConfig/selectors';
+import { useUserStore } from '@/store/user';
 
 const useStyles = createStyles(({ css, token, isDarkMode }) => ({
   container: css`
@@ -58,7 +58,7 @@ const TelemetryNotification = memo<{ mobile?: boolean }>(({ mobile }) => {
   const { t } = useTranslation('common');
   const shouldCheck = useServerConfigStore(serverConfigSelectors.enabledTelemetryChat);
 
-  const [useCheckTrace, updatePreference] = useGlobalStore((s) => [
+  const [useCheckTrace, updatePreference] = useUserStore((s) => [
     s.useCheckTrace,
     s.updatePreference,
   ]);

package/src/app/chat/features/TopicListContent/Topic/index.tsx

@@ -9,7 +9,7 @@ import { Virtuoso, VirtuosoHandle } from 'react-virtuoso';
 import { imageUrl } from '@/const/url';
 import { useChatStore } from '@/store/chat';
 import { topicSelectors } from '@/store/chat/selectors';
-import { useGlobalStore } from '@/store/global';
+import { useUserStore } from '@/store/user';
 import { ChatTopic } from '@/types/topic';
 
 import { Placeholder, SkeletonList } from './SkeletonList';
@@ -30,7 +30,7 @@ export const Topic = memo(() => {
     s.activeTopicId,
     topicSelectors.currentTopicLength(s),
   ]);
-  const [visible, updateGuideState] = useGlobalStore((s) => [
+  const [visible, updateGuideState] = useUserStore((s) => [
     s.preference.guide?.topic,
     s.updateGuideState,
   ]);

package/src/app/chat/settings/features/SubmitAgentButton/SubmitAgentModal.tsx

@@ -12,10 +12,10 @@ import { AGENTS_INDEX_GITHUB_ISSUE } from '@/const/url';
 import AgentInfo from '@/features/AgentInfo';
 import { useAgentStore } from '@/store/agent';
 import { agentSelectors } from '@/store/agent/selectors';
-import { useGlobalStore } from '@/store/global';
-import { settingsSelectors } from '@/store/global/selectors';
 import { useSessionStore } from '@/store/session';
 import { sessionMetaSelectors } from '@/store/session/selectors';
+import { useUserStore } from '@/store/user';
+import { settingsSelectors } from '@/store/user/selectors';
 
 const SubmitAgentModal = memo<ModalProps>(({ open, onCancel }) => {
   const { t } = useTranslation('setting');
@@ -23,7 +23,7 @@ const SubmitAgentModal = memo<ModalProps>(({ open, onCancel }) => {
   const systemRole = useAgentStore(agentSelectors.currentAgentSystemRole);
   const theme = useTheme();
   const meta = useSessionStore(sessionMetaSelectors.currentAgentMeta, isEqual);
-  const language = useGlobalStore((s) => settingsSelectors.currentSettings(s).language);
+  const language = useUserStore((s) => settingsSelectors.currentSettings(s).language);
 
   const isMetaPass = Boolean(
     meta && meta.title && meta.description && (meta.tags as string[])?.length > 0 && meta.avatar,

package/src/app/settings/(mobile)/index.tsx

@@ -7,8 +7,8 @@ import { Center, Flexbox } from 'react-layout-kit';
 
 import { CURRENT_VERSION } from '@/const/version';
 import AvatarWithUpload from '@/features/AvatarWithUpload';
-import { useGlobalStore } from '@/store/global';
-import { commonSelectors } from '@/store/global/selectors';
+import { useUserStore } from '@/store/user';
+import { commonSelectors } from '@/store/user/selectors';
 
 import SettingList from '../features/SettingList';
 import AvatarBanner from './features/AvatarBanner';
@@ -26,7 +26,7 @@ const useStyles = createStyles(({ css, token }) => ({
 }));
 
 const Setting = memo(() => {
-  const avatar = useGlobalStore(commonSelectors.userAvatar);
+  const avatar = useUserStore(commonSelectors.userAvatar);
   const { styles } = useStyles();
 
   return (

package/src/app/settings/about/Analytics.tsx

@@ -4,14 +4,14 @@ import { useTranslation } from 'react-i18next';
 import { Flexbox } from 'react-layout-kit';
 
 import { useStyles } from '@/app/settings/about/style';
-import { useGlobalStore } from '@/store/global';
-import { preferenceSelectors } from '@/store/global/selectors';
+import { useUserStore } from '@/store/user';
+import { preferenceSelectors } from '@/store/user/selectors';
 
 const Analytics = memo(() => {
   const { t } = useTranslation('setting');
   const { styles } = useStyles();
-  const checked = useGlobalStore(preferenceSelectors.userAllowTrace);
-  const [updatePreference] = useGlobalStore((s) => [s.updatePreference]);
+  const checked = useUserStore(preferenceSelectors.userAllowTrace);
+  const [updatePreference] = useUserStore((s) => [s.updatePreference]);
 
   return (
     <div className={styles.wrapper}>

package/src/app/settings/agent/Agent.tsx

@@ -5,13 +5,13 @@ import { INBOX_SESSION_ID } from '@/const/session';
 import AgentSetting from '@/features/AgentSetting';
 import { useAgentStore } from '@/store/agent';
 import { agentSelectors } from '@/store/agent/selectors';
-import { useGlobalStore } from '@/store/global';
-import { settingsSelectors } from '@/store/global/selectors';
+import { useUserStore } from '@/store/user';
+import { settingsSelectors } from '@/store/user/selectors';
 
 const Agent = memo(() => {
   const config = useAgentStore(agentSelectors.defaultAgentConfig, isEqual);
-  const meta = useGlobalStore(settingsSelectors.defaultAgentMeta, isEqual);
-  const [updateAgent] = useGlobalStore((s) => [s.updateDefaultAgent]);
+  const meta = useUserStore(settingsSelectors.defaultAgentMeta, isEqual);
+  const [updateAgent] = useUserStore((s) => [s.updateDefaultAgent]);
 
   return (
     <AgentSetting

package/src/app/settings/common/Common.tsx

@@ -12,10 +12,10 @@ import { DEFAULT_SETTINGS } from '@/const/settings';
 import { useOAuthSession } from '@/hooks/useOAuthSession';
 import { useChatStore } from '@/store/chat';
 import { useFileStore } from '@/store/file';
-import { useGlobalStore } from '@/store/global';
-import { settingsSelectors } from '@/store/global/selectors';
 import { useSessionStore } from '@/store/session';
 import { useToolStore } from '@/store/tool';
+import { useUserStore } from '@/store/user';
+import { settingsSelectors } from '@/store/user/selectors';
 
 type SettingItemGroup = ItemGroup;
 
@@ -40,8 +40,8 @@ const Common = memo<SettingsCommonProps>(({ showAccessCodeConfig, showOAuthLogin
   ]);
   const [removeAllFiles] = useFileStore((s) => [s.removeAllFiles]);
   const removeAllPlugins = useToolStore((s) => s.removeAllPlugins);
-  const settings = useGlobalStore(settingsSelectors.currentSettings, isEqual);
-  const [setSettings, resetSettings] = useGlobalStore((s) => [s.setSettings, s.resetSettings]);
+  const settings = useUserStore(settingsSelectors.currentSettings, isEqual);
+  const [setSettings, resetSettings] = useUserStore((s) => [s.setSettings, s.resetSettings]);
 
   const { message, modal } = App.useApp();
 

package/src/app/settings/common/Theme.tsx

@@ -10,8 +10,8 @@ import { FORM_STYLE } from '@/const/layoutTokens';
 import { imageUrl } from '@/const/url';
 import AvatarWithUpload from '@/features/AvatarWithUpload';
 import { localeOptions } from '@/locales/resources';
-import { useGlobalStore } from '@/store/global';
-import { settingsSelectors } from '@/store/global/selectors';
+import { useUserStore } from '@/store/user';
+import { settingsSelectors } from '@/store/user/selectors';
 import { switchLang } from '@/utils/client/switchLang';
 
 import { ThemeSwatchesNeutral, ThemeSwatchesPrimary } from '../features/ThemeSwatches';
@@ -22,8 +22,8 @@ const Theme = memo(() => {
   const { t } = useTranslation('setting');
   const [form] = AntForm.useForm();
 
-  const settings = useGlobalStore(settingsSelectors.currentSettings, isEqual);
-  const [setThemeMode, setSettings] = useGlobalStore((s) => [s.switchThemeMode, s.setSettings]);
+  const settings = useUserStore(settingsSelectors.currentSettings, isEqual);
+  const [setThemeMode, setSettings] = useUserStore((s) => [s.switchThemeMode, s.setSettings]);
 
   useSyncSettings(form);
 

package/src/app/settings/features/ThemeSwatches/ThemeSwatchesNeutral.tsx

@@ -7,11 +7,11 @@ import {
 } from '@lobehub/ui';
 import { memo } from 'react';
 
-import { useGlobalStore } from '@/store/global';
-import { settingsSelectors } from '@/store/global/selectors';
+import { useUserStore } from '@/store/user';
+import { settingsSelectors } from '@/store/user/selectors';
 
 const ThemeSwatchesNeutral = memo(() => {
-  const [neutralColor, setSettings] = useGlobalStore((s) => [
+  const [neutralColor, setSettings] = useUserStore((s) => [
     settingsSelectors.currentSettings(s).neutralColor,
     s.setSettings,
   ]);

package/src/app/settings/features/ThemeSwatches/ThemeSwatchesPrimary.tsx

@@ -7,11 +7,11 @@ import {
 } from '@lobehub/ui';
 import { memo } from 'react';
 
-import { useGlobalStore } from '@/store/global';
-import { settingsSelectors } from '@/store/global/selectors';
+import { useUserStore } from '@/store/user';
+import { settingsSelectors } from '@/store/user/selectors';
 
 const ThemeSwatchesPrimary = memo(() => {
-  const [primaryColor, setSettings] = useGlobalStore((s) => [
+  const [primaryColor, setSettings] = useUserStore((s) => [
     settingsSelectors.currentSettings(s).primaryColor,
     s.setSettings,
   ]);

package/src/app/settings/hooks/useSyncSettings.ts

@@ -1,15 +1,15 @@
 import { FormInstance } from 'antd/es/form/hooks/useForm';
 import { useEffect } from 'react';
 
-import { useGlobalStore } from '@/store/global';
+import { useUserStore } from '@/store/user';
 
 export const useSyncSettings = (form: FormInstance) => {
   useEffect(() => {
     // set the first time
-    form.setFieldsValue(useGlobalStore.getState().settings);
+    form.setFieldsValue(useUserStore.getState().settings);
 
     // sync with later updated settings
-    const unsubscribe = useGlobalStore.subscribe(
+    const unsubscribe = useUserStore.subscribe(
       (s) => s.settings,
       (settings) => {
         form.setFieldsValue(settings);

package/src/app/settings/llm/Azure/index.tsx

@@ -7,8 +7,8 @@ import { useTranslation } from 'react-i18next';
 import { Flexbox } from 'react-layout-kit';
 
 import { ModelProvider } from '@/libs/agent-runtime';
-import { useGlobalStore } from '@/store/global';
-import { modelProviderSelectors } from '@/store/global/selectors';
+import { useUserStore } from '@/store/user';
+import { modelProviderSelectors } from '@/store/user/selectors';
 
 import ProviderConfig from '../components/ProviderConfig';
 import { LLMProviderApiTokenKey, LLMProviderBaseUrlKey, LLMProviderConfigKey } from '../const';
@@ -33,7 +33,7 @@ const AzureOpenAIProvider = memo(() => {
   const { styles } = useStyles();
 
   // Get the first model card's deployment name as the check model
-  const checkModel = useGlobalStore((s) => {
+  const checkModel = useUserStore((s) => {
     const chatModelCards = modelProviderSelectors.getModelCardsById(providerKey)(s);
 
     if (chatModelCards.length > 0) {

package/src/app/settings/llm/components/ProviderConfig/index.tsx

@@ -12,8 +12,8 @@ import {
   LLMProviderModelListKey,
 } from '@/app/settings/llm/const';
 import { FORM_STYLE } from '@/const/layoutTokens';
-import { useGlobalStore } from '@/store/global';
-import { modelConfigSelectors } from '@/store/global/selectors';
+import { useUserStore } from '@/store/user';
+import { modelConfigSelectors } from '@/store/user/selectors';
 import { GlobalLLMProviderKey } from '@/types/settings';
 
 import Checker from '../Checker';
@@ -59,7 +59,7 @@ const ProviderConfig = memo<ProviderConfigProps>(
       enabled,
       isFetchOnClient,
       isProviderEndpointNotEmpty,
-    ] = useGlobalStore((s) => [
+    ] = useUserStore((s) => [
       s.toggleProviderEnabled,
       s.setSettings,
       modelConfigSelectors.isProviderEnabled(provider)(s),

package/src/app/settings/llm/components/ProviderModelList/CustomModelOption.tsx

@@ -8,8 +8,8 @@ import { Flexbox } from 'react-layout-kit';
 
 import ModelIcon from '@/components/ModelIcon';
 import { ModelInfoTags } from '@/components/ModelSelect';
-import { useGlobalStore } from '@/store/global';
-import { modelConfigSelectors } from '@/store/global/selectors';
+import { useUserStore } from '@/store/user';
+import { modelConfigSelectors } from '@/store/user/selectors';
 import { GlobalLLMProviderKey } from '@/types/settings';
 
 interface CustomModelOptionProps {
@@ -23,12 +23,12 @@ const CustomModelOption = memo<CustomModelOptionProps>(({ id, provider }) => {
   const { modal } = App.useApp();
 
   const [dispatchCustomModelCards, toggleEditingCustomModelCard, removeEnabledModels] =
-    useGlobalStore((s) => [
+    useUserStore((s) => [
       s.dispatchCustomModelCards,
       s.toggleEditingCustomModelCard,
       s.removeEnabledModels,
     ]);
-  const modelCard = useGlobalStore(
+  const modelCard = useUserStore(
     modelConfigSelectors.getCustomModelCard({ id, provider }),
     isEqual,
   );

package/src/app/settings/llm/components/ProviderModelList/ModelConfigModal.tsx

@@ -4,8 +4,8 @@ import isEqual from 'fast-deep-equal';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 
-import { useGlobalStore } from '@/store/global';
-import { modelConfigSelectors } from '@/store/global/slices/settings/selectors';
+import { useUserStore } from '@/store/user';
+import { modelConfigSelectors } from '@/store/user/selectors';
 
 import MaxTokenSlider from './MaxTokenSlider';
 
@@ -18,7 +18,7 @@ const ModelConfigModal = memo<ModelConfigModalProps>(({ showAzureDeployName, pro
   const { t } = useTranslation('setting');
 
   const [open, id, editingProvider, dispatchCustomModelCards, toggleEditingCustomModelCard] =
-    useGlobalStore((s) => [
+    useUserStore((s) => [
       !!s.editingCustomCardModel && provider === s.editingCustomCardModel?.provider,
       s.editingCustomCardModel?.id,
       s.editingCustomCardModel?.provider,
@@ -26,7 +26,7 @@ const ModelConfigModal = memo<ModelConfigModalProps>(({ showAzureDeployName, pro
       s.toggleEditingCustomModelCard,
     ]);
 
-  const modelCard = useGlobalStore(
+  const modelCard = useUserStore(
     modelConfigSelectors.getCustomModelCard({ id, provider: editingProvider }),
     isEqual,
   );

package/src/app/settings/llm/components/ProviderModelList/ModelFetcher.tsx

@@ -7,12 +7,12 @@ import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Flexbox } from 'react-layout-kit';
 
-import { useGlobalStore } from '@/store/global';
+import { useUserStore } from '@/store/user';
 import {
   modelConfigSelectors,
   modelProviderSelectors,
   settingsSelectors,
-} from '@/store/global/selectors';
+} from '@/store/user/selectors';
 import { GlobalLLMProviderKey } from '@/types/settings';
 
 const useStyles = createStyles(({ css, token }) => ({
@@ -36,15 +36,15 @@ interface ModelFetcherProps {
 const ModelFetcher = memo<ModelFetcherProps>(({ provider }) => {
   const { styles } = useStyles();
   const { t } = useTranslation('setting');
-  const [useFetchProviderModelList] = useGlobalStore((s) => [
+  const [useFetchProviderModelList] = useUserStore((s) => [
     s.useFetchProviderModelList,
     s.setModelProviderConfig,
   ]);
-  const enabledAutoFetch = useGlobalStore(modelConfigSelectors.isAutoFetchModelsEnabled(provider));
-  const latestFetchTime = useGlobalStore(
+  const enabledAutoFetch = useUserStore(modelConfigSelectors.isAutoFetchModelsEnabled(provider));
+  const latestFetchTime = useUserStore(
     (s) => settingsSelectors.providerConfig(provider)(s)?.latestFetchTime,
   );
-  const totalModels = useGlobalStore(
+  const totalModels = useUserStore(
     (s) => modelProviderSelectors.getModelCardsById(provider)(s).length,
   );
 

package/src/app/settings/llm/components/ProviderModelList/Option.tsx

@@ -5,8 +5,8 @@ import { Flexbox } from 'react-layout-kit';
 
 import ModelIcon from '@/components/ModelIcon';
 import { ModelInfoTags } from '@/components/ModelSelect';
-import { useGlobalStore } from '@/store/global';
-import { modelProviderSelectors } from '@/store/global/selectors';
+import { useUserStore } from '@/store/user';
+import { modelProviderSelectors } from '@/store/user/selectors';
 import { GlobalLLMProviderKey } from '@/types/settings';
 
 import CustomModelOption from './CustomModelOption';
@@ -18,7 +18,7 @@ interface OptionRenderProps {
   provider: GlobalLLMProviderKey;
 }
 const OptionRender = memo<OptionRenderProps>(({ displayName, id, provider, isAzure }) => {
-  const model = useGlobalStore((s) => modelProviderSelectors.getModelCardById(id)(s), isEqual);
+  const model = useUserStore((s) => modelProviderSelectors.getModelCardById(id)(s), isEqual);
 
   // if there is isCustom, it means it is a user defined custom model
   if (model?.isCustom || isAzure) return <CustomModelOption id={id} provider={provider} />;