fix:Add a new vendor page, API endpoint, and model name. (#1155)

* fix:Add a new vendor page, API endpoint, and model name. Fix the bug where, after entering characters, line breaks cannot be fully deleted.

* fix: add missing i18n key codexConfig.modelNameHint for zh/en/ja

---------

Co-authored-by: Jason <farion1231@gmail.com>

src/components/providers/forms/CodexFormFields.tsx

@@ -117,9 +117,13 @@ export function CodexFormFields({
             className="w-full px-3 py-2 border border-border-default bg-background text-foreground rounded-lg text-sm focus:outline-none focus:ring-2 focus:ring-blue-500/20 dark:focus:ring-blue-400/20 transition-colors"
           />
           <p className="text-xs text-muted-foreground">
-            {t("codexConfig.modelNameHint", {
-              defaultValue: "指定使用的模型，将自动更新到 config.toml 中",
-            })}
+            {modelName.trim()
+              ? t("codexConfig.modelNameHint", {
+                  defaultValue: "指定使用的模型，将自动更新到 config.toml 中",
+                })
+              : t("providerForm.modelHint", {
+                  defaultValue: "💡 留空将使用供应商的默认模型",
+                })}
           </p>
         </div>
       )}

src/components/providers/forms/hooks/useBaseUrlState.ts

@@ -60,10 +60,8 @@ export function useBaseUrlState({
     if (!codexConfig) return;
 
     const extracted = extractCodexBaseUrl(codexConfig) || "";
-    if (extracted !== codexBaseUrl) {
-      setCodexBaseUrl(extracted);
-    }
-  }, [appType, category, codexConfig, codexBaseUrl]);
+    setCodexBaseUrl((prev) => (prev === extracted ? prev : extracted));
+  }, [appType, category, codexConfig]);
 
   // 从Claude配置同步到 state（Gemini）
   useEffect(() => {
@@ -116,7 +114,7 @@ export function useBaseUrlState({
       const sanitized = url.trim();
       setCodexBaseUrl(sanitized);
 
-      if (!sanitized || !onCodexConfigChange) {
+      if (!onCodexConfigChange) {
         return;
       }
 

src/components/providers/forms/hooks/useCodexConfigState.ts

@@ -74,10 +74,8 @@ export function useCodexConfigState({ initialData }: UseCodexConfigStateProps) {
       return;
     }
     const extracted = extractCodexBaseUrl(codexConfig) || "";
-    if (extracted !== codexBaseUrl) {
-      setCodexBaseUrl(extracted);
-    }
-  }, [codexConfig, codexBaseUrl]);
+    setCodexBaseUrl((prev) => (prev === extracted ? prev : extracted));
+  }, [codexConfig]);
 
   // 与 TOML 配置保持模型名称同步
   useEffect(() => {
@@ -85,10 +83,8 @@ export function useCodexConfigState({ initialData }: UseCodexConfigStateProps) {
       return;
     }
     const extracted = extractCodexModelName(codexConfig) || "";
-    if (extracted !== codexModelName) {
-      setCodexModelName(extracted);
-    }
-  }, [codexConfig, codexModelName]);
+    setCodexModelName((prev) => (prev === extracted ? prev : extracted));
+  }, [codexConfig]);
 
   // 获取 API Key（从 auth JSON）
   const getCodexAuthApiKey = useCallback((authString: string): string => {
@@ -165,10 +161,6 @@ export function useCodexConfigState({ initialData }: UseCodexConfigStateProps) {
       const sanitized = url.trim();
       setCodexBaseUrl(sanitized);
 
-      if (!sanitized) {
-        return;
-      }
-
       isUpdatingCodexBaseUrlRef.current = true;
       setCodexConfig((prev) => setCodexBaseUrlInConfig(prev, sanitized));
       setTimeout(() => {
@@ -184,10 +176,6 @@ export function useCodexConfigState({ initialData }: UseCodexConfigStateProps) {
       const trimmed = modelName.trim();
       setCodexModelName(trimmed);
 
-      if (!trimmed) {
-        return;
-      }
-
       isUpdatingCodexModelNameRef.current = true;
       setCodexConfig((prev) => setCodexModelNameInConfig(prev, trimmed));
       setTimeout(() => {