refactor(frontend): 优化功能模块组件

- 更新 api-keys 模块: StandaloneKeyFormDialog
- 改进 auth 模块: LoginDialog
- 优化 models 模块: AliasDialog, GlobalModelFormDialog, ModelDetailDrawer, TieredPricingEditor
- 重构 providers 模块: 多个表单和对话框组件
- 更新 usage 模块: 时间线、表格和详情组件
- 调整 users 模块: UserFormDialog

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

@@ -1,41 +1,66 @@
 <template>
   <Card class="overflow-hidden">
     <div class="px-3 py-2 border-b">
-      <h3 class="text-sm font-medium">按API格式分析</h3>
+      <h3 class="text-sm font-medium">
+        按API格式分析
+      </h3>
     </div>
     <Table class="text-sm">
       <TableHeader>
         <TableRow>
-          <TableHead class="h-8 px-2">API格式</TableHead>
-          <TableHead class="h-8 px-2 text-right">请求数</TableHead>
-          <TableHead class="h-8 px-2 text-right">Tokens</TableHead>
-          <TableHead class="h-8 px-2 text-right">费用</TableHead>
-          <TableHead class="h-8 px-2 text-right">平均响应</TableHead>
+          <TableHead class="h-8 px-2">
+            API格式
+          </TableHead>
+          <TableHead class="h-8 px-2 text-right">
+            请求数
+          </TableHead>
+          <TableHead class="h-8 px-2 text-right">
+            Tokens
+          </TableHead>
+          <TableHead class="h-8 px-2 text-right">
+            费用
+          </TableHead>
+          <TableHead class="h-8 px-2 text-right">
+            平均响应
+          </TableHead>
         </TableRow>
       </TableHeader>
       <TableBody>
         <TableRow v-if="data.length === 0">
-          <TableCell :colspan="5" class="text-center py-6 text-muted-foreground px-2">
+          <TableCell
+            :colspan="5"
+            class="text-center py-6 text-muted-foreground px-2"
+          >
             暂无API格式统计数据
           </TableCell>
         </TableRow>
-        <TableRow v-for="item in data" :key="item.api_format">
+        <TableRow
+          v-for="item in data"
+          :key="item.api_format"
+        >
           <TableCell class="font-medium py-2 px-2">
             {{ formatApiFormat(item.api_format) }}
           </TableCell>
-          <TableCell class="text-right py-2 px-2">{{ item.request_count }}</TableCell>
+          <TableCell class="text-right py-2 px-2">
+            {{ item.request_count }}
+          </TableCell>
           <TableCell class="text-right py-2 px-2">
             <span>{{ formatTokens(item.total_tokens) }}</span>
           </TableCell>
           <TableCell class="text-right py-2 px-2">
             <div class="flex flex-col items-end text-xs gap-0.5">
               <span class="text-primary font-medium">{{ formatCurrency(item.total_cost) }}</span>
-              <span v-if="isAdmin && item.actual_cost !== undefined" class="text-muted-foreground text-[10px]">
+              <span
+                v-if="isAdmin && item.actual_cost !== undefined"
+                class="text-muted-foreground text-[10px]"
+              >
                 {{ formatCurrency(item.actual_cost) }}
               </span>
             </div>
           </TableCell>
-          <TableCell class="text-right text-muted-foreground py-2 px-2">{{ item.avgResponseTime }}</TableCell>
+          <TableCell class="text-right text-muted-foreground py-2 px-2">
+            {{ item.avgResponseTime }}
+          </TableCell>
         </TableRow>
       </TableBody>
     </Table>
@@ -54,6 +79,11 @@ import TableCell from '@/components/ui/table-cell.vue'
 import { formatTokens, formatCurrency } from '@/utils/format'
 import type { ApiFormatStatsItem } from '../types'
 
+defineProps<{
+  data: ApiFormatStatsItem[]
+  isAdmin: boolean
+}>()
+
 // 格式化 API 格式显示名称
 function formatApiFormat(format: string): string {
   const formatMap: Record<string, string> = {
@@ -67,8 +97,4 @@ function formatApiFormat(format: string): string {
   return formatMap[format.toUpperCase()] || format
 }
 
-defineProps<{
-  data: ApiFormatStatsItem[]
-  isAdmin: boolean
-}>()
 </script>