Fix usage replay model remapping

frontend/src/api/dashboard.ts

@@ -238,6 +238,18 @@ export interface ReplayResponse {
   response_headers: Record<string, string>
   response_body: Record<string, unknown>
   response_time_ms: number
+  mapping?: {
+    source_model: string
+    original_target_model?: string | null
+    resolved_model: string
+    target_provider_id: string
+    target_provider: string
+    target_endpoint_id: string
+    target_api_format: string
+    replay_mode: string
+    mapping_applied: boolean
+    mapping_source: string
+  }
 }
 
 export interface ModelBreakdown {

frontend/src/features/usage/components/ReplayDialog.vue

@@ -239,6 +239,35 @@
 
                 <!-- 响应结果 -->
                 <template v-if="replayResult">
+                  <div
+                    v-if="replayResult.mapping"
+                    class="border-b"
+                  >
+                    <div class="px-4 py-2 text-[11px] text-muted-foreground flex flex-col gap-1">
+                      <div class="flex flex-wrap items-center gap-2">
+                        <span class="font-mono truncate">{{ replayResult.mapping.source_model }}</span>
+                        <span class="text-muted-foreground/50">→</span>
+                        <span class="font-mono truncate">{{ replayResult.mapping.resolved_model }}</span>
+                        <Badge
+                          variant="outline"
+                          class="text-[10px] px-1.5 py-0 h-4"
+                        >
+                          {{ formatReplayMode(replayResult.mapping.replay_mode) }}
+                        </Badge>
+                      </div>
+                      <div class="flex flex-wrap gap-2 text-muted-foreground/60">
+                        <span>Provider: {{ replayResult.mapping.target_provider }}</span>
+                        <span>Endpoint: {{ replayResult.mapping.target_endpoint_id }}</span>
+                        <span>Format: {{ replayResult.mapping.target_api_format || '-' }}</span>
+                      </div>
+                      <div
+                        v-if="replayResult.mapping.mapping_source && replayResult.mapping.mapping_source !== 'none'"
+                        class="text-muted-foreground/50"
+                      >
+                        {{ formatMappingSource(replayResult.mapping.mapping_source) }}
+                      </div>
+                    </div>
+                  </div>
                   <!-- 响应头（可折叠） -->
                   <div class="border-b">
                     <button
@@ -376,6 +405,32 @@ const responseHeaderCount = computed(() => {
   return Object.keys(replayResult.value.response_headers).length
 })
 
+function formatReplayMode(mode?: string) {
+  switch (mode) {
+    case 'same_endpoint_reuse':
+      return '同端点复用'
+    case 'same_provider_remap':
+      return '同 Provider 重映射'
+    case 'cross_provider_remap':
+      return '跨 Provider 重映射'
+    default:
+      return mode || '-'
+  }
+}
+
+function formatMappingSource(source?: string) {
+  switch (source) {
+    case 'original_target_model':
+      return '映射来源: 复用原目标模型'
+    case 'model_mapping':
+      return '映射来源: 模型映射'
+    case 'none':
+      return '映射来源: 未映射'
+    default:
+      return source ? `映射来源: ${source}` : ''
+  }
+}
+
 // ---- 生命周期 ----
 
 watch(() => props.isOpen, async (isOpen) => {