Add usage metadata frontend plumbing

frontend/src/api/me.ts

@@ -61,11 +61,17 @@ export interface UsageRecordDetail {
   cost: number  // 官方费率
   actual_cost?: number  // 倍率消耗（仅管理员可见）
   rate_multiplier?: number  // 成本倍率（仅管理员可见）
-  response_time_ms?: number
+  response_time_ms?: number | null
+  first_byte_time_ms?: number | null
   is_stream: boolean
   upstream_is_stream?: boolean
   client_requested_stream?: boolean
   client_is_stream?: boolean
+  client_family?: string | null
+  client_ip?: string | null
+  user_agent?: string | null
+  request_path?: string | null
+  request_path_and_query?: string | null
   created_at: string
   cache_creation_input_tokens?: number
   cache_creation_ephemeral_5m_input_tokens?: number

frontend/src/api/usage.ts

@@ -24,6 +24,11 @@ export interface UsageRecord {
   response_time?: number
   created_at: string
   has_fallback?: boolean // 🆕 是否发生了 fallback
+  client_family?: string | null
+  client_ip?: string | null
+  user_agent?: string | null
+  request_path?: string | null
+  request_path_and_query?: string | null
 }
 
 export interface UsageStats {
@@ -106,6 +111,7 @@ export interface UsageFilters {
   granularity?: 'hour' | 'day' | 'week' | 'month'
   timezone?: string
   tz_offset_minutes?: number
+  client_family?: string
   page?: number
   page_size?: number
 }

frontend/src/features/usage/composables/useUsageData.ts

@@ -30,6 +30,7 @@ export interface FilterParams {
   provider?: string
   api_format?: string
   status?: string
+  client_family?: string
 }
 
 function isUsageProviderVisible(provider: string | undefined | null): provider is string {
@@ -371,6 +372,9 @@ export function useUsageData(options: UseUsageDataOptions) {
         if (filters?.status) {
           params.status = filters.status
         }
+        if (filters?.client_family) {
+          params.client_family = filters.client_family
+        }
 
         const response = await usageApi.getAllUsageRecords(params)
         if (requestId !== loadRecordsRequestId) {

frontend/src/features/usage/types.ts

@@ -106,12 +106,17 @@ export interface UsageRecord {
   total_tokens: number
   cost: number
   actual_cost?: number
-  response_time_ms?: number
-  first_byte_time_ms?: number  // 首字时间 (TTFB)
+  response_time_ms?: number | null
+  first_byte_time_ms?: number | null  // 首字时间 (TTFB)
   is_stream: boolean
   upstream_is_stream?: boolean
   client_requested_stream?: boolean
   client_is_stream?: boolean
+  client_family?: string | null
+  client_ip?: string | null
+  user_agent?: string | null
+  request_path?: string | null
+  request_path_and_query?: string | null
   status_code?: number
   error_message?: string
   status?: RequestStatus  // 请求状态: pending, streaming, completed, failed
@@ -142,7 +147,8 @@ export type FilterStatusValue =
   'active' |
   'failed' |
   'cancelled' |
-  'has_fallback'
+  'has_fallback' |
+  'has_retry'
 
 // 默认统计状态
 export function createDefaultStats(): UsageStatsState {