@lobehub/chat 1.111.12 → 1.112.1

package/CHANGELOG.md

@@ -2,6 +2,57 @@
 
 # Changelog
 
+### [Version 1.112.1](https://github.com/lobehub/lobe-chat/compare/v1.112.0...v1.112.1)
+
+<sup>Released on **2025-08-16**</sup>
+
+#### 💄 Styles
+
+- **misc**: Add Imagen 4 GA models, style improve auth sign in box loading.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### Styles
+
+- **misc**: Add Imagen 4 GA models, closes [#8799](https://github.com/lobehub/lobe-chat/issues/8799) ([2e9ad20](https://github.com/lobehub/lobe-chat/commit/2e9ad20))
+- **misc**: Style improve auth sign in box loading, closes [#8805](https://github.com/lobehub/lobe-chat/issues/8805) ([62f5a1b](https://github.com/lobehub/lobe-chat/commit/62f5a1b))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
+## [Version 1.112.0](https://github.com/lobehub/lobe-chat/compare/v1.111.12...v1.112.0)
+
+<sup>Released on **2025-08-15**</sup>
+
+#### ✨ Features
+
+- **feature-flags**: Add ai_image flag to control AI painting UI.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### What's improved
+
+- **feature-flags**: Add ai_image flag to control AI painting UI, closes [#8797](https://github.com/lobehub/lobe-chat/issues/8797) ([a1c66c8](https://github.com/lobehub/lobe-chat/commit/a1c66c8))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ### [Version 1.111.12](https://github.com/lobehub/lobe-chat/compare/v1.111.11...v1.111.12)
 
 <sup>Released on **2025-08-14**</sup>

package/changelog/v1.json

@@ -1,4 +1,18 @@
 [
+  {
+    "children": {
+      "improvements": [
+        "Add Imagen 4 GA models, style improve auth sign in box loading."
+      ]
+    },
+    "date": "2025-08-16",
+    "version": "1.112.1"
+  },
+  {
+    "children": {},
+    "date": "2025-08-15",
+    "version": "1.112.0"
+  },
   {
     "children": {},
     "date": "2025-08-14",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "1.111.12",
+  "version": "1.112.1",
   "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]/(auth)/next-auth/signin/AuthSignInBox.tsx

@@ -7,7 +7,7 @@ import { createStyles } from 'antd-style';
 import { AuthError } from 'next-auth';
 import { signIn } from 'next-auth/react';
 import { useRouter, useSearchParams } from 'next/navigation';
-import { memo } from 'react';
+import { memo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import BrandWatermark from '@/components/BrandWatermark';
@@ -70,6 +70,7 @@ export default memo(() => {
   const { styles } = useStyles();
   const { t } = useTranslation('clerk');
   const router = useRouter();
+  const [loadingProvider, setLoadingProvider] = useState<string | null>(null);
 
   const oAuthSSOProviders = useUserStore((s) => s.oAuthSSOProviders);
 
@@ -79,9 +80,11 @@ export default memo(() => {
   const callbackUrl = searchParams.get('callbackUrl') ?? '/';
 
   const handleSignIn = async (provider: string) => {
+    setLoadingProvider(provider);
     try {
       await signIn(provider, { redirectTo: callbackUrl });
     } catch (error) {
+      setLoadingProvider(null);
       // Signin can fail for a number of reasons, such as the user
       // not existing, or the user not having the correct role.
       // In some cases, you may want to redirect to a custom error
@@ -127,6 +130,7 @@ export default memo(() => {
                   className={styles.button}
                   icon={AuthIcons(provider, 16)}
                   key={provider}
+                  loading={loadingProvider === provider}
                   onClick={() => handleSignIn(provider)}
                 >
                   {provider}

package/src/app/[variants]/(main)/_layout/Desktop/SideBar/TopActions.test.tsx

@@ -13,7 +13,7 @@ import { useSessionStore } from '@/store/session';
 import TopActions, { TopActionProps } from './TopActions';
 
 beforeAll(() => {
-  initServerConfigStore({ featureFlags: { market: true } });
+  initServerConfigStore({ featureFlags: { market: true, ai_image: true } });
 });
 
 beforeEach(() => {
@@ -21,7 +21,7 @@ beforeEach(() => {
 });
 
 afterEach(() => {
-  createServerConfigStore().setState({ featureFlags: { market: true } });
+  createServerConfigStore().setState({ featureFlags: { market: true, ai_image: true } });
   cleanup();
 });
 
@@ -56,10 +56,11 @@ const renderTopActions = (props: TopActionProps = {}) => {
 };
 
 describe('TopActions', () => {
-  it('should render Chat and Market by default', () => {
+  it('should render Chat, AI Image and Market by default', () => {
     renderTopActions();
 
     expect(screen.getByText('tab.chat')).toBeInTheDocument();
+    expect(screen.getByText('tab.aiImage')).toBeInTheDocument();
     expect(screen.getByText('tab.discover')).toBeInTheDocument();
   });
 
@@ -85,6 +86,17 @@ describe('TopActions', () => {
     expect(screen.queryByText('tab.files')).not.toBeInTheDocument();
   });
 
+  it('should not render AI Image icon when ai_image is disabled', () => {
+    act(() => {
+      createServerConfigStore().setState({ featureFlags: { ai_image: false } });
+    });
+
+    renderTopActions();
+
+    expect(screen.getByText('tab.chat')).toBeInTheDocument();
+    expect(screen.queryByText('tab.aiImage')).not.toBeInTheDocument();
+  });
+
   it('should switch back to previous active session', () => {
     act(() => {
       useSessionStore.setState({ activeId: '1' });

package/src/app/[variants]/(main)/_layout/Desktop/SideBar/TopActions.tsx

@@ -27,7 +27,8 @@ export interface TopActionProps {
 const TopActions = memo<TopActionProps>(({ tab, isPinned }) => {
   const { t } = useTranslation('common');
   const switchBackToChat = useGlobalStore((s) => s.switchBackToChat);
-  const { showMarket, enableKnowledgeBase } = useServerConfigStore(featureFlagsSelectors);
+  const { showMarket, enableKnowledgeBase, showAiImage } =
+    useServerConfigStore(featureFlagsSelectors);
   const hotkey = useUserStore(settingsSelectors.getHotkeyById(HotkeyEnum.NavigateToChat));
 
   const isChatActive = tab === SidebarTabKey.Chat && !isPinned;
@@ -75,15 +76,17 @@ const TopActions = memo<TopActionProps>(({ tab, isPinned }) => {
           />
         </Link>
       )}
-      <Link aria-label={t('tab.aiImage')} href={'/image'}>
-        <ActionIcon
-          active={isImageActive}
-          icon={Palette}
-          size={ICON_SIZE}
-          title={t('tab.aiImage')}
-          tooltipProps={{ placement: 'right' }}
-        />
-      </Link>
+      {showAiImage && (
+        <Link aria-label={t('tab.aiImage')} href={'/image'}>
+          <ActionIcon
+            active={isImageActive}
+            icon={Palette}
+            size={ICON_SIZE}
+            title={t('tab.aiImage')}
+            tooltipProps={{ placement: 'right' }}
+          />
+        </Link>
+      )}
       {showMarket && (
         <Link aria-label={t('tab.discover')} href={'/discover'}>
           <ActionIcon

package/src/config/aiModels/google.ts

@@ -587,8 +587,46 @@ const imagenBaseParameters: ModelParamsSchema = {
 const googleImageModels: AIImageModelCard[] = [
   {
     description: 'Imagen 4th generation text-to-image model series',
-    displayName: 'Imagen4 Preview 06-06',
+    displayName: 'Imagen 4',
     enabled: true,
+    id: 'imagen-4.0-generate-001',
+    organization: 'Deepmind',
+    parameters: imagenBaseParameters,
+    pricing: {
+      units: [{ name: 'imageGeneration', rate: 0.04, strategy: 'fixed', unit: 'image' }],
+    },
+    releasedAt: '2024-08-14',
+    type: 'image',
+  },
+  {
+    description: 'Imagen 4th generation text-to-image model series Ultra version',
+    displayName: 'Imagen 4 Ultra',
+    enabled: true,
+    id: 'imagen-4.0-ultra-generate-001',
+    organization: 'Deepmind',
+    parameters: imagenBaseParameters,
+    pricing: {
+      units: [{ name: 'imageGeneration', rate: 0.06, strategy: 'fixed', unit: 'image' }],
+    },
+    releasedAt: '2024-08-14',
+    type: 'image',
+  },
+  {
+    description: 'Imagen 4th generation text-to-image model series Fast version',
+    displayName: 'Imagen 4 Fast',
+    enabled: true,
+    id: 'imagen-4.0-fast-generate-001',
+    organization: 'Deepmind',
+    parameters: imagenBaseParameters,
+    pricing: {
+      units: [{ name: 'imageGeneration', rate: 0.02, strategy: 'fixed', unit: 'image' }],
+    },
+    releasedAt: '2024-08-14',
+    type: 'image',
+  },
+  {
+    description: 'Imagen 4th generation text-to-image model series',
+    displayName: 'Imagen 4 Preview 06-06',
     id: 'imagen-4.0-generate-preview-06-06',
     organization: 'Deepmind',
     parameters: imagenBaseParameters,
@@ -600,8 +638,7 @@ const googleImageModels: AIImageModelCard[] = [
   },
   {
     description: 'Imagen 4th generation text-to-image model series Ultra version',
-    displayName: 'Imagen4 Ultra Preview 06-06',
-    enabled: true,
+    displayName: 'Imagen 4 Ultra Preview 06-06',
     id: 'imagen-4.0-ultra-generate-preview-06-06',
     organization: 'Deepmind',
     parameters: imagenBaseParameters,

package/src/config/featureFlags/schema.test.ts

@@ -12,6 +12,7 @@ describe('FeatureFlagsSchema', () => {
       create_session: true,
       edit_agent: false,
       dalle: true,
+      ai_image: true,
     });
 
     expect(result.success).toBe(true);
@@ -36,6 +37,7 @@ describe('mapFeatureFlagsEnvToState', () => {
       create_session: true,
       edit_agent: false,
       dalle: true,
+      ai_image: true,
       check_updates: true,
       welcome_suggest: true,
     };
@@ -48,6 +50,7 @@ describe('mapFeatureFlagsEnvToState', () => {
       showOpenAIApiKey: true,
       showOpenAIProxyUrl: false,
       showDalle: true,
+      showAiImage: true,
       enableCheckUpdates: true,
       showWelcomeSuggest: true,
     };

package/src/config/featureFlags/schema.ts

@@ -24,6 +24,7 @@ export const FeatureFlagsSchema = z.object({
 
   plugins: z.boolean().optional(),
   dalle: z.boolean().optional(),
+  ai_image: z.boolean().optional(),
   speech_to_text: z.boolean().optional(),
   token_counter: z.boolean().optional(),
 
@@ -66,6 +67,7 @@ export const DEFAULT_FEATURE_FLAGS: IFeatureFlags = {
 
   plugins: true,
   dalle: true,
+  ai_image: true,
 
   check_updates: true,
   welcome_suggest: true,
@@ -106,6 +108,7 @@ export const mapFeatureFlagsEnvToState = (config: IFeatureFlags) => {
 
     enablePlugins: config.plugins,
     showDalle: config.dalle,
+    showAiImage: config.ai_image,
     showChangelog: config.changelog,
 
     enableCheckUpdates: config.check_updates,

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

@@ -25,6 +25,7 @@ describe('featureFlagsSelectors', () => {
       showChangelog: true,
       enableRAGEval: false,
       showDalle: true,
+      showAiImage: true,
       enableKnowledgeBase: true,
       showLLM: false,
       showCloudPromotion: false,