refactor: 清理 Electron 遗留代码并优化项目结构

- 删除 Electron 主进程代码 (src/main/)
- 删除构建产物文件夹 (build/, dist/, release/)
- 清理 package.json 中的 Electron 依赖和脚本
- 删除 TypeScript 配置中的 Electron 相关文件
- 优化前端代码结构至 Tauri 标准结构 (src/renderer → src/)
- 删除移动端图标和不必要文件
- 更新文档说明技术栈变更为 Tauri

src/components/AddProviderModal.css

@@ -0,0 +1,183 @@
+.modal-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: rgba(0, 0, 0, 0.5);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 1000;
+}
+
+.modal-content {
+  background: white;
+  border-radius: 8px;
+  padding: 2rem;
+  width: 90%;
+  max-width: 600px;
+  max-height: 90vh;
+  overflow-y: auto;
+  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
+  position: relative;
+  z-index: 1001;
+}
+
+.modal-content h2 {
+  margin-bottom: 1.5rem;
+  color: #2c3e50;
+}
+
+.error-message {
+  background: #fee;
+  color: #c33;
+  padding: 0.75rem;
+  border-radius: 4px;
+  margin-bottom: 1rem;
+  border: 1px solid #fcc;
+  font-size: 0.9rem;
+}
+
+.presets {
+  margin-bottom: 1.5rem;
+  padding-bottom: 1.5rem;
+  border-bottom: 1px solid #ecf0f1;
+}
+
+.presets label {
+  display: block;
+  margin-bottom: 0.5rem;
+  color: #555;
+  font-size: 0.9rem;
+}
+
+.preset-buttons {
+  display: flex;
+  gap: 0.5rem;
+  flex-wrap: wrap;
+}
+
+.preset-btn {
+  padding: 0.375rem 0.75rem;
+  border: 1px solid #3498db;
+  background: white;
+  color: #3498db;
+  border-radius: 4px;
+  cursor: pointer;
+  font-size: 0.85rem;
+  transition: all 0.2s;
+}
+
+.preset-btn:hover,
+.preset-btn.selected {
+  background: #3498db;
+  color: white;
+}
+
+.form-group {
+  margin-bottom: 1.25rem;
+}
+
+.form-group label {
+  display: block;
+  margin-bottom: 0.5rem;
+  color: #555;
+  font-weight: 500;
+}
+
+.form-group input,
+.form-group textarea {
+  width: 100%;
+  padding: 0.625rem;
+  border: 1px solid #ddd;
+  border-radius: 4px;
+  font-size: 0.95rem;
+  transition: border-color 0.2s;
+  background: white;
+  box-sizing: border-box;
+}
+
+.form-group textarea {
+  resize: vertical;
+  min-height: 200px;
+}
+
+.form-group input:focus,
+.form-group textarea:focus {
+  outline: none;
+  border-color: #3498db;
+}
+
+.form-actions {
+  display: flex;
+  gap: 1rem;
+  justify-content: flex-end;
+  margin-top: 2rem;
+}
+
+.cancel-btn,
+.submit-btn {
+  padding: 0.625rem 1.25rem;
+  border: none;
+  border-radius: 4px;
+  cursor: pointer;
+  font-size: 0.95rem;
+  transition: all 0.2s;
+}
+
+.cancel-btn {
+  background: #ecf0f1;
+  color: #555;
+}
+
+.cancel-btn:hover {
+  background: #bdc3c7;
+}
+
+.submit-btn {
+  background: #27ae60;
+  color: white;
+}
+
+.submit-btn:hover {
+  background: #229954;
+}
+
+.field-hint {
+  display: block;
+  margin-top: 0.25rem;
+  color: #7f8c8d;
+  font-size: 0.8rem;
+  line-height: 1.3;
+}
+
+/* 添加标签和选择框的样式 */
+.label-with-checkbox {
+  display: flex;
+  justify-content: space-between;
+  align-items: baseline;
+  margin-bottom: 0.5rem;
+}
+
+.label-with-checkbox label:first-child {
+  margin-bottom: 0;
+}
+
+.checkbox-label {
+  display: flex;
+  align-items: center;
+  gap: 0.3rem;
+  font-size: 0.85rem;
+  color: #666;
+  font-weight: normal;
+  margin-bottom: 0;
+  cursor: pointer;
+}
+
+.checkbox-label input[type="checkbox"] {
+  width: auto;
+  margin: 2px;
+  cursor: pointer;
+  transform: translateY(2px);
+}

