feat: v0.14.0 - 添加 Provider 图标支持和修复 API 测试模型

## 新功能
- 为所有 Provider 按钮添加图标支持（Kiro、Gemini、Claude、OpenAI 等）
- API Server 页面的默认 Provider 按钮现在显示对应图标
- 配置管理页面的应用类型标签页（Claude Code、Codex、Gemini）显示图标

## 修复
- 修复 API 测试中的模型名称，使用 claude-opus-4-5-20251101
- 修复 TypeScript 编译错误
- 修复 ESLint 警告

## 构建
- 添加 Intel Mac (x86_64-apple-darwin) 构建支持

Author: wutongci

.github/workflows/release.yml

@@ -23,6 +23,9 @@ jobs:
           - platform: macos-latest
             target: aarch64-apple-darwin
             name: macOS-arm64
+          - platform: macos-latest
+            target: x86_64-apple-darwin
+            name: macOS-x64
           - platform: windows-latest
             target: x86_64-pc-windows-msvc
             name: Windows-x64
@@ -73,6 +76,7 @@ jobs:
             
             ### Downloads
             - **macOS (Apple Silicon)**: `proxycast_*_aarch64.dmg`
+            - **macOS (Intel)**: `proxycast_*_x64.dmg`
             - **Windows (64-bit)**: `proxycast_*_x64-setup.exe`
             
             ### macOS 首次安装

package.json

