feat(web): integrate custom providers into the provider credentials section

- Merge the separate custom-providers section into the unified provider
  grid; "Custom" in the add-provider picker now acts as an add-new action
  (trailing + mark) and opens the dedicated modal, supporting multiple
  OpenAI-compatible endpoints
- Simplify the custom provider modal: drop the default-model field, add
  an inline delete button, align colors with the theme
- Keep the legacy single "custom" card visible (models page, chat
  dropdown and legacy config page) while custom_api_key/custom_api_base
  is still in use, so existing single-provider setups don't disappear
- Unify user-facing wording from "vendor" to "provider" in UI and docs
- Restructure custom provider docs (zh/en/ja) around Web console and
  config file usage

docs/zh/models/custom.mdx

@@ -1,69 +1,31 @@
 ---
-title: Custom
-description: Custom vendor configuration for third-party API proxies and local models
+title: 自定义
+description: 自定义厂商配置，用于第三方 API 代理与本地模型
 ---
 
-For model services accessed via the OpenAI-compatible protocol or locally deployed models, such as:
+适用于通过 OpenAI 兼容协议接入的模型服务，例如：
 
-- **Third-party API proxies**: call multiple models through a unified API base
-- **Local models**: models deployed locally with tools like Ollama, vLLM, LocalAI
-- **Private deployments**: model services deployed inside an enterprise
+- **第三方 API 代理**：通过统一的 API 地址调用多种模型
+- **本地模型**：使用 Ollama、vLLM 等工具在本地部署的模型
+- **私有化部署**：企业内部部署的模型服务
 
-<Note>
-  Difference from the `openai` vendor: when a custom vendor is selected, switching models via `/config model` does not automatically switch the vendor type — the custom API address is always used.
-</Note>
+## Web 端配置
 
-## Text Chat
+推荐方式。在 Web 控制台「模型」页面点击「添加厂商」，选择「自定义」，填写名称、API Base 和 API Key 即可。支持添加多个自定义厂商，添加后在「主模型」中选择对应厂商和模型即可启用。
 
-### Third-party API proxy
+<img width="900" src="https://cdn.jsdelivr.net/gh/zhayujie/cowagent-assets@main/screenshots/en/web-console-custom-model-config.png" />
 
-```json
-{
-  "bot_type": "custom",
-  "model": "",
-  "custom_api_key": "YOUR_API_KEY",
-  "custom_api_base": "https://{your-proxy.com}/v1"
-}
-```
+本地部署工具的默认地址：
 
-| Parameter | Description |
-| --- | --- |
-| `bot_type` | Must be set to `custom` |
-| `model` | Model name; any model name supported by the proxy service |
-| `custom_api_key` | API key provided by the proxy service |
-| `custom_api_base` | API endpoint provided by the proxy service; must be OpenAI-compatible |
-
-### Local models
-
-Local models usually do not require an API key — only the API base needs to be filled in:
-
-```json
-{
-  "bot_type": "custom",
-  "model": "qwen3.5:27b",
-  "custom_api_base": "http://localhost:11434/v1"
-}
-```
-
-Common local deployment tools and their default endpoints:
-
-| Tool | Default API Base |
+| 工具 | 默认 API Base |
 | --- | --- |
 | [Ollama](https://ollama.com) | `http://localhost:11434/v1` |
 | [vLLM](https://docs.vllm.ai) | `http://localhost:8000/v1` |
 | [LocalAI](https://localai.io) | `http://localhost:8080/v1` |
 
-### Switching Models
+## 配置文件配置
 
-Switching models under a custom vendor only changes `model` — `bot_type` and the API endpoint remain unchanged:
-
-```
-/config model qwen3.5:27b
-```
-
-## Configuring Multiple Custom Providers
-
-If you need to configure several OpenAI-compatible third-party services at once (e.g. SiliconFlow, Qiniu), use the `custom_providers` list and activate one by setting `bot_type` to `"custom:<id>"`:
+也可以直接编辑 `config.json`，在 `custom_providers` 列表中定义多个厂商，并将 `bot_type` 设置为 `"custom:<id>"` 来激活其中一个：
 
 ```json
 {
@@ -71,34 +33,30 @@ If you need to configure several OpenAI-compatible third-party services at once
   "custom_providers": [
     {
       "id": "3f2a9c1b",
-      "name": "siliconflow",
-      "api_key": "YOUR_SILICONFLOW_KEY",
-      "api_base": "https://api.siliconflow.cn/v1",
-      "model": "deepseek-ai/DeepSeek-V3"
+      "name": "厂商A",
+      "api_key": "YOUR_API_KEY_A",
+      "api_base": "https://api.a.com/v1",
+      "model": "deepseek-v3"
     },
     {
       "id": "a1b2c3d4",
-      "name": "qiniu",
-      "api_key": "YOUR_QINIU_KEY",
-      "api_base": "https://api.qnaigc.com/v1",
-      "model": "deepseek-v3"
+      "name": "厂商B",
+      "api_key": "YOUR_API_KEY_B",
+      "api_base": "https://api.b.com/v1",
+      "model": "qwen3-max"
     }
   ]
 }
 ```
 
-| Parameter | Description |
+| 参数 | 说明 |
 | --- | --- |
-| `custom_providers` | List of custom providers; each item has `id`, `name`, `api_key`, `api_base`, and an optional `model` |
-| `bot_type` | Set to `"custom:<id>"` to activate a specific provider; `id` is the provider's unique identifier |
-| `id` | Server-generated short identifier (8-char hex); used as the primary key for each provider |
-| `name` | User-facing display label — can be freely renamed without breaking anything |
-| `model` | Optional; when set, this model is used instead of the global `model` field |
+| `custom_providers` | 自定义厂商列表，每项包含 `id`、`name`、`api_base`、`api_key`（可选）、`model`（可选） |
+| `bot_type` | 设置为 `"custom:<id>"` 激活对应厂商 |
+| `id` | 厂商唯一标识（8 位十六进制），在 Web 端添加时自动生成，手动配置时填写任意不重复的标识即可 |
+| `name` | 展示名称，可随意修改 |
+| `model` | 该厂商使用的模型，激活时生效 |
 
 <Note>
-  The `id` is auto-generated by the web console when you add a provider — you don't need to create it manually. If editing `config.json` by hand, use any unique 8-character hex string (e.g. run `python3 -c "import uuid; print(uuid.uuid4().hex[:8])"`).
-</Note>
-
-<Note>
-  When `bot_type` is exactly `"custom"` (no colon suffix), CowAgent uses the legacy single-provider `custom_api_key` / `custom_api_base` fields, so existing configurations keep working without any changes.
+  历史的单厂商配置（`bot_type` 为 `"custom"`，配合 `custom_api_key` / `custom_api_base`）仍然兼容，无需改动即可继续使用。
 </Note>