@lobehub/chat 0.150.7 → 0.150.9

package/CHANGELOG.md

@@ -2,6 +2,56 @@
 
 # Changelog
 
+### [Version 0.150.9](https://github.com/lobehub/lobe-chat/compare/v0.150.8...v0.150.9)
+
+<sup>Released on **2024-04-28**</sup>
+
+#### ♻ Code Refactoring
+
+- **misc**: Refactor feature flags store to server config store.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### Code refactoring
+
+- **misc**: Refactor feature flags store to server config store, closes [#2263](https://github.com/lobehub/lobe-chat/issues/2263) ([2e991d7](https://github.com/lobehub/lobe-chat/commit/2e991d7))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
+### [Version 0.150.8](https://github.com/lobehub/lobe-chat/compare/v0.150.7...v0.150.8)
+
+<sup>Released on **2024-04-28**</sup>
+
+#### 💄 Styles
+
+- **ollama**: Phi3 Instruct models and its model icons.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### Styles
+
+- **ollama**: Phi3 Instruct models and its model icons, closes [#2254](https://github.com/lobehub/lobe-chat/issues/2254) ([c9b55cc](https://github.com/lobehub/lobe-chat/commit/c9b55cc))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ### [Version 0.150.7](https://github.com/lobehub/lobe-chat/compare/v0.150.6...v0.150.7)
 
 <sup>Released on **2024-04-28**</sup>

package/docs/self-hosting/advanced/upstream-sync.mdx

@@ -85,3 +85,77 @@ Ensure that you have sufficient permissions to stop and remove the container bef
 No need to worry, you won't. All of LobeChat's chat records are stored in your local browser. Therefore, when redeploying LobeChat using Docker, your chat records will not be lost.
 
 </Callout>
+
+If you wish to automate the above steps, you can follow the method below and use Crontab scheduling to complete it. The specific steps are as follows.
+
+<Steps>
+
+### Write automatic update scripts and configuration files
+
+First, create a `lobe.env` configuration file with various environment variables, for example:
+
+```env
+OPENAI_API_KEY=sk-xxxx
+OPENAI_PROXY_URL=https://api-proxy.com/v1
+ACCESS_CODE=arthals2333
+OPENAI_MODEL_LIST=-gpt-4,-gpt-4-32k,-gpt-3.5-turbo-16k,gpt-3.5-turbo-1106=gpt-3.5-turbo-16k,gpt-4-0125-preview=gpt-4-turbo,gpt-4-vision-preview=gpt-4-vision
+```
+
+Then, you can use the following script to automate the update:
+
+```bash
+#!/bin/bash
+# auto-update-lobe-chat.sh
+
+# Set up proxy (optional)
+export https_proxy=http://127.0.0.1:7890 http_proxy=http://127.0.0.1:7890 all_proxy=socks5://127.0.0.1:7890
+
+# Pull the latest image and store the output in a variable
+output=$(docker pull lobehub/lobe-chat:latest 2>&1)
+
+# Check if the pull command was executed successfully
+if [ $? -ne 0 ]; then
+  exit 1
+fi
+
+# Check if the output contains a specific string
+echo "$output" | grep -q "Image is up to date for lobehub/lobe-chat:latest"
+
+# If the image is already up to date, do nothing
+if [ $? -eq 0 ]; then
+  exit 0
+fi
+
+echo "Detected Lobe-Chat update"
+
+# Remove the old container
+echo "Removed: $(docker rm -f Lobe-Chat)"
+
+# Run the new container
+echo "Started: $(docker run -d --network=host --env-file /path/to/lobe.env --name=Lobe-Chat --restart=always lobehub/lobe-chat)"
+
+# Print the update time and version
+echo "Update time: $(date)"
+echo "Version: $(docker inspect lobehub/lobe-chat:latest | grep 'org.opencontainers.image.version' | awk -F'"' '{print $4}')"
+
+# Clean up unused images
+docker images | grep 'lobehub/lobe-chat' | grep -v 'latest' | awk '{print $3}' | xargs -r docker rmi > /dev/null 2>&1
+echo "Removed old images."
+```
+
+<Callout type={'warning'}>
+  This script can be used in Crontab, but please ensure that your Crontab can find the correct
+  Docker command. It is recommended to use absolute paths.
+</Callout>
+
+Configure Crontab to execute the script every 5 minutes:
+
+### Configure Crontab to automatically execute scripts
+
+The following command configures Crontab to execute scripts every 5 minutes, or as often as you like:
+
+```bash
+*/5 * * * * /path/to/auto-update-lobe-chat.sh >> /path/to/auto-update-lobe-chat.log 2>&1
+```
+
+</Steps>

package/docs/self-hosting/advanced/upstream-sync.zh-CN.mdx

@@ -80,3 +80,74 @@ docker run -d -p 3210:3210 \
 放心，不会的。LobeChat 的聊天记录全部都存储在你的本地浏览器中。因此使用 Docker 重新部署 LobeChat 时，你的聊天记录并不会丢失。
 
 </Callout>
+
+如果你希望自动化执行以上步骤，你可以参照下面的方法，利用 Crontab 定时来完成。具体步骤如下。
+
+<Steps>
+
+### 撰写自动更新脚本、配置文件
+
+首先，新建一个 `lobe.env` 配置文件，内容为各种环境变量，例如：
+
+```env
+OPENAI_API_KEY=sk-xxxx
+OPENAI_PROXY_URL=https://api-proxy.com/v1
+ACCESS_CODE=arthals2333
+OPENAI_MODEL_LIST=-gpt-4,-gpt-4-32k,-gpt-3.5-turbo-16k,gpt-3.5-turbo-1106=gpt-3.5-turbo-16k,gpt-4-0125-preview=gpt-4-turbo,gpt-4-vision-preview=gpt-4-vision
+```
+
+然后，你可以使用以下脚本来自动更新：
+
+```bash
+#!/bin/bash
+# auto-update-lobe-chat.sh
+
+# 设置代理（可选）
+export https_proxy=http://127.0.0.1:7890 http_proxy=http://127.0.0.1:7890 all_proxy=socks5://127.0.0.1:7890
+
+# 拉取最新的镜像并将输出存储在变量中
+output=$(docker pull lobehub/lobe-chat:latest 2>&1)
+
+# 检查拉取命令是否成功执行
+if [ $? -ne 0 ]; then
+  exit 1
+fi
+
+# 检查输出中是否包含特定的字符串
+echo "$output" | grep -q "Image is up to date for lobehub/lobe-chat:latest"
+
+# 如果镜像已经是最新的，则不执行任何操作
+if [ $? -eq 0 ]; then
+  exit 0
+fi
+
+echo "Detected Lobe-Chat update"
+
+# 删除旧的容器
+echo "Removed: $(docker rm -f Lobe-Chat)"
+
+# 运行新的容器
+echo "Started: $(docker run -d --network=host --env-file /path/to/lobe.env --name=Lobe-Chat --restart=always lobehub/lobe-chat)"
+
+# 打印更新的时间和版本
+echo "Update time: $(date)"
+echo "Version: $(docker inspect lobehub/lobe-chat:latest | grep 'org.opencontainers.image.version' | awk -F'"' '{print $4}')"
+
+# 清理不再使用的镜像
+docker images | grep 'lobehub/lobe-chat' | grep -v 'latest' | awk '{print $3}' | xargs -r docker rmi > /dev/null 2>&1
+echo "Removed old images."
+```
+
+<Callout type={'warning'}>
+  此脚本可以在 Crontab 中使用，但请确认你的 Crontab 可以找到正确的 Docker 命令。建议使用绝对路径。
+</Callout>
+
+### 配置 Crontab 自动执行脚本
+
+以下命令可以配置 Crontab 每 5 分钟执行一次脚本，你也可以根据需要调整执行频率：
+
+```bash
+*/5 * * * * /path/to/auto-update-lobe-chat.sh >> /path/to/auto-update-lobe-chat.log 2>&1
+```
+
+</Steps>

package/docs/usage/providers/ollama.mdx

@@ -25,7 +25,7 @@ This document will guide you on how to use Ollama in LobeChat:
 
 <Video
   alt="demonstration of using Ollama in LobeChat"
-  height={556}
+  height={580}
   src="https://github.com/lobehub/lobe-chat/assets/28616219/c32b56db-c6a1-4876-9bc3-acbd37ec0c0c"
 />
 

package/docs/usage/providers/ollama.zh-CN.mdx

@@ -23,7 +23,7 @@ Ollama 是一款强大的本地运行大型语言模型（LLM）的框架，支
 
 <Video
   alt={'在 LobeChat 中使用 Ollama的完整演示'}
-  height={556}
+  height={580}
   src="https://github.com/lobehub/lobe-chat/assets/28616219/c32b56db-c6a1-4876-9bc3-acbd37ec0c0c"
 />
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "0.150.7",
+  "version": "0.150.9",
   "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/HeaderAction.tsx

@@ -4,8 +4,8 @@ import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import { DESKTOP_HEADER_ICON_SIZE } from '@/const/layoutTokens';
-import { featureFlagsSelectors, useFeatureFlagStore } from '@/store/featureFlags';
 import { useGlobalStore } from '@/store/global';
+import { featureFlagsSelectors, useServerConfigStore } from '@/store/serverConfig';
 
 import SettingButton from '../../../features/SettingButton';
 import ShareButton from '../../../features/ShareButton';
@@ -18,7 +18,7 @@ const HeaderAction = memo(() => {
     s.toggleChatSideBar,
   ]);
 
-  const { isAgentEditable } = useFeatureFlagStore(featureFlagsSelectors);
+  const { isAgentEditable } = useServerConfigStore(featureFlagsSelectors);
 
   return (
     <>

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

@@ -6,8 +6,8 @@ import { memo } from 'react';
 import TopicListContent from '@/app/chat/features/TopicListContent';
 import SafeSpacing from '@/components/SafeSpacing';
 import { CHAT_SIDEBAR_WIDTH } from '@/const/layoutTokens';
-import { featureFlagsSelectors, useFeatureFlagStore } from '@/store/featureFlags';
 import { useGlobalStore } from '@/store/global';
+import { featureFlagsSelectors, useServerConfigStore } from '@/store/serverConfig';
 import { useSessionStore } from '@/store/session';
 import { sessionSelectors } from '@/store/session/selectors';
 
@@ -35,7 +35,7 @@ const Desktop = memo(() => {
     s.toggleChatSideBar,
   ]);
 
-  const { isAgentEditable: showSystemRole } = useFeatureFlagStore(featureFlagsSelectors);
+  const { isAgentEditable: showSystemRole } = useServerConfigStore(featureFlagsSelectors);
   const isInbox = useSessionStore(sessionSelectors.isInboxSession);
 
   return (

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

@@ -7,9 +7,9 @@ import { Flexbox } from 'react-layout-kit';
 
 import { MOBILE_HEADER_ICON_SIZE } from '@/const/layoutTokens';
 import SyncStatusInspector from '@/features/SyncStatusInspector';
-import { featureFlagsSelectors, useFeatureFlagStore } from '@/store/featureFlags';
 import { useGlobalStore } from '@/store/global';
 import { commonSelectors } from '@/store/global/selectors';
+import { featureFlagsSelectors, useServerConfigStore } from '@/store/serverConfig';
 import { useSessionStore } from '@/store/session';
 import { mobileHeaderSticky } from '@/styles/mobileHeader';
 
@@ -27,7 +27,7 @@ const Header = memo(() => {
   const [createSession] = useSessionStore((s) => [s.createSession]);
   const router = useRouter();
   const avatar = useGlobalStore(commonSelectors.userAvatar);
-  const { showCreateSession } = useFeatureFlagStore(featureFlagsSelectors);
+  const { showCreateSession } = useServerConfigStore(featureFlagsSelectors);
 
   return (
     <MobileNavBar

package/src/app/chat/(mobile)/mobile/ChatHeader/index.tsx

@@ -2,7 +2,7 @@ import { MobileNavBar } from '@lobehub/ui';
 import { useRouter } from 'next/navigation';
 import { memo, useState } from 'react';
 
-import { featureFlagsSelectors, useFeatureFlagStore } from '@/store/featureFlags';
+import { featureFlagsSelectors, useServerConfigStore } from '@/store/serverConfig';
 
 import SettingButton from '../../../features/SettingButton';
 import ShareButton from '../../../features/ShareButton';
@@ -12,7 +12,7 @@ const MobileHeader = memo(() => {
   const router = useRouter();
   const [open, setOpen] = useState(false);
 
-  const { isAgentEditable } = useFeatureFlagStore(featureFlagsSelectors);
+  const { isAgentEditable } = useServerConfigStore(featureFlagsSelectors);
 
   // const items: MenuProps['items'] = [
   //   {

package/src/app/chat/_layout/Desktop/SessionHeader.tsx

@@ -8,7 +8,7 @@ import { Flexbox } from 'react-layout-kit';
 import { DESKTOP_HEADER_ICON_SIZE } from '@/const/layoutTokens';
 import SyncStatusTag from '@/features/SyncStatusInspector';
 import { useActionSWR } from '@/libs/swr';
-import { featureFlagsSelectors, useFeatureFlagStore } from '@/store/featureFlags';
+import { featureFlagsSelectors, useServerConfigStore } from '@/store/serverConfig';
 import { useSessionStore } from '@/store/session';
 
 import SessionSearchBar from '../../features/SessionSearchBar';
@@ -27,7 +27,7 @@ const Header = memo(() => {
   const { styles } = useStyles();
   const { t } = useTranslation('chat');
   const [createSession] = useSessionStore((s) => [s.createSession]);
-  const { enableWebrtc, showCreateSession } = useFeatureFlagStore(featureFlagsSelectors);
+  const { enableWebrtc, showCreateSession } = useServerConfigStore(featureFlagsSelectors);
 
   const { mutate, isValidating } = useActionSWR('session.createSession', () => createSession());
 

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

@@ -5,7 +5,7 @@ import isEqual from 'fast-deep-equal';
 import { LucideToyBrick } from 'lucide-react';
 import { memo } from 'react';
 
-import { featureFlagsSelectors, useFeatureFlagStore } from '@/store/featureFlags';
+import { featureFlagsSelectors, useServerConfigStore } from '@/store/serverConfig';
 import { pluginHelpers, useToolStore } from '@/store/tool';
 import { toolSelectors } from '@/store/tool/selectors';
 
@@ -16,7 +16,7 @@ export interface PluginTagProps {
 }
 
 const PluginTag = memo<PluginTagProps>(({ plugins }) => {
-  const { showDalle } = useFeatureFlagStore(featureFlagsSelectors);
+  const { showDalle } = useServerConfigStore(featureFlagsSelectors);
   const list = useToolStore(toolSelectors.metaList(showDalle), isEqual);
   const displayPlugin = useToolStore(toolSelectors.getMetaById(plugins[0]), isEqual);
 

package/src/app/chat/features/SessionListContent/List/index.tsx

@@ -7,7 +7,7 @@ import { Center } from 'react-layout-kit';
 import LazyLoad from 'react-lazy-load';
 
 import { SESSION_CHAT_URL } from '@/const/url';
-import { featureFlagsSelectors, useFeatureFlagStore } from '@/store/featureFlags';
+import { featureFlagsSelectors, useServerConfigStore } from '@/store/serverConfig';
 import { useSessionStore } from '@/store/session';
 import { sessionSelectors } from '@/store/session/selectors';
 import { LobeAgentSession } from '@/types/session';
@@ -30,7 +30,7 @@ interface SessionListProps {
 const SessionList = memo<SessionListProps>(({ dataSource, groupId, showAddButton = true }) => {
   const { t } = useTranslation('chat');
   const isInit = useSessionStore((s) => sessionSelectors.isSessionListInit(s));
-  const { showCreateSession } = useFeatureFlagStore(featureFlagsSelectors);
+  const { showCreateSession } = useServerConfigStore(featureFlagsSelectors);
   const { styles } = useStyles();
 
   const { mobile } = useResponsive();

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

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

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

@@ -6,8 +6,8 @@ import { useTranslation } from 'react-i18next';
 import { Flexbox } from 'react-layout-kit';
 
 import PageTitle from '@/components/PageTitle';
-import { useGlobalStore } from '@/store/global';
-import { commonSelectors } from '@/store/global/selectors';
+import { useServerConfigStore } from '@/store/serverConfig';
+import { serverConfigSelectors } from '@/store/serverConfig/selectors';
 
 import AboutList from './AboutList';
 import Analytics from './Analytics';
@@ -23,7 +23,7 @@ export default memo(() => {
   const { t } = useTranslation('setting');
 
   const { styles } = useStyles();
-  const enabledTelemetryChat = useGlobalStore(commonSelectors.enabledTelemetryChat);
+  const enabledTelemetryChat = useServerConfigStore(serverConfigSelectors.enabledTelemetryChat);
 
   return (
     <>

package/src/app/settings/features/SettingList/index.tsx

@@ -3,8 +3,8 @@ import Link from 'next/link';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 
-import { featureFlagsSelectors, useFeatureFlagStore } from '@/store/featureFlags';
 import { SettingsTabs } from '@/store/global/initialState';
+import { featureFlagsSelectors, useServerConfigStore } from '@/store/serverConfig';
 
 import Item from './Item';
 
@@ -21,7 +21,7 @@ export interface SettingListProps {
 
 const SettingList = memo<SettingListProps>(({ activeTab, mobile }) => {
   const { t } = useTranslation('setting');
-  const { enableWebrtc, showLLM } = useFeatureFlagStore(featureFlagsSelectors);
+  const { enableWebrtc, showLLM } = useServerConfigStore(featureFlagsSelectors);
 
   const items = [
     { icon: Settings2, label: t('tab.common'), value: SettingsTabs.Common },

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

@@ -1,12 +1,12 @@
 import { OpenAI } from '@lobehub/icons';
 import { memo } from 'react';
 
-import { featureFlagsSelectors, useFeatureFlagStore } from '@/store/featureFlags';
+import { featureFlagsSelectors, useServerConfigStore } from '@/store/serverConfig';
 
 import ProviderConfig from '../components/ProviderConfig';
 
 const OpenAIProvider = memo(() => {
-  const { showOpenAIProxyUrl, showOpenAIApiKey } = useFeatureFlagStore(featureFlagsSelectors);
+  const { showOpenAIProxyUrl, showOpenAIApiKey } = useServerConfigStore(featureFlagsSelectors);
 
   return (
     <ProviderConfig

package/src/components/ModelIcon/index.tsx

@@ -95,6 +95,7 @@ const ModelIcon = memo<ModelProviderIconProps>(({ model: originModel, size = 12
     return <Stability.Avatar size={size} />;
 
   if (model.includes('wizardlm')) return <Azure.Avatar size={size} />;
+  if (model.includes('phi3')) return <Azure.Avatar size={size} />;
   if (model.includes('firefly')) return <Adobe.Avatar size={size} />;
   if (model.includes('jamba') ||
     model.includes('j2-'))

package/src/components/ModelTag/ModelIcon.tsx

@@ -82,6 +82,7 @@ const ModelIcon = memo<ModelIconProps>(({ model, size = 12 }) => {
     return <Stability size={size} />;
 
   if (model.includes('wizardlm')) return <Azure size={size} />;
+  if (model.includes('phi3')) return <Azure size={size} />;
   if (model.includes('firefly')) return <AdobeFirefly size={size} />;
   if (model.includes('jamba') || model.includes('j2-')) return <Ai21 size={size} />;
 });

package/src/config/modelProviders/ollama.ts

@@ -91,6 +91,12 @@ const Ollama: ModelProviderCard = {
       id: 'codellama:python',
       tokens: 16_000,
     },
+    {
+      displayName: 'Phi3-Instruct 3.8B',
+      enabled: true,
+      id: 'phi3:instruct',
+      tokens: 128_000,
+    },
     {
       displayName: 'Mistral',
       enabled: true,

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

@@ -9,7 +9,7 @@ import { Center, Flexbox } from 'react-layout-kit';
 import { FORM_STYLE } from '@/const/layoutTokens';
 import PluginStore from '@/features/PluginStore';
 import PluginTag from '@/features/PluginStore/PluginItem/PluginTag';
-import { featureFlagsSelectors, useFeatureFlagStore } from '@/store/featureFlags';
+import { featureFlagsSelectors, useServerConfigStore } from '@/store/serverConfig';
 import { pluginHelpers, useToolStore } from '@/store/tool';
 import { toolSelectors } from '@/store/tool/selectors';
 
@@ -29,7 +29,7 @@ const AgentPlugin = memo(() => {
     s.toggleAgentPlugin,
   ]);
 
-  const { showDalle } = useFeatureFlagStore(featureFlagsSelectors);
+  const { showDalle } = useServerConfigStore(featureFlagsSelectors);
   const installedPlugins = useToolStore(toolSelectors.metaList(showDalle), isEqual);
   const useFetchInstalledPlugins = useToolStore((s) => s.useFetchInstalledPlugins);
 

package/src/features/ChatInput/ActionBar/Tools/index.tsx

@@ -11,9 +11,9 @@ import { Flexbox } from 'react-layout-kit';
 import PluginStore from '@/features/PluginStore';
 import { useAgentStore } from '@/store/agent';
 import { agentSelectors } from '@/store/agent/selectors';
-import { featureFlagsSelectors, useFeatureFlagStore } from '@/store/featureFlags';
 import { useGlobalStore } from '@/store/global';
 import { modelProviderSelectors } from '@/store/global/selectors';
+import { featureFlagsSelectors, useServerConfigStore } from '@/store/serverConfig';
 import { pluginHelpers, useToolStore } from '@/store/tool';
 import { builtinToolSelectors, pluginSelectors } from '@/store/tool/selectors';
 
@@ -35,7 +35,7 @@ const useStyles = createStyles(({ css, prefixCls }) => ({
 const Tools = memo(() => {
   const { t } = useTranslation('setting');
   const list = useToolStore(pluginSelectors.installedPluginMetaList, isEqual);
-  const { showDalle } = useFeatureFlagStore(featureFlagsSelectors);
+  const { showDalle } = useServerConfigStore(featureFlagsSelectors);
   const builtinList = useToolStore(builtinToolSelectors.metaList(showDalle), isEqual);
 
   const enablePluginCount = useAgentStore(

package/src/features/Conversation/Error/InvalidAccessCode.tsx

@@ -6,8 +6,8 @@ import { memo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Flexbox } from 'react-layout-kit';
 
-import { useGlobalStore } from '@/store/global';
-import { commonSelectors } from '@/store/global/selectors';
+import { useServerConfigStore } from '@/store/serverConfig';
+import { serverConfigSelectors } from '@/store/serverConfig/selectors';
 
 import APIKeyForm from './APIKeyForm';
 import AccessCodeForm from './AccessCodeForm';
@@ -27,7 +27,7 @@ interface InvalidAccessCodeProps {
 
 const InvalidAccessCode = memo<InvalidAccessCodeProps>(({ id, provider }) => {
   const { t } = useTranslation('error');
-  const isEnabledOAuth = useGlobalStore(commonSelectors.enabledOAuthSSO);
+  const isEnabledOAuth = useServerConfigStore(serverConfigSelectors.enabledOAuthSSO);
   const defaultTab = isEnabledOAuth ? Tab.Oauth : Tab.Password;
   const [mode, setMode] = useState<Tab>(defaultTab);
 

package/src/layout/GlobalProvider/index.tsx

@@ -10,7 +10,8 @@ import {
   LOBE_THEME_NEUTRAL_COLOR,
   LOBE_THEME_PRIMARY_COLOR,
 } from '@/const/theme';
-import { FeatureFlagStoreProvider } from '@/store/featureFlags';
+import { getServerGlobalConfig } from '@/server/globalConfig';
+import { ServerConfigStoreProvider } from '@/store/serverConfig';
 import { getAntdLocale } from '@/utils/locale';
 
 import AppTheme from './AppTheme';
@@ -46,6 +47,7 @@ const GlobalLayout = async ({ children }: GlobalLayoutProps) => {
 
   // get default feature flags to use with ssr
   const serverFeatureFlags = getServerFeatureFlagsValue();
+  const serverConfig = getServerGlobalConfig();
   return (
     <StyleRegistry>
       <Locale antdLocale={antdLocale} defaultLang={defaultLang?.value}>
@@ -55,9 +57,9 @@ const GlobalLayout = async ({ children }: GlobalLayoutProps) => {
           defaultPrimaryColor={primaryColor?.value as any}
         >
           <StoreInitialization />
-          <FeatureFlagStoreProvider featureFlags={serverFeatureFlags}>
+          <ServerConfigStoreProvider featureFlags={serverFeatureFlags} serverConfig={serverConfig}>
             {children}
-          </FeatureFlagStoreProvider>
+          </ServerConfigStoreProvider>
           <DebugUI />
         </AppTheme>
       </Locale>

package/src/server/globalConfig/index.ts

@@ -0,0 +1,119 @@
+import {
+  OllamaProviderCard,
+  OpenAIProviderCard,
+  OpenRouterProviderCard,
+  TogetherAIProviderCard,
+} from '@/config/modelProviders';
+import { getServerConfig } from '@/config/server';
+import { GlobalServerConfig } from '@/types/serverConfig';
+import { extractEnabledModels, transformToChatModelCards } from '@/utils/parseModels';
+
+import { parseAgentConfig } from './parseDefaultAgent';
+
+export const getServerGlobalConfig = () => {
+  const {
+    ENABLE_LANGFUSE,
+    ENABLE_OAUTH_SSO,
+
+    DEFAULT_AGENT_CONFIG,
+    OPENAI_MODEL_LIST,
+
+    ENABLED_MOONSHOT,
+    ENABLED_ZHIPU,
+    ENABLED_AWS_BEDROCK,
+    ENABLED_GOOGLE,
+    ENABLED_GROQ,
+    ENABLED_PERPLEXITY,
+    ENABLED_ANTHROPIC,
+    ENABLED_MISTRAL,
+
+    ENABLED_AZURE_OPENAI,
+    AZURE_MODEL_LIST,
+
+    ENABLE_OLLAMA,
+    OLLAMA_MODEL_LIST,
+    OLLAMA_PROXY_URL,
+
+    ENABLED_OPENROUTER,
+    OPENROUTER_MODEL_LIST,
+
+    ENABLED_ZEROONE,
+    ENABLED_TOGETHERAI,
+    TOGETHERAI_MODEL_LIST,
+  } = getServerConfig();
+
+  const config: GlobalServerConfig = {
+    defaultAgent: {
+      config: parseAgentConfig(DEFAULT_AGENT_CONFIG),
+    },
+
+    enabledOAuthSSO: ENABLE_OAUTH_SSO,
+    languageModel: {
+      anthropic: {
+        enabled: ENABLED_ANTHROPIC,
+      },
+      azure: {
+        enabled: ENABLED_AZURE_OPENAI,
+        enabledModels: extractEnabledModels(AZURE_MODEL_LIST, true),
+        serverModelCards: transformToChatModelCards({
+          defaultChatModels: [],
+          modelString: AZURE_MODEL_LIST,
+          withDeploymentName: true,
+        }),
+      },
+      bedrock: { enabled: ENABLED_AWS_BEDROCK },
+      google: { enabled: ENABLED_GOOGLE },
+      groq: { enabled: ENABLED_GROQ },
+      mistral: { enabled: ENABLED_MISTRAL },
+      moonshot: { enabled: ENABLED_MOONSHOT },
+      ollama: {
+        enabled: ENABLE_OLLAMA,
+        fetchOnClient: !OLLAMA_PROXY_URL,
+        serverModelCards: transformToChatModelCards({
+          defaultChatModels: OllamaProviderCard.chatModels,
+          modelString: OLLAMA_MODEL_LIST,
+        }),
+      },
+      openai: {
+        enabledModels: extractEnabledModels(OPENAI_MODEL_LIST),
+        serverModelCards: transformToChatModelCards({
+          defaultChatModels: OpenAIProviderCard.chatModels,
+          modelString: OPENAI_MODEL_LIST,
+        }),
+      },
+
+      openrouter: {
+        enabled: ENABLED_OPENROUTER,
+        enabledModels: extractEnabledModels(OPENROUTER_MODEL_LIST),
+        serverModelCards: transformToChatModelCards({
+          defaultChatModels: OpenRouterProviderCard.chatModels,
+          modelString: OPENROUTER_MODEL_LIST,
+        }),
+      },
+      perplexity: { enabled: ENABLED_PERPLEXITY },
+
+      togetherai: {
+        enabled: ENABLED_TOGETHERAI,
+        enabledModels: extractEnabledModels(TOGETHERAI_MODEL_LIST),
+        serverModelCards: transformToChatModelCards({
+          defaultChatModels: TogetherAIProviderCard.chatModels,
+          modelString: TOGETHERAI_MODEL_LIST,
+        }),
+      },
+
+      zeroone: { enabled: ENABLED_ZEROONE },
+      zhipu: { enabled: ENABLED_ZHIPU },
+    },
+    telemetry: {
+      langfuse: ENABLE_LANGFUSE,
+    },
+  };
+
+  return config;
+};
+
+export const getServerDefaultAgentConfig = () => {
+  const { DEFAULT_AGENT_CONFIG } = getServerConfig();
+
+  return parseAgentConfig(DEFAULT_AGENT_CONFIG) || {};
+};

package/src/server/routers/config/index.ts

@@ -1,121 +1,12 @@
-import {
-  OllamaProviderCard,
-  OpenAIProviderCard,
-  OpenRouterProviderCard,
-  TogetherAIProviderCard,
-} from '@/config/modelProviders';
-import { getServerConfig } from '@/config/server';
 import { publicProcedure, router } from '@/libs/trpc';
-import { parseAgentConfig } from '@/server/routers/config/parseDefaultAgent';
-import { GlobalServerConfig } from '@/types/serverConfig';
-import { extractEnabledModels, transformToChatModelCards } from '@/utils/parseModels';
+import { getServerDefaultAgentConfig, getServerGlobalConfig } from '@/server/globalConfig';
 
 export const configRouter = router({
   getDefaultAgentConfig: publicProcedure.query(async () => {
-    const { DEFAULT_AGENT_CONFIG } = getServerConfig();
-
-    return parseAgentConfig(DEFAULT_AGENT_CONFIG) || {};
+    return getServerDefaultAgentConfig();
   }),
 
   getGlobalConfig: publicProcedure.query(async () => {
-    const {
-      ENABLE_LANGFUSE,
-      ENABLE_OAUTH_SSO,
-
-      DEFAULT_AGENT_CONFIG,
-      OPENAI_MODEL_LIST,
-
-      ENABLED_MOONSHOT,
-      ENABLED_ZHIPU,
-      ENABLED_AWS_BEDROCK,
-      ENABLED_GOOGLE,
-      ENABLED_GROQ,
-      ENABLED_PERPLEXITY,
-      ENABLED_ANTHROPIC,
-      ENABLED_MISTRAL,
-
-      ENABLED_AZURE_OPENAI,
-      AZURE_MODEL_LIST,
-
-      ENABLE_OLLAMA,
-      OLLAMA_MODEL_LIST,
-      OLLAMA_PROXY_URL,
-
-      ENABLED_OPENROUTER,
-      OPENROUTER_MODEL_LIST,
-
-      ENABLED_ZEROONE,
-      ENABLED_TOGETHERAI,
-      TOGETHERAI_MODEL_LIST,
-    } = getServerConfig();
-
-    const config: GlobalServerConfig = {
-      defaultAgent: {
-        config: parseAgentConfig(DEFAULT_AGENT_CONFIG),
-      },
-
-      enabledOAuthSSO: ENABLE_OAUTH_SSO,
-      languageModel: {
-        anthropic: {
-          enabled: ENABLED_ANTHROPIC,
-        },
-        azure: {
-          enabled: ENABLED_AZURE_OPENAI,
-          enabledModels: extractEnabledModels(AZURE_MODEL_LIST, true),
-          serverModelCards: transformToChatModelCards({
-            defaultChatModels: [],
-            modelString: AZURE_MODEL_LIST,
-            withDeploymentName: true,
-          }),
-        },
-        bedrock: { enabled: ENABLED_AWS_BEDROCK },
-        google: { enabled: ENABLED_GOOGLE },
-        groq: { enabled: ENABLED_GROQ },
-        mistral: { enabled: ENABLED_MISTRAL },
-        moonshot: { enabled: ENABLED_MOONSHOT },
-        ollama: {
-          enabled: ENABLE_OLLAMA,
-          fetchOnClient: !OLLAMA_PROXY_URL,
-          serverModelCards: transformToChatModelCards({
-            defaultChatModels: OllamaProviderCard.chatModels,
-            modelString: OLLAMA_MODEL_LIST,
-          }),
-        },
-        openai: {
-          enabledModels: extractEnabledModels(OPENAI_MODEL_LIST),
-          serverModelCards: transformToChatModelCards({
-            defaultChatModels: OpenAIProviderCard.chatModels,
-            modelString: OPENAI_MODEL_LIST,
-          }),
-        },
-
-        openrouter: {
-          enabled: ENABLED_OPENROUTER,
-          enabledModels: extractEnabledModels(OPENROUTER_MODEL_LIST),
-          serverModelCards: transformToChatModelCards({
-            defaultChatModels: OpenRouterProviderCard.chatModels,
-            modelString: OPENROUTER_MODEL_LIST,
-          }),
-        },
-        perplexity: { enabled: ENABLED_PERPLEXITY },
-
-        togetherai: {
-          enabled: ENABLED_TOGETHERAI,
-          enabledModels: extractEnabledModels(TOGETHERAI_MODEL_LIST),
-          serverModelCards: transformToChatModelCards({
-            defaultChatModels: TogetherAIProviderCard.chatModels,
-            modelString: TOGETHERAI_MODEL_LIST,
-          }),
-        },
-
-        zeroone: { enabled: ENABLED_ZEROONE },
-        zhipu: { enabled: ENABLED_ZHIPU },
-      },
-      telemetry: {
-        langfuse: ENABLE_LANGFUSE,
-      },
-    };
-
-    return config;
+    return getServerGlobalConfig();
   }),
 });

package/src/store/global/slices/common/selectors.ts

@@ -1,8 +1,6 @@
 import { GlobalStore } from '@/store/global';
 
 export const commonSelectors = {
-  enabledOAuthSSO: (s: GlobalStore) => s.serverConfig.enabledOAuthSSO,
-  enabledTelemetryChat: (s: GlobalStore) => s.serverConfig.telemetry.langfuse || false,
   userAvatar: (s: GlobalStore) => s.avatar || '',
   userId: (s: GlobalStore) => s.userId,
 };

package/src/store/serverConfig/Provider.tsx

@@ -0,0 +1,22 @@
+'use client';
+
+import { ReactNode, memo } from 'react';
+
+import { IFeatureFlags } from '@/config/featureFlags';
+import { GlobalServerConfig } from '@/types/serverConfig';
+
+import { Provider, createServerConfigStore } from './store';
+
+interface GlobalStoreProviderProps {
+  children: ReactNode;
+  featureFlags?: Partial<IFeatureFlags>;
+  serverConfig?: GlobalServerConfig;
+}
+
+export const ServerConfigStoreProvider = memo<GlobalStoreProviderProps>(
+  ({ children, featureFlags, serverConfig }) => (
+    <Provider createStore={() => createServerConfigStore({ featureFlags, serverConfig })}>
+      {children}
+    </Provider>
+  ),
+);

package/src/store/serverConfig/index.ts

@@ -0,0 +1,3 @@
+export { ServerConfigStoreProvider } from './Provider';
+export { featureFlagsSelectors } from './selectors';
+export { useServerConfigStore } from './store';

package/src/store/serverConfig/selectors.test.ts

@@ -0,0 +1,72 @@
+import { describe, expect, it, vi } from 'vitest';
+
+import { featureFlagsSelectors, serverConfigSelectors } from './selectors';
+import { initServerConfigStore } from './store';
+
+vi.mock('zustand/traditional');
+
+describe('featureFlagsSelectors', () => {
+  it('should return mapped feature flags from store', () => {
+    const store = initServerConfigStore({
+      featureFlags: {
+        language_model_settings: false,
+        edit_agent: false,
+      },
+    });
+
+    const result = featureFlagsSelectors(store.getState());
+
+    expect(result).toEqual({
+      enableWebrtc: true,
+      isAgentEditable: false,
+      showCreateSession: true,
+      showDalle: true,
+      showLLM: false,
+      showOpenAIApiKey: true,
+      showOpenAIProxyUrl: true,
+    });
+  });
+});
+
+describe('serverConfigSelectors', () => {
+  describe('enabledOAuthSSO', () => {
+    it('should return enabledOAuthSSO value from store', () => {
+      const store = initServerConfigStore({
+        serverConfig: {
+          enabledOAuthSSO: true,
+          telemetry: {},
+        },
+      });
+
+      const result = serverConfigSelectors.enabledOAuthSSO(store.getState());
+
+      expect(result).toBe(true);
+    });
+  });
+
+  describe('enabledTelemetryChat', () => {
+    it('should return langfuse value from store when defined', () => {
+      const store = initServerConfigStore({
+        serverConfig: {
+          telemetry: { langfuse: true },
+        },
+      });
+
+      const result = serverConfigSelectors.enabledTelemetryChat(store.getState());
+
+      expect(result).toBe(true);
+    });
+
+    it('should return false when langfuse is not defined', () => {
+      const store = initServerConfigStore({
+        serverConfig: {
+          telemetry: {},
+        },
+      });
+
+      const result = serverConfigSelectors.enabledTelemetryChat(store.getState());
+
+      expect(result).toBe(false);
+    });
+  });
+});

package/src/store/serverConfig/selectors.ts

@@ -0,0 +1,11 @@
+import { mapFeatureFlagsEnvToState } from '@/config/featureFlags';
+
+import { ServerConfigStore } from './store';
+
+export const featureFlagsSelectors = (s: ServerConfigStore) =>
+  mapFeatureFlagsEnvToState(s.featureFlags);
+
+export const serverConfigSelectors = {
+  enabledOAuthSSO: (s: ServerConfigStore) => s.serverConfig.enabledOAuthSSO,
+  enabledTelemetryChat: (s: ServerConfigStore) => s.serverConfig.telemetry.langfuse || false,
+};

package/src/store/serverConfig/store.test.ts

@@ -0,0 +1,53 @@
+import { act } from '@testing-library/react';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+
+import { DEFAULT_FEATURE_FLAGS } from '@/config/featureFlags';
+
+import { ServerConfigStore, createServerConfigStore, initServerConfigStore } from './store';
+
+describe('createServerConfigStore', () => {
+  beforeEach(() => {
+    // 每个测试用例前重置模块状态
+    vi.resetModules();
+  });
+
+  it('should create a singleton store', () => {
+    const store1 = createServerConfigStore();
+    const store2 = createServerConfigStore();
+
+    expect(store1).toBe(store2);
+  });
+
+  it('should initialize store with default state', () => {
+    const store = createServerConfigStore();
+
+    expect(store.getState()).toEqual({
+      featureFlags: DEFAULT_FEATURE_FLAGS,
+      serverConfig: { telemetry: {} },
+    });
+  });
+
+  it('should initialize store with custom initial state', () => {
+    const initialState: Partial<ServerConfigStore> = {
+      featureFlags: { edit_agent: false },
+      serverConfig: { telemetry: { langfuse: true } },
+    };
+
+    const store = initServerConfigStore(initialState);
+
+    expect(store.getState().featureFlags.edit_agent).toBeFalsy();
+    expect(store.getState().serverConfig).toEqual({
+      telemetry: { langfuse: true },
+    });
+  });
+
+  it('should update store state correctly', () => {
+    const store = createServerConfigStore();
+
+    act(() => {
+      store.setState({ featureFlags: { dalle: false } });
+    });
+
+    expect(store.getState().featureFlags.dalle).toBeFalsy();
+  });
+});

package/src/store/serverConfig/store.ts

@@ -0,0 +1,61 @@
+import { StoreApi } from 'zustand';
+import { createContext } from 'zustand-utils';
+import { devtools } from 'zustand/middleware';
+import { shallow } from 'zustand/shallow';
+import { createWithEqualityFn } from 'zustand/traditional';
+import { StateCreator } from 'zustand/vanilla';
+
+import { DEFAULT_FEATURE_FLAGS, IFeatureFlags } from '@/config/featureFlags';
+import { GlobalServerConfig } from '@/types/serverConfig';
+import { isDev } from '@/utils/env';
+import { merge } from '@/utils/merge';
+import { StoreApiWithSelector } from '@/utils/zustand';
+
+const initialState: ServerConfigStore = {
+  featureFlags: DEFAULT_FEATURE_FLAGS,
+  serverConfig: { telemetry: {} },
+};
+
+//  ===============  聚合 createStoreFn ============ //
+
+export interface ServerConfigStore {
+  featureFlags: IFeatureFlags;
+  serverConfig: GlobalServerConfig;
+}
+
+type CreateStore = (
+  initState: Partial<ServerConfigStore>,
+) => StateCreator<ServerConfigStore, [['zustand/devtools', never]]>;
+
+const createStore: CreateStore = (runtimeState) => () => ({
+  ...merge(initialState, runtimeState),
+});
+
+//  ===============  实装 useStore ============ //
+
+let store: StoreApi<ServerConfigStore>;
+
+export const initServerConfigStore = (initState: Partial<ServerConfigStore>) =>
+  createWithEqualityFn<ServerConfigStore>()(
+    devtools(createStore(initState || {}), {
+      name: 'LobeChat_ServerConfig' + (isDev ? '_DEV' : ''),
+    }),
+    shallow,
+  );
+
+export const createServerConfigStore = (initState?: Partial<ServerConfigStore>) => {
+  // make sure there is only one store
+  if (!store) {
+    store = createWithEqualityFn<ServerConfigStore>()(
+      devtools(createStore(initState || {}), {
+        name: 'LobeChat_ServerConfig' + (isDev ? '_DEV' : ''),
+      }),
+      shallow,
+    );
+  }
+
+  return store;
+};
+
+export const { useStore: useServerConfigStore, Provider } =
+  createContext<StoreApiWithSelector<ServerConfigStore>>();

package/src/store/featureFlags/Provider.tsx

@@ -1,18 +0,0 @@
-'use client';
-
-import { ReactNode, memo } from 'react';
-
-import { IFeatureFlags } from '@/config/featureFlags';
-
-import { Provider, createFeatureFlagsStore } from './store';
-
-interface GlobalStoreProviderProps {
-  children: ReactNode;
-  featureFlags?: Partial<IFeatureFlags>;
-}
-
-export const FeatureFlagStoreProvider = memo<GlobalStoreProviderProps>(
-  ({ children, featureFlags }) => (
-    <Provider createStore={() => createFeatureFlagsStore(featureFlags)}>{children}</Provider>
-  ),
-);

package/src/store/featureFlags/index.ts

@@ -1,3 +0,0 @@
-export { FeatureFlagStoreProvider } from './Provider';
-export { featureFlagsSelectors } from './selectors';
-export { useFeatureFlagStore } from './store';

package/src/store/featureFlags/selectors.ts

@@ -1,5 +0,0 @@
-import { mapFeatureFlagsEnvToState } from '@/config/featureFlags';
-
-import { FeatureFlagStore } from './store';
-
-export const featureFlagsSelectors = (s: FeatureFlagStore) => mapFeatureFlagsEnvToState(s);

package/src/store/featureFlags/store.ts

@@ -1,42 +0,0 @@
-import { StoreApi } from 'zustand';
-import { createContext } from 'zustand-utils';
-import { devtools } from 'zustand/middleware';
-import { shallow } from 'zustand/shallow';
-import { createWithEqualityFn } from 'zustand/traditional';
-import { StateCreator } from 'zustand/vanilla';
-
-import { DEFAULT_FEATURE_FLAGS, IFeatureFlags } from '@/config/featureFlags';
-import { isDev } from '@/utils/env';
-import { StoreApiWithSelector } from '@/utils/zustand';
-
-//  ===============  聚合 createStoreFn ============ //
-
-export type FeatureFlagStore = IFeatureFlags;
-
-const createStore: (
-  initState: Partial<FeatureFlagStore>,
-) => StateCreator<FeatureFlagStore, [['zustand/devtools', never]]> = (runtimeState) => () => ({
-  ...DEFAULT_FEATURE_FLAGS,
-  ...runtimeState,
-});
-
-//  ===============  实装 useStore ============ //
-
-let store: StoreApi<FeatureFlagStore>;
-
-export const createFeatureFlagsStore = (initState?: Partial<FeatureFlagStore>) => {
-  // make sure there is only one store
-  if (!store) {
-    store = createWithEqualityFn<FeatureFlagStore>()(
-      devtools(createStore(initState || {}), {
-        name: 'LobeChat_FeatureFlags' + (isDev ? '_DEV' : ''),
-      }),
-      shallow,
-    );
-  }
-
-  return store;
-};
-
-export const { useStore: useFeatureFlagStore, Provider } =
-  createContext<StoreApiWithSelector<FeatureFlagStore>>();