From 8c515f42dc7309e815efaa32dfbc7c88f87324bb Mon Sep 17 00:00:00 2001
From: KimiSwitch Dev <dev@kimiswitch.local>
Date: Wed, 8 Jul 2026 14:02:09 +0800
Subject: [PATCH] feat: switch provider cleans other custom providers and sets
 default model

---
 src/App.tsx                     | 45 +++++++++++++++++++++++++--------
 src/components/ProviderList.tsx | 32 +++++++++++++----------
 src/i18n/en.ts                  |  2 ++
 src/i18n/zh.ts                  |  2 ++
 4 files changed, 56 insertions(+), 25 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 0e2434c..a015e31 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -191,17 +191,40 @@ export default function App() {
     updateConfig((cfg) => ({ ...cfg, default_model: alias }));
   };
 
-  const handleToggleProviderEnabled = (name: string) => {
+  const handleSwitchProvider = (name: string) => {
     updateConfig((cfg) => {
-      const provider = cfg.providers[name];
-      if (!provider) return cfg;
-      return {
-        ...cfg,
-        providers: {
-          ...cfg.providers,
-          [name]: { ...provider, enabled: !provider.enabled },
-        },
-      };
+      const target = cfg.providers[name];
+      if (!target) return cfg;
+
+      const isKimiNative = (p: Provider) => p.managed === true;
+
+      // Keep Kimi native (managed) providers and the selected provider only.
+      const providers: Record<string, Provider> = {};
+      for (const [key, p] of Object.entries(cfg.providers)) {
+        if (isKimiNative(p)) {
+          providers[key] = p;
+        }
+      }
+      providers[name] = { ...target, enabled: true };
+
+      // Drop models whose provider was removed.
+      const models: Record<string, Model> = {};
+      for (const [key, m] of Object.entries(cfg.models)) {
+        if (providers[m.provider]) {
+          models[key] = m;
+        }
+      }
+
+      // Set default model to the first model of the selected provider.
+      let default_model: string | null = null;
+      for (const [key, m] of Object.entries(models)) {
+        if (m.provider === name) {
+          default_model = key;
+          break;
+        }
+      }
+
+      return { ...cfg, providers, models, default_model };
     });
   };
 
@@ -320,7 +343,7 @@ export default function App() {
             }}
             onDelete={handleDeleteProvider}
             onAdd={handleAddProvider}
-            onToggleEnabled={handleToggleProviderEnabled}
+            onSwitchProvider={handleSwitchProvider}
           />
         ) : currentProvider ? (
           <ProviderEdit
diff --git a/src/components/ProviderList.tsx b/src/components/ProviderList.tsx
index 890cb70..d4b6ec9 100644
--- a/src/components/ProviderList.tsx
+++ b/src/components/ProviderList.tsx
@@ -8,7 +8,7 @@ interface ProviderListProps {
   onEdit: (name: string) => void;
   onDelete: (name: string) => void;
   onAdd: () => void;
-  onToggleEnabled: (name: string) => void;
+  onSwitchProvider: (name: string) => void;
 }
 
 const PROVIDER_ICONS: Record<string, string> = {
@@ -53,7 +53,7 @@ export function ProviderList({
   onEdit,
   onDelete,
   onAdd,
-  onToggleEnabled,
+  onSwitchProvider,
 }: ProviderListProps) {
   const { t } = useTranslation();
   return (
@@ -92,15 +92,19 @@ export function ProviderList({
               const defaultModelName = defaultModel
                 ? models[defaultModel]?.display_name || defaultModel
                 : null;
-              const enabled = provider.enabled !== false;
+              const isKimiNative = provider.managed === true;
+              const isActive =
+                !isKimiNative &&
+                defaultModel !== null &&
+                models[defaultModel]?.provider === provider.name;
 
               return (
                 <div
                   key={provider.name}
                   className={`group relative flex items-center gap-4 p-4 rounded-xl border transition-colors cursor-pointer w-full ${
-                    enabled
-                      ? "bg-[#16161a] border-[#2a2a2e] hover:border-[#3a3a42] hover:bg-[#1c1c20]"
-                      : "bg-[#16161a]/50 border-[#2a2a2e]/50 opacity-60"
+                    isActive
+                      ? "bg-green-900/10 border-green-500/30 hover:border-green-500/50 hover:bg-green-900/20"
+                      : "bg-[#16161a] border-[#2a2a2e] hover:border-[#3a3a42] hover:bg-[#1c1c20]"
                   }`}
                   onClick={() => onEdit(provider.name)}
                 >
@@ -117,9 +121,9 @@ export function ProviderList({
                       <h3 className="font-semibold text-[#e5e5e7] truncate">
                         {provider.name}
                       </h3>
-                      {!enabled && (
-                        <span className="text-xs px-2 py-0.5 rounded-full bg-gray-800 text-gray-400 border border-gray-700">
-                          {t("disabled")}
+                      {isActive && (
+                        <span className="text-xs px-2 py-0.5 rounded-full bg-green-900/30 text-green-400 border border-green-500/30">
+                          {t("inUse")}
                         </span>
                       )}
                       {provider.note && (
@@ -152,15 +156,15 @@ export function ProviderList({
                       type="button"
                       onClick={(e) => {
                         e.stopPropagation();
-                        onToggleEnabled(provider.name);
+                        onSwitchProvider(provider.name);
                       }}
                       className={`px-3 py-1.5 text-sm rounded focus:ring-2 focus:outline-none ${
-                        enabled
-                          ? "bg-blue-600 hover:bg-blue-700 text-white focus:ring-blue-500"
-                          : "border border-[#2a2a2e] hover:bg-[#252529] text-gray-400 focus:ring-blue-500"
+                        isActive
+                          ? "bg-green-600 hover:bg-green-700 text-white focus:ring-green-500"
+                          : "bg-blue-600 hover:bg-blue-700 text-white focus:ring-blue-500"
                       }`}
                     >
-                      {enabled ? `▶ ${t("activated")}` : t("activate")}
+                      {isActive ? t("inUse") : t("switchTo")}
                     </button>
                     <button
                       type="button"
diff --git a/src/i18n/en.ts b/src/i18n/en.ts
index 374db78..f210da3 100644
--- a/src/i18n/en.ts
+++ b/src/i18n/en.ts
@@ -85,6 +85,8 @@ export const enTranslations: Record<TranslationKey, string> = {
   activate: "Activate",
   activated: "Activated",
   disabled: "Disabled",
+  switchTo: "Switch to",
+  inUse: "In use",
   unsavedChanges: "Unsaved changes",
   qwenActivateNotImplemented: "Qwen Code activation will be implemented in a follow-up.",
   importConfig: "Import current config",
diff --git a/src/i18n/zh.ts b/src/i18n/zh.ts
index 67b7900..ec5d4d6 100644
--- a/src/i18n/zh.ts
+++ b/src/i18n/zh.ts
@@ -83,6 +83,8 @@ export const zhTranslations = {
   activate: "启用",
   activated: "已启用",
   disabled: "已停用",
+  switchTo: "切换使用",
+  inUse: "使用中",
   unsavedChanges: "未保存修改",
   qwenActivateNotImplemented: "Qwen Code 启用功能将在后续实现。",
   importConfig: "导入当前配置",