@@ -1,7 +1,7 @@
 {
   "name": "proxycast",
   "private": true,
-  "version": "0.13.0",
+  "version": "0.14.0",
   "type": "module",
   "scripts": {
     "dev": "vite",

src-tauri/Cargo.toml

@@ -1,6 +1,6 @@
 [package]
 name = "proxycast"
-version = "0.13.0"
+version = "0.14.0"
 description = "AI API Proxy Desktop App"
 authors = ["you"]
 edition = "2021"

src-tauri/tauri.conf.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://schema.tauri.app/config/2",
   "productName": "ProxyCast",
-  "version": "0.13.0",
+  "version": "0.14.0",
   "identifier": "com.proxycast.app",
   "build": {
     "beforeDevCommand": "npm run dev",

src/components/api-server/ApiServerPage.tsx

@@ -15,6 +15,7 @@ import {
 import { LogsTab } from "./LogsTab";
 import { RoutesTab } from "./RoutesTab";
 import { HelpTip } from "@/components/HelpTip";
+import { ProviderIcon } from "@/icons/providers";
 import {
   startServer,
   stopServer,
@@ -260,7 +261,7 @@ export function ApiServerPage() {
       path: "/v1/chat/completions",
       needsAuth: true,
       body: JSON.stringify({
-        model: "claude-sonnet-4-5",
+        model: "claude-opus-4-5-20251101",
         messages: [{ role: "user", content: "Say hi in one word" }],
       }),
     },
@@ -271,7 +272,7 @@ export function ApiServerPage() {
       path: "/v1/messages",
       needsAuth: true,
       body: JSON.stringify({
-        model: "claude-sonnet-4-5",
+        model: "claude-opus-4-5-20251101",
         max_tokens: 100,
         messages: [
           {
@@ -555,12 +556,24 @@ export function ApiServerPage() {
             <div className="flex flex-wrap gap-2">
               {(
                 [
-                  { id: "kiro", label: "Kiro (AWS)" },
-                  { id: "gemini", label: "Gemini (Google)" },
-                  { id: "qwen", label: "Qwen (阿里)" },
-                  { id: "antigravity", label: "Antigravity (Gemini 3 Pro)" },
-                  { id: "openai", label: "OpenAI" },
-                  { id: "claude", label: "Claude (Anthropic)" },
+                  { id: "kiro", label: "Kiro (AWS)", iconType: "kiro" },
+                  {
+                    id: "gemini",
+                    label: "Gemini (Google)",
+                    iconType: "gemini",
+                  },
+                  { id: "qwen", label: "Qwen (阿里)", iconType: "qwen" },
+                  {
+                    id: "antigravity",
+                    label: "Antigravity (Gemini 3 Pro)",
+                    iconType: "gemini",
+                  },
+                  { id: "openai", label: "OpenAI", iconType: "openai" },
+                  {
+                    id: "claude",
+                    label: "Claude (Anthropic)",
+                    iconType: "claude",
+                  },
                 ] as const
               ).map((p) => {
                 const overview = poolOverview.find(
@@ -572,12 +585,13 @@ export function ApiServerPage() {
                     key={p.id}
                     onClick={() => handleSetDefaultProvider(p.id)}
                     disabled={loading}
-                    className={`rounded-lg px-4 py-2 text-sm font-medium ${
+                    className={`flex items-center gap-2 rounded-lg px-4 py-2 text-sm font-medium ${
                       defaultProvider === p.id
                         ? "bg-primary text-primary-foreground"
                         : "border hover:bg-muted"
                     } disabled:opacity-50`}
                   >
+                    <ProviderIcon providerType={p.iconType} size={16} />
                     {p.label}
                     {count > 0 && (
                       <span className="ml-1 text-xs opacity-70">({count})</span>

src/components/clients/AppTabs.tsx

@@ -1,15 +1,36 @@
 import { cn } from "@/lib/utils";
 import { AppType } from "@/lib/api/switch";
+import { ProviderIcon } from "@/icons/providers";
 
 interface AppTabsProps {
   activeApp: AppType;
   onAppChange: (app: AppType) => void;
 }
 
-const apps: { id: AppType; label: string; description: string }[] = [
-  { id: "claude", label: "Claude Code", description: "Claude CLI 配置" },
-  { id: "codex", label: "Codex", description: "OpenAI Codex CLI" },
-  { id: "gemini", label: "Gemini", description: "Google Gemini CLI" },
+const apps: {
+  id: AppType;
+  label: string;
+  description: string;
+  iconType: string;
+}[] = [
+  {
+    id: "claude",
+    label: "Claude Code",
+    description: "Claude CLI 配置",
+    iconType: "claude",
+  },
+  {
+    id: "codex",
+    label: "Codex",
+    description: "OpenAI Codex CLI",
+    iconType: "openai",
+  },
+  {
+    id: "gemini",
+    label: "Gemini",
+    description: "Google Gemini CLI",
+    iconType: "gemini",
+  },
 ];
 
 export function AppTabs({ activeApp, onAppChange }: AppTabsProps) {
@@ -20,13 +41,14 @@ export function AppTabs({ activeApp, onAppChange }: AppTabsProps) {
           key={app.id}
           onClick={() => onAppChange(app.id)}
           className={cn(
-            "px-4 py-2 rounded-t-lg text-sm font-medium transition-colors",
+            "flex items-center gap-2 px-4 py-2 rounded-t-lg text-sm font-medium transition-colors",
             activeApp === app.id
               ? "bg-primary text-primary-foreground"
               : "hover:bg-muted text-muted-foreground",
           )}
           title={app.description}
         >
+          <ProviderIcon providerType={app.iconType} size={16} />
           {app.label}
         </button>
       ))}

src/components/clients/ProviderCard.tsx

@@ -1,6 +1,39 @@
 import { Check, Edit2, Trash2, Zap } from "lucide-react";
 import { Provider } from "@/lib/api/switch";
 import { cn } from "@/lib/utils";
+import { ProviderIcon } from "@/icons/providers";
+
+// 从供应商名称和分类推断图标类型
+function getProviderTypeFromName(name: string, category: string): string {
+  const lowerName = name.toLowerCase();
+
+  // 精确匹配
+  if (lowerName.includes("智谱") || lowerName.includes("glm")) return "zhipu";
+  if (lowerName.includes("proxycast")) return "proxycast";
+  if (lowerName.includes("deepseek")) return "deepseek";
+  if (lowerName.includes("kimi")) return "kimi";
+  if (lowerName.includes("minimax")) return "minimax";
+  if (lowerName.includes("doubao") || lowerName.includes("豆包"))
+    return "doubao";
+  if (lowerName.includes("qwen") || lowerName.includes("通义")) return "qwen";
+  if (lowerName.includes("claude")) return "claude";
+  if (lowerName.includes("anthropic")) return "anthropic";
+  if (lowerName.includes("openai")) return "openai";
+  if (lowerName.includes("gemini")) return "gemini";
+  if (lowerName.includes("google")) return "google";
+  if (lowerName.includes("kiro")) return "kiro";
+  if (lowerName.includes("azure")) return "azure";
+  if (lowerName.includes("alibaba") || lowerName.includes("阿里"))
+    return "alibaba";
+  if (lowerName.includes("copilot")) return "copilot";
+
+  // 根据分类推断
+  if (category === "custom") return "custom";
+  if (category === "proxy") return "amp";
+
+  // 默认回退
+  return lowerName.replace(/\s+/g, "");
+}
 
 interface ProviderCardProps {
   provider: Provider;
@@ -34,11 +67,15 @@ export function ProviderCard({
 
       <div className="flex items-start justify-between">
         <div className="flex items-center gap-2">
-          <div
-            className="h-8 w-8 rounded-lg flex items-center justify-center text-lg"
-            style={{ backgroundColor: provider.icon_color || "#6366f1" }}
-          >
-            {provider.icon || provider.name.charAt(0).toUpperCase()}
+          <div className="h-8 w-8 rounded-lg flex items-center justify-center">
+            <ProviderIcon
+              providerType={getProviderTypeFromName(
+                provider.name,
+                provider.category || "",
+              )}
+              size={24}
+              showFallback={true}
+            />
           </div>
           <div>
             <h3 className="font-medium">{provider.name}</h3>

src/components/clients/ProviderForm.tsx

@@ -3,6 +3,7 @@ import { X, ExternalLink, Wand2, Eye, EyeOff, Database } from "lucide-react";
 import { Provider, AppType } from "@/lib/api/switch";
 import { getConfig } from "@/hooks/useTauri";
 import { cn } from "@/lib/utils";
+import { ProviderIcon } from "@/icons/providers";
 import {
   providerPoolApi,
   CredentialDisplay,
@@ -372,7 +373,6 @@ export function ProviderForm({
   const generateJsonFromFields = useCallback(() => {
     const env: Record<string, string> = {};
     if (apiKey) {
-      env.ANTHROPIC_AUTH_TOKEN = apiKey;
       env.ANTHROPIC_API_KEY = apiKey;
     }
     if (baseUrl) env.ANTHROPIC_BASE_URL = baseUrl;
@@ -790,10 +790,7 @@ export function ProviderForm({
                               : "border-border hover:border-muted-foreground/50",
                           )}
                         >
-                          <span
-                            className="w-4 h-4 rounded"
-                            style={{ backgroundColor: preset.iconColor }}
-                          />
+                          <ProviderIcon providerType={preset.id} size={16} />
                           {preset.name}
                         </button>
                       ))}

src/components/provider-pool/ProviderPoolPage.tsx

@@ -19,6 +19,7 @@ import { getConfig, saveConfig, Config } from "@/hooks/useTauri";
 import { GeminiApiKeySection } from "./GeminiApiKeySection";
 import { VertexAISection } from "./VertexAISection";
 import { AmpConfigSection } from "./AmpConfigSection";
+import { ProviderIcon } from "@/icons/providers";
 import type {
   PoolProviderType,
   CredentialDisplay,
@@ -381,6 +382,7 @@ export const ProviderPoolPage = forwardRef<ProviderPoolPageRef>(
                     : "border-transparent text-muted-foreground hover:text-foreground"
                 }`}
               >
+                <ProviderIcon providerType={providerType} size={16} />
                 {providerLabels[providerType]}
                 {count > 0 && (
                   <span className="rounded-full bg-muted px-1.5 py-0.5 text-xs">

src/components/switch/AppTabs.tsx

@@ -1,15 +1,36 @@
 import { cn } from "@/lib/utils";
 import { AppType } from "@/lib/api/switch";
+import { ProviderIcon } from "@/icons/providers";
 
 interface AppTabsProps {
   activeApp: AppType;
   onAppChange: (app: AppType) => void;
 }
 
-const apps: { id: AppType; label: string; description: string }[] = [
-  { id: "claude", label: "Claude Code", description: "Claude CLI 配置" },
-  { id: "codex", label: "Codex", description: "OpenAI Codex CLI" },
-  { id: "gemini", label: "Gemini", description: "Google Gemini CLI" },
+const apps: {
+  id: AppType;
+  label: string;
+  description: string;
+  iconType: string;
+}[] = [
+  {
+    id: "claude",
+    label: "Claude Code",
+    description: "Claude CLI 配置",
+    iconType: "claude",
+  },
+  {
+    id: "codex",
+    label: "Codex",
+    description: "OpenAI Codex CLI",
+    iconType: "openai",
+  },
+  {
+    id: "gemini",
+    label: "Gemini",
+    description: "Google Gemini CLI",
+    iconType: "gemini",
+  },
 ];
 
 export function AppTabs({ activeApp, onAppChange }: AppTabsProps) {
@@ -20,13 +41,14 @@ export function AppTabs({ activeApp, onAppChange }: AppTabsProps) {
           key={app.id}
           onClick={() => onAppChange(app.id)}
           className={cn(
-            "px-4 py-2 rounded-t-lg text-sm font-medium transition-colors",
+            "flex items-center gap-2 px-4 py-2 rounded-t-lg text-sm font-medium transition-colors",
             activeApp === app.id
               ? "bg-primary text-primary-foreground"
               : "hover:bg-muted text-muted-foreground",
           )}
           title={app.description}
         >
+          <ProviderIcon providerType={app.iconType} size={16} />
           {app.label}
         </button>
       ))}