@lobehub/chat 1.104.0 → 1.104.1

package/.cursor/rules/code-review.mdc

@@ -26,6 +26,8 @@ Gather the modified code and context. Please strictly follow the process below:
 
 ### Code Style
 
+read [typescript.mdc](mdc:.cursor/rules/typescript.mdc) to learn the project's code style.
+
 - Ensure JSDoc comments accurately reflect the implementation; update them when needed.
 - Look for opportunities to simplify or modernize code with the latest JavaScript/TypeScript features.
 - Prefer `async`/`await` over callbacks or chained `.then` promises.

package/.cursor/rules/typescript.mdc

@@ -16,4 +16,6 @@ TypeScript Code Style Guide:
 - Always refactor repeated logic into a reusable function
 - Don't remove meaningful code comments, be sure to keep original comments when providing applied code
 - Update the code comments when needed after you modify the related code
-- Please respect my prettier preferences when you provide code
+- Please respect my prettier preferences when you provide code
+- Prefer object destructuring when accessing and using properties
+- Prefer async version api than sync version, eg: use readFile from 'fs/promises' instead of 'fs'

package/CHANGELOG.md

@@ -2,6 +2,31 @@
 
 # Changelog
 
+### [Version 1.104.1](https://github.com/lobehub/lobe-chat/compare/v1.104.0...v1.104.1)
+
+<sup>Released on **2025-07-25**</sup>
+
+#### 🐛 Bug Fixes
+
+- **misc**: Update convertUsage to handle XAI provider and adjust OpenAIStream to pass provider.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### What's fixed
+
+- **misc**: Update convertUsage to handle XAI provider and adjust OpenAIStream to pass provider, closes [#8557](https://github.com/lobehub/lobe-chat/issues/8557) ([d1e4a54](https://github.com/lobehub/lobe-chat/commit/d1e4a54))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ## [Version 1.104.0](https://github.com/lobehub/lobe-chat/compare/v1.103.2...v1.104.0)
 
 <sup>Released on **2025-07-24**</sup>

package/changelog/v1.json

@@ -1,4 +1,13 @@
 [
+  {
+    "children": {
+      "fixes": [
+        "Update convertUsage to handle XAI provider and adjust OpenAIStream to pass provider."
+      ]
+    },
+    "date": "2025-07-25",
+    "version": "1.104.1"
+  },
   {
     "children": {
       "features": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "1.104.0",
+  "version": "1.104.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]/(main)/image/features/GenerationFeed/BatchItem.tsx

@@ -20,6 +20,7 @@ import { AsyncTaskErrorType } from '@/types/asyncTask';
 import { GenerationBatch } from '@/types/generation';
 
 import { GenerationItem } from './GenerationItem';
+import { DEFAULT_MAX_ITEM_WIDTH } from './GenerationItem/utils';
 import { ReferenceImages } from './ReferenceImages';
 
 const useStyles = createStyles(({ cx, css, token }) => ({
@@ -182,7 +183,11 @@ export const GenerationBatchItem = memo<GenerationBatchItemProps>(({ batch }) =>
           {promptAndMetadata}
         </>
       )}
-      <Grid maxItemWidth={200} ref={imageGridRef} rows={batch.generations.length || 4}>
+      <Grid
+        maxItemWidth={DEFAULT_MAX_ITEM_WIDTH}
+        ref={imageGridRef}
+        rows={batch.generations.length}
+      >
         {batch.generations.map((generation) => (
           <GenerationItem
             generation={generation}

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

@@ -9,10 +9,11 @@ import { Center } from 'react-layout-kit';
 import { ActionButtons } from './ActionButtons';
 import { useStyles } from './styles';
 import { ErrorStateProps } from './types';
+import { getThumbnailMaxWidth } from './utils';
 
 // 错误状态组件
 export const ErrorState = memo<ErrorStateProps>(
-  ({ generation, aspectRatio, onDelete, onCopyError }) => {
+  ({ generation, generationBatch, aspectRatio, onDelete, onCopyError }) => {
     const { styles, theme } = useStyles();
     const { t } = useTranslation('image');
 
@@ -32,7 +33,7 @@ export const ErrorState = memo<ErrorStateProps>(
         style={{
           aspectRatio,
           cursor: 'pointer',
-          maxWidth: generation.asset?.width ? generation.asset.width / 2 : 'unset',
+          maxWidth: getThumbnailMaxWidth(generation, generationBatch),
         }}
         variant={'filled'}
       >

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

@@ -12,33 +12,36 @@ import { ActionButtons } from './ActionButtons';
 import { ElapsedTime } from './ElapsedTime';
 import { useStyles } from './styles';
 import { LoadingStateProps } from './types';
+import { getThumbnailMaxWidth } from './utils';
 
 // 加载状态组件
-export const LoadingState = memo<LoadingStateProps>(({ generation, aspectRatio, onDelete }) => {
-  const { styles } = useStyles();
+export const LoadingState = memo<LoadingStateProps>(
+  ({ generation, generationBatch, aspectRatio, onDelete }) => {
+    const { styles } = useStyles();
 
-  const isGenerating =
-    generation.task.status === AsyncTaskStatus.Processing ||
-    generation.task.status === AsyncTaskStatus.Pending;
+    const isGenerating =
+      generation.task.status === AsyncTaskStatus.Processing ||
+      generation.task.status === AsyncTaskStatus.Pending;
 
-  return (
-    <Block
-      align={'center'}
-      className={styles.placeholderContainer}
-      justify={'center'}
-      style={{
-        aspectRatio,
-        maxWidth: generation.asset?.width ? generation.asset.width / 2 : 'unset',
-      }}
-      variant={'filled'}
-    >
-      <Center gap={8}>
-        <Spin indicator={<LoadingOutlined spin />} />
-        <ElapsedTime generationId={generation.id} isActive={isGenerating} />
-      </Center>
-      <ActionButtons onDelete={onDelete} />
-    </Block>
-  );
-});
+    return (
+      <Block
+        align={'center'}
+        className={styles.placeholderContainer}
+        justify={'center'}
+        style={{
+          aspectRatio,
+          maxWidth: getThumbnailMaxWidth(generation, generationBatch),
+        }}
+        variant={'filled'}
+      >
+        <Center gap={8}>
+          <Spin indicator={<LoadingOutlined spin />} />
+          <ElapsedTime generationId={generation.id} isActive={isGenerating} />
+        </Center>
+        <ActionButtons onDelete={onDelete} />
+      </Block>
+    );
+  },
+);
 
 LoadingState.displayName = 'LoadingState';

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

@@ -8,10 +8,20 @@ import ImageItem from '@/components/ImageItem';
 import { ActionButtons } from './ActionButtons';
 import { useStyles } from './styles';
 import { SuccessStateProps } from './types';
+import { getThumbnailMaxWidth } from './utils';
 
 // 成功状态组件
 export const SuccessState = memo<SuccessStateProps>(
-  ({ generation, prompt, aspectRatio, onDelete, onDownload, onCopySeed, seedTooltip }) => {
+  ({
+    generation,
+    generationBatch,
+    prompt,
+    aspectRatio,
+    onDelete,
+    onDownload,
+    onCopySeed,
+    seedTooltip,
+  }) => {
     const { styles } = useStyles();
 
     return (
@@ -21,7 +31,7 @@ export const SuccessState = memo<SuccessStateProps>(
         justify={'center'}
         style={{
           aspectRatio,
-          maxWidth: generation.asset?.width ? generation.asset.width / 2 : 'unset',
+          maxWidth: getThumbnailMaxWidth(generation, generationBatch),
         }}
         variant={'filled'}
       >
@@ -31,7 +41,8 @@ export const SuccessState = memo<SuccessStateProps>(
             src: generation.asset!.url,
           }}
           style={{ height: '100%', width: '100%' }}
-          url={generation.asset!.thumbnailUrl}
+          // Thumbnail quality is too bad
+          url={generation.asset!.url}
         />
         <ActionButtons
           onCopySeed={onCopySeed}

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

@@ -37,13 +37,7 @@ export const GenerationItem = memo<GenerationItemProps>(
     const shouldPoll = !isFinalized;
     useCheckGenerationStatus(generation.id, generation.task.id, activeTopicId!, shouldPoll);
 
-    const aspectRatio = getAspectRatio(
-      generation.asset ?? {
-        height: generationBatch.config?.height,
-        type: 'image',
-        width: generationBatch.config?.width,
-      },
-    );
+    const aspectRatio = getAspectRatio(generation, generationBatch);
 
     // 事件处理函数
     const handleDeleteGeneration = async () => {
@@ -120,6 +114,7 @@ export const GenerationItem = memo<GenerationItemProps>(
         <SuccessState
           aspectRatio={aspectRatio}
           generation={generation}
+          generationBatch={generationBatch}
           onCopySeed={handleCopySeed}
           onDelete={handleDeleteGeneration}
           onDownload={handleDownloadImage}
@@ -134,6 +129,7 @@ export const GenerationItem = memo<GenerationItemProps>(
         <ErrorState
           aspectRatio={aspectRatio}
           generation={generation}
+          generationBatch={generationBatch}
           onCopyError={handleCopyError}
           onDelete={handleDeleteGeneration}
         />
@@ -145,6 +141,7 @@ export const GenerationItem = memo<GenerationItemProps>(
       <LoadingState
         aspectRatio={aspectRatio}
         generation={generation}
+        generationBatch={generationBatch}
         onDelete={handleDeleteGeneration}
       />
     );

package/src/app/[variants]/(main)/image/features/GenerationFeed/GenerationItem/types.ts

@@ -18,6 +18,7 @@ export interface ActionButtonsProps {
 export interface SuccessStateProps {
   aspectRatio: string;
   generation: Generation;
+  generationBatch: GenerationBatch;
   onCopySeed?: () => void;
   onDelete: () => void;
   onDownload: () => void;
@@ -28,6 +29,7 @@ export interface SuccessStateProps {
 export interface ErrorStateProps {
   aspectRatio: string;
   generation: Generation;
+  generationBatch: GenerationBatch;
   onCopyError: () => void;
   onDelete: () => void;
 }
@@ -35,5 +37,6 @@ export interface ErrorStateProps {
 export interface LoadingStateProps {
   aspectRatio: string;
   generation: Generation;
+  generationBatch: GenerationBatch;
   onDelete: () => void;
 }