feat: Add endpoints for account details and error handling (#16)

* feat: Add JSON copy functionality with success animation

- Add functionality to copy account data as JSON and show success animation.

* feat: Add endpoints for account details and error handling

- Add endpoint to retrieve full account details including sensitive information
- Add error handling for fetching and copying full account JSON data

Author: hkxiaoyao

proxy/handler.go

@@ -1330,6 +1330,9 @@ func (h *Handler) handleAdminAPI(w http.ResponseWriter, r *http.Request) {
 	case strings.HasPrefix(path, "/accounts/") && strings.HasSuffix(path, "/models") && r.Method == "GET":
 		id := strings.TrimSuffix(strings.TrimPrefix(path, "/accounts/"), "/models")
 		h.apiGetAccountModels(w, r, id)
+	case strings.HasPrefix(path, "/accounts/") && strings.HasSuffix(path, "/full") && r.Method == "GET":
+		id := strings.TrimSuffix(strings.TrimPrefix(path, "/accounts/"), "/full")
+		h.apiGetAccountFull(w, r, id)
 	case strings.HasPrefix(path, "/accounts/") && r.Method == "DELETE":
 		h.apiDeleteAccount(w, r, strings.TrimPrefix(path, "/accounts/"))
 	case strings.HasPrefix(path, "/accounts/") && r.Method == "PUT":
@@ -2046,6 +2049,77 @@ func (h *Handler) apiRefreshAccount(w http.ResponseWriter, r *http.Request, id s
 	})
 }
 
