@lobehub/chat 1.112.0 → 1.112.2

package/CHANGELOG.md

@@ -2,6 +2,57 @@
 
 # Changelog
 
+### [Version 1.112.2](https://github.com/lobehub/lobe-chat/compare/v1.112.1...v1.112.2)
+
+<sup>Released on **2025-08-16**</sup>
+
+#### ♻ Code Refactoring
+
+- **misc**: 重构 ArgsInput 组件.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### Code refactoring
+
+- **misc**: 重构 ArgsInput 组件，closes [#8765](https://github.com/lobehub/lobe-chat/issues/8765) ([0905559](https://github.com/lobehub/lobe-chat/commit/0905559))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
+### [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>

package/changelog/v1.json

@@ -1,4 +1,22 @@
 [
+  {
+    "children": {
+      "improvements": [
+        "重构 ArgsInput 组件."
+      ]
+    },
+    "date": "2025-08-16",
+    "version": "1.112.2"
+  },
+  {
+    "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",

package/locales/en-US/components.json

@@ -1,4 +1,9 @@
 {
+  "ArgsInput": {
+    "addArgument": "Add Argument",
+    "argumentPlaceholder": "Argument {{index}}",
+    "enterFirstArgument": "Enter first argument..."
+  },
   "DragUpload": {
     "dragDesc": "Drag and drop files here to upload multiple images.",
     "dragFileDesc": "Drag and drop images and files here to upload multiple images and files.",

package/locales/zh-CN/components.json

@@ -1,4 +1,9 @@
 {
+  "ArgsInput": {
+    "addArgument": "添加参数",
+    "argumentPlaceholder": "参数 {{index}}",
+    "enterFirstArgument": "输入第一个参数..."
+  },
   "DragUpload": {
     "dragDesc": "拖拽文件到这里，支持上传多个图片。",
     "dragFileDesc": "拖拽图片和文件到这里，支持上传多个图片和文件。",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "1.112.0",
+  "version": "1.112.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",
@@ -324,7 +324,7 @@
     "consola": "^3.4.2",
     "cross-env": "^7.0.3",
     "crypto-js": "^4.2.0",
-    "dbdocs": "^0.14.4",
+    "dbdocs": "^0.16.0",
     "dotenv": "^16.6.1",
     "dpdm-fast": "1.0.7",
     "drizzle-dbml-generator": "^0.10.0",

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/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/features/PluginDevModal/MCPManifestForm/ArgsInput.tsx

@@ -1,20 +1,102 @@
-import { Input, type InputProps } from '@lobehub/ui';
-import { memo } from 'react';
+import { ActionIcon, Button, Input, type InputProps } from '@lobehub/ui';
+import { Plus, X } from 'lucide-react';
+import React, { memo, useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Flexbox } from 'react-layout-kit';
 
 interface ArgsInputProps extends Omit<InputProps, 'value' | 'onChange'> {
   onChange?: (value: string[]) => void;
   value?: string[];
 }
 
-const ArgsInput = memo<ArgsInputProps>(({ value, onChange, ...res }) => {
+const ArgsInput = memo<ArgsInputProps>(({ value = [], onChange, ...res }) => {
+  const { t } = useTranslation('components');
+
+  const handleAddArg = useCallback(() => {
+    onChange?.([...value, '']);
+  }, [value, onChange]);
+
+  const handleRemoveArg = useCallback(
+    (index: number) => {
+      const newValue = value.filter((_, i) => i !== index);
+      onChange?.(newValue);
+    },
+    [value, onChange],
+  );
+
+  const handleArgChange = useCallback(
+    (index: number, newArg: string) => {
+      const newValue = [...value];
+      newValue[index] = newArg;
+      onChange?.(newValue);
+    },
+    [value, onChange],
+  );
+
+  const handleKeyDown = useCallback(
+    (e: React.KeyboardEvent<HTMLInputElement>, index: number) => {
+      if (e.key === 'Enter') {
+        e.preventDefault();
+        if (index === value.length - 1) {
+          handleAddArg();
+        }
+      } else if (e.key === 'Backspace' && e.currentTarget.value === '' && value.length > 1) {
+        e.preventDefault();
+        handleRemoveArg(index);
+      }
+    },
+    [value.length, handleAddArg, handleRemoveArg],
+  );
+
   return (
-    <Input
-      onChange={(e) => {
-        onChange?.([e.target.value]);
-      }}
-      value={value?.join(' ')}
-      {...res}
-    />
+    <Flexbox gap={8} style={{ width: '100%' }}>
+      {value.length === 0 ? (
+        <Flexbox align="center" gap={8} horizontal>
+          <Input
+            {...res}
+            onBlur={(e) => {
+              if (e.target.value.trim()) {
+                onChange?.([e.target.value.trim()]);
+              }
+              res.onBlur?.(e);
+            }}
+            placeholder={t('ArgsInput.enterFirstArgument')}
+            style={{ flex: 1 }}
+          />
+          <Button icon={Plus} onClick={handleAddArg} size="small" type="primary" />
+        </Flexbox>
+      ) : (
+        <>
+          {value.map((arg, index) => (
+            <Flexbox align="center" gap={8} horizontal key={index}>
+              <Input
+                onChange={(e) => handleArgChange(index, e.target.value)}
+                onKeyDown={(e) => handleKeyDown(e, index)}
+                placeholder={t('ArgsInput.argumentPlaceholder', { index: index + 1 })}
+                style={{ flex: 1 }}
+                value={arg}
+              />
+              <ActionIcon
+                icon={X}
+                onClick={() => handleRemoveArg(index)}
+                size="small"
+                style={{ flexShrink: 0 }}
+              />
+            </Flexbox>
+          ))}
+          <Button
+            icon={Plus}
+            onClick={handleAddArg}
+            size="small"
+            style={{ alignSelf: 'flex-start' }}
+            type="dashed"
+          >
+            {t('ArgsInput.addArgument')}
+          </Button>
+        </>
+      )}
+    </Flexbox>
   );
 });
+
 export default ArgsInput;

package/src/locales/default/components.ts

@@ -1,4 +1,9 @@
 export default {
+  ArgsInput: {
+    addArgument: '添加参数',
+    argumentPlaceholder: '参数 {{index}}',
+    enterFirstArgument: '输入第一个参数...',
+  },
   DragUpload: {
     dragDesc: '拖拽文件到这里，支持上传多个图片。',
     dragFileDesc: '拖拽图片和文件到这里，支持上传多个图片和文件。',