@lobehub/chat 1.113.3 → 1.114.0

package/CHANGELOG.md

@@ -2,6 +2,31 @@
 
 # Changelog
 
+## [Version 1.114.0](https://github.com/lobehub/lobe-chat/compare/v1.113.3...v1.114.0)
+
+<sup>Released on **2025-08-19**</sup>
+
+#### ✨ Features
+
+- **models**: Add Qwen Image Edit model.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### What's improved
+
+- **models**: Add Qwen Image Edit model, closes [#8851](https://github.com/lobehub/lobe-chat/issues/8851) ([4d7a060](https://github.com/lobehub/lobe-chat/commit/4d7a060))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ### [Version 1.113.3](https://github.com/lobehub/lobe-chat/compare/v1.113.2...v1.113.3)
 
 <sup>Released on **2025-08-19**</sup>

package/changelog/v1.json

@@ -1,4 +1,9 @@
 [
+  {
+    "children": {},
+    "date": "2025-08-19",
+    "version": "1.114.0"
+  },
   {
     "children": {
       "fixes": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "1.113.3",
+  "version": "1.114.0",
   "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/packages/model-runtime/src/RouterRuntime/createRuntime.ts

@@ -195,6 +195,11 @@ export const createRouterRuntime = ({
       }
     }
 
+    async createImage(payload: CreateImagePayload) {
+      const runtime = await this.getRuntimeByModel(payload.model);
+      return runtime.createImage!(payload);
+    }
+
     async textToImage(payload: TextToImagePayload) {
       const runtime = await this.getRuntimeByModel(payload.model);
 
@@ -203,12 +208,12 @@ export const createRouterRuntime = ({
 
     async models() {
       if (models && typeof models === 'function') {
-          // 如果是函数式配置，使用最后一个 runtime 的 client 调用函数
-          const lastRuntime = this._runtimes.at(-1)?.runtime;
-          if (lastRuntime && 'client' in lastRuntime) {
-            return await models({ client: (lastRuntime as any).client });
-          }
+        // 如果是函数式配置，使用最后一个 runtime 的 client 调用函数
+        const lastRuntime = this._runtimes.at(-1)?.runtime;
+        if (lastRuntime && 'client' in lastRuntime) {
+          return await models({ client: (lastRuntime as any).client });
         }
+      }
       return this._runtimes.at(-1)?.runtime.models?.();
     }
 

package/packages/model-runtime/src/openai/__snapshots__/index.test.ts.snap

@@ -49,6 +49,22 @@ exports[`LobeOpenAI > models > should get models 1`] = `
     "functionCall": false,
     "id": "dall-e-2",
     "maxOutput": undefined,
+    "parameters": {
+      "imageUrl": {
+        "default": null,
+      },
+      "prompt": {
+        "default": "",
+      },
+      "size": {
+        "default": "1024x1024",
+        "enum": [
+          "256x256",
+          "512x512",
+          "1024x1024",
+        ],
+      },
+    },
     "reasoning": false,
     "releasedAt": "2023-11-01",
     "type": "image",
@@ -231,6 +247,19 @@ exports[`LobeOpenAI > models > should get models 1`] = `
     "functionCall": false,
     "id": "dall-e-3",
     "maxOutput": undefined,
+    "parameters": {
+      "prompt": {
+        "default": "",
+      },
+      "size": {
+        "default": "1024x1024",
+        "enum": [
+          "1024x1024",
+          "1792x1024",
+          "1024x1792",
+        ],
+      },
+    },
     "reasoning": false,
     "releasedAt": "2023-10-31",
     "type": "image",

package/packages/model-runtime/src/utils/modelParse.ts

@@ -85,7 +85,7 @@ export const MODEL_LIST_CONFIGS = {
 export const PROVIDER_DETECTION_CONFIG = {
   anthropic: ['claude'],
   deepseek: ['deepseek'],
-  google: ['gemini'],
+  google: ['gemini', 'imagen'],
   llama: ['llama', 'llava'],
   moonshot: ['moonshot', 'kimi'],
   openai: ['o1', 'o3', 'o4', 'gpt-'],
@@ -251,7 +251,7 @@ const processModelCard = (
   model: { [key: string]: any; id: string },
   config: ModelProcessorConfig,
   knownModel?: any,
-): ChatModelCard => {
+): ChatModelCard | undefined => {
   const {
     functionCallKeywords = [],
     visionKeywords = [],
@@ -260,6 +260,20 @@ const processModelCard = (
   } = config;
 
   const isExcludedModel = isKeywordListMatch(model.id.toLowerCase(), excludeKeywords);
+  const modelType =
+    model.type ||
+    knownModel?.type ||
+    (isKeywordListMatch(
+      model.id.toLowerCase(),
+      IMAGE_MODEL_KEYWORDS.map((k) => k.toLowerCase()),
+    )
+      ? 'image'
+      : 'chat');
+
+  // image model can't find parameters
+  if (modelType === 'image' && !model.parameters && !knownModel?.parameters) {
+    return undefined;
+  }
 
   return {
     contextWindowTokens: model.contextWindowTokens ?? knownModel?.contextWindowTokens ?? undefined,
@@ -281,15 +295,11 @@ const processModelCard = (
       knownModel?.abilities?.reasoning ??
       (isKeywordListMatch(model.id.toLowerCase(), reasoningKeywords) || false),
     releasedAt: processReleasedAt(model, knownModel),
-    type:
-      model.type ||
-      knownModel?.type ||
-      (isKeywordListMatch(
-        model.id.toLowerCase(),
-        IMAGE_MODEL_KEYWORDS.map((k) => k.toLowerCase()),
-      )
-        ? 'image'
-        : 'chat'),
+    type: modelType,
+    // current, only image model use the parameters field
+    ...(modelType === 'image' && {
+      parameters: model.parameters ?? knownModel?.parameters,
+    }),
     vision:
       model.vision ??
       knownModel?.abilities?.vision ??
@@ -329,7 +339,7 @@ export const processModelList = async (
 
       return processModelCard(model, config, knownModel);
     }),
-  ).then((results) => results.filter(Boolean));
+  ).then((results) => results.filter((result) => !!result));
 };
 
 /**
@@ -381,11 +391,15 @@ export const processMultiProviderModelList = async (
       const processedModel = processModelCard(model, config, knownModel);
 
       // 如果找到了本地配置中的模型，使用其 enabled 状态
-      if (providerLocalModelConfig && typeof providerLocalModelConfig.enabled === 'boolean') {
+      if (
+        processedModel &&
+        providerLocalModelConfig &&
+        typeof providerLocalModelConfig.enabled === 'boolean'
+      ) {
         processedModel.enabled = providerLocalModelConfig.enabled;
       }
 
       return processedModel;
     }),
-  ).then((results) => results.filter(Boolean));
+  ).then((results) => results.filter((result) => !!result));
 };

package/packages/types/src/aiModel.ts

@@ -326,7 +326,7 @@ export interface AiProviderModelListItem {
   displayName?: string;
   enabled: boolean;
   id: string;
-  parameters?: Record<string, any>;
+  parameters?: ModelParamsSchema;
   pricing?: Pricing;
   releasedAt?: string;
   settings?: AiModelSettings;
@@ -378,7 +378,7 @@ export interface EnabledAiModel {
   displayName?: string;
   enabled?: boolean;
   id: string;
-  parameters?: Record<string, any>;
+  parameters?: ModelParamsSchema;
   providerId: string;
   settings?: AiModelSettings;
   sort?: number;

package/packages/types/src/llm.ts

@@ -1,5 +1,6 @@
 import { ReactNode } from 'react';
 
+import { ModelParamsSchema } from '@/libs/standard-parameters';
 import { AiModelType, Pricing } from '@/types/aiModel';
 import { AiProviderSettings } from '@/types/aiProvider';
 
@@ -41,6 +42,8 @@ export interface ChatModelCard {
    */
   legacy?: boolean;
   maxOutput?: number;
+  parameters?: ModelParamsSchema;
+
   pricing?: Pricing;
 
   /**

package/src/app/[variants]/(main)/settings/provider/(detail)/[id]/index.tsx

@@ -3,6 +3,8 @@
 import { memo } from 'react';
 import { Flexbox } from 'react-layout-kit';
 
+import { useAiInfraStore } from '@/store/aiInfra';
+
 import ModelList from '../../features/ModelList';
 import ProviderConfig, { ProviderConfigProps } from '../../features/ProviderConfig';
 
@@ -10,6 +12,9 @@ interface ProviderDetailProps extends ProviderConfigProps {
   showConfig?: boolean;
 }
 const ProviderDetail = memo<ProviderDetailProps>(({ showConfig = true, ...card }) => {
+  const useFetchAiProviderItem = useAiInfraStore((s) => s.useFetchAiProviderItem);
+  useFetchAiProviderItem(card.id);
+
   return (
     <Flexbox gap={24} paddingBlock={8}>
       {/* ↓ cloud slot ↓ */}

package/src/app/[variants]/(main)/settings/provider/features/ProviderConfig/index.tsx

@@ -143,7 +143,7 @@ const ProviderConfig = memo<ProviderConfigProps>(
     const { cx, styles, theme } = useStyles();
 
     const [
-      useFetchAiProviderItem,
+      data,
       updateAiProviderConfig,
       enabled,
       isLoading,
@@ -153,7 +153,7 @@ const ProviderConfig = memo<ProviderConfigProps>(
       isProviderEndpointNotEmpty,
       isProviderApiKeyNotEmpty,
     ] = useAiInfraStore((s) => [
-      s.useFetchAiProviderItem,
+      aiProviderSelectors.activeProviderConfig(s),
       s.updateAiProviderConfig,
       aiProviderSelectors.isProviderEnabled(id)(s),
       aiProviderSelectors.isAiProviderConfigLoading(id)(s),
@@ -164,8 +164,6 @@ const ProviderConfig = memo<ProviderConfigProps>(
       aiProviderSelectors.isActiveProviderApiKeyNotEmpty(s),
     ]);
 
-    const { data } = useFetchAiProviderItem(id);
-
     useLayoutEffect(() => {
       if (isLoading) return;
 

package/src/config/aiModels/fal.ts

@@ -20,6 +20,8 @@ export const fluxKreaParamsSchema: ModelParamsSchema = {
 
 export const qwenImageParamsSchema: ModelParamsSchema = {
   cfg: { default: 2.5, max: 20, min: 0, step: 0.1 },
+  // 实测 fal 宽高 最大就支持到 1536
+  // 默认值取自 https://chat.qwen.ai/ 官网的默认值
   height: { default: 1328, max: 1536, min: 512, step: 1 },
   prompt: { default: '' },
   seed: { default: null },
@@ -27,6 +29,16 @@ export const qwenImageParamsSchema: ModelParamsSchema = {
   width: { default: 1328, max: 1536, min: 512, step: 1 },
 };
 
+export const qwenEditParamsSchema: ModelParamsSchema = {
+  cfg: { default: 4, max: 20, min: 0, step: 0.1 },
+  height: { default: 1328, max: 1536, min: 512, step: 1 },
+  imageUrl: { default: null },
+  prompt: { default: '' },
+  seed: { default: null },
+  steps: { default: 30, max: 50, min: 2, step: 1 },
+  width: { default: 1328, max: 1536, min: 512, step: 1 },
+};
+
 const falImageModels: AIImageModelCard[] = [
   {
     description: '专注于图像编辑任务的FLUX.1模型，支持文本和图像输入。',
@@ -112,7 +124,20 @@ const falImageModels: AIImageModelCard[] = [
   },
   {
     description:
-      'Qwen团队带来的强大生图模型，具有令人印象深刻的中文文字生成能力和多样图片视觉风格。',
+      'Qwen 团队发布的专业图像编辑模型，支持语义编辑和外观编辑，能够精确编辑中英文文字，实现风格转换、对象旋转等高质量图像编辑。',
+    displayName: 'Qwen Edit',
+    enabled: true,
+    id: 'qwen-image-edit',
+    parameters: qwenEditParamsSchema,
+    pricing: {
+      units: [{ name: 'imageGeneration', rate: 0.025, strategy: 'fixed', unit: 'image' }],
+    },
+    releasedAt: '2025-08-19',
+    type: 'image',
+  },
+  {
+    description:
+      'Qwen 团队带来的强大生图模型，具有令人印象深刻的中文文字生成能力和多样图片视觉风格。',
     displayName: 'Qwen Image',
     enabled: true,
     id: 'qwen-image',

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

@@ -48,7 +48,10 @@ describe('getModelListByType', () => {
       abilities: {} as ModelAbilities,
       displayName: 'DALL-E 3',
       enabled: true,
-      parameters: { size: '1024x1024', quality: 'standard' },
+      parameters: { 
+        prompt: { default: '' },
+        size: { default: '1024x1024', enum: ['512x512', '1024x1024', '1536x1536'] }
+      },
     },
     {
       id: 'midjourney',
@@ -89,7 +92,10 @@ describe('getModelListByType', () => {
         contextWindowTokens: undefined,
         displayName: 'DALL-E 3',
         id: 'dall-e-3',
-        parameters: { size: '1024x1024', quality: 'standard' },
+        parameters: { 
+          prompt: { default: '' },
+          size: { default: '1024x1024', enum: ['512x512', '1024x1024', '1536x1536'] }
+        },
       });
     });