+// apiGetAccountFull 获取单个账号的完整信息（包含敏感字段）
+func (h *Handler) apiGetAccountFull(w http.ResponseWriter, r *http.Request, id string) {
+	accounts := config.GetAccounts()
+	poolAccounts := h.pool.GetAllAccounts()
+
+	// 查找指定账号
+	var account *config.Account
+	for i := range accounts {
+		if accounts[i].ID == id {
+			account = &accounts[i]
+			break
+		}
+	}
+
+	if account == nil {
+		w.WriteHeader(404)
+		json.NewEncoder(w).Encode(map[string]string{"error": "Account not found"})
+		return
+	}
+
+	// 获取运行时统计
+	var stats config.Account
+	for _, a := range poolAccounts {
+		if a.ID == id {
+			stats = a
+			break
+		}
+	}
+
+	// 返回完整账号信息（包含敏感字段）
+	result := map[string]interface{}{
+		"id":                  account.ID,
+		"email":               account.Email,
+		"userId":              account.UserId,
+		"nickname":            account.Nickname,
+		"accessToken":         account.AccessToken,
+		"refreshToken":        account.RefreshToken,
+		"clientId":            account.ClientID,
+		"clientSecret":        account.ClientSecret,
+		"authMethod":          account.AuthMethod,
+		"provider":            account.Provider,
+		"region":              account.Region,
+		"expiresAt":           account.ExpiresAt,
+		"machineId":           account.MachineId,
+		"enabled":             account.Enabled,
+		"banStatus":           account.BanStatus,
+		"banReason":           account.BanReason,
+		"banTime":             account.BanTime,
+		"subscriptionType":    account.SubscriptionType,
+		"subscriptionTitle":   account.SubscriptionTitle,
+		"daysRemaining":       account.DaysRemaining,
+		"usageCurrent":        account.UsageCurrent,
+		"usageLimit":          account.UsageLimit,
+		"usagePercent":        account.UsagePercent,
+		"nextResetDate":       account.NextResetDate,
+		"lastRefresh":         account.LastRefresh,
+		"trialUsageCurrent":   account.TrialUsageCurrent,
+		"trialUsageLimit":     account.TrialUsageLimit,
+		"trialUsagePercent":   account.TrialUsagePercent,
+		"trialStatus":         account.TrialStatus,
+		"trialExpiresAt":      account.TrialExpiresAt,
+		"requestCount":        stats.RequestCount,
+		"errorCount":          stats.ErrorCount,
+		"totalTokens":         stats.TotalTokens,
+		"totalCredits":        stats.TotalCredits,
+		"lastUsed":            stats.LastUsed,
+	}
+
+	json.NewEncoder(w).Encode(result)
+}
+
 // apiGetAccountModels 获取账户可用模型
 func (h *Handler) apiGetAccountModels(w http.ResponseWriter, r *http.Request, id string) {
 	accounts := config.GetAccounts()
@@ -2204,7 +2278,7 @@ func (h *Handler) apiExportAccounts(w http.ResponseWriter, r *http.Request) {
 	type ExportCredentials struct {
 		AccessToken  string `json:"accessToken"`
 		CsrfToken    string `json:"csrfToken"`
-		RefreshToken string `json:"refreshToken,omitempty"`
+		RefreshToken string `json:"refreshToken"`
 		ClientID     string `json:"clientId,omitempty"`
 		ClientSecret string `json:"clientSecret,omitempty"`
 		Region       string `json:"region,omitempty"`

web/index.html

@@ -130,6 +130,11 @@
             color: #374151;
         }
 
+        .btn-success {
+            background: #10B981;
+            color: white;
+        }
+
         .btn-sm {
             padding: 8px 12px;
             font-size: 13px;
@@ -1087,6 +1092,8 @@ <h1 class="logo"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stro
                 'accounts.trial': '试用中',
                 'accounts.trialExpired': '已过期',
                 'accounts.trialToday': '今天到期',
+                'accounts.copyJSON': '复制 JSON',
+                'accounts.copyJSONSuccess': 'JSON 已复制到剪贴板',
                 'accounts.trialDays': '天后到期',
                 'time.expired': '已过期',
                 'time.minutes': '分钟',
@@ -1274,6 +1281,8 @@ <h1 class="logo"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stro
                 'accounts.suspended': 'Suspended',
                 'accounts.refreshFailed': 'Refresh failed',
                 'accounts.confirmDelete': 'Confirm delete?',
+                'accounts.copyJSON': 'Copy JSON',
+                'accounts.copyJSONSuccess': 'JSON copied to clipboard',
                 'time.expired': 'Expired',
                 'time.minutes': 'min',
                 'time.hours': 'hr',
@@ -1617,6 +1626,7 @@ <h1 class="logo"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stro
                     '<div class="account-actions">' +
                     '<button class="btn btn-sm btn-icon btn-secondary" onclick="refreshAccount(\'' + a.id + '\')" title="' + t('accounts.refresh') + '"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M23 4v6h-6M1 20v-6h6"/><path d="M3.51 9a9 9 0 0114.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0020.49 15"/></svg></button>' +
                     '<button class="btn btn-sm btn-icon btn-secondary" onclick="showDetail(\'' + a.id + '\')" title="' + t('accounts.detail') + '"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20 21v-2a4 4 0 00-4-4H8a4 4 0 00-4 4v2"/><circle cx="12" cy="7" r="4"/></svg></button>' +
+                    '<button class="btn btn-sm btn-icon btn-secondary" onclick="copyAccountJSON(\'' + a.id + '\', this)" title="' + t('accounts.copyJSON') + '"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg></button>' +
                     // 封禁账户不显示启用/禁用按钮
                     (a.banStatus && a.banStatus !== 'ACTIVE' ? '' :
                         '<button class="btn btn-sm ' + (a.enabled ? 'btn-secondary' : 'btn-primary') + '" onclick="toggleAccount(\'' + a.id + '\',' + !a.enabled + ')">' + (a.enabled ? t('accounts.disable') : t('accounts.enable')) + '</button>') +
@@ -1902,6 +1912,57 @@ <h1 class="logo"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stro
             alert(t('common.copied'));
         }
 
+        async function copyAccountJSON(accountId, buttonElement) {
+            try {
+                // 从后端获取完整账号信息（包含敏感字段）
+                const res = await fetch('/admin/api/accounts/' + accountId + '/full', {
+                    headers: { 'X-Admin-Password': password }
+                });
+
+                if (!res.ok) {
+                    throw new Error('Failed to fetch account data');
+                }
+
+                const account = await res.json();
+                const jsonString = JSON.stringify(account, null, 2);
+
+                if (navigator.clipboard && navigator.clipboard.writeText) {
+                    await navigator.clipboard.writeText(jsonString);
+                } else {
+                    const textarea = document.createElement('textarea');
+                    textarea.value = jsonString;
+                    textarea.style.position = 'fixed';
+                    textarea.style.opacity = '0';
+                    document.body.appendChild(textarea);
+                    textarea.select();
+                    const success = document.execCommand('copy');
+                    document.body.removeChild(textarea);
+                    if (!success) throw new Error('execCommand failed');
+                }
+
+                showCopySuccess(buttonElement);
+                alert(t('accounts.copyJSONSuccess'));
+            } catch (error) {
+                console.error('Copy failed:', error);
+                alert(t('common.failed'));
+            }
+        }
+
+        function showCopySuccess(buttonElement) {
+            const originalHTML = buttonElement.innerHTML;
+            const originalClass = buttonElement.className;
+
+            buttonElement.disabled = true;
+            buttonElement.className = 'btn btn-sm btn-icon btn-success';
+            buttonElement.innerHTML = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"></polyline></svg>';
+
+            setTimeout(() => {
+                buttonElement.disabled = false;
+                buttonElement.className = originalClass;
+                buttonElement.innerHTML = originalHTML;
+            }, 800);
+        }
+
         function showModal(type) {
             const modal = document.getElementById('addModal');
             const title = document.getElementById('modalTitle');