feat: improve failover rules and request timeline

frontend/src/features/providers/components/FailoverRulesDialog.vue

@@ -19,45 +19,95 @@
               HTTP 200 但响应体匹配正则时，视为失败并触发转移
             </p>
           </div>
-          <Button
-            type="button"
-            variant="outline"
-            size="sm"
-            class="shrink-0"
-            @click="addRule('success')"
-          >
-            <Plus class="w-4 h-4 mr-1" />
-            添加
-          </Button>
+          <div class="flex items-center gap-1 shrink-0">
+            <Button
+              type="button"
+              variant="ghost"
+              size="sm"
+              class="h-7 text-xs px-2"
+              :title="successJsonMode ? '切回成功转移表单' : '切到成功转移 JSON'"
+              @click="toggleSuccessJsonMode"
+            >
+              <Code2 class="w-3 h-3 mr-1" />
+              {{ successJsonMode ? '表单' : 'JSON' }}
+            </Button>
+            <Button
+              v-if="successJsonMode"
+              type="button"
+              variant="ghost"
+              size="sm"
+              class="h-7 px-2 text-xs"
+              title="格式化成功转移 JSON"
+              @click="formatSuccessJsonDraft"
+            >
+              <AlignLeft class="w-3 h-3 mr-1" />
+              格式化
+            </Button>
+            <Button
+              v-if="!successJsonMode"
+              type="button"
+              variant="ghost"
+              size="sm"
+              class="h-7 text-xs px-2"
+              @click="addRule('success')"
+            >
+              <Plus class="w-3 h-3 mr-1" />
+              添加
+            </Button>
+          </div>
         </div>
 
         <div
-          v-if="successPatterns.length === 0"
-          class="text-xs text-muted-foreground px-3 py-4 border border-dashed rounded-lg text-center"
+          v-if="successJsonMode"
+          class="space-y-2"
         >
-          暂无规则
-        </div>
-
-        <div
-          v-for="(rule, index) in successPatterns"
-          :key="'s-' + index"
-          class="flex items-center gap-1"
-        >
-          <Input
-            v-model="rule.pattern"
-            placeholder="例如: relay:.*格式错误"
-            size="sm"
-            class="font-mono text-xs flex-1"
+          <Textarea
+            :model-value="successJsonDraft"
+            class="min-h-[160px] font-mono text-xs leading-relaxed"
+            spellcheck="false"
+            placeholder="[{ &quot;pattern&quot;: &quot;relay:.*格式错误&quot; }]"
+            @update:model-value="updateSuccessJsonDraft"
           />
-          <Button
-            variant="ghost"
-            size="sm"
-            class="shrink-0 h-8 w-8 p-0 text-muted-foreground hover:text-destructive"
-            @click="removeRule('success', index)"
+          <div
+            v-if="successJsonError"
+            class="rounded-md border border-destructive/30 bg-destructive/10 px-3 py-2 text-xs text-destructive"
           >
-            <Trash2 class="w-3.5 h-3.5" />
-          </Button>
+            {{ successJsonError }}
+          </div>
+          <p class="text-xs text-muted-foreground">
+            仅管理成功转移规则；JSON 应为数组，<code class="bg-muted px-1 rounded">pattern</code> 必填。
+          </p>
         </div>
+
+        <template v-else>
+          <div
+            v-if="successPatterns.length === 0"
+            class="text-xs text-muted-foreground px-3 py-4 border border-dashed rounded-lg text-center"
+          >
+            暂无规则
+          </div>
+
+          <div
+            v-for="(rule, index) in successPatterns"
+            :key="'s-' + index"
+            class="flex items-center gap-1"
+          >
+            <Input
+              v-model="rule.pattern"
+              placeholder="例如: relay:.*格式错误"
+              size="sm"
+              class="font-mono text-xs flex-1"
+            />
+            <Button
+              variant="ghost"
+              size="sm"
+              class="shrink-0 h-8 w-8 p-0 text-muted-foreground hover:text-destructive"
+              @click="removeRule('success', index)"
+            >
+              <Trash2 class="w-3.5 h-3.5" />
+            </Button>
+          </div>
+        </template>
       </div>
 
       <!-- 错误终止规则 -->