src/components/AddProviderModal.tsx

@@ -0,0 +1,25 @@
+import React from "react";
+import { Provider } from "../../shared/types";
+import ProviderForm from "./ProviderForm";
+
+interface AddProviderModalProps {
+  onAdd: (provider: Omit<Provider, "id">) => void;
+  onClose: () => void;
+}
+
+const AddProviderModal: React.FC<AddProviderModalProps> = ({
+  onAdd,
+  onClose,
+}) => {
+  return (
+    <ProviderForm
+      title="添加新供应商"
+      submitText="添加"
+      showPresets={true}
+      onSubmit={onAdd}
+      onClose={onClose}
+    />
+  );
+};
+
+export default AddProviderModal;

src/components/ConfirmDialog.css

@@ -0,0 +1,105 @@
+.confirm-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: rgba(0, 0, 0, 0.5);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 1000;
+  backdrop-filter: blur(2px);
+}
+
+.confirm-dialog {
+  background: white;
+  border-radius: 8px;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
+  min-width: 300px;
+  max-width: 400px;
+  animation: confirmSlideIn 0.2s ease-out;
+}
+
+@keyframes confirmSlideIn {
+  from {
+    opacity: 0;
+    transform: scale(0.9) translateY(-20px);
+  }
+  to {
+    opacity: 1;
+    transform: scale(1) translateY(0);
+  }
+}
+
+.confirm-header {
+  padding: 1.5rem 1.5rem 1rem;
+  border-bottom: 1px solid #eee;
+}
+
+.confirm-header h3 {
+  margin: 0;
+  font-size: 1.1rem;
+  color: #333;
+  font-weight: 600;
+}
+
+.confirm-content {
+  padding: 1rem 1.5rem;
+}
+
+.confirm-content p {
+  margin: 0;
+  color: #666;
+  line-height: 1.5;
+}
+
+.confirm-actions {
+  display: flex;
+  gap: 0.75rem;
+  padding: 1rem 1.5rem 1.5rem;
+  justify-content: flex-end;
+}
+
+.confirm-btn {
+  padding: 0.5rem 1rem;
+  border: none;
+  border-radius: 4px;
+  cursor: pointer;
+  font-size: 0.9rem;
+  font-weight: 500;
+  transition: background-color 0.2s, transform 0.1s;
+  min-width: 70px;
+}
+
+.confirm-btn:hover {
+  transform: translateY(-1px);
+}
+
+.confirm-btn:active {
+  transform: translateY(0);
+}
+
+.cancel-btn {
+  background: #f8f9fa;
+  color: #6c757d;
+  border: 1px solid #dee2e6;
+}
+
+.cancel-btn:hover {
+  background: #e9ecef;
+}
+
+.confirm-btn-primary {
+  background: #dc3545;
+  color: white;
+}
+
+.confirm-btn-primary:hover {
+  background: #c82333;
+}
+
+.confirm-btn:focus {
+  outline: 2px solid #007bff;
+  outline-offset: 2px;
+}

src/components/ConfirmDialog.tsx

@@ -0,0 +1,52 @@
+import React from 'react';
+import './ConfirmDialog.css';
+
+interface ConfirmDialogProps {
+  isOpen: boolean;
+  title: string;
+  message: string;
+  confirmText?: string;
+  cancelText?: string;
+  onConfirm: () => void;
+  onCancel: () => void;
+}
+
+export const ConfirmDialog: React.FC<ConfirmDialogProps> = ({
+  isOpen,
+  title,
+  message,
+  confirmText = '确定',
+  cancelText = '取消',
+  onConfirm,
+  onCancel
+}) => {
+  if (!isOpen) return null;
+
+  return (
+    <div className="confirm-overlay">
+      <div className="confirm-dialog">
+        <div className="confirm-header">
+          <h3>{title}</h3>
+        </div>
+        <div className="confirm-content">
+          <p>{message}</p>
+        </div>
+        <div className="confirm-actions">
+          <button 
+            className="confirm-btn cancel-btn" 
+            onClick={onCancel}
+            autoFocus
+          >
+            {cancelText}
+          </button>
+          <button 
+            className="confirm-btn confirm-btn-primary" 
+            onClick={onConfirm}
+          >
+            {confirmText}
+          </button>
+        </div>
+      </div>
+    </div>
+  );
+};

