@lobehub/chat 1.85.9 → 1.85.10

package/CHANGELOG.md

@@ -2,6 +2,31 @@
 
 # Changelog
 
+### [Version 1.85.10](https://github.com/lobehub/lobe-chat/compare/v1.85.9...v1.85.10)
+
+<sup>Released on **2025-05-14**</sup>
+
+#### 💄 Styles
+
+- **misc**: Update electron style on windows.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### Styles
+
+- **misc**: Update electron style on windows, closes [#7839](https://github.com/lobehub/lobe-chat/issues/7839) ([474de56](https://github.com/lobehub/lobe-chat/commit/474de56))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ### [Version 1.85.9](https://github.com/lobehub/lobe-chat/compare/v1.85.8...v1.85.9)
 
 <sup>Released on **2025-05-14**</sup>

package/README.md

@@ -333,7 +333,7 @@ In addition, these plugins are not limited to news aggregation, but can also ext
 | [Bing_websearch](https://lobechat.com/discover/plugin/Bingsearch-identifier)<br/><sup>By **FineHow** on **2024-12-22**</sup> | Search for information from the internet base BingApi<br/>`bingsearch`                                                  |
 | [Google CSE](https://lobechat.com/discover/plugin/google-cse)<br/><sup>By **vsnthdev** on **2024-12-02**</sup>               | Searches Google through their official CSE API.<br/>`web` `search`                                                      |
 
-> 📊 Total plugins: [<kbd>**44**</kbd>](https://lobechat.com/discover/plugins)
+> 📊 Total plugins: [<kbd>**43**</kbd>](https://lobechat.com/discover/plugins)
 
  <!-- PLUGIN LIST -->
 

package/README.zh-CN.md

@@ -326,7 +326,7 @@ LobeChat 的插件生态系统是其核心功能的重要扩展，它极大地
 | [必应网页搜索](https://lobechat.com/discover/plugin/Bingsearch-identifier)<br/><sup>By **FineHow** on **2024-12-22**</sup> | 通过 BingApi 搜索互联网上的信息<br/>`bingsearch`                                   |
 | [谷歌自定义搜索引擎](https://lobechat.com/discover/plugin/google-cse)<br/><sup>By **vsnthdev** on **2024-12-02**</sup>     | 通过他们的官方自定义搜索引擎 API 搜索谷歌。<br/>`网络` `搜索`                      |
 
-> 📊 Total plugins: [<kbd>**44**</kbd>](https://lobechat.com/discover/plugins)
+> 📊 Total plugins: [<kbd>**43**</kbd>](https://lobechat.com/discover/plugins)
 
  <!-- PLUGIN LIST -->
 

package/apps/desktop/electron-builder.js

@@ -79,9 +79,12 @@ const config = {
     allowToChangeInstallationDirectory: true,
     artifactName: '${productName}-${version}-setup.${ext}',
     createDesktopShortcut: 'always',
+    installerHeader: './build/nsis-header.bmp',
+    installerSidebar: './build/nsis-sidebar.bmp',
     oneClick: false,
     shortcutName: '${productName}',
     uninstallDisplayName: '${productName}',
+    uninstallerSidebar: './build/nsis-sidebar.bmp',
   },
   publish: [
     {

package/apps/desktop/src/main/core/App.ts

@@ -41,6 +41,7 @@ export class App {
   updaterManager: UpdaterManager;
   shortcutManager: ShortcutManager;
   trayManager: TrayManager;
+  chromeFlags: string[] = ['OverlayScrollbar', 'FluentOverlayScrollbar', 'FluentScrollbar'];
 
   /**
    * whether app is in quiting
@@ -185,6 +186,8 @@ export class App {
       }
     });
 
+    app.commandLine.appendSwitch('enable-features', this.chromeFlags.join(','));
+
     logger.debug('Waiting for app to be ready');
     await app.whenReady();
     logger.debug('Application ready');

package/apps/desktop/src/main/core/Browser.ts

@@ -1,5 +1,6 @@
 import { MainBroadcastEventKey, MainBroadcastParams } from '@lobechat/electron-client-ipc';
-import { BrowserWindow, BrowserWindowConstructorOptions, ipcMain } from 'electron';
+import { BrowserWindow, BrowserWindowConstructorOptions, ipcMain, nativeTheme } from 'electron';
+import os from 'node:os';
 import { join } from 'node:path';
 
 import { createLogger } from '@/utils/logger';
@@ -188,17 +189,32 @@ export default class Browser {
       `[${this.identifier}] Saved window state (only size used): ${JSON.stringify(savedState)}`,
     );
 
+    const { isWindows11, isWindows } = this.getWindowsVersion();
+    const isDarkMode = nativeTheme.shouldUseDarkColors;
+
     const browserWindow = new BrowserWindow({
       ...res,
-      height: savedState?.height || height,
+      ...(isWindows
+        ? {
+            titleBarStyle: 'hidden',
+          }
+        : {}),
+      ...(isWindows11
+        ? {
+            backgroundMaterial: isDarkMode ? 'mica' : 'acrylic',
+            vibrancy: 'under-window',
+            visualEffectState: 'active',
+          }
+        : {}),
+      autoHideMenuBar: true,
+      backgroundColor: '#00000000',
+      frame: false,
 
+      height: savedState?.height || height,
       // Always create hidden first
       show: false,
-
       title,
 
-      transparent: true,
-
       webPreferences: {
         // Context isolation environment
         // https://www.electronjs.org/docs/tutorial/context-isolation
@@ -211,17 +227,13 @@ export default class Browser {
     this._browserWindow = browserWindow;
     logger.debug(`[${this.identifier}] BrowserWindow instance created.`);
 
+    if (isWindows11) this.applyVisualEffects();
+
     logger.debug(`[${this.identifier}] Setting up nextInterceptor.`);
     this.stopInterceptHandler = this.app.nextInterceptor({
       session: browserWindow.webContents.session,
     });
 
-    // Windows 11 can use this new API
-    if (process.platform === 'win32' && browserWindow.setBackgroundMaterial) {
-      logger.debug(`[${this.identifier}] Setting window background material for Windows 11`);
-      browserWindow.setBackgroundMaterial('acrylic');
-    }
-
     logger.debug(`[${this.identifier}] Initiating placeholder and URL loading sequence.`);
     this.loadPlaceholder().then(() => {
       this.loadUrl(path).catch((e) => {
@@ -334,6 +346,16 @@ export default class Browser {
     this._browserWindow.webContents.send(channel, data);
   };
 
+  applyVisualEffects() {
+    // Windows 11 can use this new API
+    if (this._browserWindow) {
+      logger.debug(`[${this.identifier}] Setting window background material for Windows 11`);
+      const isDarkMode = nativeTheme.shouldUseDarkColors;
+      this._browserWindow?.setBackgroundMaterial(isDarkMode ? 'mica' : 'acrylic');
+      this._browserWindow?.setVibrancy('under-window');
+    }
+  }
+
   toggleVisible() {
     logger.debug(`Toggling visibility for window: ${this.identifier}`);
     if (this._browserWindow.isVisible() && this._browserWindow.isFocused()) {
@@ -343,4 +365,36 @@ export default class Browser {
       this._browserWindow.focus();
     }
   }
+
+  getWindowsVersion() {
+    if (process.platform !== 'win32') {
+      return {
+        isWindows: false,
+        isWindows10: false,
+        isWindows11: false,
+        version: null,
+      };
+    }
+
+    // 获取操作系统版本（如 "10.0.22621"）
+    const release = os.release();
+    const parts = release.split('.');
+
+    // 主版本和次版本
+    const majorVersion = parseInt(parts[0], 10);
+    const minorVersion = parseInt(parts[1], 10);
+
+    // 构建号是第三部分
+    const buildNumber = parseInt(parts[2], 10);
+
+    // Windows 11 的构建号从 22000 开始
+    const isWindows11 = majorVersion === 10 && minorVersion === 0 && buildNumber >= 22_000;
+
+    return {
+      buildNumber,
+      isWindows: true,
+      isWindows11,
+      version: release,
+    };
+  }
 }

package/changelog/v1.json

@@ -1,4 +1,13 @@
 [
+  {
+    "children": {
+      "improvements": [
+        "Update electron style on windows."
+      ]
+    },
+    "date": "2025-05-14",
+    "version": "1.85.10"
+  },
   {
     "children": {
       "fixes": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "1.85.9",
+  "version": "1.85.10",
   "description": "Lobe Chat - an open-source, high-performance chatbot framework that supports speech synthesis, multimodal, and extensible Function Call plugin system. Supports one-click free deployment of your private ChatGPT/LLM web application.",
   "keywords": [
     "framework",

package/src/features/ElectronTitlebar/WinControl/index.tsx

@@ -1,4 +1,3 @@
-import { Icon } from '@lobehub/ui';
 import { createStyles } from 'antd-style';
 import { Minus, Square, XIcon } from 'lucide-react';
 
@@ -12,7 +11,7 @@ const useStyles = createStyles(({ css, cx, token }) => {
     align-items: center;
     justify-content: center;
 
-    width: 40px;
+    width: ${TITLE_BAR_HEIGHT * 1.2}px;
     min-height: ${TITLE_BAR_HEIGHT}px;
 
     color: ${token.colorTextSecondary};
@@ -22,10 +21,12 @@ const useStyles = createStyles(({ css, cx, token }) => {
     -webkit-app-region: no-drag;
 
     &:hover {
+      color: ${token.colorText};
       background: ${token.colorFillTertiary};
     }
 
     &:active {
+      color: ${token.colorText};
       background: ${token.colorFillSecondary};
     }
   `;
@@ -33,6 +34,8 @@ const useStyles = createStyles(({ css, cx, token }) => {
     close: cx(
       icon,
       css`
+        padding-inline-end: 2px;
+
         &:hover {
           color: ${token.colorTextLightSolid};
 
@@ -58,6 +61,7 @@ const useStyles = createStyles(({ css, cx, token }) => {
 
 const WinControl = () => {
   const { styles } = useStyles();
+
   return (
     <div className={styles.container}>
       <div
@@ -66,7 +70,7 @@ const WinControl = () => {
           electronSystemService.minimizeWindow();
         }}
       >
-        <Icon icon={Minus} style={{ fontSize: 18 }} />
+        <Minus absoluteStrokeWidth size={14} strokeWidth={1.2} />
       </div>
       <div
         className={styles.icon}
@@ -74,7 +78,7 @@ const WinControl = () => {
           electronSystemService.maximizeWindow();
         }}
       >
-        <Icon icon={Square} />
+        <Square absoluteStrokeWidth size={10} strokeWidth={1.2} />
       </div>
       <div
         className={styles.close}
@@ -82,7 +86,7 @@ const WinControl = () => {
           electronSystemService.closeWindow();
         }}
       >
-        <Icon icon={XIcon} style={{ fontSize: 18 }} />
+        <XIcon absoluteStrokeWidth size={14} strokeWidth={1.2} />
       </div>
     </div>
   );

package/src/features/ElectronTitlebar/const.ts

@@ -1 +1 @@
-export const TITLE_BAR_HEIGHT = 36;
+export const TITLE_BAR_HEIGHT = 30;