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

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

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

@@ -1,42 +1,74 @@
 <template>
-  <Card variant="default" class="overflow-hidden">
+  <Card
+    variant="default"
+    class="overflow-hidden"
+  >
     <!-- 标题和筛选器 -->
     <div class="px-6 py-3.5 border-b border-border/60">
       <div class="flex items-center justify-between gap-4">
-        <h3 class="text-base font-semibold">{{ title }}</h3>
+        <h3 class="text-base font-semibold">
+          {{ title }}
+        </h3>
         <div class="flex items-center gap-3">
           <Label class="text-xs text-muted-foreground">回溯时间：</Label>
-          <Select v-model="lookbackHours" v-model:open="selectOpen">
+          <Select
+            v-model="lookbackHours"
+            v-model:open="selectOpen"
+          >
             <SelectTrigger class="w-28 h-8 text-xs border-border/60">
               <SelectValue />
             </SelectTrigger>
             <SelectContent>
-              <SelectItem value="1">1 小时</SelectItem>
-              <SelectItem value="6">6 小时</SelectItem>
-              <SelectItem value="12">12 小时</SelectItem>
-              <SelectItem value="24">24 小时</SelectItem>
-              <SelectItem value="48">48 小时</SelectItem>
+              <SelectItem value="1">
+                1 小时
+              </SelectItem>
+              <SelectItem value="6">
+                6 小时
+              </SelectItem>
+              <SelectItem value="12">
+                12 小时
+              </SelectItem>
+              <SelectItem value="24">
+                24 小时
+              </SelectItem>
+              <SelectItem value="48">
+                48 小时
+              </SelectItem>
             </SelectContent>
           </Select>
-          <RefreshButton :loading="loading" @click="refreshData" />
+          <RefreshButton
+            :loading="loading"
+            @click="refreshData"
+          />
         </div>
       </div>
     </div>
 
     <!-- 内容区域 -->
     <div class="p-6">
-      <div v-if="loadingMonitors" class="flex items-center justify-center py-12">
+      <div
+        v-if="loadingMonitors"
+        class="flex items-center justify-center py-12"
+      >
         <Loader2 class="w-6 h-6 animate-spin text-muted-foreground" />
         <span class="ml-2 text-muted-foreground">加载中...</span>
       </div>
 
-      <div v-else-if="monitors.length === 0" class="flex flex-col items-center justify-center py-12 text-muted-foreground">
+      <div
+        v-else-if="monitors.length === 0"
+        class="flex flex-col items-center justify-center py-12 text-muted-foreground"
+      >
         <Activity class="w-12 h-12 mb-3 opacity-30" />
         <p>暂无健康监控数据</p>
-        <p class="text-xs mt-1">端点尚未产生请求记录</p>
+        <p class="text-xs mt-1">
+          端点尚未产生请求记录
+        </p>
       </div>
 
-      <div v-else class="space-y-3">
+      <div
+        v-else
+        class="space-y-3"
+      >
         <div
           v-for="monitor in monitors"
           :key="monitor.api_format"
@@ -48,7 +80,10 @@
             <div class="w-44 flex-shrink-0 space-y-1.5">
               <!-- API 格式标签和成功率 -->
               <div class="flex items-center gap-2">
-                <Badge variant="outline" class="font-mono text-xs">
+                <Badge
+                  variant="outline"
+                  class="font-mono text-xs"
+                >
                   {{ monitor.api_format }}
                 </Badge>
                 <Badge
@@ -61,7 +96,10 @@
               </div>
 
               <!-- 提供商信息（仅管理员可见） -->
-              <div v-if="showProviderInfo && 'provider_count' in monitor" class="text-xs text-muted-foreground">
+              <div
+                v-if="showProviderInfo && 'provider_count' in monitor"
+                class="text-xs text-muted-foreground"
+              >
                 {{ monitor.provider_count }} 个提供商 / {{ monitor.key_count }} 个密钥
               </div>
             </div>