@@ -68,54 +118,104 @@
               错误终止规则
             </h3>
             <p class="text-xs text-muted-foreground mt-0.5">
-              HTTP 非 200 且响应体匹配正则时，停止转移并直接返回错误。可选填状态码缩小匹配范围
+              HTTP 非 200 且规则命中时，停止转移并直接返回错误。状态码不填则所有错误状态都尝试匹配正则
             </p>
           </div>
-          <Button
-            type="button"
-            variant="outline"
-            size="sm"
-            class="shrink-0"
-            @click="addRule('error')"
-          >
-            <Plus class="w-4 h-4 mr-1" />
-            添加
-          </Button>
+          <div class="flex items-center gap-1 shrink-0">
+            <Button
+              type="button"
+              variant="ghost"
+              size="sm"
+              class="h-7 text-xs px-2"
+              :title="errorJsonMode ? '切回错误终止表单' : '切到错误终止 JSON'"
+              @click="toggleErrorJsonMode"
+            >
+              <Code2 class="w-3 h-3 mr-1" />
+              {{ errorJsonMode ? '表单' : 'JSON' }}
+            </Button>
+            <Button
+              v-if="errorJsonMode"
+              type="button"
+              variant="ghost"
+              size="sm"
+              class="h-7 px-2 text-xs"
+              title="格式化错误终止 JSON"
+              @click="formatErrorJsonDraft"
+            >
+              <AlignLeft class="w-3 h-3 mr-1" />
+              格式化
+            </Button>
+            <Button
+              v-if="!errorJsonMode"
+              type="button"
+              variant="ghost"
+              size="sm"
+              class="h-7 text-xs px-2"
+              @click="addRule('error')"
+            >
+              <Plus class="w-3 h-3 mr-1" />
+              添加
+            </Button>
+          </div>
         </div>
 
         <div
-          v-if="errorPatterns.length === 0"
-          class="text-xs text-muted-foreground px-3 py-4 border border-dashed rounded-lg text-center"
+          v-if="errorJsonMode"
+          class="space-y-2"
         >
-          暂无规则
+          <Textarea
+            :model-value="errorJsonDraft"
+            class="min-h-[180px] font-mono text-xs leading-relaxed"
+            spellcheck="false"
+            placeholder="[{ &quot;pattern&quot;: &quot;content_policy_violation&quot; }, { &quot;status_codes&quot;: [429, 500, 503], &quot;pattern&quot;: &quot;&quot; }]"
+            @update:model-value="updateErrorJsonDraft"
+          />
+          <div
+            v-if="errorJsonError"
+            class="rounded-md border border-destructive/30 bg-destructive/10 px-3 py-2 text-xs text-destructive"
+          >
+            {{ errorJsonError }}
+          </div>
+          <p class="text-xs text-muted-foreground">
+            仅管理错误终止规则；JSON 应为数组，<code class="bg-muted px-1 rounded">status_codes</code> 选填数组，不填则所有错误状态都尝试匹配 <code class="bg-muted px-1 rounded">pattern</code>；两者至少填一个。
+          </p>
         </div>
 
-        <div
-          v-for="(rule, index) in errorPatterns"
-          :key="'e-' + index"
-          class="flex items-center gap-1"
-        >
-          <Input
-            v-model="statusCodeInputs[index]"
-            placeholder="状态码 (可选)"
-            size="sm"
-            class="font-mono text-xs w-28 shrink-0"
-          />
-          <Input
-            v-model="rule.pattern"
-            placeholder="例如: content_policy_violation"
-            size="sm"
-            class="font-mono text-xs flex-1"
-          />
-          <Button
-            variant="ghost"
-            size="sm"
-            class="shrink-0 h-8 w-8 p-0 text-muted-foreground hover:text-destructive"
-            @click="removeRule('error', index)"
+        <template v-else>
+          <div
+            v-if="errorPatterns.length === 0"
+            class="text-xs text-muted-foreground px-3 py-4 border border-dashed rounded-lg text-center"
           >
