@lobehub/chat 1.110.2 → 1.110.3

package/CHANGELOG.md

@@ -2,6 +2,31 @@
 
 # Changelog
 
+### [Version 1.110.3](https://github.com/lobehub/lobe-chat/compare/v1.110.2...v1.110.3)
+
+<sup>Released on **2025-08-06**</sup>
+
+#### 💄 Styles
+
+- **misc**: Fix provider setting page hydration error.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### Styles
+
+- **misc**: Fix provider setting page hydration error, closes [#8695](https://github.com/lobehub/lobe-chat/issues/8695) ([88e7d2a](https://github.com/lobehub/lobe-chat/commit/88e7d2a))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ### [Version 1.110.2](https://github.com/lobehub/lobe-chat/compare/v1.110.1...v1.110.2)
 
 <sup>Released on **2025-08-06**</sup>

package/apps/desktop/src/main/controllers/__tests__/MenuCtr.test.ts

@@ -29,9 +29,9 @@ describe('MenuController', () => {
     it('should call menuManager.refreshMenus', () => {
       // 模拟返回值
       mockRefreshMenus.mockReturnValueOnce(true);
-      
+
       const result = menuController.refreshAppMenu();
-      
+
       expect(mockRefreshMenus).toHaveBeenCalled();
       expect(result).toBe(true);
     });
@@ -41,9 +41,9 @@ describe('MenuController', () => {
     it('should call menuManager.showContextMenu with type only', () => {
       const menuType = 'chat';
       mockShowContextMenu.mockReturnValueOnce({ shown: true });
-      
-      const result = menuController.showContextMenu(menuType);
-      
+
+      const result = menuController.showContextMenu({ type: menuType });
+
       expect(mockShowContextMenu).toHaveBeenCalledWith(menuType, undefined);
       expect(result).toEqual({ shown: true });
     });
@@ -52,9 +52,9 @@ describe('MenuController', () => {
       const menuType = 'file';
       const menuData = { fileId: '123', filePath: '/path/to/file.txt' };
       mockShowContextMenu.mockReturnValueOnce({ shown: true });
-      
-      const result = menuController.showContextMenu(menuType, menuData);
-      
+
+      const result = menuController.showContextMenu({ type: menuType, data: menuData });
+
       expect(mockShowContextMenu).toHaveBeenCalledWith(menuType, menuData);
       expect(result).toEqual({ shown: true });
     });
@@ -63,20 +63,20 @@ describe('MenuController', () => {
   describe('setDevMenuVisibility', () => {
     it('should call menuManager.rebuildAppMenu with showDevItems true', () => {
       mockRebuildAppMenu.mockReturnValueOnce(true);
-      
+
       const result = menuController.setDevMenuVisibility(true);
-      
+
       expect(mockRebuildAppMenu).toHaveBeenCalledWith({ showDevItems: true });
       expect(result).toBe(true);
     });
 
     it('should call menuManager.rebuildAppMenu with showDevItems false', () => {
       mockRebuildAppMenu.mockReturnValueOnce(true);
-      
+
       const result = menuController.setDevMenuVisibility(false);
-      
+
       expect(mockRebuildAppMenu).toHaveBeenCalledWith({ showDevItems: false });
       expect(result).toBe(true);
     });
   });
-}); 
+});

package/changelog/v1.json

@@ -1,4 +1,13 @@
 [
+  {
+    "children": {
+      "improvements": [
+        "Fix provider setting page hydration error."
+      ]
+    },
+    "date": "2025-08-06",
+    "version": "1.110.3"
+  },
   {
     "children": {
       "fixes": [

package/next.config.ts

@@ -282,6 +282,7 @@ const nextConfig: NextConfig = {
       ...config.resolve.fallback,
       zipfile: false,
     };
+
     return config;
   },
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "1.110.2",
+  "version": "1.110.3",
   "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",
@@ -129,9 +129,9 @@
     "@azure-rest/ai-inference": "1.0.0-beta.5",
     "@azure/core-auth": "^1.10.0",
     "@cfworker/json-schema": "^4.1.1",
-    "@clerk/localizations": "^3.20.1",
-    "@clerk/nextjs": "^6.25.4",
-    "@clerk/themes": "^2.3.3",
+    "@clerk/localizations": "^3.20.6",
+    "@clerk/nextjs": "^6.28.1",
+    "@clerk/themes": "^2.4.4",
     "@codesandbox/sandpack-react": "^2.20.0",
     "@cyntler/react-doc-viewer": "^1.17.0",
     "@electric-sql/pglite": "0.2.17",

package/src/app/[variants]/(main)/settings/_layout/Desktop/index.tsx

@@ -27,7 +27,8 @@ const Layout = memo<LayoutProps>(({ children, category }) => {
   const activeKey = useActiveSettingsKey();
   const theme = useTheme();
   const pathname = usePathname();
-  const isSkip = SKIP_PATHS.some((path) => pathname.startsWith(path));
+
+  const isSkip = SKIP_PATHS.some((path) => pathname.includes(path));
   const isProvider = pathname.includes('/settings/provider/');
   const providerName = useProviderName(activeKey);
 

package/src/app/[variants]/(main)/settings/provider/_layout/Desktop/Container.tsx

@@ -8,6 +8,7 @@ import SettingContainer from '@/features/Setting/SettingContainer';
 const Container = memo<PropsWithChildren>(({ children }) => {
   const path = usePathname();
   const isRoot = path === '/settings/provider';
+
   return <SettingContainer variant={isRoot ? 'secondary' : undefined}>{children}</SettingContainer>;
 });
 export default Container;

package/src/app/[variants]/(main)/settings/provider/_layout/Desktop/index.tsx

@@ -1,20 +1,15 @@
 import { PropsWithChildren } from 'react';
 import { Flexbox } from 'react-layout-kit';
 
-import NProgress from '@/components/NProgress';
-
 import ProviderMenu from '../../ProviderMenu';
 import Container from './Container';
 
 const Layout = ({ children }: PropsWithChildren) => {
   return (
-    <>
-      <NProgress />
-      <Flexbox horizontal width={'100%'}>
-        <ProviderMenu />
-        <Container>{children}</Container>
-      </Flexbox>
-    </>
+    <Flexbox horizontal width={'100%'}>
+      <ProviderMenu />
+      <Container>{children}</Container>
+    </Flexbox>
   );
 };
 export default Layout;

package/src/app/[variants]/layout.tsx

@@ -31,7 +31,7 @@ const RootLayout = async ({ children, params, modal }: RootLayoutProps) => {
   const direction = isRtlLang(locale) ? 'rtl' : 'ltr';
 
   return (
-    <html dir={direction} lang={locale} suppressHydrationWarning>
+    <html dir={direction} lang={locale}>
       <head>
         {process.env.DEBUG_REACT_SCAN === '1' && (
           // eslint-disable-next-line @next/next/no-sync-scripts
@@ -46,6 +46,7 @@ const RootLayout = async ({ children, params, modal }: RootLayoutProps) => {
             locale={locale}
             neutralColor={neutralColor}
             primaryColor={primaryColor}
+            variants={variants}
           >
             <AuthProvider>
               {children}

package/src/components/InnerLink.tsx

@@ -0,0 +1,20 @@
+'use client';
+
+import Link, { LinkProps } from 'next/link';
+import { AnchorHTMLAttributes, ReactNode } from 'react';
+
+import { useServerConfigStore } from '@/store/serverConfig';
+
+interface InnerLinkProps
+  extends Omit<AnchorHTMLAttributes<HTMLAnchorElement>, keyof LinkProps>,
+    LinkProps {
+  children?: ReactNode | undefined;
+}
+
+const InnerLink = ({ href, ...props }: InnerLinkProps) => {
+  const variants = useServerConfigStore((s) => s.segmentVariants);
+
+  return <Link {...props} as={href} href={`/${variants}${href}`} />;
+};
+
+export default InnerLink;

package/src/features/ElectronTitlebar/UpdateModal.tsx

@@ -115,11 +115,23 @@ export const UpdateModal = memo(() => {
   const closeDownloadedModal = () => setDownloadedInfo(null);
   const closeLatestVersionModal = () => setLatestVersionInfo(null);
 
+  const handleCancelCheck = () => {
+    setIsChecking(false);
+    setUpdateAvailableInfo(null);
+    setDownloadedInfo(null);
+    setProgress(null);
+    setLatestVersionInfo(null);
+  };
+
   const renderCheckingModal = () => (
     <Modal
-      closable={false}
-      footer={null}
-      maskClosable={false}
+      closable
+      footer={[
+        <Button key="cancel" onClick={handleCancelCheck}>
+          {t('cancel', { ns: 'common' })}
+        </Button>,
+      ]}
+      onCancel={handleCancelCheck}
       open={isChecking}
       title={t('updater.checkingUpdate')}
     >

package/src/hooks/usePlatform.ts

@@ -37,6 +37,6 @@ export const usePlatform = () => {
         ((platformInfo.isChromium && !platformInfo.isIOS) ||
           (platformInfo.isMacOS && platformInfo.isSonomaOrLaterSafari)),
     }),
-    [platformInfo],
+    [],
   );
 };

package/src/layout/GlobalProvider/index.tsx

@@ -23,6 +23,7 @@ interface GlobalLayoutProps {
   locale: string;
   neutralColor?: string;
   primaryColor?: string;
+  variants?: string;
 }
 
 const GlobalLayout = async ({
@@ -32,6 +33,7 @@ const GlobalLayout = async ({
   locale: userLocale,
   appearance,
   isMobile,
+  variants,
 }: GlobalLayoutProps) => {
   const antdLocale = await getAntdLocale(userLocale);
 
@@ -52,6 +54,7 @@ const GlobalLayout = async ({
           <ServerConfigStoreProvider
             featureFlags={serverFeatureFlags}
             isMobile={isMobile}
+            segmentVariants={variants}
             serverConfig={serverConfig}
           >
             <QueryProvider>

package/src/server/ld.ts

@@ -22,7 +22,7 @@ export const AUTHOR_LIST = {
     avatar: 'https://avatars.githubusercontent.com/u/17870709?v=4',
     desc: 'Founder, Design Engineer',
     name: 'CanisMinor',
-    url: 'https://github.com/arvinxx',
+    url: 'https://github.com/canisminor1990',
   },
   lobehub: {
     avatar: 'https://avatars.githubusercontent.com/u/131470832?v=4',

package/src/store/serverConfig/Provider.tsx

@@ -11,12 +11,17 @@ interface GlobalStoreProviderProps {
   children: ReactNode;
   featureFlags?: Partial<IFeatureFlags>;
   isMobile?: boolean;
+  segmentVariants?: string;
   serverConfig?: GlobalServerConfig;
 }
 
 export const ServerConfigStoreProvider = memo<GlobalStoreProviderProps>(
-  ({ children, featureFlags, serverConfig, isMobile }) => (
-    <Provider createStore={() => createServerConfigStore({ featureFlags, isMobile, serverConfig })}>
+  ({ children, featureFlags, serverConfig, isMobile, segmentVariants }) => (
+    <Provider
+      createStore={() =>
+        createServerConfigStore({ featureFlags, isMobile, segmentVariants, serverConfig })
+      }
+    >
       {children}
     </Provider>
   ),

package/src/store/serverConfig/store.ts

@@ -15,11 +15,13 @@ import { ServerConfigAction, createServerConfigSlice } from './action';
 interface ServerConfigState {
   featureFlags: IFeatureFlags;
   isMobile?: boolean;
+  segmentVariants?: string;
   serverConfig: GlobalServerConfig;
 }
 
 const initialState: ServerConfigState = {
   featureFlags: DEFAULT_FEATURE_FLAGS,
+  segmentVariants: '',
   serverConfig: { aiProvider: {}, telemetry: {} },
 };