feat(ops): 增强错误详情弹窗与API支持

**前端改动**:
1. OpsErrorDetailModal.vue:
   - 新增上游错误详情展示功能
   - 支持查看上游错误的请求头、响应体等调试信息
   - 改进错误信息格式化与可读性

2. ops.ts API:
   - 新增getUpstreamErrors接口调用上游错误查询API

**后端配置**:
- config.go/config.yaml/deploy/config.example.yaml:
  - 更新配置支持上游错误事件记录开关
  - 添加相关配置项文档说明

backend/internal/config/config.go

@@ -635,7 +635,7 @@ func setDefaults() {
 
 	// Gateway
 	viper.SetDefault("gateway.response_header_timeout", 600) // 600秒(10分钟)等待上游响应头，LLM高负载时可能排队较久
-	viper.SetDefault("gateway.log_upstream_error_body", false)
+	viper.SetDefault("gateway.log_upstream_error_body", true)
 	viper.SetDefault("gateway.log_upstream_error_body_max_bytes", 2048)
 	viper.SetDefault("gateway.inject_beta_for_apikey", false)
 	viper.SetDefault("gateway.failover_on_400", false)

config.yaml

@@ -159,7 +159,7 @@ gateway:
   max_line_size: 41943040
   # Log upstream error response body summary (safe/truncated; does not log request content)
   # 记录上游错误响应体摘要（安全/截断；不记录请求内容）
-  log_upstream_error_body: false
+  log_upstream_error_body: true
   # Max bytes to log from upstream error body
   # 记录上游错误响应体的最大字节数
   log_upstream_error_body_max_bytes: 2048

deploy/config.example.yaml

@@ -159,7 +159,7 @@ gateway:
   max_line_size: 41943040
   # Log upstream error response body summary (safe/truncated; does not log request content)
   # 记录上游错误响应体摘要（安全/截断；不记录请求内容）
-  log_upstream_error_body: false
+  log_upstream_error_body: true
   # Max bytes to log from upstream error body
   # 记录上游错误响应体的最大字节数
   log_upstream_error_body_max_bytes: 2048

frontend/src/api/admin/ops.ts

@@ -704,6 +704,12 @@ export interface OpsErrorDetail extends OpsErrorLog {
   error_body: string
   user_agent: string
 
+  // Upstream context (optional; enriched by gateway services)
+  upstream_status_code?: number | null
+  upstream_error_message?: string
+  upstream_error_detail?: string
+  upstream_errors?: string
+
   auth_latency_ms?: number | null
   routing_latency_ms?: number | null
   upstream_latency_ms?: number | null

frontend/src/views/admin/ops/components/OpsErrorDetailModal.vue

@@ -177,6 +177,81 @@
         </div>
       </div>
 
+      <!-- Upstream errors -->
+      <div
+        v-if="detail.upstream_status_code || detail.upstream_error_message || detail.upstream_error_detail || detail.upstream_errors"
+        class="rounded-xl bg-gray-50 p-6 dark:bg-dark-900"
+      >
+        <h3 class="mb-4 text-sm font-black uppercase tracking-wider text-gray-900 dark:text-white">
+          {{ t('admin.ops.errorDetails.upstreamErrors') }}
+        </h3>
+
+        <div class="grid grid-cols-1 gap-4 sm:grid-cols-3">
+          <div>
+            <div class="text-xs font-bold uppercase text-gray-400">status</div>
+            <div class="mt-1 font-mono text-sm font-bold text-gray-900 dark:text-white">
+              {{ detail.upstream_status_code != null ? detail.upstream_status_code : '—' }}
+            </div>
+          </div>
+          <div class="sm:col-span-2">
+            <div class="text-xs font-bold uppercase text-gray-400">message</div>
+            <div class="mt-1 break-words text-sm font-medium text-gray-900 dark:text-white">
+              {{ detail.upstream_error_message || '—' }}
+            </div>
+          </div>
+        </div>
+
+        <div v-if="detail.upstream_error_detail" class="mt-4">
+          <div class="text-xs font-bold uppercase text-gray-400">detail</div>
+          <pre
+            class="mt-2 max-h-[240px] overflow-auto rounded-xl border border-gray-200 bg-white p-4 text-xs text-gray-800 dark:border-dark-700 dark:bg-dark-800 dark:text-gray-100"
+          ><code>{{ prettyJSON(detail.upstream_error_detail) }}</code></pre>
+        </div>
+
+        <div v-if="detail.upstream_errors" class="mt-5">
+          <div class="mb-2 text-xs font-bold uppercase text-gray-400">upstream_errors</div>
+
+          <div v-if="upstreamErrors.length" class="space-y-3">
+            <div
+              v-for="(ev, idx) in upstreamErrors"
+              :key="idx"
+              class="rounded-xl border border-gray-200 bg-white p-4 shadow-sm dark:border-dark-700 dark:bg-dark-800"
+            >
+              <div class="flex flex-wrap items-center justify-between gap-2">
+                <div class="text-xs font-black text-gray-800 dark:text-gray-100">
+                  #{{ idx + 1 }} <span v-if="ev.kind" class="font-mono">{{ ev.kind }}</span>
+                </div>
+                <div class="font-mono text-xs text-gray-500 dark:text-gray-400">
+                  {{ ev.at_unix_ms ? formatDateTime(new Date(ev.at_unix_ms)) : '' }}
+                </div>
+              </div>
+
+              <div class="mt-2 grid grid-cols-1 gap-2 text-xs text-gray-600 dark:text-gray-300 sm:grid-cols-3">
+                <div><span class="text-gray-400">account_id:</span> <span class="font-mono">{{ ev.account_id ?? '—' }}</span></div>
+                <div><span class="text-gray-400">status:</span> <span class="font-mono">{{ ev.upstream_status_code ?? '—' }}</span></div>
+                <div class="break-all">
+                  <span class="text-gray-400">request_id:</span> <span class="font-mono">{{ ev.upstream_request_id || '—' }}</span>
+                </div>
+              </div>
+
+              <div v-if="ev.message" class="mt-2 break-words text-sm font-medium text-gray-900 dark:text-white">
+                {{ ev.message }}
+              </div>
+
+              <pre
+                v-if="ev.detail"
+                class="mt-3 max-h-[240px] overflow-auto rounded-xl border border-gray-200 bg-gray-50 p-3 text-xs text-gray-800 dark:border-dark-700 dark:bg-dark-900 dark:text-gray-100"
+              ><code>{{ prettyJSON(ev.detail) }}</code></pre>
+            </div>
+          </div>
+
+          <pre
+            v-else
+            class="max-h-[420px] overflow-auto rounded-xl border border-gray-200 bg-white p-4 text-xs text-gray-800 dark:border-dark-700 dark:bg-dark-800 dark:text-gray-100"
+          ><code>{{ prettyJSON(detail.upstream_errors) }}</code></pre>
+        </div>
+      </div>
+
       <!-- Request body -->
       <div class="rounded-xl bg-gray-50 p-6 dark:bg-dark-900">
         <div class="flex items-center justify-between">
@@ -259,6 +334,28 @@ const title = computed(() => {
 
 const emptyText = computed(() => 'No error selected.')
 
+type UpstreamErrorEvent = {
+  at_unix_ms?: number
+  platform?: string
+  account_id?: number
+  upstream_status_code?: number
+  upstream_request_id?: string
+  kind?: string
+  message?: string
+  detail?: string
+}
+
+const upstreamErrors = computed<UpstreamErrorEvent[]>(() => {
+  const raw = detail.value?.upstream_errors
+  if (!raw) return []
+  try {
+    const parsed = JSON.parse(raw)
+    return Array.isArray(parsed) ? (parsed as UpstreamErrorEvent[]) : []
+  } catch {
+    return []
+  }
+})
+
 function close() {
   emit('update:show', false)
 }