@lobehub/chat 1.53.9 → 1.53.11

package/CHANGELOG.md

@@ -2,6 +2,56 @@
 
 # Changelog
 
+### [Version 1.53.11](https://github.com/lobehub/lobe-chat/compare/v1.53.10...v1.53.11)
+
+<sup>Released on **2025-02-13**</sup>
+
+#### 🐛 Bug Fixes
+
+- **misc**: Fix provider form api key.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### What's fixed
+
+- **misc**: Fix provider form api key, closes [#6115](https://github.com/lobehub/lobe-chat/issues/6115) ([d074238](https://github.com/lobehub/lobe-chat/commit/d074238))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
+### [Version 1.53.10](https://github.com/lobehub/lobe-chat/compare/v1.53.9...v1.53.10)
+
+<sup>Released on **2025-02-13**</sup>
+
+#### 🐛 Bug Fixes
+
+- **misc**: Fix api key input issue.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### What's fixed
+
+- **misc**: Fix api key input issue, closes [#6112](https://github.com/lobehub/lobe-chat/issues/6112) ([48e3b85](https://github.com/lobehub/lobe-chat/commit/48e3b85))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ### [Version 1.53.9](https://github.com/lobehub/lobe-chat/compare/v1.53.8...v1.53.9)
 
 <sup>Released on **2025-02-13**</sup>

package/changelog/v1.json

@@ -1,4 +1,22 @@
 [
+  {
+    "children": {
+      "fixes": [
+        "Fix provider form api key."
+      ]
+    },
+    "date": "2025-02-13",
+    "version": "1.53.11"
+  },
+  {
+    "children": {
+      "fixes": [
+        "Fix api key input issue."
+      ]
+    },
+    "date": "2025-02-13",
+    "version": "1.53.10"
+  },
   {
     "children": {
       "improvements": [

package/locales/ar/modelProvider.json

@@ -66,7 +66,6 @@
   "createNewAiProvider": {
     "apiKey": {
       "placeholder": "يرجى إدخال مفتاح API الخاص بك",
-      "required": "يرجى إدخال مفتاح API الخاص بك",
       "title": "مفتاح API"
     },
     "basicTitle": "المعلومات الأساسية",
@@ -94,7 +93,8 @@
       "title": "اسم المزود"
     },
     "proxyUrl": {
-      "placeholder": "يرجى إدخال عنوان الطلب الخاص بك، إذا لم يتم إدخاله سيتم استخدام عنوان الطلب المقابل لـ SDK",
+      "placeholder": "يرجى إدخال عنوان الطلب الخاص بك",
+      "required": "يرجى إدخال عنوان الوكيل",
       "title": "عنوان الوكيل"
     },
     "sdkType": {

package/locales/bg-BG/modelProvider.json

@@ -66,7 +66,6 @@
   "createNewAiProvider": {
     "apiKey": {
       "placeholder": "Моля, въведете вашия API ключ",
-      "required": "Моля, въведете вашия API ключ",
       "title": "API ключ"
     },
     "basicTitle": "Основна информация",
@@ -94,7 +93,8 @@
       "title": "Име на доставчика"
     },
     "proxyUrl": {
-      "placeholder": "Моля, въведете адреса на вашето запитване, ако не е попълнен, ще се използва съответния адрес на SDK",
+      "placeholder": "Моля, въведете адреса на вашето запитване",
+      "required": "Моля, въведете адреса на проксито",
       "title": "Адрес на прокси"
     },
     "sdkType": {

package/locales/de-DE/modelProvider.json

@@ -66,7 +66,6 @@
   "createNewAiProvider": {
     "apiKey": {
       "placeholder": "Bitte geben Sie Ihren API-Schlüssel ein",
-      "required": "Bitte geben Sie Ihren API-Schlüssel ein",
       "title": "API-Schlüssel"
     },
     "basicTitle": "Grundinformationen",
@@ -94,7 +93,8 @@
       "title": "Name des Anbieters"
     },
     "proxyUrl": {
-      "placeholder": "Bitte geben Sie Ihre Anforderungsadresse ein, wenn nicht angegeben, wird die entsprechende Anforderungsadresse des SDK verwendet",
+      "placeholder": "Bitte geben Sie Ihre Anforderungs-URL ein",
+      "required": "Bitte geben Sie die Proxy-Adresse ein",
       "title": "Proxy-Adresse"
     },
     "sdkType": {

package/locales/en-US/modelProvider.json

@@ -66,7 +66,6 @@
   "createNewAiProvider": {
     "apiKey": {
       "placeholder": "Please enter your API Key",
-      "required": "Please enter your API Key",
       "title": "API Key"
     },
     "basicTitle": "Basic Information",
@@ -94,7 +93,8 @@
       "title": "Provider Name"
     },
     "proxyUrl": {
-      "placeholder": "Please enter your request URL, if left blank, the corresponding SDK request URL will be used",
+      "placeholder": "Please enter your request URL",
+      "required": "Please enter the proxy address",
       "title": "Proxy URL"
     },
     "sdkType": {

package/locales/es-ES/modelProvider.json

@@ -66,7 +66,6 @@
   "createNewAiProvider": {
     "apiKey": {
       "placeholder": "Por favor, introduce tu API Key",
-      "required": "Por favor, introduce tu API Key",
       "title": "API Key"
     },
     "basicTitle": "Información básica",
@@ -94,7 +93,8 @@
       "title": "Nombre del proveedor"
     },
     "proxyUrl": {
-      "placeholder": "Por favor, introduce tu dirección de solicitud, si no se completa, se usará la dirección de solicitud correspondiente del SDK",
+      "placeholder": "Por favor, introduce tu dirección de solicitud",
+      "required": "Por favor, introduce la dirección del proxy",
       "title": "Dirección del proxy"
     },
     "sdkType": {

package/locales/fa-IR/modelProvider.json

@@ -66,7 +66,6 @@
   "createNewAiProvider": {
     "apiKey": {
       "placeholder": "لطفاً کلید API خود را وارد کنید",
-      "required": "لطفاً کلید API خود را وارد کنید",
       "title": "کلید API"
     },
     "basicTitle": "اطلاعات پایه",
@@ -94,7 +93,8 @@
       "title": "نام ارائه‌دهنده"
     },
     "proxyUrl": {
-      "placeholder": "لطفاً آدرس درخواست خود را وارد کنید، در صورت عدم وارد کردن از آدرس درخواست مربوط به SDK استفاده خواهد شد",
+      "placeholder": "لطفاً آدرس درخواست خود را وارد کنید",
+      "required": "لطفاً آدرس پروکسی را وارد کنید",
       "title": "آدرس پروکسی"
     },
     "sdkType": {

package/locales/fr-FR/modelProvider.json

@@ -66,7 +66,6 @@
   "createNewAiProvider": {
     "apiKey": {
       "placeholder": "Veuillez entrer votre clé API",
-      "required": "Veuillez entrer votre clé API",
       "title": "Clé API"
     },
     "basicTitle": "Informations de base",
@@ -94,7 +93,8 @@
       "title": "Nom du fournisseur"
     },
     "proxyUrl": {
-      "placeholder": "Veuillez entrer votre adresse de requête, sinon l'adresse de requête correspondante au SDK sera utilisée",
+      "placeholder": "Veuillez saisir votre adresse de requête",
+      "required": "Veuillez remplir l'adresse du proxy",
       "title": "Adresse du proxy"
     },
     "sdkType": {

package/locales/it-IT/modelProvider.json

@@ -66,7 +66,6 @@
   "createNewAiProvider": {
     "apiKey": {
       "placeholder": "Inserisci la tua API Key",
-      "required": "Inserisci la tua API Key",
       "title": "API Key"
     },
     "basicTitle": "Informazioni di base",
@@ -94,7 +93,8 @@
       "title": "Nome del fornitore"
     },
     "proxyUrl": {
-      "placeholder": "Inserisci il tuo indirizzo di richiesta, se non specificato verrà utilizzato l'indirizzo di richiesta corrispondente all'SDK",
+      "placeholder": "Inserisci il tuo URL di richiesta",
+      "required": "Inserisci l'indirizzo del proxy",
       "title": "Indirizzo proxy"
     },
     "sdkType": {

package/locales/ja-JP/modelProvider.json

@@ -66,7 +66,6 @@
   "createNewAiProvider": {
     "apiKey": {
       "placeholder": "あなたの API キーを入力してください",
-      "required": "あなたの API キーを入力してください",
       "title": "API キー"
     },
     "basicTitle": "基本情報",
@@ -94,7 +93,8 @@
       "title": "サービスプロバイダー名"
     },
     "proxyUrl": {
-      "placeholder": "リクエストアドレスを入力してください。未入力の場合は SDK に対応するリクエストアドレスが使用されます",
+      "placeholder": "リクエストURLを入力してください",
+      "required": "プロキシURLを入力してください",
       "title": "プロキシアドレス"
     },
     "sdkType": {

package/locales/ko-KR/modelProvider.json

@@ -66,7 +66,6 @@
   "createNewAiProvider": {
     "apiKey": {
       "placeholder": "API 키를 입력하세요",
-      "required": "API 키를 입력하세요",
       "title": "API 키"
     },
     "basicTitle": "기본 정보",
@@ -94,7 +93,8 @@
       "title": "서비스 제공자 이름"
     },
     "proxyUrl": {
-      "placeholder": "요청 주소를 입력하세요, 입력하지 않으면 SDK의 요청 주소가 사용됩니다",
+      "placeholder": "요청 주소를 입력하세요",
+      "required": "프록시 주소를 입력하세요",
       "title": "프록시 주소"
     },
     "sdkType": {

package/locales/nl-NL/modelProvider.json

@@ -66,7 +66,6 @@
   "createNewAiProvider": {
     "apiKey": {
       "placeholder": "Vul je API-sleutel in",
-      "required": "Vul je API-sleutel in",
       "title": "API-sleutel"
     },
     "basicTitle": "Basisinformatie",
@@ -94,7 +93,8 @@
       "title": "Naam van de provider"
     },
     "proxyUrl": {
-      "placeholder": "Vul je aanvraagadres in, als je dit niet invult, wordt het overeenkomstige aanvraagadres van de SDK gebruikt",
+      "placeholder": "Vul je verzoekadres in",
+      "required": "Vul het proxyadres in",
       "title": "Proxy-adres"
     },
     "sdkType": {

package/locales/pl-PL/modelProvider.json

@@ -66,7 +66,6 @@
   "createNewAiProvider": {
     "apiKey": {
       "placeholder": "Proszę wpisać swój klucz API",
-      "required": "Proszę wpisać swój klucz API",
       "title": "Klucz API"
     },
     "basicTitle": "Podstawowe informacje",
@@ -94,7 +93,8 @@
       "title": "Nazwa dostawcy"
     },
     "proxyUrl": {
-      "placeholder": "Proszę wpisać adres żądania, jeśli nie zostanie podany, użyty zostanie odpowiedni adres żądania SDK",
+      "placeholder": "Proszę wpisać adres żądania",
+      "required": "Proszę wpisać adres proxy",
       "title": "Adres proxy"
     },
     "sdkType": {

package/locales/pt-BR/modelProvider.json

@@ -66,7 +66,6 @@
   "createNewAiProvider": {
     "apiKey": {
       "placeholder": "Por favor, insira sua API Key",
-      "required": "Por favor, insira sua API Key",
       "title": "API Key"
     },
     "basicTitle": "Informações Básicas",
@@ -94,7 +93,8 @@
       "title": "Nome do Provedor"
     },
     "proxyUrl": {
-      "placeholder": "Por favor, insira seu endereço de requisição, se não for preenchido, será usado o endereço correspondente do SDK",
+      "placeholder": "Por favor, insira o seu endereço de solicitação",
+      "required": "Por favor, insira o endereço do proxy",
       "title": "Endereço do Proxy"
     },
     "sdkType": {

package/locales/ru-RU/modelProvider.json

@@ -66,7 +66,6 @@
   "createNewAiProvider": {
     "apiKey": {
       "placeholder": "Пожалуйста, введите ваш API Key",
-      "required": "Пожалуйста, введите ваш API Key",
       "title": "API Key"
     },
     "basicTitle": "Основная информация",
@@ -94,7 +93,8 @@
       "title": "Имя провайдера"
     },
     "proxyUrl": {
-      "placeholder": "Пожалуйста, введите ваш адрес запроса, если не заполните, будет использован соответствующий адрес SDK",
+      "placeholder": "Пожалуйста, введите ваш адрес запроса",
+      "required": "Пожалуйста, введите адрес прокси",
       "title": "Адрес прокси"
     },
     "sdkType": {

package/locales/tr-TR/modelProvider.json

@@ -66,7 +66,6 @@
   "createNewAiProvider": {
     "apiKey": {
       "placeholder": "Lütfen API Anahtarınızı girin",
-      "required": "Lütfen API Anahtarınızı girin",
       "title": "API Anahtarı"
     },
     "basicTitle": "Temel Bilgiler",
@@ -94,7 +93,8 @@
       "title": "Hizmet Sağlayıcı Adı"
     },
     "proxyUrl": {
-      "placeholder": "Lütfen istek adresinizi girin, boş bırakılırsa SDK'nın ilgili istek adresi kullanılacaktır",
+      "placeholder": "Lütfen istek adresinizi girin",
+      "required": "Lütfen proxy adresini girin",
       "title": "Proxy Adresi"
     },
     "sdkType": {

package/locales/vi-VN/modelProvider.json

@@ -66,7 +66,6 @@
   "createNewAiProvider": {
     "apiKey": {
       "placeholder": "Vui lòng nhập API Key của bạn",
-      "required": "Vui lòng nhập API Key của bạn",
       "title": "API Key"
     },
     "basicTitle": "Thông tin cơ bản",
@@ -94,7 +93,8 @@
       "title": "Tên nhà cung cấp"
     },
     "proxyUrl": {
-      "placeholder": "Vui lòng nhập địa chỉ yêu cầu của bạn, nếu không sẽ sử dụng địa chỉ yêu cầu tương ứng của SDK",
+      "placeholder": "Vui lòng nhập địa chỉ yêu cầu của bạn",
+      "required": "Vui lòng nhập địa chỉ proxy",
       "title": "Địa chỉ proxy"
     },
     "sdkType": {

package/locales/zh-CN/modelProvider.json

@@ -66,7 +66,6 @@
   "createNewAiProvider": {
     "apiKey": {
       "placeholder": "请填写你的 API Key",
-      "required": "请填写你的 API Key",
       "title": "API Key"
     },
     "basicTitle": "基本信息",
@@ -94,7 +93,8 @@
       "title": "服务商名称"
     },
     "proxyUrl": {
-      "placeholder": "请填写你的请求地址，如果不填则会使用 SDK 对应的请求地址",
+      "placeholder": "请填写你的请求地址",
+      "required": "请填写代理地址",
       "title": "代理地址"
     },
     "sdkType": {
@@ -305,4 +305,4 @@
   "zhipu": {
     "title": "智谱"
   }
-}
+}

package/locales/zh-TW/modelProvider.json

@@ -66,7 +66,6 @@
   "createNewAiProvider": {
     "apiKey": {
       "placeholder": "請填寫你的 API Key",
-      "required": "請填寫你的 API Key",
       "title": "API Key"
     },
     "basicTitle": "基本資訊",
@@ -94,7 +93,8 @@
       "title": "服務商名稱"
     },
     "proxyUrl": {
-      "placeholder": "請填寫你的請求地址，如果不填則會使用 SDK 對應的請求地址",
+      "placeholder": "請填寫你的請求地址",
+      "required": "請填寫代理地址",
       "title": "代理地址"
     },
     "sdkType": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "1.53.9",
+  "version": "1.53.11",
   "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)/settings/provider/(detail)/[id]/page.tsx

@@ -45,5 +45,3 @@ const Page = async (props: PagePropsWithId) => {
 };
 
 export default Page;
-
-export const dynamic = 'auto';

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

@@ -91,6 +91,7 @@ const CreateNewProvider = memo<CreateNewProviderProps>(({ onClose, open }) => {
           options={[
             { label: 'OpenAI', value: 'openai' },
             { label: 'Anthropic', value: 'anthropic' },
+            { label: 'Ollama', value: 'ollama' },
           ]}
         />
       ),
@@ -98,6 +99,13 @@ const CreateNewProvider = memo<CreateNewProviderProps>(({ onClose, open }) => {
       name: 'sdkType',
       rules: [{ message: t('createNewAiProvider.sdkType.required'), required: true }],
     },
+    {
+      children: <Input allowClear placeholder={'https://xxxx-proxy.com/v1'} variant={'filled'} />,
+      label: t('createNewAiProvider.proxyUrl.title'),
+      minWidth: 400,
+      name: [KeyVaultsConfigKey, LLMProviderBaseUrlKey],
+      rules: [{ message: t('createNewAiProvider.proxyUrl.required'), required: true }],
+    },
     {
       children: (
         <Input.Password
@@ -109,14 +117,6 @@ const CreateNewProvider = memo<CreateNewProviderProps>(({ onClose, open }) => {
       label: t('createNewAiProvider.apiKey.title'),
       minWidth: 400,
       name: [KeyVaultsConfigKey, LLMProviderApiTokenKey],
-      rules: [{ message: t('createNewAiProvider.apiKey.required'), required: true }],
-    },
-    {
-      children: <Input allowClear placeholder={'https://xxxx-proxy.com/v1'} variant={'filled'} />,
-      desc: t('createNewAiProvider.proxyUrl.placeholder'),
-      label: t('createNewAiProvider.proxyUrl.title'),
-      minWidth: 400,
-      name: [KeyVaultsConfigKey, LLMProviderBaseUrlKey],
     },
   ];
 

package/src/features/Conversation/Error/APIKeyForm/LoadingContext.ts

@@ -0,0 +1,11 @@
+import { createContext } from 'react';
+
+interface LoadingContextValue {
+  loading: boolean;
+  setLoading: (loading: boolean) => void;
+}
+
+export const LoadingContext = createContext<LoadingContextValue>({
+  loading: false,
+  setLoading: () => {},
+});

package/src/features/Conversation/Error/APIKeyForm/ProviderApiKeyForm.tsx

@@ -1,9 +1,11 @@
 import { Icon } from '@lobehub/ui';
-import { Button, Input } from 'antd';
-import { Network } from 'lucide-react';
-import { ReactNode, memo, useState } from 'react';
+import { Button } from 'antd';
+import { Loader2Icon, Network } from 'lucide-react';
+import { ReactNode, memo, useContext, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 
+import { FormInput, FormPassword } from '@/components/FormInput';
+import { LoadingContext } from '@/features/Conversation/Error/APIKeyForm/LoadingContext';
 import { useProviderName } from '@/hooks/useProviderName';
 import { featureFlagsSelectors, useServerConfigStore } from '@/store/serverConfig';
 import { GlobalLLMProviderKey } from '@/types/user/settings';
@@ -27,6 +29,7 @@ const ProviderApiKeyForm = memo<ProviderApiKeyFormProps>(
     const { apiKey, baseURL, setConfig } = useApiKey(provider);
     const { showOpenAIProxyUrl } = useServerConfigStore(featureFlagsSelectors);
     const providerName = useProviderName(provider);
+    const { loading } = useContext(LoadingContext);
 
     return (
       <FormAction
@@ -34,25 +37,25 @@ const ProviderApiKeyForm = memo<ProviderApiKeyFormProps>(
         description={t(`unlock.apiKey.description`, { name: providerName, ns: 'error' })}
         title={t(`unlock.apiKey.title`, { name: providerName, ns: 'error' })}
       >
-        <Input.Password
+        <FormPassword
           autoComplete={'new-password'}
-          onChange={(e) => {
-            setConfig(provider, { apiKey: e.target.value });
+          onChange={(value) => {
+            setConfig(provider, { apiKey: value });
           }}
           placeholder={apiKeyPlaceholder || 'sk-***********************'}
-          type={'block'}
+          suffix={<div>{loading && <Icon icon={Loader2Icon} spin />}</div>}
           value={apiKey}
         />
 
         {showEndpoint &&
           showOpenAIProxyUrl &&
           (showProxy ? (
-            <Input
-              onChange={(e) => {
-                setConfig(provider, { baseURL: e.target.value });
+            <FormInput
+              onChange={(value) => {
+                setConfig(provider, { baseURL: value });
               }}
               placeholder={'https://api.openai.com/v1'}
-              type={'block'}
+              suffix={<div>{loading && <Icon icon={Loader2Icon} spin />}</div>}
               value={baseURL}
             />
           ) : (

package/src/features/Conversation/Error/APIKeyForm/index.tsx

@@ -1,6 +1,6 @@
 import { ProviderIcon } from '@lobehub/icons';
 import { Button } from 'antd';
-import { memo, useMemo } from 'react';
+import { memo, useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Center, Flexbox } from 'react-layout-kit';
 
@@ -9,6 +9,7 @@ import { useChatStore } from '@/store/chat';
 import { GlobalLLMProviderKey } from '@/types/user/settings';
 
 import BedrockForm from './Bedrock';
+import { LoadingContext } from './LoadingContext';
 import ProviderApiKeyForm from './ProviderApiKeyForm';
 
 interface APIKeyFormProps {
@@ -18,6 +19,7 @@ interface APIKeyFormProps {
 
 const APIKeyForm = memo<APIKeyFormProps>(({ id, provider }) => {
   const { t } = useTranslation('error');
+  const [loading, setLoading] = useState(false);
 
   const [resend, deleteMessage] = useChatStore((s) => [s.regenerateMessage, s.deleteMessage]);
 
@@ -62,38 +64,41 @@ const APIKeyForm = memo<APIKeyFormProps>(({ id, provider }) => {
   }, [provider]);
 
   return (
-    <Center gap={16} style={{ maxWidth: 300 }}>
-      {provider === ModelProvider.Bedrock ? (
-        <BedrockForm />
-      ) : (
-        <ProviderApiKeyForm
-          apiKeyPlaceholder={apiKeyPlaceholder}
-          avatar={<ProviderIcon provider={provider} size={80} type={'avatar'} />}
-          provider={provider as GlobalLLMProviderKey}
-          showEndpoint={provider === ModelProvider.OpenAI}
-        />
-      )}
-      <Flexbox gap={12} width={'100%'}>
-        <Button
-          block
-          onClick={() => {
-            resend(id);
-            deleteMessage(id);
-          }}
-          style={{ marginTop: 8 }}
-          type={'primary'}
-        >
-          {t('unlock.confirm')}
-        </Button>
-        <Button
-          onClick={() => {
-            deleteMessage(id);
-          }}
-        >
-          {t('unlock.closeMessage')}
-        </Button>
-      </Flexbox>
-    </Center>
+    <LoadingContext value={{ loading, setLoading }}>
+      <Center gap={16} style={{ maxWidth: 300 }}>
+        {provider === ModelProvider.Bedrock ? (
+          <BedrockForm />
+        ) : (
+          <ProviderApiKeyForm
+            apiKeyPlaceholder={apiKeyPlaceholder}
+            avatar={<ProviderIcon provider={provider} size={80} type={'avatar'} />}
+            provider={provider as GlobalLLMProviderKey}
+            showEndpoint={provider === ModelProvider.OpenAI}
+          />
+        )}
+        <Flexbox gap={12} width={'100%'}>
+          <Button
+            block
+            disabled={loading}
+            onClick={() => {
+              resend(id);
+              deleteMessage(id);
+            }}
+            style={{ marginTop: 8 }}
+            type={'primary'}
+          >
+            {t('unlock.confirm')}
+          </Button>
+          <Button
+            onClick={() => {
+              deleteMessage(id);
+            }}
+          >
+            {t('unlock.closeMessage')}
+          </Button>
+        </Flexbox>
+      </Center>
+    </LoadingContext>
   );
 });
 

package/src/features/Conversation/Error/APIKeyForm/useApiKey.ts

@@ -1,6 +1,8 @@
 import isEqual from 'fast-deep-equal';
+import { useContext } from 'react';
 
 import { isDeprecatedEdition } from '@/const/version';
+import { LoadingContext } from '@/features/Conversation/Error/APIKeyForm/LoadingContext';
 import { aiProviderSelectors, useAiInfraStore } from '@/store/aiInfra';
 import { useUserStore } from '@/store/user';
 import { keyVaultsConfigSelectors } from '@/store/user/selectors';
@@ -11,7 +13,7 @@ export const useApiKey = (provider: string) => {
     keyVaultsConfigSelectors.getVaultByProvider(provider as any)(s)?.baseURL,
     s.updateKeyVaultConfig,
   ]);
-
+  const { setLoading } = useContext(LoadingContext);
   const updateAiProviderConfig = useAiInfraStore((s) => s.updateAiProviderConfig);
   const data = useAiInfraStore(aiProviderSelectors.providerConfigById(provider), isEqual);
 
@@ -23,12 +25,14 @@ export const useApiKey = (provider: string) => {
     apiKey: data?.keyVaults.apiKey,
     baseURL: data?.keyVaults?.baseURL,
     setConfig: async (id: string, params: Record<string, string>) => {
+      const next = { ...data?.keyVaults, ...params };
+      if (isEqual(data?.keyVaults, next)) return;
+
+      setLoading(true);
       await updateAiProviderConfig(id, {
-        keyVaults: {
-          ...data?.keyVaults,
-          ...params,
-        },
+        keyVaults: { ...data?.keyVaults, ...params },
       });
+      setLoading(false);
     },
   };
 };

package/src/locales/default/modelProvider.ts

@@ -67,7 +67,6 @@ export default {
   createNewAiProvider: {
     apiKey: {
       placeholder: '请填写你的 API Key',
-      required: '请填写你的 API Key',
       title: 'API Key',
     },
     basicTitle: '基本信息',
@@ -95,7 +94,7 @@ export default {
       title: '服务商名称',
     },
     proxyUrl: {
-      placeholder: '请填写你的请求地址，如果不填则会使用 SDK 对应的请求地址',
+      required: '请填写代理地址',
       title: '代理地址',
     },
     sdkType: {

package/src/server/manifest.ts

@@ -63,10 +63,10 @@ export class Manifest {
       screenshots: screenshots.map((item) => this._getScreenshot(item)),
       short_name: name,
       splash_pages: null,
-      start_url: '.',
+      start_url: '/chat',
       tab_strip: {
         new_tab_button: {
-          url: '/',
+          url: '/chat',
         },
       },
       theme_color: color,