From 331e48a530e7d64171900f72f6ab4b5561a44215 Mon Sep 17 00:00:00 2001
From: Jason <farion1231@gmail.com>
Date: Tue, 7 Oct 2025 16:25:36 +0800
Subject: [PATCH] refactor: improve endpoint management button UX

Replace ambiguous "Advanced" text with intuitive "Manage & Test" label accompanied by Zap icon, making the endpoint management panel entry point more discoverable and self-explanatory for both Claude and Codex configurations.
---
 src/components/ProviderForm.tsx | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/components/ProviderForm.tsx b/src/components/ProviderForm.tsx
index b3fed86..47fcdda 100644
--- a/src/components/ProviderForm.tsx
+++ b/src/components/ProviderForm.tsx
@@ -26,7 +26,7 @@ import ApiKeyInput from "./ProviderForm/ApiKeyInput";
 import ClaudeConfigEditor from "./ProviderForm/ClaudeConfigEditor";
 import CodexConfigEditor from "./ProviderForm/CodexConfigEditor";
 import KimiModelSelector from "./ProviderForm/KimiModelSelector";
-import { X, AlertCircle, Save } from "lucide-react";
+import { X, AlertCircle, Save, Zap } from "lucide-react";
 import { isLinux } from "../lib/platform";
 import EndpointSpeedTest, {
   EndpointCandidate,
@@ -1621,9 +1621,10 @@ const ProviderForm: React.FC<ProviderFormProps> = ({
                   <button
                     type="button"
                     onClick={() => setIsEndpointModalOpen(true)}
-                    className="text-xs text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 transition-colors"
+                    className="flex items-center gap-1 text-xs text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 transition-colors"
                   >
-                    高级
+                    <Zap className="h-3.5 w-3.5" />
+                    管理与测速
                   </button>
                 </div>
                 <input
@@ -1713,9 +1714,10 @@ const ProviderForm: React.FC<ProviderFormProps> = ({
                   <button
                     type="button"
                     onClick={() => setIsCodexEndpointModalOpen(true)}
-                    className="text-xs text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 transition-colors"
+                    className="flex items-center gap-1 text-xs text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 transition-colors"
                   >
-                    高级
+                    <Zap className="h-3.5 w-3.5" />
+                    管理与测速
                   </button>
                 </div>
                 <input