供应商模型白名单中无法删除已选中模型

[ding113]

供应商模型白名单中无法删除已选中模型。
这会导致：如果用户是通过自定义模型名称添加的白名单，由于该模型不会出现在该供应商的远端模型列表中，无法便捷进行单个模型的删除。

预期是：在模型列表里，除了远程获取到的模型列表外，还额外显示用户通过模型白名单手动配置的，但是不在模型列表里的模型，方便用户取消选中。

[github-actions]

感谢反馈。

分析（基于当前实现）

• 在供应商表单里，模型白名单使用 ModelMultiSelect（src/app/[locale]/settings/providers/_components/forms/provider-form.tsx 第 906-924 行）。
• ModelMultiSelect 会先尝试从上游拉取模型列表并写入 availableModels，失败时回退到本地价格表的模型列表（src/app/[locale]/settings/providers/_components/model-multi-select.tsx 第 74-114 行）。
• 但可勾选列表仅由 availableModels 渲染（src/app/[locale]/settings/providers/_components/model-multi-select.tsx 第 268-286 行）。因此如果 selectedModels 里存在“不在 availableModels 中”的模型（例如手动输入、或不在上游返回列表中），它不会出现在列表里，也就无法在列表中取消选中。
• 手动添加模型会直接把输入值追加到 selectedModels（src/app/[locale]/settings/providers/_components/model-multi-select.tsx 第 132-143 行），但不会同步加入 availableModels；这与 issue 描述的场景一致。
• provider-form 下方的已选模型目前只是 Badge 展示，没有删除交互（src/app/[locale]/settings/providers/_components/forms/provider-form.tsx 第 926-932 行）。

相关代码（原样摘录）

// src/app/[locale]/settings/providers/_components/model-multi-select.tsx
const handleAddCustomModel = () => {
  const trimmed = customModel.trim();
  if (!trimmed) return;

  if (selectedModels.includes(trimmed)) {
    setCustomModel("");
    return;
  }

  onChange([...selectedModels, trimmed]);
  setCustomModel("");
};

// src/app/[locale]/settings/providers/_components/model-multi-select.tsx
{availableModels.map((model) => (
  <CommandItem
    key={model}
    value={model}
    onSelect={() => toggleModel(model)}
    className="cursor-pointer"
  >
    <Checkbox
      checked={selectedModels.includes(model)}
      className="mr-2"
      onCheckedChange={() => toggleModel(model)}
    />
    <span className="font-mono text-sm flex-1">{model}</span>
    {selectedModels.includes(model) && <Check className="h-4 w-4 text-primary" />}
  </CommandItem>
))}

可能的修复方向（建议）

• 渲染列表时将 selectedModels 与 availableModels 做并集，并把“仅存在于 selectedModels 的模型”也作为可勾选项显示（可以单独一个 group）；这样就能单个取消选中。
• 或者让下方已选 Badge 支持移除（移除时从 allowedModels 里过滤掉对应 model）。

临时 workaround

• 弹窗右上有“清空”按钮，会执行 clearAll -> onChange([])（src/app/[locale]/settings/providers/_components/model-multi-select.tsx 第 129-130、254-263 行）。可以先清空再重新勾选需要保留的模型。

为了更好复现/确认场景，麻烦补充

• 供应商类型（claude/codex/gemini/openai-compatible）与一个示例自定义模型名
• 当时 ModelMultiSelect 顶部的数据来源指示是“上游”还是“本地”（src/app/[locale]/settings/providers/_components/model-multi-select.tsx 第 145-169、220-223 行）

---

Automated response from Codex AI