-            <Trash2 class="w-3.5 h-3.5" />
-          </Button>
-        </div>
+            暂无规则
+          </div>
+
+          <div
+            v-for="(rule, index) in errorPatterns"
+            :key="'e-' + index"
+            class="flex items-center gap-1"
+          >
+            <Input
+              v-model="statusCodeInputs[index]"
+              placeholder="状态码 (选填，可多个)"
+              size="sm"
+              class="font-mono text-xs w-40 shrink-0"
+            />
+            <Input
+              v-model="rule.pattern"
+              placeholder="正则内容 (选填)"
+              size="sm"
+              class="font-mono text-xs flex-1"
+            />
+            <Button
+              variant="ghost"
+              size="sm"
+              class="shrink-0 h-8 w-8 p-0 text-muted-foreground hover:text-destructive"
+              @click="removeRule('error', index)"
+            >
+              <Trash2 class="w-3.5 h-3.5" />
+            </Button>
+          </div>
+        </template>
       </div>
     </div>
 
@@ -143,12 +243,13 @@ import {
   Dialog,
   Button,
   Input,
+  Textarea,
 } from '@/components/ui'
-import { GitBranch, Plus, Trash2 } from 'lucide-vue-next'
+import { AlignLeft, Code2, GitBranch, Plus, Trash2 } from 'lucide-vue-next'
 import { useToast } from '@/composables/useToast'
 import { updateProvider, type ProviderWithEndpointsSummary } from '@/api/endpoints'
 import { parseApiError } from '@/utils/errorParser'
