From 8362bdf2c7f7c78ce065d499bf4e1d37dd5aa124 Mon Sep 17 00:00:00 2001
From: xintaofei <itpkcn@gmail.com>
Date: Tue, 7 Apr 2026 11:20:12 +0800
Subject: [PATCH] fix(settings): limit model provider agent types and adjust
 card layout

Restrict supported agent types to Claude Code, Codex CLI, and Gemini CLI. Reposition agent type badges to be vertically centered beside the name and API URL block in provider cards.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 .../settings/add-model-provider-dialog.tsx     |  8 ++++++--
 .../settings/edit-model-provider-dialog.tsx    |  4 ++--
 .../settings/model-provider-settings.tsx       | 18 ++++++++++--------
 src/lib/types.ts                               |  6 ++++++
 4 files changed, 24 insertions(+), 12 deletions(-)

diff --git a/src/components/settings/add-model-provider-dialog.tsx b/src/components/settings/add-model-provider-dialog.tsx
index e491cec..e65ed46 100644
--- a/src/components/settings/add-model-provider-dialog.tsx
+++ b/src/components/settings/add-model-provider-dialog.tsx
@@ -15,7 +15,11 @@ import {
   DialogTitle,
 } from "@/components/ui/dialog"
 import { createModelProvider } from "@/lib/api"
-import { ALL_AGENT_TYPES, AGENT_LABELS, type AgentType } from "@/lib/types"
+import {
+  MODEL_PROVIDER_AGENT_TYPES,
+  AGENT_LABELS,
+  type AgentType,
+} from "@/lib/types"
 
 interface AddModelProviderDialogProps {
   open: boolean
@@ -159,7 +163,7 @@ export function AddModelProviderDialog({
           <div className="space-y-1.5">
             <label className="text-xs font-medium">{t("agentTypes")}</label>
             <div className="flex flex-wrap gap-1.5">
-              {ALL_AGENT_TYPES.map((at) => (
+              {MODEL_PROVIDER_AGENT_TYPES.map((at) => (
                 <Button
                   key={at}
                   type="button"
diff --git a/src/components/settings/edit-model-provider-dialog.tsx b/src/components/settings/edit-model-provider-dialog.tsx
index 9a27773..05bd882 100644
--- a/src/components/settings/edit-model-provider-dialog.tsx
+++ b/src/components/settings/edit-model-provider-dialog.tsx
@@ -16,7 +16,7 @@ import {
 } from "@/components/ui/dialog"
 import { updateModelProvider } from "@/lib/api"
 import {
-  ALL_AGENT_TYPES,
+  MODEL_PROVIDER_AGENT_TYPES,
   AGENT_LABELS,
   type AgentType,
   type ModelProviderInfo,
@@ -168,7 +168,7 @@ export function EditModelProviderDialog({
           <div className="space-y-1.5">
             <label className="text-xs font-medium">{t("agentTypes")}</label>
             <div className="flex flex-wrap gap-1.5">
-              {ALL_AGENT_TYPES.map((at) => (
+              {MODEL_PROVIDER_AGENT_TYPES.map((at) => (
                 <Button
                   key={at}
                   type="button"
diff --git a/src/components/settings/model-provider-settings.tsx b/src/components/settings/model-provider-settings.tsx
index a8014e3..54d2621 100644
--- a/src/components/settings/model-provider-settings.tsx
+++ b/src/components/settings/model-provider-settings.tsx
@@ -26,7 +26,7 @@ import {
 } from "@/components/ui/alert-dialog"
 import { listModelProviders, deleteModelProvider } from "@/lib/api"
 import {
-  ALL_AGENT_TYPES,
+  MODEL_PROVIDER_AGENT_TYPES,
   AGENT_LABELS,
   type AgentType,
   type ModelProviderInfo,
@@ -114,7 +114,7 @@ export function ModelProviderSettings() {
             </SelectTrigger>
             <SelectContent>
               <SelectItem value="__all__">{t("filterAll")}</SelectItem>
-              {ALL_AGENT_TYPES.map((at) => (
+              {MODEL_PROVIDER_AGENT_TYPES.map((at) => (
                 <SelectItem key={at} value={at}>
                   {AGENT_LABELS[at]}
                 </SelectItem>
@@ -147,9 +147,14 @@ export function ModelProviderSettings() {
                 key={p.id}
                 className="flex items-center justify-between gap-3 rounded-md border px-3 py-2.5"
               >
-                <div className="min-w-0 flex-1 space-y-1">
-                  <div className="flex items-center gap-1.5 flex-wrap">
-                    <span className="text-sm font-medium">{p.name}</span>
+                <div className="min-w-0 flex-1 flex items-center gap-3">
+                  <div className="min-w-0 space-y-0.5">
+                    <div className="text-sm font-medium truncate">{p.name}</div>
+                    <div className="truncate text-xs text-muted-foreground font-mono">
+                      {p.api_url}
+                    </div>
+                  </div>
+                  <div className="flex shrink-0 gap-1">
                     {p.agent_types.map((at) => (
                       <Badge
                         key={at}
@@ -160,9 +165,6 @@ export function ModelProviderSettings() {
                       </Badge>
                     ))}
                   </div>
-                  <div className="truncate text-xs text-muted-foreground font-mono">
-                    {p.api_url}
-                  </div>
                 </div>
                 <div className="flex shrink-0 gap-1">
                   <Button
diff --git a/src/lib/types.ts b/src/lib/types.ts
index 9fbf02b..47463b0 100644
--- a/src/lib/types.ts
+++ b/src/lib/types.ts
@@ -229,6 +229,12 @@ export const ALL_AGENT_TYPES: AgentType[] = [
   "cline",
 ]
 
+export const MODEL_PROVIDER_AGENT_TYPES: AgentType[] = [
+  "claude_code",
+  "codex",
+  "gemini",
+]
+
 export const AGENT_LABELS: Record<AgentType, string> = {
   claude_code: "Claude Code",
   codex: "Codex",