@lobehub/chat 1.99.0 → 1.99.2

package/CHANGELOG.md

@@ -2,6 +2,48 @@
 
 # Changelog
 
+### [Version 1.99.2](https://github.com/lobehub/lobe-chat/compare/v1.99.1...v1.99.2)
+
+<sup>Released on **2025-07-15**</sup>
+
+#### 🐛 Bug Fixes
+
+- **misc**: Some ai image generation feedback issues.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### What's fixed
+
+- **misc**: Some ai image generation feedback issues, closes [#8440](https://github.com/lobehub/lobe-chat/issues/8440) ([bc41329](https://github.com/lobehub/lobe-chat/commit/bc41329))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
+### [Version 1.99.1](https://github.com/lobehub/lobe-chat/compare/v1.99.0...v1.99.1)
+
+<sup>Released on **2025-07-15**</sup>
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ## [Version 1.99.0](https://github.com/lobehub/lobe-chat/compare/v1.98.2...v1.99.0)
 
 <sup>Released on **2025-07-14**</sup>

package/apps/desktop/src/main/appBrowsers.ts

@@ -36,7 +36,7 @@ export const appBrowsers = {
     autoHideMenuBar: true,
     height: 800,
     identifier: 'settings',
-    keepAlive: true,
+    // keepAlive: true,
     minWidth: 600,
     parentIdentifier: 'chat',
     path: '/settings',

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

@@ -128,9 +128,12 @@ export default class BrowserManager {
    */
   initializeBrowsers() {
     logger.info('Initializing all browsers');
-    Object.values(appBrowsers).forEach((browser) => {
+    Object.values(appBrowsers).forEach((browser: BrowserWindowOpts) => {
       logger.debug(`Initializing browser: ${browser.identifier}`);
-      this.retrieveOrInitialize(browser);
+
+      if (browser.keepAlive) {
+        this.retrieveOrInitialize(browser);
+      }
     });
   }
 

package/changelog/v1.json

@@ -1,4 +1,18 @@
 [
+  {
+    "children": {
+      "fixes": [
+        "Some ai image generation feedback issues."
+      ]
+    },
+    "date": "2025-07-15",
+    "version": "1.99.2"
+  },
+  {
+    "children": {},
+    "date": "2025-07-15",
+    "version": "1.99.1"
+  },
   {
     "children": {
       "features": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "1.99.0",
+  "version": "1.99.2",
   "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",
@@ -210,7 +210,7 @@
     "mdast-util-to-markdown": "^2.1.2",
     "modern-screenshot": "^4.6.0",
     "nanoid": "^5.1.5",
-    "next": "^15.3.3",
+    "next": "~15.3.3",
     "next-auth": "5.0.0-beta.25",
     "next-mdx-remote": "^5.0.0",
     "nextjs-toploader": "^3.8.16",

package/src/app/[variants]/(main)/image/@menu/features/ConfigPanel/components/MultiImagesUpload/index.tsx

@@ -3,6 +3,7 @@
 // Removed Image import - using img tags instead
 import { createStyles, useTheme } from 'antd-style';
 import { Image as ImageIcon, X } from 'lucide-react';
+import Image from 'next/image';
 import React, { type FC, memo, useEffect, useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Center } from 'react-layout-kit';
@@ -429,10 +430,12 @@ const ImageThumbnails: FC<ImageThumbnailsProps> = memo(({ images, onClick, onDel
 
     return (
       <div className={styles.imageItem} key={imageUrl}>
-        <img
+        <Image
           alt={`Uploaded image ${index + 1}`}
+          fill
           src={imageUrl}
-          style={{ height: '100%', objectFit: 'cover', width: '100%' }}
+          style={{ objectFit: 'cover' }}
+          unoptimized
         />
         {!showOverlay && (
           <div
@@ -478,10 +481,12 @@ const SingleImageDisplay: FC<SingleImageDisplayProps> = memo(({ imageUrl, onClic
 
   return (
     <div className={styles.singleImageDisplay}>
-      <img
+      <Image
         alt="Uploaded image"
+        fill
         src={imageUrl}
-        style={{ height: '100%', objectFit: 'cover', width: '100%' }}
+        style={{ objectFit: 'contain' }}
+        unoptimized
       />
 
       {/* Delete button */}

package/src/app/[variants]/(main)/image/@menu/features/ConfigPanel/index.tsx

@@ -26,7 +26,7 @@ interface ConfigItemLayoutProps {
 const ConfigItemLayout = memo<ConfigItemLayoutProps>(({ label, children }) => {
   return (
     <Flexbox gap={8}>
-      {label && <Text weight={500}>{label.toUpperCase()}</Text>}
+      {label && <Text weight={500}>{label}</Text>}
       {children}
     </Flexbox>
   );

package/src/app/[variants]/(main)/image/features/GenerationFeed/GenerationItem/LoadingState.tsx

@@ -1,5 +1,6 @@
 'use client';
 
+import { LoadingOutlined } from '@ant-design/icons';
 import { Block } from '@lobehub/ui';
 import { Spin } from 'antd';
 import { memo } from 'react';
@@ -32,7 +33,7 @@ export const LoadingState = memo<LoadingStateProps>(({ generation, aspectRatio,
       variant={'filled'}
     >
       <Center gap={8}>
-        <Spin percent={'auto'} />
+        <Spin indicator={<LoadingOutlined spin />} />
         <ElapsedTime generationId={generation.id} isActive={isGenerating} />
       </Center>
       <ActionButtons onDelete={onDelete} />

package/src/app/[variants]/(main)/image/features/GenerationFeed/GenerationItem/index.tsx

@@ -59,12 +59,10 @@ export const GenerationItem = memo<GenerationItemProps>(
 
       // Generate filename with prompt and timestamp
       const timestamp = dayjs(generation.createdAt).format('YYYY-MM-DD_HH-mm-ss');
-      const safePrompt = prompt
-        .slice(0, 30)
-        .replaceAll(/[^\s\w-]/g, '')
-        .trim();
+      const baseName = prompt.slice(0, 30).trim();
+      const sanitizedBaseName = baseName.replaceAll(/["%*/:<>?\\|]/g, '').replaceAll(/\s+/g, '_');
+      const safePrompt = sanitizedBaseName || 'Untitled';
 
-      // Detect file extension from URL
       const fileExtension = inferFileExtensionFromImageUrl(generation.asset.url);
       const fileName = `${safePrompt}_${timestamp}.${fileExtension}`;
 

package/src/app/[variants]/(main)/image/features/ImageWorkspace/EmptyState.tsx

@@ -1,4 +1,3 @@
-import { AuroraBackground } from '@lobehub/ui/awesome';
 import { memo } from 'react';
 import { Center, Flexbox } from 'react-layout-kit';
 
@@ -6,31 +5,18 @@ import PromptInput from '../PromptInput';
 
 const EmptyState = memo(() => {
   return (
-    <>
-      <AuroraBackground
-        style={{
-          height: 400,
-          inset: 0,
-          overflow: 'hidden',
-          pointerEvents: 'none',
-          position: 'absolute',
-          width: '100%',
-          zIndex: 0,
-        }}
-      />
-      <Flexbox
-        flex={1}
-        height="100%"
-        style={{
-          overflow: 'hidden',
-          zIndex: 1,
-        }}
-      >
-        <Center flex={1} padding={24}>
-          <PromptInput showTitle={true} />
-        </Center>
-      </Flexbox>
-    </>
+    <Flexbox
+      flex={1}
+      height="100%"
+      style={{
+        overflow: 'hidden',
+        zIndex: 1,
+      }}
+    >
+      <Center flex={1} padding={24}>
+        <PromptInput showTitle={true} />
+      </Center>
+    </Flexbox>
   );
 });
 

package/src/database/repositories/aiInfra/index.test.ts

@@ -443,6 +443,9 @@ describe('AiInfraRepos', () => {
           }),
         ],
         enabledAiProviders: [{ id: 'openai', logo: 'logo1', name: 'OpenAI', source: 'builtin' }],
+        enabledChatAiProviders: [
+          { id: 'openai', logo: 'logo1', name: 'OpenAI', source: 'builtin' },
+        ],
         enabledImageAiProviders: [],
         runtimeConfig: {
           openai: {
@@ -525,6 +528,9 @@ describe('AiInfraRepos', () => {
           { id: 'openai', logo: 'openai-logo', name: 'OpenAI', source: 'builtin' },
           { id: 'fal', logo: 'fal-logo', name: 'Fal', source: 'builtin' },
         ],
+        enabledChatAiProviders: [
+          { id: 'openai', logo: 'openai-logo', name: 'OpenAI', source: 'builtin' },
+        ],
         enabledImageAiProviders: [
           expect.objectContaining({
             id: 'fal',

package/src/database/repositories/aiInfra/index.ts

@@ -159,11 +159,20 @@ export class AiInfraRepos {
       runtimeConfig[key] = merge(this.providerConfigs[key] || {}, value);
     });
     const enabledAiModels = allModels.filter((model) => model.enabled);
+    const enabledChatAiProviders = enabledAiProviders.filter((provider) => {
+      return allModels.some((model) => model.providerId === provider.id && model.type === 'chat');
+    });
     const enabledImageAiProviders = enabledAiProviders.filter((provider) => {
       return allModels.some((model) => model.providerId === provider.id && model.type === 'image');
     });
 
-    return { enabledAiModels, enabledAiProviders, enabledImageAiProviders, runtimeConfig };
+    return {
+      enabledAiModels,
+      enabledAiProviders,
+      enabledChatAiProviders,
+      enabledImageAiProviders,
+      runtimeConfig,
+    };
   };
 
   getAiProviderModelList = async (providerId: string) => {

package/src/server/routers/lambda/aiProvider.test.ts

@@ -37,6 +37,7 @@ describe('aiProviderRouter', () => {
   const mockRuntimeState: AiProviderRuntimeState = {
     enabledAiModels: [],
     enabledAiProviders: [],
+    enabledChatAiProviders: [],
     runtimeConfig: {},
     enabledImageAiProviders: [],
   };

package/src/store/aiInfra/slices/aiProvider/action.ts

@@ -183,6 +183,11 @@ export const createAiProviderSlice: StateCreator<
         return {
           enabledAiModels: allModels.filter((m) => m.enabled),
           enabledAiProviders: enabledAiProviders,
+          enabledChatAiProviders: enabledAiProviders.filter((provider) => {
+            return allModels.some(
+              (model) => model.providerId === provider.id && model.type === 'chat',
+            );
+          }),
           enabledImageAiProviders: enabledAiProviders
             .filter((provider) => {
               return allModels.some(
@@ -215,7 +220,7 @@ export const createAiProviderSlice: StateCreator<
           };
 
           // 3. 组装最终数据结构
-          const enabledChatModelList = data.enabledAiProviders.map((provider) => ({
+          const enabledChatModelList = data.enabledChatAiProviders.map((provider) => ({
             ...provider,
             children: getModelListByType(provider.id, 'chat'),
             name: provider.name || provider.id,

package/src/types/aiProvider.ts

@@ -255,6 +255,7 @@ export interface AiProviderRuntimeConfig {
 export interface AiProviderRuntimeState {
   enabledAiModels: EnabledAiModel[];
   enabledAiProviders: EnabledProvider[];
+  enabledChatAiProviders: EnabledProvider[];
   enabledImageAiProviders: EnabledProvider[];
   runtimeConfig: Record<string, AiProviderRuntimeConfig>;
 }