src/components/EditProviderModal.tsx

@@ -0,0 +1,31 @@
+import React from 'react'
+import { Provider } from '../../shared/types'
+import ProviderForm from './ProviderForm'
+
+interface EditProviderModalProps {
+  provider: Provider
+  onSave: (provider: Provider) => void
+  onClose: () => void
+}
+
+const EditProviderModal: React.FC<EditProviderModalProps> = ({ provider, onSave, onClose }) => {
+  const handleSubmit = (data: Omit<Provider, 'id'>) => {
+    onSave({
+      ...provider,
+      ...data
+    })
+  }
+
+  return (
+    <ProviderForm
+      title="编辑供应商"
+      submitText="保存"
+      initialData={provider}
+      showPresets={false}
+      onSubmit={handleSubmit}
+      onClose={onClose}
+    />
+  )
+}
+
+export default EditProviderModal

src/components/ProviderForm.tsx

@@ -0,0 +1,284 @@
+import React, { useState, useEffect } from "react";
+import { Provider } from "../../shared/types";
+import {
+  updateCoAuthoredSetting,
+  checkCoAuthoredSetting,
+  extractWebsiteUrl,
+} from "../utils/providerConfigUtils";
+import { providerPresets } from "../config/providerPresets";
+import "./AddProviderModal.css";
+
+interface ProviderFormProps {
+  title: string;
+  submitText: string;
+  initialData?: Provider;
+  showPresets?: boolean;
+  onSubmit: (data: Omit<Provider, "id">) => void;
+  onClose: () => void;
+}
+
+const ProviderForm: React.FC<ProviderFormProps> = ({
+  title,
+  submitText,
+  initialData,
+  showPresets = false,
+  onSubmit,
+  onClose,
+}) => {
+  const [formData, setFormData] = useState({
+    name: initialData?.name || "",
+    websiteUrl: initialData?.websiteUrl || "",
+    settingsConfig: initialData
+      ? JSON.stringify(initialData.settingsConfig, null, 2)
+      : "",
+  });
+  const [error, setError] = useState("");
+  const [disableCoAuthored, setDisableCoAuthored] = useState(false);
+  const [selectedPreset, setSelectedPreset] = useState<number | null>(null);
+  const [apiKey, setApiKey] = useState("");
+
+  // 初始化时检查禁用签名状态
+  useEffect(() => {
+    if (initialData) {
+      const configString = JSON.stringify(initialData.settingsConfig, null, 2);
+      const hasCoAuthoredDisabled = checkCoAuthoredSetting(configString);
+      setDisableCoAuthored(hasCoAuthoredDisabled);
+    }
+  }, [initialData]);
+
+  const handleSubmit = (e: React.FormEvent) => {
+    e.preventDefault();
+    setError("");
+
+    if (!formData.name) {
+      setError("请填写供应商名称");
+      return;
+    }
+
+    if (!formData.settingsConfig.trim()) {
+      setError("请填写配置内容");
+      return;
+    }
+
+    let settingsConfig: Record<string, any>;
+
+    try {
+      settingsConfig = JSON.parse(formData.settingsConfig);
+    } catch (err) {
+      setError("配置JSON格式错误，请检查语法");
+      return;
+    }
+
+    onSubmit({
+      name: formData.name,
+      websiteUrl: formData.websiteUrl,
+      settingsConfig,
+    });
+  };
+
+  const handleChange = (
+    e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>
+  ) => {
+    const { name, value } = e.target;
+
+    if (name === "settingsConfig") {
+      // 当用户修改配置时，尝试自动提取官网地址
+      const extractedWebsiteUrl = extractWebsiteUrl(value);
+
+      // 同时检查并同步选择框状态
+      const hasCoAuthoredDisabled = checkCoAuthoredSetting(value);
+      setDisableCoAuthored(hasCoAuthoredDisabled);
+
+      setFormData({
+        ...formData,
+        [name]: value,
+        // 只有在官网地址为空时才自动填入
+        websiteUrl: formData.websiteUrl || extractedWebsiteUrl,
+      });
+    } else {
+      setFormData({
+        ...formData,
+        [name]: value,
+      });
+    }
+  };
+
+  // 处理选择框变化
+  const handleCoAuthoredToggle = (checked: boolean) => {
+    setDisableCoAuthored(checked);
+
+    // 更新JSON配置
+    const updatedConfig = updateCoAuthoredSetting(
+      formData.settingsConfig,
+      checked
+    );
+    setFormData({
+      ...formData,
+      settingsConfig: updatedConfig,
+    });
+  };
+
+  const applyPreset = (preset: (typeof providerPresets)[0], index: number) => {
+    const configString = JSON.stringify(preset.settingsConfig, null, 2);
+
+    setFormData({
+      name: preset.name,
+      websiteUrl: preset.websiteUrl,
+      settingsConfig: configString,
+    });
+
+    // 设置选中的预设
+    setSelectedPreset(index);
+
+    // 清空 API Key 输入框，让用户重新输入
+    setApiKey("");
+
+    // 同步选择框状态
+    const hasCoAuthoredDisabled = checkCoAuthoredSetting(configString);
+    setDisableCoAuthored(hasCoAuthoredDisabled);
+  };
+
+  // 处理 API Key 输入并自动更新配置
+  const handleApiKeyChange = (key: string) => {
+    setApiKey(key);
+
+    if (selectedPreset !== null && key.trim()) {
+      // 获取当前选中的预设配置
+      const preset = providerPresets[selectedPreset];
+      const updatedConfig = JSON.parse(JSON.stringify(preset.settingsConfig));
+
+      // 替换配置中的 API Key
+      if (updatedConfig.env && updatedConfig.env.ANTHROPIC_AUTH_TOKEN) {
+        updatedConfig.env.ANTHROPIC_AUTH_TOKEN = key.trim();
+      }
+
+      const configString = JSON.stringify(updatedConfig, null, 2);
+
+      // 更新表单配置
+      setFormData((prev) => ({
+        ...prev,
+        settingsConfig: configString,
+      }));
+
+      // 同步选择框状态
+      const hasCoAuthoredDisabled = checkCoAuthoredSetting(configString);
+      setDisableCoAuthored(hasCoAuthoredDisabled);
+    }
+  };
+
+  return (
+    <div className="modal-overlay">
+      <div className="modal-content">
+        <h2>{title}</h2>
+
+        {error && <div className="error-message">{error}</div>}
+
+        {showPresets && (
+          <div className="presets">
+            <label>快速选择模板：</label>
+            <div className="preset-buttons">
+              {providerPresets.map((preset, index) => (
+                <button
+                  key={index}
+                  type="button"
+                  className={`preset-btn ${
+                    selectedPreset === index ? "selected" : ""
+                  }`}
+                  onClick={() => applyPreset(preset, index)}
+                >
+                  {preset.name}
+                </button>
+              ))}
+            </div>
+          </div>
+        )}
+
+        <form onSubmit={handleSubmit}>
+          <div className="form-group">
+            <label htmlFor="name">供应商名称 *</label>
+            <input
+              type="text"
+              id="name"
+              name="name"
+              value={formData.name}
+              onChange={handleChange}
+              placeholder="例如：Anthropic 官方"
+              required
+              autoComplete="off"
+            />
+          </div>
+
+          {selectedPreset !== null && (
+            <div className="form-group">
+              <label htmlFor="apiKey">API Key *</label>
+              <input
+                type="text"
+                id="apiKey"
+                value={apiKey}
+                onChange={(e) => handleApiKeyChange(e.target.value)}
+                placeholder="只需要填这里，下方配置会自动填充"
+                autoComplete="off"
+              />
+            </div>
+          )}
+
+          <div className="form-group">
+            <label htmlFor="websiteUrl">官网地址</label>
+            <input
+              type="url"
+              id="websiteUrl"
+              name="websiteUrl"
+              value={formData.websiteUrl}
+              onChange={handleChange}
+              placeholder="https://example.com（可选）"
+              autoComplete="off"
+            />
+          </div>
+
+          <div className="form-group">
+            <div className="label-with-checkbox">
+              <label htmlFor="settingsConfig">Claude Code 配置 (JSON) *</label>
+              <label className="checkbox-label">
+                <input
+                  type="checkbox"
+                  checked={disableCoAuthored}
+                  onChange={(e) => handleCoAuthoredToggle(e.target.checked)}
+                />
+                禁止 Claude Code 签名
+              </label>
+            </div>
+            <textarea
+              id="settingsConfig"
+              name="settingsConfig"
+              value={formData.settingsConfig}
+              onChange={handleChange}
+              placeholder={`{
+  "env": {
+    "ANTHROPIC_BASE_URL": "https://api.anthropic.com",
+    "ANTHROPIC_AUTH_TOKEN": "sk-your-api-key-here"
+  }
+}`}
+              rows={12}
+              style={{ fontFamily: "monospace", fontSize: "14px" }}
+              required
+            />
+            <small className="field-hint">
+              完整的 Claude Code settings.json 配置内容
+            </small>
+          </div>
+
+          <div className="form-actions">
+            <button type="button" className="cancel-btn" onClick={onClose}>
+              取消
+            </button>
+            <button type="submit" className="submit-btn">
+              {submitText}
+            </button>
+          </div>
+        </form>
+      </div>
+    </div>
+  );
+};
+
+export default ProviderForm;

