@lobehub/chat 1.99.1 → 1.99.2

package/CHANGELOG.md

@@ -2,6 +2,31 @@
 
 # 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>

package/changelog/v1.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "1.99.1",
+  "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/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>
   );
 });