refactor(frontend): 优化ops错误详情模态框代码格式和功能

- 重构OpsErrorDetailModal.vue代码格式，提升可读性
- 添加上游错误tab显示功能
- 完善i18n翻译（upstream_http）
- 优化其他ops组件代码格式

frontend/src/i18n/locales/en.ts

@@ -2080,6 +2080,9 @@ export default {
           resolvedRetryId: 'Resolved Retry',
           retryCount: 'Retry Count'
         },
+        source: {
+          upstream_http: 'Upstream HTTP'
+        },
         upstreamKeys: {
           status: 'Status',
           message: 'Message',

frontend/src/i18n/locales/zh.ts

@@ -2224,6 +2224,9 @@ export default {
           resolvedRetryId: '解决重试ID',
           retryCount: '重试次数'
         },
+        source: {
+          upstream_http: '上游 HTTP'
+        },
         upstreamKeys: {
           status: '状态码',
           message: '消息',

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

@@ -12,7 +12,7 @@ import { formatDateTime } from '../utils/opsFormatters'
 const { t } = useI18n()
 const appStore = useAppStore()
 
-const PAGE_SIZE = 20
+const PAGE_SIZE = 10
 
 const loading = ref(false)
 const loadingMore = ref(false)

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

 <script setup lang="ts">
 import { computed, ref, watch } from 'vue'
 import { useI18n } from 'vue-i18n'
+import { useAppStore } from '@/stores'
 import BaseDialog from '@/components/common/BaseDialog.vue'
 import Select from '@/components/common/Select.vue'
 import OpsErrorLogTable from './OpsErrorLogTable.vue'
@@ -21,19 +22,36 @@ const emit = defineEmits<{
 }>()
 
 const { t } = useI18n()
+const appStore = useAppStore()
+
+const retryingUpstream = ref<number | null>(null)
+async function retryUpstreamError(id: number) {
+  try {
+    retryingUpstream.value = id
+    const res = await opsAPI.retryUpstreamError(id)
+    const summary = res.status === 'succeeded' ? t('admin.ops.errorDetail.retrySuccess') : t('admin.ops.errorDetail.retryFailed')
+    appStore.showSuccess(summary)
+    page.value = 1
+    await fetchErrorLogs()
+  } catch (err: any) {
+    appStore.showError(err?.message || t('admin.ops.retryFailed'))
+  } finally {
+    retryingUpstream.value = null
+  }
+}
 
 const loading = ref(false)
 const rows = ref<OpsErrorLog[]>([])
 const total = ref(0)
 const page = ref(1)
-const pageSize = ref(20)
+const pageSize = ref(10)
 
 const q = ref('')
 const statusCode = ref<number | 'other' | null>(null)
 const phase = ref<string>('')
 const errorOwner = ref<string>('')
-  const resolvedStatus = ref<string>('unresolved')
-  const viewMode = ref<'errors' | 'excluded' | 'all'>('errors')
+const resolvedStatus = ref<string>('unresolved')
+const viewMode = ref<'errors' | 'excluded' | 'all'>('errors')
 
 
 const modalTitle = computed(() => {
@@ -153,7 +171,7 @@ watch(
   (open) => {
     if (!open) return
     page.value = 1
-    pageSize.value = 20
+    pageSize.value = 10
     resetFilters()
   }
 )
@@ -259,17 +277,19 @@ watch(
           {{ t('admin.ops.errorDetails.total') }} {{ total }}
         </div>
 
-        <OpsErrorLogTable
-          class="min-h-0 flex-1"
-          :rows="rows"
-          :total="total"
-          :loading="loading"
-          :page="page"
-          :page-size="pageSize"
-          @openErrorDetail="emit('openErrorDetail', $event)"
-          @update:page="page = $event"
-          @update:pageSize="pageSize = $event"
-        />
+          <OpsErrorLogTable
+            class="min-h-0 flex-1"
+            :rows="rows"
+            :total="total"
+            :loading="loading"
+            :page="page"
+            :page-size="pageSize"
+            @openErrorDetail="emit('openErrorDetail', $event)"
+            @retryUpstream="retryUpstreamError"
+            @update:page="page = $event"
+            @update:pageSize="pageSize = $event"
+          />
+
       </div>
     </div>
   </BaseDialog>

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

@@ -142,9 +142,11 @@
 
               <!-- Actions -->
               <td class="whitespace-nowrap px-4 py-2 text-right" @click.stop>
-                <button type="button" class="text-primary-600 hover:text-primary-700 dark:text-primary-400 text-xs font-bold" @click="emit('openErrorDetail', log.id)">
-                  {{ t('admin.ops.errorLog.details') }}
-                </button>
+                <div class="flex items-center justify-end gap-3">
+                  <button type="button" class="text-primary-600 hover:text-primary-700 dark:text-primary-400 text-xs font-bold" @click="emit('openErrorDetail', log.id)">
+                    {{ t('admin.ops.errorLog.details') }}
+                  </button>
+                </div>
               </td>
             </tr>
           </tbody>
@@ -158,7 +160,7 @@
           :total="total"
           :page="page"
           :page-size="pageSize"
-          :page-size-options="[10, 20, 50, 100, 200, 500]"
+          :page-size-options="[10]"
           @update:page="emit('update:page', $event)"
           @update:pageSize="emit('update:pageSize', $event)"
         />
@@ -175,11 +177,17 @@ import { getSeverityClass, formatDateTime } from '../utils/opsFormatters'
 
 const { t } = useI18n()
 
+function isUpstreamRow(log: OpsErrorLog): boolean {
+  const phase = String(log.phase || '').toLowerCase()
+  const owner = String(log.error_owner || '').toLowerCase()
+  return phase === 'upstream' && owner === 'provider'
+}
+
 function getTypeBadge(log: OpsErrorLog): { label: string; className: string } {
   const phase = String(log.phase || '').toLowerCase()
   const owner = String(log.error_owner || '').toLowerCase()
 
-  if (phase === 'upstream' && owner === 'provider') {
+  if (isUpstreamRow(log)) {
     return { label: t('admin.ops.errorLog.typeUpstream'), className: 'bg-red-50 text-red-700 ring-red-600/20 dark:bg-red-900/30 dark:text-red-400 dark:ring-red-500/30' }
   }
   if (phase === 'request' && owner === 'client') {
@@ -238,10 +246,11 @@ function formatSmartMessage(msg: string): string {
     }
   }
 
-    if (msg.includes('context deadline exceeded')) return t('admin.ops.errorLog.commonErrors.contextDeadlineExceeded')
-    if (msg.includes('connection refused')) return t('admin.ops.errorLog.commonErrors.connectionRefused')
-    if (msg.toLowerCase().includes('rate limit')) return t('admin.ops.errorLog.commonErrors.rateLimit')
+  if (msg.includes('context deadline exceeded')) return t('admin.ops.errorLog.commonErrors.contextDeadlineExceeded')
+  if (msg.includes('connection refused')) return t('admin.ops.errorLog.commonErrors.connectionRefused')
+  if (msg.toLowerCase().includes('rate limit')) return t('admin.ops.errorLog.commonErrors.rateLimit')
 
   return msg.length > 200 ? msg.substring(0, 200) + '...' : msg
+
 }
 </script>
\ No newline at end of file

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

@@ -38,7 +38,7 @@ const loading = ref(false)
 const items = ref<OpsRequestDetail[]>([])
 const total = ref(0)
 const page = ref(1)
-const pageSize = ref(20)
+const pageSize = ref(10)
 
 const close = () => emit('update:modelValue', false)
 
@@ -95,7 +95,7 @@ watch(
   (open) => {
     if (open) {
       page.value = 1
-      pageSize.value = 20
+      pageSize.value = 10
       fetchData()
     }
   }