src/components/ProviderList.css

@@ -0,0 +1,206 @@
+.provider-list {
+  background: white;
+  border-radius: 8px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+  padding: 1.5rem;
+}
+
+.empty-state {
+  text-align: center;
+  padding: 3rem 1rem;
+  color: #7f8c8d;
+}
+
+.empty-state p:first-child {
+  font-size: 1.1rem;
+  margin-bottom: 0.5rem;
+}
+
+.provider-items {
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+}
+
+.provider-item {
+  display: flex;
+  align-items: center;
+  padding: 1rem;
+  border: 2px solid #ecf0f1;
+  border-radius: 6px;
+  transition: all 0.2s;
+}
+
+.provider-item:hover {
+  border-color: #3498db;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+}
+
+.provider-item.current {
+  border-color: #27ae60;
+  background: #f0fdf4;
+}
+
+.provider-info {
+  flex: 1;
+  min-width: 0;
+}
+
+.provider-name {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  font-weight: 500;
+  margin-bottom: 0.25rem;
+}
+
+.provider-name input[type="radio"] {
+  cursor: pointer;
+}
+
+.provider-name input[type="radio"]:disabled {
+  cursor: not-allowed;
+}
+
+.current-badge {
+  background: #27ae60;
+  color: white;
+  padding: 0.125rem 0.5rem;
+  border-radius: 3px;
+  font-size: 0.75rem;
+}
+
+.provider-url {
+  color: #7f8c8d;
+  font-size: 0.9rem;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.url-link {
+  color: #3498db;
+  text-decoration: none;
+  cursor: pointer;
+  transition: color 0.2s;
+}
+
+.url-link:hover {
+  color: #2980b9;
+  text-decoration: underline;
+}
+
+.api-url {
+  color: #7f8c8d;
+}
+
+.provider-status {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  margin-right: 2rem;
+}
+
+.status-icon {
+  font-size: 1.1rem;
+}
+
+.status-text {
+  color: #555;
+  font-size: 0.9rem;
+}
+
+.response-time {
+  color: #3498db;
+  font-size: 0.85rem;
+  font-family: monospace;
+}
+
+.provider-actions {
+  display: flex;
+  gap: 0.5rem;
+}
+
+.check-btn {
+  padding: 0.375rem 0.75rem;
+  border: 1px solid #f39c12;
+  background: white;
+  color: #f39c12;
+  border-radius: 4px;
+  cursor: pointer;
+  font-size: 0.85rem;
+  transition: all 0.2s;
+}
+
+.check-btn:hover:not(:disabled) {
+  background: #f39c12;
+  color: white;
+}
+
+.check-btn:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+.enable-btn {
+  padding: 0.375rem 0.75rem;
+  border: 1px solid #27ae60;
+  background: white;
+  color: #27ae60;
+  border-radius: 4px;
+  cursor: pointer;
+  font-size: 0.85rem;
+  transition: all 0.2s;
+}
+
+.enable-btn:hover:not(:disabled) {
+  background: #27ae60;
+  color: white;
+}
+
+.enable-btn:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+.edit-btn {
+  padding: 0.375rem 0.75rem;
+  border: 1px solid #3498db;
+  background: white;
+  color: #3498db;
+  border-radius: 4px;
+  cursor: pointer;
+  font-size: 0.85rem;
+  transition: all 0.2s;
+}
+
+.edit-btn:hover:not(:disabled) {
+  background: #3498db;
+  color: white;
+}
+
+.edit-btn:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+.delete-btn {
+  padding: 0.375rem 0.75rem;
+  border: 1px solid #e74c3c;
+  background: white;
+  color: #e74c3c;
+  border-radius: 4px;
+  cursor: pointer;
+  font-size: 0.85rem;
+  transition: all 0.2s;
+}
+
+.delete-btn:hover:not(:disabled) {
+  background: #e74c3c;
+  color: white;
+}
+
+.delete-btn:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}

src/components/ProviderList.tsx

@@ -0,0 +1,116 @@
+import React from 'react'
+import { Provider } from '../../shared/types'
+import './ProviderList.css'
+
+interface ProviderListProps {
+  providers: Record<string, Provider>
+  currentProviderId: string
+  onSwitch: (id: string) => void
+  onDelete: (id: string) => void
+  onEdit: (id: string) => void
+}
+
+const ProviderList: React.FC<ProviderListProps> = ({
+  providers,
+  currentProviderId,
+  onSwitch,
+  onDelete,
+  onEdit
+}) => {
+  // 提取API地址
+  const getApiUrl = (provider: Provider): string => {
+    try {
+      const config = provider.settingsConfig
+      if (config?.env?.ANTHROPIC_BASE_URL) {
+        return config.env.ANTHROPIC_BASE_URL
+      }
+      return '未设置'
+    } catch {
+      return '配置错误'
+    }
+  }
+
+  const handleUrlClick = async (url: string) => {
+    try {
+      await window.electronAPI.openExternal(url)
+    } catch (error) {
+      console.error('打开链接失败:', error)
+    }
+  }
+
+  return (
+    <div className="provider-list">
+      {Object.values(providers).length === 0 ? (
+        <div className="empty-state">
+          <p>还没有添加任何供应商</p>
+          <p>点击右上角的"添加供应商"按钮开始</p>
+        </div>
+      ) : (
+        <div className="provider-items">
+          {Object.values(providers).map((provider) => {
+            const isCurrent = provider.id === currentProviderId
+            
+            return (
+              <div 
+                key={provider.id} 
+                className={`provider-item ${isCurrent ? 'current' : ''}`}
+              >
+                <div className="provider-info">
+                  <div className="provider-name">
+                    <span>{provider.name}</span>
+                    {isCurrent && <span className="current-badge">当前使用</span>}
+                  </div>
+                  <div className="provider-url">
+                    {provider.websiteUrl ? (
+                      <a 
+                        href="#" 
+                        onClick={(e) => {
+                          e.preventDefault()
+                          handleUrlClick(provider.websiteUrl!)
+                        }}
+                        className="url-link"
+                        title={`访问 ${provider.websiteUrl}`}
+                      >
+                        {provider.websiteUrl}
+                      </a>
+                    ) : (
+                      <span className="api-url" title={getApiUrl(provider)}>
+                        {getApiUrl(provider)}
+                      </span>
+                    )}
+                  </div>
+                </div>
+                
+                <div className="provider-actions">
+                  <button 
+                    className="enable-btn"
+                    onClick={() => onSwitch(provider.id)}
+                    disabled={isCurrent}
+                  >
+                    启用
+                  </button>
+                  <button 
+                    className="edit-btn"
+                    onClick={() => onEdit(provider.id)}
+                    disabled={isCurrent}
+                  >
+                    编辑
+                  </button>
+                  <button 
+                    className="delete-btn"
+                    onClick={() => onDelete(provider.id)}
+                    disabled={isCurrent}
+                  >
+                    删除
+                  </button>
+                </div>
+              </div>
+            )
+          })}
+        </div>
+      )}
+    </div>
+  )
+}
+
+export default ProviderList