@lobehub/chat 1.97.3 → 1.97.5

package/CHANGELOG.md

@@ -2,6 +2,57 @@
 
 # Changelog
 
+### [Version 1.97.5](https://github.com/lobehub/lobe-chat/compare/v1.97.4...v1.97.5)
+
+<sup>Released on **2025-07-10**</sup>
+
+#### 💄 Styles
+
+- **misc**: Fix: solve the loading was strange spin when switch show.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### Styles
+
+- **misc**: Fix: solve the loading was strange spin when switch show, closes [#8333](https://github.com/lobehub/lobe-chat/issues/8333) ([07197e7](https://github.com/lobehub/lobe-chat/commit/07197e7))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
+### [Version 1.97.4](https://github.com/lobehub/lobe-chat/compare/v1.97.3...v1.97.4)
+
+<sup>Released on **2025-07-10**</sup>
+
+#### 💄 Styles
+
+- **misc**: Add `grok-4-0709` model from xAI, fix theme issue in desktop.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### Styles
+
+- **misc**: Add `grok-4-0709` model from xAI, closes [#8379](https://github.com/lobehub/lobe-chat/issues/8379) ([b7ca447](https://github.com/lobehub/lobe-chat/commit/b7ca447))
+- **misc**: Fix theme issue in desktop, closes [#8380](https://github.com/lobehub/lobe-chat/issues/8380) ([c7ae78b](https://github.com/lobehub/lobe-chat/commit/c7ae78b))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ### [Version 1.97.3](https://github.com/lobehub/lobe-chat/compare/v1.97.2...v1.97.3)
 
 <sup>Released on **2025-07-10**</sup>

package/README.zh-CN.md

@@ -598,9 +598,9 @@ LobeChat 提供了 Vercel 的 自托管版本 和 [Docker 镜像][docker-release
 [![][docker-size-shield]][docker-size-link]
 [![][docker-pulls-shield]][docker-pulls-link]
 
-We provide a Docker image for deploying the LobeChat service on your own private device. Use the following command to start the LobeChat service:
+我们提供了一个用于在您自己的私有设备上部署 LobeChat 服务的 Docker 镜像。请使用以下命令启动 LobeChat 服务：
 
-1. create a folder to for storage files
+1. 创建一个用于存储文件的文件夹
 
 ```fish
 $ mkdir lobe-chat-db && cd lobe-chat-db

package/apps/desktop/src/main/controllers/SystemCtr.ts

@@ -1,15 +1,27 @@
 import { ElectronAppState, ThemeMode } from '@lobechat/electron-client-ipc';
-import { app, shell, systemPreferences } from 'electron';
+import { app, nativeTheme, shell, systemPreferences } from 'electron';
 import { macOS } from 'electron-is';
 import { readFileSync, writeFileSync } from 'node:fs';
 import { join } from 'node:path';
 import process from 'node:process';
 
 import { DB_SCHEMA_HASH_FILENAME, LOCAL_DATABASE_DIR, userDataDir } from '@/const/dir';
+import { createLogger } from '@/utils/logger';
 
 import { ControllerModule, ipcClientEvent, ipcServerEvent } from './index';
 
+const logger = createLogger('controllers:SystemCtr');
+
 export default class SystemController extends ControllerModule {
+  private systemThemeListenerInitialized = false;
+
+  /**
+   * Initialize system theme listener when app is ready
+   */
+  afterAppReady() {
+    this.initializeSystemThemeListener();
+  }
+
   /**
    * Handles the 'getDesktopAppState' IPC request.
    * Gathers essential application and system information.
@@ -26,6 +38,7 @@ export default class SystemController extends ControllerModule {
       isMac: platform === 'darwin',
       isWindows: platform === 'win32',
       platform: platform as 'darwin' | 'win32' | 'linux',
+      systemAppearance: nativeTheme.shouldUseDarkColors ? 'dark' : 'light',
       userPath: {
         // User Paths (ensure keys match UserPathData / DesktopAppState interface)
         desktop: app.getPath('desktop'),
@@ -100,4 +113,37 @@ export default class SystemController extends ControllerModule {
   private get DB_SCHEMA_HASH_PATH() {
     return join(this.app.appStoragePath, DB_SCHEMA_HASH_FILENAME);
   }
+
+  /**
+   * Initialize system theme listener to monitor OS theme changes
+   */
+  private initializeSystemThemeListener() {
+    if (this.systemThemeListenerInitialized) {
+      logger.debug('System theme listener already initialized');
+      return;
+    }
+
+    logger.info('Initializing system theme listener');
+
+    // Get initial system theme
+    const initialDarkMode = nativeTheme.shouldUseDarkColors;
+    const initialSystemTheme: ThemeMode = initialDarkMode ? 'dark' : 'light';
+    logger.info(`Initial system theme: ${initialSystemTheme}`);
+
+    // Listen for system theme changes
+    nativeTheme.on('updated', () => {
+      const isDarkMode = nativeTheme.shouldUseDarkColors;
+      const systemTheme: ThemeMode = isDarkMode ? 'dark' : 'light';
+
+      logger.info(`System theme changed to: ${systemTheme}`);
+
+      // Broadcast system theme change to all renderer processes
+      this.app.browserManager.broadcastToAllWindows('systemThemeChanged', {
+        themeMode: systemTheme,
+      });
+    });
+
+    this.systemThemeListenerInitialized = true;
+    logger.info('System theme listener initialized successfully');
+  }
 }

package/changelog/v1.json

@@ -1,4 +1,22 @@
 [
+  {
+    "children": {
+      "improvements": [
+        "Fix: solve the loading was strange spin when switch show."
+      ]
+    },
+    "date": "2025-07-10",
+    "version": "1.97.5"
+  },
+  {
+    "children": {
+      "improvements": [
+        "Add grok-4-0709 model from xAI, fix theme issue in desktop."
+      ]
+    },
+    "date": "2025-07-10",
+    "version": "1.97.4"
+  },
   {
     "children": {},
     "date": "2025-07-10",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "1.97.3",
+  "version": "1.97.5",
   "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/packages/electron-client-ipc/src/events/system.ts

@@ -1,3 +1,5 @@
+import { ThemeAppearance } from 'antd-style';
+
 import { ElectronAppState, ThemeMode } from '../types';
 
 export interface SystemDispatchEvents {
@@ -16,5 +18,6 @@ export interface SystemDispatchEvents {
 }
 
 export interface SystemBroadcastEvents {
+  systemThemeChanged: (data: { themeMode: ThemeAppearance }) => void;
   themeChanged: (data: { themeMode: ThemeMode }) => void;
 }

package/packages/electron-client-ipc/src/types/system.ts

@@ -3,7 +3,8 @@ export interface ElectronAppState {
   isLinux?: boolean;
   isMac?: boolean;
   isWindows?: boolean;
-  platform?: 'darwin' | 'win32' | 'linux'; // , etc.
+  platform?: 'darwin' | 'win32' | 'linux';
+  systemAppearance?: string;
   userPath?: UserPathData;
 }
 

package/src/app/[variants]/(main)/settings/system-agent/features/createForm.tsx

@@ -86,7 +86,7 @@ const SystemAgentForm = memo(
         }) as FormItemProps,
       ].filter(Boolean),
       extra: (
-        <Flexbox>
+        <Flexbox direction="horizontal" gap={8}>
           {loading && <Icon icon={Loader2Icon} size={16} spin style={{ opacity: 0.5 }} />}
           {allowDisable && (
             <Switch

package/src/config/aiModels/xai.ts

@@ -2,6 +2,31 @@ import { AIChatModelCard } from '@/types/aiModel';
 
 // https://docs.x.ai/docs/models
 const xaiChatModels: AIChatModelCard[] = [
+  {
+    abilities: {
+      functionCall: true,
+      reasoning: true,
+      search: true,
+    },
+    contextWindowTokens: 256_000,
+    description:
+      '我们最新最强大的旗舰模型，在自然语言处理、数学计算和推理方面表现卓越 —— 是一款完美的全能型选手。',
+    displayName: 'Grok 4 0709',
+    enabled: true,
+    id: 'grok-4-0709',
+    pricing: {
+      cachedInput: 0.75,
+      input: 3,
+      output: 15,
+    },
+    releasedAt: '2025-07-09',
+    settings: {
+      // reasoning_effort is not supported by grok-4. Specifying reasoning_effort parameter will get an error response.
+      // extendParams: ['reasoningEffort'],
+      searchImpl: 'params',
+    },
+    type: 'chat',
+  },
   {
     abilities: {
       functionCall: true,
@@ -11,7 +36,6 @@ const xaiChatModels: AIChatModelCard[] = [
     description:
       '旗舰级模型，擅长数据提取、编程和文本摘要等企业级应用，拥有金融、医疗、法律和科学等领域的深厚知识。',
     displayName: 'Grok 3',
-    enabled: true,
     id: 'grok-3',
     pricing: {
       cachedInput: 0.75,

package/src/features/ElectronTitlebar/hooks/useWatchThemeUpdate.ts

@@ -3,19 +3,32 @@ import { useTheme } from 'antd-style';
 import { rgba } from 'polished';
 import { useEffect } from 'react';
 
+import { useElectronStore } from '@/store/electron';
 import { useGlobalStore } from '@/store/global';
 
 export const useWatchThemeUpdate = () => {
+  const [systemAppearance, updateElectronAppState] = useElectronStore((s) => [
+    s.appState.systemAppearance,
+    s.updateElectronAppState,
+  ]);
   const switchThemeMode = useGlobalStore((s) => s.switchThemeMode);
 
-  const token = useTheme();
+  const theme = useTheme();
 
   useWatchBroadcast('themeChanged', ({ themeMode }) => {
     switchThemeMode(themeMode, { skipBroadcast: true });
   });
 
+  useWatchBroadcast('systemThemeChanged', ({ themeMode }) => {
+    updateElectronAppState({ systemAppearance: themeMode });
+  });
+
   useEffect(() => {
     document.documentElement.style.background = 'none';
-    document.body.style.background = rgba(token.colorBgLayout, 0.66);
-  }, [token]);
+
+    // https://x.com/alanblogsooo/status/1939208908993896684
+    const isNotSameTheme = !systemAppearance ? true : theme.appearance !== systemAppearance;
+
+    document.body.style.background = rgba(theme.colorBgLayout, isNotSameTheme ? 0.95 : 0.66);
+  }, [theme, systemAppearance]);
 };

package/src/libs/model-runtime/xai/index.ts

@@ -7,6 +7,11 @@ export interface XAIModelCard {
   id: string;
 }
 
+export const GrokReasoningModels = new Set([
+  'grok-3-mini',
+  'grok-4-0709',
+]);
+
 export const LobeXAI = createOpenAICompatibleRuntime({
   baseURL: 'https://api.x.ai/v1',
   chatCompletion: {
@@ -15,9 +20,9 @@ export const LobeXAI = createOpenAICompatibleRuntime({
 
       return {
         ...rest,
-        frequency_penalty: model.includes('grok-3-mini') ? undefined : frequency_penalty,
+        frequency_penalty: GrokReasoningModels.has(model) ? undefined : frequency_penalty,
         model,
-        presence_penalty: model.includes('grok-3-mini') ? undefined : presence_penalty,
+        presence_penalty: GrokReasoningModels.has(model) ? undefined : presence_penalty,
         stream: true,
         ...(enabledSearch && {
           search_parameters: {

package/src/store/electron/actions/app.ts

@@ -6,18 +6,15 @@ import { useOnlyFetchOnceSWR } from '@/libs/swr';
 // Import for type usage
 import { electronSystemService } from '@/services/electron/system';
 import { globalAgentContextManager } from '@/utils/client/GlobalAgentContextManager';
+import { merge } from '@/utils/merge';
 
 import { ElectronStore } from '../store';
 
-// Import the new service
-
-// ======== State ======== //
-
-// Note: Actual state is defined in initialState.ts and ElectronState interface
-
 // ======== Action Interface ======== //
 
 export interface ElectronAppAction {
+  updateElectronAppState: (state: ElectronAppState) => void;
+
   /**
    * Initializes the basic Electron application state, including system info and special paths.
    * Should be called once when the application starts.
@@ -32,7 +29,12 @@ export const createElectronAppSlice: StateCreator<
   [['zustand/devtools', never]],
   [],
   ElectronAppAction
-> = (set) => ({
+> = (set, get) => ({
+  updateElectronAppState: (state: ElectronAppState) => {
+    const prevState = get().appState;
+    set({ appState: merge(prevState, state) });
+  },
+
   useInitElectronAppState: () =>
     useOnlyFetchOnceSWR<ElectronAppState>(
       'initElectronAppState',