feat: ServerManager 死按钮清理+CSV导出+统计卡片提取; 审批/导航后端拆分; DialogDescription修复; AppRelease重试按钮实现

frontend/src/components/server/ServerManager.tsx

@@ -33,19 +33,17 @@ import {
   Plus,
   MoreHorizontal,
   Terminal,
-  Power,
-  RotateCw,
   Trash2,
   Edit,
   Download,
   Upload,
-  Server,
-  Activity,
+  Server as ServerIcon,
   Cloud,
   FileSpreadsheet,
   RefreshCw,
 } from 'lucide-react';
 import { serverApi } from '@/services/api';
+import { ServerStatsCards } from './ServerStatsCards';
 import { useConfirm } from '@/components/ui/confirm-dialog';
 import { toast } from 'sonner';
 import type { Server as ServerType } from '@/types';
@@ -247,6 +245,32 @@ export function ServerManager() {
     }
   };
 
+  // 导出 CSV — 将当前服务器列表导出为 CSV 文件 // Logan.Li
+  const handleExport = () => {
+    if (filteredServers.length === 0) {
+      toast.error('没有可导出的数据');
+      return;
+    }
+    const headers = ['主机名', 'IP地址', '公网IP', '端口', '操作系统', 'CPU(核)', '内存(GB)', '磁盘(GB)', '状态', '标签'];
+    const rows = filteredServers.map((s) => {
+      const memGB = s.memory ? Math.round(s.memory / 1024) : 0;
+      const tags = getTags(s).join(';');
+      return [s.hostname || '', s.ip || '', s.public_ip || '', s.port || 22, s.os || '',
+        s.cpu || 0, memGB, s.disk || 0, s.status || '', tags];
+    });
+    const csv = [headers, ...rows]
+      .map((row) => row.map((cell) => `"${String(cell).replace(/"/g, '""')}"`).join(','))
+      .join('\n');
+    const blob = new Blob(['\ufeff' + csv], { type: 'text/csv;charset=utf-8;' });
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement('a');
+    a.href = url;
+    a.download = `servers_${new Date().toISOString().slice(0, 10)}.csv`;
+    a.click();
+    URL.revokeObjectURL(url);
+    toast.success(`已导出 ${filteredServers.length} 台服务器`);
+  };
+
   const getStatusBadge = (status: ServerType['status']) => {
     switch (status) {
       case 'running':
@@ -299,7 +323,11 @@ export function ServerManager() {
             <RefreshCw className={cn('h-4 w-4 mr-2', loading && 'animate-spin')} />
             刷新
           </Button>
-          <Button variant="outline" className="border-[var(--dg-border)] text-[var(--dg-text-secondary)] hover:text-[var(--dg-text-primary)] hover:bg-[var(--dg-bg-hover)]">
+          <Button
+            variant="outline"
+            className="border-[var(--dg-border)] text-[var(--dg-text-secondary)] hover:text-[var(--dg-text-primary)] hover:bg-[var(--dg-bg-hover)]"
+            onClick={handleExport}
+          >
             <Download className="h-4 w-4 mr-2" />
             导出
           </Button>
@@ -342,66 +370,7 @@ export function ServerManager() {
       </div>
 
       {/* Stats Cards */}
-      <div className="grid grid-cols-1 md:grid-cols-4 gap-4">
-        <Card className="bg-[var(--dg-bg-secondary)] border-[var(--dg-border)]">
-          <CardContent className="p-4">
-            <div className="flex items-center justify-between">
-              <div>
-                <p className="text-sm text-[var(--dg-text-muted)]">服务器总数</p>
-                <p className="text-2xl font-bold text-[var(--dg-text-primary)]">{servers.length}</p>
-              </div>
-              <div className="p-3 rounded-lg bg-[var(--dg-blue)]/10 text-[var(--dg-blue)]">
-                <Server className="h-5 w-5" />
-              </div>
-            </div>
-          </CardContent>
-        </Card>
-        <Card className="bg-[var(--dg-bg-secondary)] border-[var(--dg-border)]">
-          <CardContent className="p-4">
-            <div className="flex items-center justify-between">
-              <div>
-                <p className="text-sm text-[var(--dg-text-muted)]">运行中</p>
-                <p className="text-2xl font-bold text-emerald-400">
-                  {servers.filter((s) => s.status === 'running').length}
-                </p>
-              </div>
-              <div className="p-3 rounded-lg bg-emerald-500/10 text-emerald-400">
-                <Activity className="h-5 w-5" />
-              </div>
-            </div>
-          </CardContent>
-        </Card>
-        <Card className="bg-[var(--dg-bg-secondary)] border-[var(--dg-border)]">
-          <CardContent className="p-4">
-            <div className="flex items-center justify-between">
-              <div>
-                <p className="text-sm text-[var(--dg-text-muted)]">维护中</p>
-                <p className="text-2xl font-bold text-amber-400">
-                  {servers.filter((s) => s.status === 'maintenance').length}
-                </p>
-              </div>
-              <div className="p-3 rounded-lg bg-amber-500/10 text-amber-400">
-                <RotateCw className="h-5 w-5" />
-              </div>
-            </div>
-          </CardContent>
-        </Card>
-        <Card className="bg-[var(--dg-bg-secondary)] border-[var(--dg-border)]">
-          <CardContent className="p-4">
-            <div className="flex items-center justify-between">
-              <div>
-                <p className="text-sm text-[var(--dg-text-muted)]">已停止</p>
-                <p className="text-2xl font-bold text-[var(--dg-text-muted)]">
-                  {servers.filter((s) => s.status === 'stopped').length}
-                </p>
-              </div>
-              <div className="p-3 rounded-lg bg-[var(--dg-bg-tertiary)] text-[var(--dg-text-secondary)]">
-                <Power className="h-5 w-5" />
-              </div>
-            </div>
-          </CardContent>
-        </Card>
-      </div>
+      <ServerStatsCards servers={servers} />
 
       {/* Filters & Table */}
       <Card className="bg-[var(--dg-bg-secondary)] border-[var(--dg-border)]">
@@ -434,14 +403,6 @@ export function ServerManager() {
             {selectedServers.length > 0 && (
               <div className="flex items-center gap-2">
                 <span className="text-sm text-[var(--dg-text-secondary)]">已选择 {selectedServers.length} 项</span>
-                <Button variant="outline" size="sm" className="border-[var(--dg-border)] text-[var(--dg-text-secondary)] hover:bg-[var(--dg-bg-hover)]">
-                  <Terminal className="h-4 w-4 mr-2" />
-                  批量命令
-                </Button>
-                <Button variant="outline" size="sm" className="border-[var(--dg-border)] text-[var(--dg-text-secondary)] hover:bg-[var(--dg-bg-hover)]">
-                  <RotateCw className="h-4 w-4 mr-2" />
-                  重启
-                </Button>
                 <Button
                   variant="outline"
                   size="sm"
@@ -509,7 +470,7 @@ export function ServerManager() {
                         </TableCell>
                         <TableCell>
                           <div className="flex items-center gap-2">
-                            <Server className="h-4 w-4 text-[var(--dg-text-muted)]" />
+                            <ServerIcon className="h-4 w-4 text-[var(--dg-text-muted)]" />
                             <div>
                               <p className="font-medium text-[var(--dg-text-primary)]">{server.hostname}</p>
                               <p className="text-xs text-[var(--dg-text-muted)]">{server.os}</p>
@@ -609,15 +570,13 @@ export function ServerManager() {
                                   <Edit className="h-4 w-4 mr-2" />
                                   编辑
                                 </DropdownMenuItem>
-                                <DropdownMenuItem className="text-[var(--dg-text-secondary)] focus:bg-[var(--dg-bg-hover)] focus:text-[var(--dg-text-primary)] cursor-pointer" onClick={() => openTerminal(server)}>
+                                <DropdownMenuItem className="text-[var(--dg-text-secondary)] focus:bg-[var(--dg-bg-hover)] focus:text-[var(--dg-text-primary)] cursor-pointer"
+                                  onClick={() => openTerminal(server)}
+                                >
                                   <Terminal className="h-4 w-4 mr-2" />
                                   终端
                                 </DropdownMenuItem>
                                 <DropdownMenuSeparator className="bg-[var(--dg-border)]" />
-                                <DropdownMenuItem className="text-[var(--dg-text-secondary)] focus:bg-[var(--dg-bg-hover)] focus:text-[var(--dg-text-primary)] cursor-pointer">
-                                  <RotateCw className="h-4 w-4 mr-2" />
-                                  重启
-                                </DropdownMenuItem>
                                 <DropdownMenuItem
                                   className="text-red-400 focus:bg-[var(--dg-bg-hover)] focus:text-red-400 cursor-pointer"
                                   onClick={() => handleDelete(server.id)}