@lobehub/chat 1.52.11 → 1.52.12

package/CHANGELOG.md

@@ -2,6 +2,31 @@
 
 # Changelog
 
+### [Version 1.52.12](https://github.com/lobehub/lobe-chat/compare/v1.52.11...v1.52.12)
+
+<sup>Released on **2025-02-10**</sup>
+
+#### 🐛 Bug Fixes
+
+- **misc**: Fix language incorrect on page hydration.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### What's fixed
+
+- **misc**: Fix language incorrect on page hydration, closes [#5970](https://github.com/lobehub/lobe-chat/issues/5970) ([91912cf](https://github.com/lobehub/lobe-chat/commit/91912cf))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ### [Version 1.52.11](https://github.com/lobehub/lobe-chat/compare/v1.52.10...v1.52.11)
 
 <sup>Released on **2025-02-10**</sup>

package/changelog/v1.json

@@ -1,4 +1,13 @@
 [
+  {
+    "children": {
+      "fixes": [
+        "Fix language incorrect on page hydration."
+      ]
+    },
+    "date": "2025-02-10",
+    "version": "1.52.12"
+  },
   {
     "children": {
       "improvements": [

package/docs/self-hosting/environment-variables/auth.zh-CN.mdx

@@ -47,7 +47,7 @@ LobeChat 在部署时提供了完善的身份验证服务能力，以下是相
 - 默认值: `-`
 - 示例: `evCnOJP1UX8FMnXR9Xkj5t0NyFn5p70P`
 
-#### `AUTH_AUTH_SECRET`
+#### `AUTH_AUTH0_SECRET`
 
 - 类型：必选
 - 描述: Auth0 应用程序的 Client Secret
@@ -280,4 +280,4 @@ LobeChat 在部署时提供了完善的身份验证服务能力，以下是相
 - 类型：必选
 - 描述： Clerk 应用程序的 Secret key。您可以在[这里](https://dashboard.clerk.com)访问，并导航到 API Keys 以查看。
 - 默认值：`-`
-- 示例： `sk_test_513Ma0P7IAWM1XMv4waxZjRYRajWTaCfJLjpEO3SD2` （测试环境） / `sk_live_eMMlHjwJvZFUfczFljSKqZdwQtLvmczmsJSNmdrpeZ`（生产环境）
+- 示例： `sk_test_513Ma0P7IAWM1XMv4waxZjRYRajWTaCfJLjpEO3SD2` （测试环境） / `sk_live_eMMlHjwJvZFUfczFljSKqZdwQtLvmczmsJSNmdrpeZ`（生产环境）

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "1.52.11",
+  "version": "1.52.12",
   "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/[variants]/(main)/chat/(workspace)/@conversation/features/ChatList/WelcomeChatItem/InboxWelcome/AgentsSuggest.tsx

@@ -12,8 +12,8 @@ import useSWR from 'swr';
 import urlJoin from 'url-join';
 
 import { assistantService } from '@/services/assistant';
-import { useUserStore } from '@/store/user';
-import { userGeneralSettingsSelectors } from '@/store/user/selectors';
+import { useGlobalStore } from '@/store/global';
+import { globalGeneralSelectors } from '@/store/global/selectors';
 import { DiscoverAssistantItem } from '@/types/discover';
 
 const { Paragraph } = Typography;
@@ -60,7 +60,7 @@ const useStyles = createStyles(({ css, token, responsive }) => ({
 
 const AgentsSuggest = memo<{ mobile?: boolean }>(({ mobile }) => {
   const { t } = useTranslation('welcome');
-  const locale = useUserStore(userGeneralSettingsSelectors.currentLanguage);
+  const locale = useGlobalStore(globalGeneralSelectors.currentLanguage);
   const [sliceStart, setSliceStart] = useState(0);
 
   const { data: assistantList, isLoading } = useSWR(

package/src/app/[variants]/(main)/chat/@session/features/SessionListContent/DefaultMode.tsx

@@ -68,7 +68,7 @@ const DefaultMode = memo(() => {
           label: t('defaultList'),
         },
       ].filter(Boolean) as CollapseProps['items'],
-    [customSessionGroups, pinnedSessions, defaultSessions],
+    [t, customSessionGroups, pinnedSessions, defaultSessions],
   );
 
   return (

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

@@ -14,10 +14,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 { globalGeneralSelectors } from '@/store/global/selectors';
 import { useSessionStore } from '@/store/session';
 import { sessionMetaSelectors } from '@/store/session/selectors';
-import { useUserStore } from '@/store/user';
-import { userGeneralSettingsSelectors } from '@/store/user/selectors';
 
 const SubmitAgentModal = memo<ModalProps>(({ open, onCancel }) => {
   const { t } = useTranslation('setting');
@@ -25,7 +25,7 @@ const SubmitAgentModal = memo<ModalProps>(({ open, onCancel }) => {
   const systemRole = useAgentStore(agentSelectors.currentAgentSystemRole);
   const theme = useTheme();
   const meta = useSessionStore(sessionMetaSelectors.currentAgentMeta, isEqual);
-  const language = useUserStore((s) => userGeneralSettingsSelectors.currentLanguage(s));
+  const language = useGlobalStore(globalGeneralSelectors.currentLanguage);
 
   const isMetaPass = Boolean(
     meta && meta.title && meta.description && (meta.tags as string[])?.length > 0 && meta.avatar,

package/src/app/[variants]/(main)/settings/common/features/Theme/index.tsx

@@ -4,7 +4,6 @@ import { Form, type ItemGroup, SelectWithImg, SliderWithInput } from '@lobehub/u
 import { Select } from 'antd';
 import isEqual from 'fast-deep-equal';
 import { Monitor, Moon, Sun } from 'lucide-react';
-import { useRouter } from 'next/navigation';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 
@@ -12,9 +11,9 @@ import { useSyncSettings } from '@/app/[variants]/(main)/settings/hooks/useSyncS
 import { FORM_STYLE } from '@/const/layoutTokens';
 import { imageUrl } from '@/const/url';
 import { Locales, localeOptions } from '@/locales/resources';
+import { useGlobalStore } from '@/store/global';
 import { useUserStore } from '@/store/user';
 import { settingsSelectors, userGeneralSettingsSelectors } from '@/store/user/selectors';
-import { switchLang } from '@/utils/client/switchLang';
 
 import { ThemeSwatchesNeutral, ThemeSwatchesPrimary } from './ThemeSwatches';
 
@@ -22,17 +21,17 @@ type SettingItemGroup = ItemGroup;
 
 const Theme = memo(() => {
   const { t } = useTranslation('setting');
-  const router = useRouter();
+
   const [form] = Form.useForm();
   const settings = useUserStore(settingsSelectors.currentSettings, isEqual);
   const themeMode = useUserStore(userGeneralSettingsSelectors.currentThemeMode);
   const [setThemeMode, setSettings] = useUserStore((s) => [s.switchThemeMode, s.setSettings]);
 
   useSyncSettings(form);
+  const [switchLocale] = useGlobalStore((s) => [s.switchLocale]);
 
   const handleLangChange = (value: Locales) => {
-    switchLang(value);
-    router.refresh();
+    switchLocale(value);
   };
 
   const theme: SettingItemGroup = {

package/src/chains/__tests__/summaryAgentName.test.ts

@@ -1,11 +1,11 @@
 import { Mock, describe, expect, it } from 'vitest';
 
-import { globalHelpers } from '@/store/user/helpers';
+import { globalHelpers } from '@/store/global/helpers';
 
 import { chainSummaryAgentName } from '../summaryAgentName';
 
 // Mock the getCurrentLanguage function
-vi.mock('@/store/user/helpers', () => ({
+vi.mock('@/store/global/helpers', () => ({
   globalHelpers: {
     getCurrentLanguage: vi.fn(),
   },

package/src/chains/__tests__/summaryDescription.test.ts

@@ -1,11 +1,11 @@
 import { Mock, describe, expect, it, vi } from 'vitest';
 
-import { globalHelpers } from '@/store/user/helpers';
+import { globalHelpers } from '@/store/global/helpers';
 
 import { chainSummaryDescription } from '../summaryDescription';
 
 // Mock the globalHelpers.getCurrentLanguage function
-vi.mock('@/store/user/helpers', () => ({
+vi.mock('@/store/global/helpers', () => ({
   globalHelpers: {
     getCurrentLanguage: vi.fn(() => 'en-US'),
   },

package/src/chains/__tests__/summaryHistory.test.ts

@@ -1,7 +1,7 @@
 import { Mock, describe, expect, it, vi } from 'vitest';
 
 import { chatHelpers } from '@/store/chat/helpers';
-import { globalHelpers } from '@/store/user/helpers';
+import { globalHelpers } from '@/store/global/helpers';
 import { ChatMessage } from '@/types/message';
 import { OpenAIChatMessage } from '@/types/openai/chat';
 

package/src/chains/__tests__/summaryTags.test.ts

@@ -1,11 +1,11 @@
 import { Mock, describe, expect, it } from 'vitest';
 
-import { globalHelpers } from '@/store/user/helpers';
+import { globalHelpers } from '@/store/global/helpers';
 
 import { chainSummaryTags } from '../summaryTags';
 
 // Mock the getCurrentLanguage function
-vi.mock('@/store/user/helpers', () => ({
+vi.mock('@/store/global/helpers', () => ({
   globalHelpers: {
     getCurrentLanguage: vi.fn(),
   },

package/src/chains/__tests__/summaryTitle.test.ts

@@ -1,13 +1,13 @@
 import { Mock, describe, expect, it, vi } from 'vitest';
 
 import { chatHelpers } from '@/store/chat/helpers';
-import { globalHelpers } from '@/store/user/helpers';
+import { globalHelpers } from '@/store/global/helpers';
 import { OpenAIChatMessage } from '@/types/openai/chat';
 
 import { chainSummaryTitle } from '../summaryTitle';
 
 // Mock the getCurrentLanguage function
-vi.mock('@/store/user/helpers', () => ({
+vi.mock('@/store/global/helpers', () => ({
   globalHelpers: {
     getCurrentLanguage: vi.fn(),
   },

package/src/chains/summaryAgentName.ts

@@ -1,4 +1,4 @@
-import { globalHelpers } from '@/store/user/helpers';
+import { globalHelpers } from '@/store/global/helpers';
 import { ChatStreamPayload } from '@/types/openai/chat';
 
 /**

package/src/chains/summaryDescription.ts

@@ -1,4 +1,4 @@
-import { globalHelpers } from '@/store/user/helpers';
+import { globalHelpers } from '@/store/global/helpers';
 import { ChatStreamPayload } from '@/types/openai/chat';
 
 export const chainSummaryDescription = (content: string): Partial<ChatStreamPayload> => ({

package/src/chains/summaryTags.ts

@@ -1,4 +1,4 @@
-import { globalHelpers } from '@/store/user/helpers';
+import { globalHelpers } from '@/store/global/helpers';
 import { ChatStreamPayload } from '@/types/openai/chat';
 
 export const chainSummaryTags = (content: string): Partial<ChatStreamPayload> => ({

package/src/chains/summaryTitle.ts

@@ -1,4 +1,4 @@
-import { globalHelpers } from '@/store/user/helpers';
+import { globalHelpers } from '@/store/global/helpers';
 import { ChatStreamPayload, OpenAIChatMessage } from '@/types/openai/chat';
 
 export const chainSummaryTitle = (messages: OpenAIChatMessage[]): Partial<ChatStreamPayload> => {

package/src/const/settings/common.ts

@@ -2,6 +2,5 @@ import { UserGeneralConfig } from '@/types/user/settings';
 
 export const DEFAULT_COMMON_SETTINGS: UserGeneralConfig = {
   fontSize: 14,
-  language: 'auto',
   themeMode: 'auto',
 };

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

@@ -6,8 +6,8 @@ import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Flexbox } from 'react-layout-kit';
 
-import { useUserStore } from '@/store/user';
-import { userGeneralSettingsSelectors } from '@/store/user/selectors';
+import { useGlobalStore } from '@/store/global';
+import { globalGeneralSelectors } from '@/store/global/selectors';
 
 const EmojiPicker = dynamic(() => import('@lobehub/ui/es/EmojiPicker'), { ssr: false });
 
@@ -24,7 +24,7 @@ const AutoGenerateAvatar = memo<AutoGenerateAvatarProps>(
   ({ loading, background, value, onChange, onGenerate, canAutoGenerate }) => {
     const { t } = useTranslation('common');
     const theme = useTheme();
-    const locale = useUserStore(userGeneralSettingsSelectors.currentLanguage);
+    const locale = useGlobalStore(globalGeneralSelectors.currentLanguage);
 
     return (
       <Flexbox>

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

@@ -9,8 +9,8 @@ import { memo, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import { FORM_STYLE } from '@/const/layoutTokens';
-import { useUserStore } from '@/store/user';
-import { userGeneralSettingsSelectors } from '@/store/user/selectors';
+import { useGlobalStore } from '@/store/global';
+import { globalGeneralSelectors } from '@/store/global/selectors';
 
 import { useStore } from '../store';
 import { useAgentSyncSettings } from '../useSyncAgemtSettings';
@@ -23,8 +23,8 @@ const { openaiVoiceOptions, localeOptions } = VoiceList;
 const AgentTTS = memo(() => {
   const { t } = useTranslation('setting');
   const [form] = Form.useForm();
-  const voiceList = useUserStore((s) => {
-    const locale = userGeneralSettingsSelectors.currentLanguage(s);
+  const voiceList = useGlobalStore((s) => {
+    const locale = globalGeneralSelectors.currentLanguage(s);
     return (all?: boolean) => new VoiceList(all ? undefined : locale);
   });
   const [showAllLocaleVoice, ttsService, updateConfig] = useStore((s) => [

package/src/features/ChatInput/STT/browser.tsx

@@ -8,8 +8,10 @@ import { useAgentStore } from '@/store/agent';
 import { agentSelectors } from '@/store/agent/slices/chat';
 import { useChatStore } from '@/store/chat';
 import { chatSelectors } from '@/store/chat/selectors';
+import { useGlobalStore } from '@/store/global';
+import { globalGeneralSelectors } from '@/store/global/selectors';
 import { useUserStore } from '@/store/user';
-import { settingsSelectors, userGeneralSettingsSelectors } from '@/store/user/selectors';
+import { settingsSelectors } from '@/store/user/selectors';
 import { ChatMessageError } from '@/types/message';
 import { getMessageError } from '@/utils/fetch';
 
@@ -22,7 +24,7 @@ interface STTConfig extends SWRConfiguration {
 const useBrowserSTT = (config: STTConfig) => {
   const ttsSettings = useUserStore(settingsSelectors.currentTTS, isEqual);
   const ttsAgentSettings = useAgentStore(agentSelectors.currentAgentTTS, isEqual);
-  const locale = useUserStore(userGeneralSettingsSelectors.currentLanguage);
+  const locale = useGlobalStore(globalGeneralSelectors.currentLanguage);
 
   const autoStop = ttsSettings.sttAutoStop;
   const sttLocale =

package/src/features/ChatInput/STT/openai.tsx

@@ -11,8 +11,10 @@ import { useAgentStore } from '@/store/agent';
 import { agentSelectors } from '@/store/agent/selectors';
 import { useChatStore } from '@/store/chat';
 import { chatSelectors } from '@/store/chat/slices/message/selectors';
+import { useGlobalStore } from '@/store/global';
+import { globalGeneralSelectors } from '@/store/global/selectors';
 import { useUserStore } from '@/store/user';
-import { settingsSelectors, userGeneralSettingsSelectors } from '@/store/user/selectors';
+import { settingsSelectors } from '@/store/user/selectors';
 import { ChatMessageError } from '@/types/message';
 import { getMessageError } from '@/utils/fetch';
 
@@ -25,7 +27,7 @@ interface STTConfig extends SWRConfiguration {
 const useOpenaiSTT = (config: STTConfig) => {
   const ttsSettings = useUserStore(settingsSelectors.currentTTS, isEqual);
   const ttsAgentSettings = useAgentStore(agentSelectors.currentAgentTTS, isEqual);
-  const locale = useUserStore(userGeneralSettingsSelectors.currentLanguage);
+  const locale = useGlobalStore(globalGeneralSelectors.currentLanguage);
 
   const autoStop = ttsSettings.sttAutoStop;
   const sttLocale =

package/src/features/Conversation/Extras/TTS/index.tsx

@@ -3,8 +3,8 @@ import { Md5 } from 'ts-md5';
 
 import { useAgentStore } from '@/store/agent';
 import { agentSelectors } from '@/store/agent/slices/chat';
-import { useUserStore } from '@/store/user';
-import { userGeneralSettingsSelectors } from '@/store/user/selectors';
+import { useGlobalStore } from '@/store/global';
+import { globalGeneralSelectors } from '@/store/global/selectors';
 
 import FilePlayer from './FilePlayer';
 import InitPlayer, { TTSProps } from './InitPlayer';
@@ -12,7 +12,7 @@ import InitPlayer, { TTSProps } from './InitPlayer';
 const TTS = memo<TTSProps>(
   (props) => {
     const { file, voice, content, contentMd5 } = props;
-    const lang = useUserStore(userGeneralSettingsSelectors.currentLanguage);
+    const lang = useGlobalStore(globalGeneralSelectors.currentLanguage);
     const currentVoice = useAgentStore(agentSelectors.currentAgentTTSVoice(lang));
 
     const md5 = useMemo(() => Md5.hashStr(content).toString(), [content]);

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 { globalGeneralSelectors } from '@/store/global/selectors';
 import { useToolStore } from '@/store/tool';
 import { pluginSelectors } from '@/store/tool/selectors';
-import { useUserStore } from '@/store/user';
-import { userGeneralSettingsSelectors } 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 = useUserStore(userGeneralSettingsSelectors.currentLanguage);
+  const locale = useGlobalStore(globalGeneralSelectors.currentLanguage);
   const { t } = useTranslation('plugin');
 
   const pluginIds = useToolStore(pluginSelectors.storeAndInstallPluginsIdList);

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

@@ -7,16 +7,22 @@ import { useTranslation } from 'react-i18next';
 
 import Menu, { type MenuProps } from '@/components/Menu';
 import { localeOptions } from '@/locales/resources';
-import { useUserStore } from '@/store/user';
-import { userGeneralSettingsSelectors } from '@/store/user/selectors';
+import { useGlobalStore } from '@/store/global';
+import { globalGeneralSelectors } from '@/store/global/selectors';
+import { LocaleMode } from '@/types/locale';
 
 const LangButton = memo<{ placement?: PopoverProps['placement'] }>(({ placement = 'right' }) => {
   const theme = useTheme();
-  const [language, switchLocale] = useUserStore((s) => [
-    userGeneralSettingsSelectors.language(s),
+
+  const [language, switchLocale] = useGlobalStore((s) => [
+    globalGeneralSelectors.language(s),
     s.switchLocale,
   ]);
 
+  const handleLangChange = (value: LocaleMode) => {
+    switchLocale(value);
+  };
+
   const { t } = useTranslation('setting');
 
   const items: MenuProps['items'] = useMemo(
@@ -24,12 +30,12 @@ const LangButton = memo<{ placement?: PopoverProps['placement'] }>(({ placement
       {
         key: 'auto',
         label: t('settingTheme.lang.autoMode'),
-        onClick: () => switchLocale('auto'),
+        onClick: () => handleLangChange('auto'),
       },
       ...localeOptions.map((item) => ({
         key: item.value,
         label: item.label,
-        onClick: () => switchLocale(item.value),
+        onClick: () => handleLangChange(item.value),
       })),
     ],
     [t],

package/src/hooks/useTTS.ts

@@ -13,8 +13,10 @@ 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 { globalGeneralSelectors } from '@/store/global/selectors';
 import { useUserStore } from '@/store/user';
-import { settingsSelectors, userGeneralSettingsSelectors } from '@/store/user/selectors';
+import { settingsSelectors } from '@/store/user/selectors';
 import { TTSServer } from '@/types/agent';
 
 interface TTSConfig extends TTSOptions {
@@ -26,7 +28,7 @@ interface TTSConfig extends TTSOptions {
 export const useTTS = (content: string, config?: TTSConfig) => {
   const ttsSettings = useUserStore(settingsSelectors.currentTTS, isEqual);
   const ttsAgentSettings = useAgentStore(agentSelectors.currentAgentTTS, isEqual);
-  const lang = useUserStore(userGeneralSettingsSelectors.currentLanguage);
+  const lang = useGlobalStore(globalGeneralSelectors.currentLanguage);
   const voice = useAgentStore(agentSelectors.currentAgentTTSVoice(lang));
   let useSelectedTTS;
   let options: any = {};

package/src/layout/GlobalProvider/AppTheme.tsx

@@ -22,7 +22,7 @@ import {
 import { useUserStore } from '@/store/user';
 import { userGeneralSettingsSelectors } from '@/store/user/selectors';
 import { GlobalStyle } from '@/styles';
-import { setCookie } from '@/utils/cookie';
+import { setCookie } from '@/utils/client/cookie';
 
 const useStyles = createStyles(({ css, token }) => ({
   app: css`

package/src/middleware.ts

@@ -5,6 +5,7 @@ import urlJoin from 'url-join';
 
 import { appEnv } from '@/config/app';
 import { authEnv } from '@/config/auth';
+import { LOBE_LOCALE_COOKIE } from '@/const/locale';
 import { LOBE_THEME_APPEARANCE } from '@/const/theme';
 import NextAuthEdge from '@/libs/next-auth/edge';
 import { Locales } from '@/locales/resources';
@@ -54,10 +55,8 @@ const defaultMiddleware = (request: NextRequest) => {
 
   // if it's a new user, there's no cookie
   // So we need to use the fallback language parsed by accept-language
-  const locale = parseBrowserLanguage(request.headers) as Locales;
-  // const locale =
-  // request.cookies.get(LOBE_LOCALE_COOKIE)?.value ||
-  // browserLanguage;
+  const browserLanguage = parseBrowserLanguage(request.headers);
+  const locale = (request.cookies.get(LOBE_LOCALE_COOKIE)?.value || browserLanguage) as Locales;
 
   const ua = request.headers.get('user-agent');
 

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

@@ -1,12 +1,12 @@
 import { Mock, beforeEach, describe, expect, it, vi } from 'vitest';
 
-import { globalHelpers } from '@/store/user/helpers';
+import { globalHelpers } from '@/store/global/helpers';
 
 import { assistantService } from '../assistant';
 
 // Mocking modules and functions
 
-vi.mock('@/store/user/helpers', () => ({
+vi.mock('@/store/global/helpers', () => ({
   globalHelpers: {
     getCurrentLanguage: vi.fn(),
   },

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

@@ -1,6 +1,6 @@
 import { Mock, beforeEach, describe, expect, it, vi } from 'vitest';
 
-import { globalHelpers } from '@/store/user/helpers';
+import { globalHelpers } from '@/store/global/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/user/helpers', () => ({
+vi.mock('@/store/global/helpers', () => ({
   globalHelpers: {
     getCurrentLanguage: vi.fn(),
   },

package/src/services/assistant.ts

@@ -1,7 +1,7 @@
 import { cloneDeep, merge } from 'lodash-es';
 
 import { DEFAULT_DISCOVER_ASSISTANT_ITEM } from '@/const/discover';
-import { globalHelpers } from '@/store/user/helpers';
+import { globalHelpers } from '@/store/global/helpers';
 import { DiscoverAssistantItem } from '@/types/discover';
 
 import { API_ENDPOINTS } from './_url';

package/src/services/tool.ts

@@ -1,4 +1,4 @@
-import { globalHelpers } from '@/store/user/helpers';
+import { globalHelpers } from '@/store/global/helpers';
 import { DiscoverPlugintem } from '@/types/discover';
 import { convertOpenAIManifestToLobeManifest, getToolManifest } from '@/utils/toolManifest';
 

package/src/store/global/{action.ts → actions/general.ts}

@@ -1,89 +1,38 @@
 import isEqual from 'fast-deep-equal';
-import { produce } from 'immer';
 import { gt, parse, valid } from 'semver';
 import { SWRResponse } from 'swr';
 import type { StateCreator } from 'zustand/vanilla';
 
-import { INBOX_SESSION_ID } from '@/const/session';
-import { SESSION_CHAT_URL } from '@/const/url';
 import { CURRENT_VERSION } from '@/const/version';
 import { useOnlyFetchOnceSWR } from '@/libs/swr';
 import { globalService } from '@/services/global';
-import type { GlobalStore } from '@/store/global/index';
+import type { SystemStatus } from '@/store/global/initialState';
+import { LocaleMode } from '@/types/locale';
+import { switchLang } from '@/utils/client/switchLang';
 import { merge } from '@/utils/merge';
 import { setNamespace } from '@/utils/storeDebug';
 
-import type { SystemStatus } from './initialState';
+import type { GlobalStore } from '../store';
 
 const n = setNamespace('g');
 
-/**
- * 设置操作
- */
-export interface GlobalStoreAction {
-  switchBackToChat: (sessionId?: string) => void;
-  toggleChatSideBar: (visible?: boolean) => void;
-  toggleExpandSessionGroup: (id: string, expand: boolean) => void;
-  toggleMobilePortal: (visible?: boolean) => void;
-  toggleMobileTopic: (visible?: boolean) => void;
-  toggleSystemRole: (visible?: boolean) => void;
-  toggleZenMode: () => void;
+export interface GlobalGeneralAction {
+  switchLocale: (locale: LocaleMode) => void;
   updateSystemStatus: (status: Partial<SystemStatus>, action?: any) => void;
   useCheckLatestVersion: (enabledCheck?: boolean) => SWRResponse<string>;
   useInitSystemStatus: () => SWRResponse;
 }
 
-export const globalActionSlice: StateCreator<
+export const generalActionSlice: StateCreator<
   GlobalStore,
   [['zustand/devtools', never]],
   [],
-  GlobalStoreAction
+  GlobalGeneralAction
 > = (set, get) => ({
-  switchBackToChat: (sessionId) => {
-    get().router?.push(SESSION_CHAT_URL(sessionId || INBOX_SESSION_ID, get().isMobile));
-  },
-
-  toggleChatSideBar: (newValue) => {
-    const showChatSideBar =
-      typeof newValue === 'boolean' ? newValue : !get().status.showChatSideBar;
-
-    get().updateSystemStatus({ showChatSideBar }, n('toggleAgentPanel', newValue));
-  },
-  toggleExpandSessionGroup: (id, expand) => {
-    const { status } = get();
-    const nextExpandSessionGroup = produce(status.expandSessionGroupKeys, (draft: string[]) => {
-      if (expand) {
-        if (draft.includes(id)) return;
-        draft.push(id);
-      } else {
-        const index = draft.indexOf(id);
-        if (index !== -1) draft.splice(index, 1);
-      }
-    });
-    get().updateSystemStatus({ expandSessionGroupKeys: nextExpandSessionGroup });
-  },
-  toggleMobilePortal: (newValue) => {
-    const mobileShowPortal =
-      typeof newValue === 'boolean' ? newValue : !get().status.mobileShowPortal;
-
-    get().updateSystemStatus({ mobileShowPortal }, n('toggleMobilePortal', newValue));
-  },
-  toggleMobileTopic: (newValue) => {
-    const mobileShowTopic =
-      typeof newValue === 'boolean' ? newValue : !get().status.mobileShowTopic;
-
-    get().updateSystemStatus({ mobileShowTopic }, n('toggleMobileTopic', newValue));
-  },
-  toggleSystemRole: (newValue) => {
-    const showSystemRole = typeof newValue === 'boolean' ? newValue : !get().status.mobileShowTopic;
-
-    get().updateSystemStatus({ showSystemRole }, n('toggleMobileTopic', newValue));
-  },
-  toggleZenMode: () => {
-    const { status } = get();
-    const nextZenMode = !status.zenMode;
+  switchLocale: (locale) => {
+    get().updateSystemStatus({ language: locale });
 
-    get().updateSystemStatus({ zenMode: nextZenMode }, n('toggleZenMode'));
+    switchLang(locale);
   },
   updateSystemStatus: (status, action) => {
     // Status cannot be modified when it is not initialized

package/src/store/global/actions/workspacePane.ts

@@ -0,0 +1,73 @@
+import { produce } from 'immer';
+import type { StateCreator } from 'zustand/vanilla';
+
+import { INBOX_SESSION_ID } from '@/const/session';
+import { SESSION_CHAT_URL } from '@/const/url';
+import type { GlobalStore } from '@/store/global';
+import { setNamespace } from '@/utils/storeDebug';
+
+const n = setNamespace('w');
+
+export interface GlobalWorkspacePaneAction {
+  switchBackToChat: (sessionId?: string) => void;
+  toggleChatSideBar: (visible?: boolean) => void;
+  toggleExpandSessionGroup: (id: string, expand: boolean) => void;
+  toggleMobilePortal: (visible?: boolean) => void;
+  toggleMobileTopic: (visible?: boolean) => void;
+  toggleSystemRole: (visible?: boolean) => void;
+  toggleZenMode: () => void;
+}
+
+export const globalWorkspaceSlice: StateCreator<
+  GlobalStore,
+  [['zustand/devtools', never]],
+  [],
+  GlobalWorkspacePaneAction
+> = (set, get) => ({
+  switchBackToChat: (sessionId) => {
+    get().router?.push(SESSION_CHAT_URL(sessionId || INBOX_SESSION_ID, get().isMobile));
+  },
+
+  toggleChatSideBar: (newValue) => {
+    const showChatSideBar =
+      typeof newValue === 'boolean' ? newValue : !get().status.showChatSideBar;
+
+    get().updateSystemStatus({ showChatSideBar }, n('toggleAgentPanel', newValue));
+  },
+  toggleExpandSessionGroup: (id, expand) => {
+    const { status } = get();
+    const nextExpandSessionGroup = produce(status.expandSessionGroupKeys, (draft: string[]) => {
+      if (expand) {
+        if (draft.includes(id)) return;
+        draft.push(id);
+      } else {
+        const index = draft.indexOf(id);
+        if (index !== -1) draft.splice(index, 1);
+      }
+    });
+    get().updateSystemStatus({ expandSessionGroupKeys: nextExpandSessionGroup });
+  },
+  toggleMobilePortal: (newValue) => {
+    const mobileShowPortal =
+      typeof newValue === 'boolean' ? newValue : !get().status.mobileShowPortal;
+
+    get().updateSystemStatus({ mobileShowPortal }, n('toggleMobilePortal', newValue));
+  },
+  toggleMobileTopic: (newValue) => {
+    const mobileShowTopic =
+      typeof newValue === 'boolean' ? newValue : !get().status.mobileShowTopic;
+
+    get().updateSystemStatus({ mobileShowTopic }, n('toggleMobileTopic', newValue));
+  },
+  toggleSystemRole: (newValue) => {
+    const showSystemRole = typeof newValue === 'boolean' ? newValue : !get().status.mobileShowTopic;
+
+    get().updateSystemStatus({ showSystemRole }, n('toggleMobileTopic', newValue));
+  },
+  toggleZenMode: () => {
+    const { status } = get();
+    const nextZenMode = !status.zenMode;
+
+    get().updateSystemStatus({ zenMode: nextZenMode }, n('toggleZenMode'));
+  },
+});

package/src/store/global/helpers.ts

@@ -0,0 +1,6 @@
+import { useGlobalStore } from '@/store/global/index';
+import { globalGeneralSelectors } from '@/store/global/selectors';
+
+const getCurrentLanguage = () => globalGeneralSelectors.currentLanguage(useGlobalStore.getState());
+
+export const globalHelpers = { getCurrentLanguage };

package/src/store/global/initialState.ts

@@ -1,6 +1,7 @@
 import { AppRouterInstance } from 'next/dist/shared/lib/app-router-context.shared-runtime';
 
 import { DatabaseLoadingState } from '@/types/clientDB';
+import { LocaleMode } from '@/types/locale';
 import { SessionDefaultGroup } from '@/types/session';
 import { AsyncLocalStorage } from '@/utils/localStorage';
 
@@ -49,6 +50,7 @@ export interface SystemStatus {
    * 应用初始化时不启用 PGLite，只有当用户手动开启时才启用
    */
   isEnablePglite?: boolean;
+  language?: LocaleMode;
   latestChangelogId?: string;
   mobileShowPortal?: boolean;
   mobileShowTopic?: boolean;

package/src/store/global/selectors/general.test.ts

@@ -0,0 +1,18 @@
+import { GlobalState, initialState } from '@/store/global/initialState';
+import { merge } from '@/utils/merge';
+
+import { globalGeneralSelectors } from './general';
+
+describe('settingsSelectors', () => {
+  describe('currentLanguage', () => {
+    it('should return the correct language setting', () => {
+      const s: GlobalState = merge(initialState, {
+        status: { language: 'fr' },
+      });
+
+      const result = globalGeneralSelectors.currentLanguage(s);
+
+      expect(result).toBe('fr');
+    });
+  });
+});

package/src/store/global/selectors/general.ts

@@ -0,0 +1,25 @@
+import { DEFAULT_LANG } from '@/const/locale';
+import { Locales } from '@/locales/resources';
+import { isOnServerSide } from '@/utils/env';
+
+import { GlobalState } from '../initialState';
+import { systemStatus } from './systemStatus';
+
+const language = (s: GlobalState) => systemStatus(s).language || 'auto';
+
+const currentLanguage = (s: GlobalState) => {
+  const locale = language(s);
+
+  if (locale === 'auto') {
+    if (isOnServerSide) return DEFAULT_LANG;
+
+    return navigator.language as Locales;
+  }
+
+  return locale as Locales;
+};
+
+export const globalGeneralSelectors = {
+  currentLanguage,
+  language,
+};

package/src/store/global/selectors/index.ts

@@ -0,0 +1,2 @@
+export * from './general';
+export * from './systemStatus';

package/src/store/global/{selectors.ts → selectors/systemStatus.ts}

@@ -2,9 +2,9 @@ import { isServerMode, isUsePgliteDB } from '@/const/version';
 import { GlobalStore } from '@/store/global';
 import { DatabaseLoadingState } from '@/types/clientDB';
 
-import { INITIAL_STATUS } from './initialState';
+import { GlobalState, INITIAL_STATUS } from '../initialState';
 
-const systemStatus = (s: GlobalStore) => s.status;
+export const systemStatus = (s: GlobalState) => s.status;
 
 const sessionGroupKeys = (s: GlobalStore): string[] =>
   s.status.expandSessionGroupKeys || INITIAL_STATUS.expandSessionGroupKeys;

package/src/store/global/store.ts

@@ -4,18 +4,26 @@ import { createWithEqualityFn } from 'zustand/traditional';
 import { StateCreator } from 'zustand/vanilla';
 
 import { createDevtools } from '../middleware/createDevtools';
-import { type GlobalStoreAction, globalActionSlice } from './action';
 import { type GlobalClientDBAction, clientDBSlice } from './actions/clientDb';
+import { type GlobalGeneralAction, generalActionSlice } from './actions/general';
+import { type GlobalWorkspacePaneAction, globalWorkspaceSlice } from './actions/workspacePane';
 import { type GlobalState, initialState } from './initialState';
 
 //  ===============  聚合 createStoreFn ============ //
 
-export type GlobalStore = GlobalState & GlobalStoreAction & GlobalClientDBAction;
+export interface GlobalStore
+  extends GlobalState,
+    GlobalWorkspacePaneAction,
+    GlobalClientDBAction,
+    GlobalGeneralAction {
+  /* empty */
+}
 
 const createStore: StateCreator<GlobalStore, [['zustand/devtools', never]]> = (...parameters) => ({
   ...initialState,
-  ...globalActionSlice(...parameters),
+  ...globalWorkspaceSlice(...parameters),
   ...clientDBSlice(...parameters),
+  ...generalActionSlice(...parameters),
 });
 
 //  ===============  实装 useStore ============ //

package/src/store/user/slices/common/action.test.ts

@@ -1,5 +1,4 @@
 import { act, renderHook, waitFor } from '@testing-library/react';
-import { mutate } from 'swr';
 import { afterEach, describe, expect, it, vi } from 'vitest';
 import { withSWR } from '~test-utils';
 
@@ -10,14 +9,9 @@ import { useUserStore } from '@/store/user';
 import { preferenceSelectors } from '@/store/user/selectors';
 import { GlobalServerConfig } from '@/types/serverConfig';
 import { UserInitializationState, UserPreference } from '@/types/user';
-import { switchLang } from '@/utils/client/switchLang';
 
 vi.mock('zustand/traditional');
 
-vi.mock('@/utils/client/switchLang', () => ({
-  switchLang: vi.fn(),
-}));
-
 vi.mock('swr', async (importOriginal) => {
   const modules = await importOriginal();
   return {
@@ -87,7 +81,7 @@ describe('createCommonSlice', () => {
           telemetry: true,
         },
         settings: {
-          general: { language: 'en-US' },
+          general: { fontSize: 14 },
         },
       };
 
@@ -111,9 +105,6 @@ describe('createCommonSlice', () => {
       expect(useUserStore.getState().user?.avatar).toBe(mockUserState.avatar);
       expect(useUserStore.getState().settings).toEqual(mockUserState.settings);
       expect(successCallback).toHaveBeenCalledWith(mockUserState);
-
-      // 验证是否正确处理了语言设置
-      expect(switchLang).not.toHaveBeenCalledWith('auto');
     });
 
     it('should call switch language when language is auto', async () => {
@@ -134,9 +125,6 @@ describe('createCommonSlice', () => {
 
       // 等待 SWR 完成数据获取
       await waitFor(() => expect(result.current.data).toEqual(mockUserState));
-
-      // 验证是否正确处理了语言设置
-      expect(switchLang).toHaveBeenCalledWith('auto');
     });
 
     it('should fetch use server config correctly', async () => {
@@ -169,7 +157,7 @@ describe('createCommonSlice', () => {
         isOnboard: true,
         preference: savedPreference,
         settings: {
-          general: { language: 'en-US' },
+          general: { fontSize: 14 },
         },
       };
       vi.spyOn(userService, 'getUserState').mockResolvedValueOnce(mockUserState);
@@ -219,7 +207,7 @@ describe('createCommonSlice', () => {
         isOnboard: true,
         preference: {} as any,
         settings: {
-          general: { language: 'en-US' },
+          general: { fontSize: 12 },
         },
       };
 

package/src/store/user/slices/common/action.ts

@@ -9,12 +9,10 @@ import type { UserStore } from '@/store/user';
 import type { GlobalServerConfig } from '@/types/serverConfig';
 import { UserInitializationState } from '@/types/user';
 import type { UserSettings } from '@/types/user/settings';
-import { switchLang } from '@/utils/client/switchLang';
 import { merge } from '@/utils/merge';
 import { setNamespace } from '@/utils/storeDebug';
 
 import { preferenceSelectors } from '../preference/selectors';
-import { userGeneralSettingsSelectors } from '../settings/selectors';
 
 const n = setNamespace('common');
 
@@ -114,12 +112,6 @@ export const createCommonSlice: StateCreator<
             );
 
             get().refreshDefaultModelProviderList({ trigger: 'fetchUserState' });
-
-            // auto switch language
-            const language = userGeneralSettingsSelectors.config(get()).language;
-            if (language === 'auto') {
-              switchLang('auto');
-            }
           }
         },
       },

package/src/store/user/slices/settings/action.ts

@@ -7,7 +7,6 @@ import { MESSAGE_CANCEL_FLAT } from '@/const/message';
 import { shareService } from '@/services/share';
 import { userService } from '@/services/user';
 import type { UserStore } from '@/store/user';
-import { LocaleMode } from '@/types/locale';
 import { LobeAgentSettings } from '@/types/session';
 import {
   SystemAgentItem,
@@ -16,7 +15,6 @@ import {
   UserSettings,
   UserSystemAgentConfigKey,
 } from '@/types/user/settings';
-import { switchLang } from '@/utils/client/switchLang';
 import { difference } from '@/utils/difference';
 import { merge } from '@/utils/merge';
 
@@ -26,7 +24,6 @@ export interface UserSettingsAction {
   internal_createSignal: () => AbortController;
   resetSettings: () => Promise<void>;
   setSettings: (settings: DeepPartial<UserSettings>) => Promise<void>;
-  switchLocale: (locale: LocaleMode) => Promise<void>;
   switchThemeMode: (themeMode: ThemeMode) => Promise<void>;
   updateDefaultAgent: (agent: DeepPartial<LobeAgentSettings>) => Promise<void>;
   updateGeneralConfig: (settings: Partial<UserGeneralConfig>) => Promise<void>;
@@ -95,11 +92,6 @@ export const createSettingsSlice: StateCreator<
     await userService.updateUserSettings(diffs, abortController.signal);
     await get().refreshUserState();
   },
-  switchLocale: async (locale) => {
-    await get().updateGeneralConfig({ language: locale });
-
-    switchLang(locale);
-  },
   switchThemeMode: async (themeMode) => {
     await get().updateGeneralConfig({ themeMode });
   },

package/src/store/user/slices/settings/selectors/general.test.ts

@@ -5,20 +5,6 @@ import { merge } from '@/utils/merge';
 import { userGeneralSettingsSelectors } from './general';
 
 describe('settingsSelectors', () => {
-  describe('currentLanguage', () => {
-    it('should return the correct language setting', () => {
-      const s: UserState = merge(initialState, {
-        settings: {
-          general: { language: 'fr' },
-        },
-      });
-
-      const result = userGeneralSettingsSelectors.currentLanguage(s as UserStore);
-
-      expect(result).toBe('fr');
-    });
-  });
-
   describe('currentThemeMode', () => {
     it('should return the correct theme', () => {
       const s: UserState = merge(initialState, {

package/src/store/user/slices/settings/selectors/general.ts

@@ -1,24 +1,8 @@
-import { DEFAULT_LANG } from '@/const/locale';
-import { Locales } from '@/locales/resources';
-import { isOnServerSide } from '@/utils/env';
-
 import { UserStore } from '../../../store';
 import { currentSettings } from './settings';
 
 const generalConfig = (s: UserStore) => currentSettings(s).general || {};
 
-const currentLanguage = (s: UserStore) => {
-  const locale = generalConfig(s).language;
-
-  if (locale === 'auto') {
-    if (isOnServerSide) return DEFAULT_LANG;
-
-    return navigator.language as Locales;
-  }
-
-  return locale;
-};
-
 const currentThemeMode = (s: UserStore) => {
   const themeMode = generalConfig(s).themeMode;
   return themeMode || 'auto';
@@ -27,14 +11,11 @@ const currentThemeMode = (s: UserStore) => {
 const neutralColor = (s: UserStore) => generalConfig(s).neutralColor;
 const primaryColor = (s: UserStore) => generalConfig(s).primaryColor;
 const fontSize = (s: UserStore) => generalConfig(s).fontSize;
-const language = (s: UserStore) => generalConfig(s).language;
 
 export const userGeneralSettingsSelectors = {
   config: generalConfig,
-  currentLanguage,
   currentThemeMode,
   fontSize,
-  language,
   neutralColor,
   primaryColor,
 };

package/src/types/user/settings/general.ts

@@ -1,11 +1,8 @@
 import type { NeutralColors, PrimaryColors } from '@lobehub/ui';
 import type { ThemeMode } from 'antd-style';
 
-import { LocaleMode } from '@/types/locale';
-
 export interface UserGeneralConfig {
   fontSize: number;
-  language: LocaleMode;
   neutralColor?: NeutralColors;
   primaryColor?: PrimaryColors;
   themeMode: ThemeMode;

package/src/utils/client/cookie.test.ts

@@ -0,0 +1,85 @@
+import dayjs from 'dayjs';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+
+import { COOKIE_CACHE_DAYS } from '@/const/settings';
+
+import { setCookie } from './cookie';
+
+describe('setCookie', () => {
+  // Mock document.cookie since we're in a test environment
+  beforeEach(() => {
+    // Create a getter/setter for document.cookie
+    Object.defineProperty(document, 'cookie', {
+      writable: true,
+      value: '',
+    });
+  });
+
+  it('should set a cookie with default expiration', () => {
+    const key = 'testKey';
+    const value = 'testValue';
+
+    // Mock the current date
+    const mockDate = new Date('2024-01-01T00:00:00Z');
+    vi.setSystemTime(mockDate);
+
+    // Calculate expected expiration date
+    const expectedExpires = dayjs(mockDate).add(COOKIE_CACHE_DAYS, 'day').toDate().toUTCString();
+
+    setCookie(key, value);
+
+    expect(document.cookie).toBe(`${key}=${value};expires=${expectedExpires};path=/;`);
+
+    // Reset system time
+    vi.useRealTimers();
+  });
+
+  it('should set a cookie with custom expiration days', () => {
+    const key = 'testKey';
+    const value = 'testValue';
+    const customDays = 7;
+
+    // Mock the current date
+    const mockDate = new Date('2024-01-01T00:00:00Z');
+    vi.setSystemTime(mockDate);
+
+    // Calculate expected expiration date
+    const expectedExpires = dayjs(mockDate).add(customDays, 'day').toDate().toUTCString();
+
+    setCookie(key, value, customDays);
+
+    expect(document.cookie).toBe(`${key}=${value};expires=${expectedExpires};path=/;`);
+
+    // Reset system time
+    vi.useRealTimers();
+  });
+
+  it('should remove cookie when value is undefined', () => {
+    const key = 'testKey';
+
+    // Expected expiration date for removal (1970-01-01T00:00:00Z)
+    const expectedExpires = new Date(0).toUTCString();
+
+    setCookie(key, undefined);
+
+    expect(document.cookie).toBe(`${key}=; expires=${expectedExpires}; path=/;`);
+  });
+
+  it('should handle special characters in key and value', () => {
+    const key = 'test@Key';
+    const value = 'test Value with spaces';
+
+    // Mock the current date
+    const mockDate = new Date('2024-01-01T00:00:00Z');
+    vi.setSystemTime(mockDate);
+
+    const expectedExpires = dayjs(mockDate).add(COOKIE_CACHE_DAYS, 'day').toDate().toUTCString();
+
+    setCookie(key, value);
+
+    expect(document.cookie).toBe(`${key}=${value};expires=${expectedExpires};path=/;`);
+
+    // Reset system time
+    vi.useRealTimers();
+  });
+});

package/src/utils/client/cookie.ts

@@ -0,0 +1,22 @@
+import dayjs from 'dayjs';
+
+import { COOKIE_CACHE_DAYS } from '@/const/settings';
+
+export const setCookie = (
+  key: string,
+  value: string | undefined,
+  expireDays = COOKIE_CACHE_DAYS,
+) => {
+  if (typeof value === 'undefined') {
+    // Set the expiration time to yesterday (expire immediately)
+    const expiredDate = new Date(0).toUTCString(); // 1970-01-01T00:00:00Z
+
+    // eslint-disable-next-line unicorn/no-document-cookie
+    document.cookie = `${key}=; expires=${expiredDate}; path=/;`;
+  } else {
+    const expires = dayjs().add(expireDays, 'day').toDate().toUTCString();
+
+    // eslint-disable-next-line unicorn/no-document-cookie
+    document.cookie = `${key}=${value};expires=${expires};path=/;`;
+  }
+};

package/src/utils/client/switchLang.ts

@@ -1,10 +1,15 @@
 import { changeLanguage } from 'i18next';
 
+import { LOBE_LOCALE_COOKIE } from '@/const/locale';
 import { LocaleMode } from '@/types/locale';
 
+import { setCookie } from './cookie';
+
 export const switchLang = (locale: LocaleMode) => {
   const lang = locale === 'auto' ? navigator.language : locale;
 
   changeLanguage(lang);
   document.documentElement.lang = lang;
+
+  setCookie(LOBE_LOCALE_COOKIE, locale === 'auto' ? undefined : locale, 365);
 };

package/src/store/user/helpers.ts

@@ -1,9 +0,0 @@
-import { userGeneralSettingsSelectors } from './slices/settings/selectors';
-import { useUserStore } from './store';
-
-const getCurrentLanguage = () =>
-  userGeneralSettingsSelectors.currentLanguage(useUserStore.getState());
-
-export const globalHelpers = {
-  getCurrentLanguage,
-};

package/src/utils/cookie.ts

@@ -1,10 +0,0 @@
-import dayjs from 'dayjs';
-
-import { COOKIE_CACHE_DAYS } from '@/const/settings';
-
-export const setCookie = (key: string, value: string | undefined) => {
-  const expires = dayjs().add(COOKIE_CACHE_DAYS, 'day').toISOString();
-
-  // eslint-disable-next-line unicorn/no-document-cookie
-  document.cookie = `${key}=${value};expires=${expires};path=/;`;
-};