-import type { FailoverRuleItem } from '@/api/endpoints/types'
+import type { FailoverRuleItem, FailoverRulesConfig } from '@/api/endpoints/types'
 
 const props = defineProps<{
   open: boolean
@@ -166,15 +267,105 @@ const saving = ref(false)
 const successPatterns = ref<FailoverRuleItem[]>([])
 const errorPatterns = ref<FailoverRuleItem[]>([])
 const statusCodeInputs = ref<string[]>([])
+const successJsonMode = ref(false)
+const successJsonDraft = ref('')
+const successJsonError = ref<string | null>(null)
+const successJsonDirty = ref(false)
+const errorJsonMode = ref(false)
+const errorJsonDraft = ref('')
+const errorJsonError = ref<string | null>(null)
+const errorJsonDirty = ref(false)
+
+const TOP_LEVEL_STOP_STATUS_CODE_KEYS = [
+  'stop_status_codes',
+  'stop_on_status_codes',
+  'early_stop_status_codes',
+  'non_retryable_status_codes',
+] as const
+
+const MANAGED_FAILOVER_RULE_KEYS = [
+  'success_failover_patterns',
+  'error_stop_patterns',
+  ...TOP_LEVEL_STOP_STATUS_CODE_KEYS,
+] as const
+
+function isJsonObject(value: unknown): value is Record<string, unknown> {
+  return value !== null && typeof value === 'object' && !Array.isArray(value)
+}
+
+function uniqueStatusCodes(codes: number[]): number[] {
+  return codes.filter((code, index, values) =>
+    Number.isInteger(code) && code >= 100 && code <= 599 && values.indexOf(code) === index
+  )
+}
+
+function collectTopLevelStopStatusCodes(rules: ProviderWithEndpointsSummary['failover_rules']): number[] {
+  if (!rules) return []
+  return uniqueStatusCodes(TOP_LEVEL_STOP_STATUS_CODE_KEYS.flatMap(key => rules[key] || []))
+}
+
+function hasPersistableFailoverValue(value: unknown): boolean {
+  if (value === null || value === undefined) return false
+  if (Array.isArray(value)) return value.length > 0
+  if (typeof value === 'string') return value.trim().length > 0
+  if (isJsonObject(value)) return Object.values(value).some(hasPersistableFailoverValue)
+  return true
+}
+
+function buildPreservedFailoverRules(
+  rules: ProviderWithEndpointsSummary['failover_rules'],
+): Record<string, unknown> {
+  if (!isJsonObject(rules)) return {}
+  const preserved: Record<string, unknown> = { ...rules }
+  for (const key of MANAGED_FAILOVER_RULE_KEYS) {
+    delete preserved[key]
+  }
+  return preserved
+}
+
+function buildNextFailoverRules(
+  filteredSuccess: FailoverRuleItem[],
+  filteredError: FailoverRuleItem[],
+): FailoverRulesConfig | null {
+  const nextRules = buildPreservedFailoverRules(props.provider?.failover_rules)
+  if (filteredSuccess.length > 0) {
+    nextRules.success_failover_patterns = filteredSuccess
+  }
+  if (filteredError.length > 0) {
+    nextRules.error_stop_patterns = filteredError
+  }
+
+  return Object.values(nextRules).some(hasPersistableFailoverValue)
+    ? nextRules as FailoverRulesConfig
+    : null
+}
 
 watch(() => [props.open, props.provider], () => {
   if (props.open && props.provider) {
     const rules = props.provider.failover_rules
-    successPatterns.value = (rules?.success_failover_patterns || []).map(r => ({ ...r }))
-    errorPatterns.value = (rules?.error_stop_patterns || []).map(r => ({ ...r }))
+    successPatterns.value = (rules?.success_failover_patterns || []).map(r => ({
+      ...r,
+      pattern: r.pattern || '',
+    }))
+    errorPatterns.value = (rules?.error_stop_patterns || []).map(r => ({
+      ...r,
+      pattern: r.pattern || '',
+    }))
+    const topLevelStopStatusCodes = collectTopLevelStopStatusCodes(rules)
+    if (topLevelStopStatusCodes.length > 0) {
+      errorPatterns.value.push({
+        pattern: '',
+        description: '',
+        status_codes: topLevelStopStatusCodes,
+      })
+    }
     statusCodeInputs.value = errorPatterns.value.map(r =>
       r.status_codes?.length ? r.status_codes.join(',') : ''
     )
+    successJsonMode.value = false
+    errorJsonMode.value = false
+    refreshSuccessJsonDraft()
+    refreshErrorJsonDraft()
   }
 }, { immediate: true })
 
@@ -201,9 +392,16 @@ function handleClose() {
   emit('update:open', false)
 }
 
-function parseStatusCodes(input: string): { valid: true; codes?: number[] } | { valid: false; reason: string } {
+function parseStatusCodes(
+  input: string,
+  required = false,
+): { valid: true; codes: number[] } | { valid: false; reason: string } {
   const trimmed = input.trim()
-  if (!trimmed) return { valid: true }
+  if (!trimmed) {
+    return required
+      ? { valid: false, reason: '状态码不能为空' }
+      : { valid: true, codes: [] }
+  }
   const parts = trimmed.split(/[,\s]+/)
   const codes: number[] = []
   for (const part of parts) {
@@ -213,11 +411,21 @@ function parseStatusCodes(input: string): { valid: true; codes?: number[] } | {
     if (n < 100 || n > 599) return { valid: false, reason: `${n} 不在 100-599 范围内` }
     codes.push(n)
   }
-  return { valid: true, codes: codes.length > 0 ? codes : undefined }
+  const uniqueCodes = Array.from(new Set(codes))
+  return uniqueCodes.length > 0
+    ? { valid: true, codes: uniqueCodes }
+    : required
+      ? { valid: false, reason: '状态码不能为空' }
+      : { valid: true, codes: [] }
 }
 
 function validatePattern(pattern: string): string | null {
   if (!pattern.trim()) return '正则表达式不能为空'
+  return validateOptionalPattern(pattern)
+}
+
+function validateOptionalPattern(pattern: string): string | null {
+  if (!pattern.trim()) return null
   try {
     new RegExp(pattern)
     return null
@@ -226,12 +434,301 @@ function validatePattern(pattern: string): string | null {
   }
 }
 
+function buildSuccessJsonRulesFromForm(): FailoverRuleItem[] {
+  return successPatterns.value
+    .map(rule => ({
+      ...rule,
+      pattern: rule.pattern.trim(),
+      status_codes: rule.status_codes?.length ? uniqueStatusCodes(rule.status_codes) : undefined,
+    }))
+    .filter(rule => rule.pattern)
+}
+
+function buildErrorJsonRulesFromForm(): FailoverRuleItem[] {
+  return errorPatterns.value
+    .map((rule, index) => {
+      const parsed = parseStatusCodes(statusCodeInputs.value[index] || '')
+      const statusCodes = parsed.valid
+        ? parsed.codes
+        : uniqueStatusCodes(rule.status_codes || [])
+      return {
+        ...rule,
+        pattern: rule.pattern.trim(),
+        status_codes: statusCodes.length > 0 ? statusCodes : undefined,
+      }
+    })
+    .filter(rule => rule.pattern || (rule.status_codes?.length || 0) > 0)
+}
+
+function stringifyRuleArray(rules: FailoverRuleItem[]): string {
+  return JSON.stringify(rules, null, 2)
+}
+
+function refreshSuccessJsonDraft() {
+  successJsonDraft.value = stringifyRuleArray(buildSuccessJsonRulesFromForm())
+  successJsonError.value = null
+  successJsonDirty.value = false
+}
+
+function refreshErrorJsonDraft() {
+  errorJsonDraft.value = stringifyRuleArray(buildErrorJsonRulesFromForm())
+  errorJsonError.value = null
+  errorJsonDirty.value = false
+}
+
+function updateSuccessJsonDraft(value: string) {
+  successJsonDraft.value = value
+  successJsonDirty.value = true
+  successJsonError.value = null
+}
+
+function updateErrorJsonDraft(value: string) {
+  errorJsonDraft.value = value
+  errorJsonDirty.value = true
+  errorJsonError.value = null
+}
+
+function readJsonRuleArray(
+  parsed: unknown,
+  key: 'success_failover_patterns' | 'error_stop_patterns',
+): { root: Record<string, unknown>; value: unknown[]; error: string | null } {
+  if (Array.isArray(parsed)) return { root: {}, value: parsed, error: null }
+  if (!isJsonObject(parsed)) return { root: {}, value: [], error: '规则 JSON 必须是数组或对象' }
+  const root = isJsonObject(parsed.failover_rules) ? parsed.failover_rules : parsed
+  const raw = root[key]
+  if (raw === undefined || raw === null) return { root, value: [], error: null }
+  if (!Array.isArray(raw)) return { root, value: [], error: `${key} 必须是数组或 null` }
+  return { root, value: raw, error: null }
+}
+
+function parseJsonStatusCodes(
+  value: unknown,
+  label: string,
+  required: boolean,
+): { codes: number[]; error: string | null } {
+  if (value === undefined || value === null) {
+    return required
+      ? { codes: [], error: `${label}status_codes 必填` }
+      : { codes: [], error: null }
+  }
+  if (!Array.isArray(value)) return { codes: [], error: `${label}status_codes 必须是数组` }
+  const codes: number[] = []
+  for (const item of value) {
+    if (!Number.isInteger(item)) {
+      return { codes: [], error: `${label}status_codes 只能包含整数` }
+    }
+    const code = item as number
+    if (code < 100 || code > 599) {
+      return { codes: [], error: `${label}status_codes 只能填写 100-599` }
+    }
+    codes.push(code)
+  }
+  const uniqueCodes = uniqueStatusCodes(codes)
+  if (required && uniqueCodes.length === 0) {
+    return { codes: [], error: `${label}status_codes 必填` }
+  }
+  return { codes: uniqueCodes, error: null }
+}
+
+function parseJsonSuccessRule(rule: unknown, index: number): { rule: FailoverRuleItem | null; error: string | null } {
+  const label = `成功转移 JSON 第 ${index + 1} 条：`
+  if (!isJsonObject(rule)) return { rule: null, error: `${label}必须是对象` }
+  if (typeof rule.pattern !== 'string' || !rule.pattern.trim()) {
+    return { rule: null, error: `${label}pattern 必填` }
+  }
+  const pattern = rule.pattern.trim()
+  const patternError = validatePattern(pattern)
+  if (patternError) return { rule: null, error: `${label}${patternError}` }
+  const status = parseJsonStatusCodes(rule.status_codes, label, false)
+  if (status.error) return { rule: null, error: status.error }
+
+  return {
+    rule: {
+      pattern,
+      description: typeof rule.description === 'string' ? rule.description : undefined,
+      status_codes: status.codes.length > 0 ? status.codes : undefined,
+    },
+    error: null,
+  }
+}
+
+function parseJsonErrorRule(rule: unknown, index: number): { rule: FailoverRuleItem | null; error: string | null } {
+  const label = `错误终止 JSON 第 ${index + 1} 条：`
+  if (!isJsonObject(rule)) return { rule: null, error: `${label}必须是对象` }
+  const status = parseJsonStatusCodes(rule.status_codes, label, false)
+  if (status.error) return { rule: null, error: status.error }
+  if (rule.pattern !== undefined && rule.pattern !== null && typeof rule.pattern !== 'string') {
+    return { rule: null, error: `${label}pattern 必须是字符串` }
+  }
+  const pattern = typeof rule.pattern === 'string' ? rule.pattern.trim() : ''
+  const patternError = validateOptionalPattern(pattern)
+  if (patternError) return { rule: null, error: `${label}${patternError}` }
+  if (status.codes.length === 0 && !pattern) {
+    return { rule: null, error: `${label}status_codes 和 pattern 至少填写一个` }
+  }
+
+  return {
+    rule: {
+      pattern,
+      description: typeof rule.description === 'string' ? rule.description : undefined,
+      status_codes: status.codes.length > 0 ? status.codes : undefined,
+    },
+    error: null,
+  }
+}
+
+function parseSuccessRulesJsonDraft(draft: string): { value: FailoverRuleItem[] | null; error: string | null } {
+  const raw = draft.trim()
+  if (!raw) return { value: [], error: null }
+
+  let parsed: unknown
+  try {
+    parsed = JSON.parse(raw)
+  } catch (error: unknown) {
+    return { value: null, error: error instanceof Error ? error.message : 'JSON 格式无效' }
+  }
+
+  const rules = readJsonRuleArray(parsed, 'success_failover_patterns')
+  if (rules.error) return { value: null, error: rules.error }
+
+  const normalized: FailoverRuleItem[] = []
+  for (let i = 0; i < rules.value.length; i++) {
+    const parsedRule = parseJsonSuccessRule(rules.value[i], i)
+    if (parsedRule.error || !parsedRule.rule) return { value: null, error: parsedRule.error }
+    normalized.push(parsedRule.rule)
+  }
+  return { value: normalized, error: null }
+}
+
+function parseErrorRulesJsonDraft(draft: string): { value: FailoverRuleItem[] | null; error: string | null } {
+  const raw = draft.trim()
+  if (!raw) return { value: [], error: null }
+
+  let parsed: unknown
+  try {
+    parsed = JSON.parse(raw)
+  } catch (error: unknown) {
+    return { value: null, error: error instanceof Error ? error.message : 'JSON 格式无效' }
+  }
+
+  const rules = readJsonRuleArray(parsed, 'error_stop_patterns')
+  if (rules.error) return { value: null, error: rules.error }
+
+  const normalized: FailoverRuleItem[] = []
+  for (let i = 0; i < rules.value.length; i++) {
+    const parsedRule = parseJsonErrorRule(rules.value[i], i)
+    if (parsedRule.error || !parsedRule.rule) return { value: null, error: parsedRule.error }
+    normalized.push(parsedRule.rule)
+  }
+
+  for (const key of TOP_LEVEL_STOP_STATUS_CODE_KEYS) {
+    const status = parseJsonStatusCodes(rules.root[key], `${key}：`, false)
+    if (status.error) return { value: null, error: status.error }
+    if (status.codes.length > 0) {
+      normalized.push({
+        pattern: '',
+        description: '',
+        status_codes: status.codes,
+      })
+    }
+  }
+
+  return { value: normalized, error: null }
+}
+
+function applySuccessJsonDraft(options: { notify?: boolean; notifyError?: boolean } = {}): boolean {
+  const notifyError = options.notifyError !== false
+  const parsed = parseSuccessRulesJsonDraft(successJsonDraft.value)
+  if (!parsed.value) {
+    successJsonError.value = parsed.error
+    if (notifyError) showError(parsed.error || '成功转移规则 JSON 无效', '验证失败')
+    return false
+  }
+
+  successPatterns.value = parsed.value.map(rule => ({ ...rule }))
+  successJsonDraft.value = stringifyRuleArray(parsed.value)
+  successJsonError.value = null
+  successJsonDirty.value = false
+  if (options.notify !== false) success('成功转移 JSON 已应用')
+  return true
+}
+
+function applyErrorJsonDraft(options: { notify?: boolean; notifyError?: boolean } = {}): boolean {
+  const notifyError = options.notifyError !== false
+  const parsed = parseErrorRulesJsonDraft(errorJsonDraft.value)
+  if (!parsed.value) {
+    errorJsonError.value = parsed.error
+    if (notifyError) showError(parsed.error || '错误终止规则 JSON 无效', '验证失败')
+    return false
+  }
+
+  errorPatterns.value = parsed.value.map(rule => ({ ...rule }))
+  statusCodeInputs.value = errorPatterns.value.map(rule => rule.status_codes?.join(',') || '')
+  errorJsonDraft.value = stringifyRuleArray(parsed.value)
+  errorJsonError.value = null
+  errorJsonDirty.value = false
+  if (options.notify !== false) success('错误终止 JSON 已应用')
+  return true
+}
+
+function toggleSuccessJsonMode() {
+  if (successJsonMode.value) {
+    if (successJsonDirty.value && !applySuccessJsonDraft({ notify: false })) return
+    successJsonMode.value = false
+    return
+  }
+  refreshSuccessJsonDraft()
+  successJsonMode.value = true
+}
+
+function toggleErrorJsonMode() {
+  if (errorJsonMode.value) {
+    if (errorJsonDirty.value && !applyErrorJsonDraft({ notify: false })) return
+    errorJsonMode.value = false
+    return
+  }
+  refreshErrorJsonDraft()
+  errorJsonMode.value = true
+}
+
+function formatSuccessJsonDraft() {
+  const currentDraft = successJsonDraft.value
+  const parsed = parseSuccessRulesJsonDraft(currentDraft)
+  if (!parsed.value) {
+    successJsonError.value = parsed.error
+    return
+  }
+  const formattedDraft = stringifyRuleArray(parsed.value)
+  successJsonDraft.value = formattedDraft
+  successJsonError.value = null
+  if (formattedDraft !== currentDraft) {
+    successJsonDirty.value = true
+  }
+}
+
+function formatErrorJsonDraft() {
+  const currentDraft = errorJsonDraft.value
+  const parsed = parseErrorRulesJsonDraft(currentDraft)
+  if (!parsed.value) {
+    errorJsonError.value = parsed.error
+    return
+  }
+  const formattedDraft = stringifyRuleArray(parsed.value)
+  errorJsonDraft.value = formattedDraft
+  errorJsonError.value = null
+  if (formattedDraft !== currentDraft) {
+    errorJsonDirty.value = true
+  }
+}
+
 async function handleSave() {
   if (!props.provider) return
 
+  if (successJsonMode.value && !applySuccessJsonDraft({ notify: false })) return
+  if (errorJsonMode.value && !applyErrorJsonDraft({ notify: false })) return
+
   // Validate patterns
-  const allPatterns = [...successPatterns.value, ...errorPatterns.value]
-  for (const rule of allPatterns) {
+  for (const rule of successPatterns.value) {
     const err = validatePattern(rule.pattern)
     if (err) {
       showError(err, '验证失败')
@@ -247,23 +744,39 @@ async function handleSave() {
       showError(`状态码格式错误: ${result.reason}，请输入 100-599 之间的整数，多个用逗号分隔`, '验证失败')
       return
     }
-    errorPatterns.value[i].status_codes = result.codes
+    const patternErr = validateOptionalPattern(errorPatterns.value[i].pattern)
+    if (patternErr) {
+      showError(patternErr, '验证失败')
+      return
+    }
+    const pattern = errorPatterns.value[i].pattern.trim()
+    if (result.codes.length === 0 && !pattern) {
+      showError(`第 ${i + 1} 条错误终止规则：状态码和正则内容至少填写一个`, '验证失败')
+      return
+    }
+    errorPatterns.value[i].status_codes = result.codes.length > 0 ? result.codes : undefined
   }
 
   saving.value = true
   try {
-    const filteredSuccess = successPatterns.value.filter(r => r.pattern.trim())
-    const filteredError = errorPatterns.value.filter(r => r.pattern.trim())
+    const filteredSuccess = successPatterns.value
+      .map(r => ({ ...r, pattern: r.pattern.trim() }))
+      .filter(r => r.pattern)
+    const filteredError = errorPatterns.value
+      .map(r => {
+        const statusCodes = r.status_codes?.length ? r.status_codes : undefined
+        return {
+          ...r,
+          pattern: r.pattern.trim(),
+          status_codes: statusCodes,
+        }
+      })
+      .filter(r => r.pattern || (r.status_codes?.length || 0) > 0)
 
-    const hasRules = filteredSuccess.length > 0 || filteredError.length > 0
+    const nextFailoverRules = buildNextFailoverRules(filteredSuccess, filteredError)
 
     await updateProvider(props.provider.id, {
-      failover_rules: hasRules
-        ? {
-            success_failover_patterns: filteredSuccess,
-            error_stop_patterns: filteredError,
-          }
-        : null,
+      failover_rules: nextFailoverRules,
     })
 
     success('故障转移规则已保存')

frontend/src/features/providers/components/ProviderDetailDrawer.vue

@@ -1627,11 +1627,23 @@ const antigravityQuotaDialogKey = ref<EndpointAPIKey | null>(null)
 
 // 故障转移规则
 const failoverRulesDialogOpen = ref(false)
+const FAILOVER_RULE_ARRAY_KEYS = [
+  'success_failover_patterns',
+  'error_stop_patterns',
+  'stop_status_codes',
+  'stop_on_status_codes',
+  'early_stop_status_codes',
+  'non_retryable_status_codes',
+  'continue_on_status_codes',
+  'retryable_status_codes',
+  'retry_on_status_codes',
+  'continue_status_codes',
+] as const
 const hasFailoverRules = computed(() => {
   const rules = provider.value?.failover_rules
   if (!rules) return false
-  return (rules.success_failover_patterns?.length || 0) > 0
-    || (rules.error_stop_patterns?.length || 0) > 0
+  return FAILOVER_RULE_ARRAY_KEYS.some(key => (rules[key]?.length || 0) > 0)
+    || typeof rules.max_retries === 'number'
 })
 
 // Provider 级别代理配置状态