fix(providers): rename qwen-portal to Qwen Cloud + fix baseUrl (#185)

Renames preset qwen-portal to qwen-cloud / Qwen Cloud. Default baseUrl is
pay-as-you-go: https://dashscope.aliyuncs.com/compatible-mode/v1. Registry
documents token plan endpoint. Docs, icon map, and parity tests updated.

Squash-merged from Wibias:fix/qwen-cloud-preset (original head).
Co-Authored-By: Wibias <37517432+Wibias@users.noreply.github.com>

Author: lidge-jun

README.ko.md

@@ -232,7 +232,7 @@ opencodex는 두 가지 동작을 분리해서 유지합니다:
 | Ollama / vLLM / LM Studio (로컬) | `openai-chat` | key (보통 비워둠) |
 | 모든 OpenAI 호환 엔드포인트 | `openai-chat` | key |
 
-그 외에 DeepSeek, Groq, OpenRouter, Together, Fireworks, Cerebras, Mistral, Hugging Face, NVIDIA NIM, MiniMax, Qwen Portal 등이 있습니다. 전체 목록은 `ocx init` 또는 [프로바이더 문서](https://lidge-jun.github.io/opencodex/ko/reference/configuration/)에서 확인하세요.
+그 외에 DeepSeek, Groq, OpenRouter, Together, Fireworks, Cerebras, Mistral, Hugging Face, NVIDIA NIM, MiniMax, Qwen Cloud 등이 있습니다. 전체 목록은 `ocx init` 또는 [프로바이더 문서](https://lidge-jun.github.io/opencodex/ko/reference/configuration/)에서 확인하세요.
 
 ## CLI
 

README.md

@@ -254,7 +254,7 @@ next Codex session. opencodex keeps these behaviors:
 | Ollama / vLLM / LM Studio (local) | `openai-chat` | key (usually blank) |
 | Any OpenAI-compatible endpoint | `openai-chat` | key |
 
-Plus DeepSeek, Groq, OpenRouter, Together, Fireworks, Cerebras, Mistral, Hugging Face, NVIDIA NIM, MiniMax, Qwen Portal, and more. See the full list with `ocx init` or in the [provider docs](https://lidge-jun.github.io/opencodex/reference/configuration/).
+Plus DeepSeek, Groq, OpenRouter, Together, Fireworks, Cerebras, Mistral, Hugging Face, NVIDIA NIM, MiniMax, Qwen Cloud, and more. See the full list with `ocx init` or in the [provider docs](https://lidge-jun.github.io/opencodex/reference/configuration/).
 
 Cursor support is a staged experimental bridge: it appears in `ocx init` and the dashboard Add
 Provider picker as a local config with Cursor's static public model catalog. Live

README.zh-CN.md

@@ -225,7 +225,7 @@ opencodex 保持两种独立行为：
 | Ollama / vLLM / LM Studio（本地） | `openai-chat` | key（通常留空） |
 | 任意 OpenAI 兼容端点 | `openai-chat` | key |
 
-此外还有 DeepSeek、Groq、OpenRouter、Together、Fireworks、Cerebras、Mistral、Hugging Face、NVIDIA NIM、MiniMax、Qwen Portal 等等。完整列表可通过 `ocx init` 查看，或参阅 [provider 文档](https://lidge-jun.github.io/opencodex/zh-cn/reference/configuration/)。
+此外还有 DeepSeek、Groq、OpenRouter、Together、Fireworks、Cerebras、Mistral、Hugging Face、NVIDIA NIM、MiniMax、Qwen Cloud 等等。完整列表可通过 `ocx init` 查看，或参阅 [provider 文档](https://lidge-jun.github.io/opencodex/zh-cn/reference/configuration/)。
 
 ## CLI
 

docs-site/src/content/docs/guides/providers.md

@@ -120,7 +120,7 @@ validates the key, and stores it. Notable entries:
 | Hugging Face | `https://router.huggingface.co/v1` |
 | NVIDIA NIM | `https://integrate.api.nvidia.com/v1` |
 | Z.AI (GLM Coding) | `https://api.z.ai/api/coding/paas/v4` |
-| Qwen Portal | `https://portal.qwen.ai/v1` |
+| Qwen Cloud | Token plan (default): `https://token-plan.ap-southeast-1.maas.aliyuncs.com/compatible-mode/v1` · Pay as you go: `https://dashscope.aliyuncs.com/compatible-mode/v1` · or Custom |
 | Xiaomi MiMo | `https://api.xiaomimimo.com/anthropic` |
 | Kilo | `https://api.kilo.ai/api/gateway` |
 | GitLab Duo | `https://cloud.gitlab.com/ai/v1/proxy/openai/v1` |

docs-site/src/content/docs/ko/guides/providers.md

@@ -117,7 +117,7 @@ opencodex v2.7.1에는 빌트인 프리셋이 50개 들어 있습니다. 키 방
 | Hugging Face | `https://router.huggingface.co/v1` |
 | NVIDIA NIM | `https://integrate.api.nvidia.com/v1` |
 | Z.AI (GLM Coding) | `https://api.z.ai/api/coding/paas/v4` |
-| Qwen Portal | `https://portal.qwen.ai/v1` |
+| Qwen Cloud | Token plan(기본): `https://token-plan.ap-southeast-1.maas.aliyuncs.com/compatible-mode/v1` · 종량제: `https://dashscope.aliyuncs.com/compatible-mode/v1` · 또는 사용자 지정 |
 | Xiaomi MiMo | `https://api.xiaomimimo.com/anthropic` |
 | Kilo | `https://api.kilo.ai/api/gateway` |
 | GitHub Copilot · GitLab Duo | `https://api.githubcopilot.com` · `https://cloud.gitlab.com/ai/v1/proxy/openai/v1` |

docs-site/src/content/docs/zh-cn/guides/providers.md

@@ -110,7 +110,7 @@ ChatGPT 转发预设。仪表盘的 **Add provider** 选择器会打开密钥提
 | Hugging Face | `https://router.huggingface.co/v1` |
 | NVIDIA NIM | `https://integrate.api.nvidia.com/v1` |
 | Z.AI (GLM Coding) | `https://api.z.ai/api/coding/paas/v4` |
-| Qwen Portal | `https://portal.qwen.ai/v1` |
+| Qwen Cloud | Token plan（默认）: `https://token-plan.ap-southeast-1.maas.aliyuncs.com/compatible-mode/v1` · 按量付费: `https://dashscope.aliyuncs.com/compatible-mode/v1` · 或自定义 |
 | Xiaomi MiMo | `https://api.xiaomimimo.com/anthropic` |
 | Kilo | `https://api.kilo.ai/api/gateway` |
 | GitHub Copilot · GitLab Duo | `https://api.githubcopilot.com` · `https://cloud.gitlab.com/ai/v1/proxy/openai/v1` |

gui/src/base-url-choice.ts

@@ -0,0 +1,48 @@
+/**
+ * Resolve a baseUrlChoices selection to the form baseUrl value.
+ * Known presets write their fixed URL; custom keeps the previous/custom text.
+ */
+export type BaseUrlChoice = { id: string; label: string; baseUrl?: string };
+
+export function baseUrlForChoice(
+  choices: BaseUrlChoice[] | undefined,
+  choiceId: string,
+  previousBaseUrl: string,
+): string {
+  const choice = choices?.find(c => c.id === choiceId);
+  if (!choice) return previousBaseUrl;
+  if (choice.baseUrl) return choice.baseUrl;
+  // Switching into custom: clear known preset URLs so the field is empty for paste.
+  const known = new Set(
+    (choices ?? [])
+      .map(c => c.baseUrl?.trim().replace(/\/+$/, ""))
+      .filter((u): u is string => !!u),
+  );
+  const prev = previousBaseUrl.trim().replace(/\/+$/, "");
+  if (known.has(prev)) return "";
+  return previousBaseUrl;
+}
+
+export function matchChoiceId(
+  choices: BaseUrlChoice[] | undefined,
+  baseUrl: string,
+): string {
+  if (!choices?.length) return "custom";
+  const normalized = baseUrl.trim().replace(/\/+$/, "");
+  for (const choice of choices) {
+    if (!choice.baseUrl) continue;
+    if (choice.baseUrl.trim().replace(/\/+$/, "") === normalized) return choice.id;
+  }
+  return choices.some(c => c.id === "custom") ? "custom" : choices[0]!.id;
+}
+
+/** Resolve the URL that should be persisted for the current dropdown selection. */
+export function resolvedBaseUrlForChoice(
+  choices: BaseUrlChoice[] | undefined,
+  choiceId: string,
+  customBaseUrl: string,
+): string {
+  const choice = choices?.find(c => c.id === choiceId);
+  if (choice?.baseUrl) return choice.baseUrl.trim();
+  return customBaseUrl.trim();
+}

gui/src/components/AddProviderModal.tsx

@@ -10,6 +10,7 @@ import {
 } from "../provider-payload";
 import ProviderCatalog from "./provider-catalog/ProviderCatalog";
 import type { CatalogPreset } from "./provider-catalog/provider-presets";
+import { baseUrlForChoice, matchChoiceId, resolvedBaseUrlForChoice } from "../base-url-choice";
 
 export type ProviderConfig = ProviderPayload;
 
@@ -55,6 +56,7 @@ export default function AddProviderModal({
   const [presets, setPresets] = useState<Preset[]>(fallbackPresets);
   const [presetsLoading, setPresetsLoading] = useState(true);
   const [usageRank, setUsageRank] = useState<Record<string, number>>({});
+  const [endpointChoice, setEndpointChoice] = useState("custom");
   const aliveRef = useRef(true);
   const loadedPresetsRef = useRef(false);
   const previousFocusRef = useRef<HTMLElement | null>(null);
@@ -114,10 +116,14 @@ export default function AddProviderModal({
 
   const choosePreset = (p: Preset) => {
     setPreset(p);
+    const choiceId = matchChoiceId(p.baseUrlChoices, p.baseUrl);
+    setEndpointChoice(choiceId);
     setForm({
       name: p.id === "custom" ? "" : p.id,
       adapter: p.adapter,
-      baseUrl: p.baseUrl,
+      baseUrl: p.baseUrlChoices?.length
+        ? baseUrlForChoice(p.baseUrlChoices, choiceId, p.baseUrl)
+        : p.baseUrl,
       authMode: p.auth,
       apiKey: "",
       defaultModel: p.defaultModel ?? "",
@@ -134,6 +140,7 @@ export default function AddProviderModal({
   const back = () => {
     setPreset(null);
     setForm(null);
+    setEndpointChoice("custom");
     setError("");
     setOauthMsg("");
     setOauthMsgTone("ok");
@@ -145,11 +152,15 @@ export default function AddProviderModal({
   const submit = async () => {
     if (!form) return;
     const reserved = preset ? isReservedCodexForwardPreset(preset) : false;
+    const resolvedBaseUrl = preset?.baseUrlChoices?.length
+      ? resolvedBaseUrlForChoice(preset.baseUrlChoices, endpointChoice, form.baseUrl)
+      : form.baseUrl.trim();
     if (!reserved && !form.name.trim()) { setError(t("modal.nameRequired")); return; }
-    if (!reserved && !form.baseUrl.trim()) { setError(t("modal.baseUrlRequired")); return; }
+    if (!reserved && !resolvedBaseUrl) { setError(t("modal.baseUrlRequired")); return; }
+    const submitForm = { ...form, baseUrl: resolvedBaseUrl };
     let postBody: { name: string; provider: ProviderPayload };
     try {
-      postBody = buildProviderPostBody(preset ?? { id: "custom" }, form);
+      postBody = buildProviderPostBody(preset ?? { id: "custom" }, submitForm);
     } catch {
       setError(t("modal.invalidPreset"));
       return;
@@ -388,9 +399,47 @@ export default function AddProviderModal({
                     {["openai-responses", "openai-chat", "anthropic", "google", "azure-openai", "cursor"].map(a => <option key={a} value={a}>{a}</option>)}
                   </select>
                 </Field>
-                <Field label={t("modal.baseUrl")}>
-                  <input className="input" value={form.baseUrl} onChange={e => setForm({ ...form, baseUrl: e.target.value })} placeholder={t("modal.baseUrlPlaceholder")} />
-                </Field>
+                {preset.baseUrlChoices && preset.baseUrlChoices.length > 0 ? (
+                  <>
+                    <Field label={t("modal.endpoint")}>
+                      <select
+                        className="input"
+                        value={endpointChoice}
+                        onChange={e => {
+                          const id = e.target.value;
+                          setEndpointChoice(id);
+                          setForm({
+                            ...form,
+                            baseUrl: baseUrlForChoice(preset.baseUrlChoices, id, form.baseUrl),
+                          });
+                        }}
+                      >
+                        {preset.baseUrlChoices.map(c => (
+                          <option key={c.id} value={c.id}>
+                            {c.id === "token-plan" ? t("modal.endpoint.tokenPlan")
+                              : c.id === "payg" ? t("modal.endpoint.payAsYouGo")
+                              : c.id === "custom" ? t("modal.endpoint.custom")
+                              : c.label}
+                          </option>
+                        ))}
+                      </select>
+                    </Field>
+                    {endpointChoice === "custom" && (
+                      <Field label={t("modal.baseUrl")}>
+                        <input
+                          className="input"
+                          value={form.baseUrl}
+                          onChange={e => setForm({ ...form, baseUrl: e.target.value })}
+                          placeholder={t("modal.baseUrlPlaceholder")}
+                        />
+                      </Field>
+                    )}
+                  </>
+                ) : (
+                  <Field label={t("modal.baseUrl")}>
+                    <input className="input" value={form.baseUrl} onChange={e => setForm({ ...form, baseUrl: e.target.value })} placeholder={t("modal.baseUrlPlaceholder")} />
+                  </Field>
+                )}
                 {(isCustom || isLocal) && (
                   <label className="modal-field" style={{ flexDirection: "row", alignItems: "center", gap: 8 }}>
                     <input type="checkbox" checked={form?.allowPrivateNetwork ?? false} onChange={e => setForm(f => f ? { ...f, allowPrivateNetwork: e.target.checked } : f)} />

gui/src/components/provider-catalog/provider-presets.ts

@@ -27,6 +27,10 @@ export interface CatalogPreset {
   keyOptional?: boolean;
   /** Free pricing — may still require an API key (e.g. NVIDIA NIM). */
   freeTier?: boolean;
+  /**
+   * Endpoint picker (e.g. Qwen Cloud). Choice without `baseUrl` = Custom (show text field).
+   */
+  baseUrlChoices?: Array<{ id: string; label: string; baseUrl?: string }>;
   codexAccountMode?: "direct" | "pool";
   provider?: ProviderPayload;
 }

gui/src/components/provider-workspace/ProviderDetails.tsx

@@ -217,7 +217,9 @@ export default function ProviderDetails({
         )}
         {tab === "settings" && (
           <ProviderSettings
+            key={item.name}
             item={item}
+            apiBase={apiBase}
             availableModels={availableModels}
             onUpdateProvider={onUpdateProvider}
             onDirtyChange={setSettingsDirty}