refactor: 全局代码模块化重构 — 所有文件<700行

后端 handler 拆分:
- automation.go(1067→4文件), server.go(1011→5文件), ldap.go(815→3文件), user.go(704→2文件)

前端组件拆分:
- SystemManager(1782→569), AlertManager(1133→220), K8sClusters(1062→4文件)
- Dashboard(941→4文件), ServerManager(905→640), ApprovalFlow(830→548)
- AlertCenter(775→693), AIPredictiveAnalytics(760→670)
- CloudBilling(728→663), GrafanaDashboard(717→643), sidebar(726→689)

Mock 数据模块化:
- mocks/data.ts(2552行→barrel+11个domain模块)

新增 CLAUDE.md 项目全局开发规范

修复: AlertCenter/LogManager ListResponse.data→.list 类型不匹配
验证: go build ✅ + tsc --noEmit ✅ + npm run build ✅

frontend/src/components/system/UserFormDialog.tsx

@@ -1,3 +1,4 @@
+import { useState, useEffect } from 'react';
 import { Button } from '@/components/ui/button';
 import { Input } from '@/components/ui/input';
 import {
@@ -16,7 +17,7 @@ import {
   SelectValue,
 } from '@/components/ui/select';
 import { User } from 'lucide-react';
-import { roles } from '@/mocks/data';
+import { userApi } from '@/services/api';
 
 export interface UserFormData {
   username: string;
@@ -47,6 +48,32 @@ export function UserFormDialog({
   saving,
   onSubmit,
 }: UserFormDialogProps) {
+  const [roles, setRoles] = useState<{ id: string; name: string }[]>([]);
+
+  // 对话框打开时拉取角色列表 // Logan.Li
+  useEffect(() => {
+    if (!open) return;
+    let cancelled = false;
+    (async () => {
+      try {
+        const resp = await userApi.getRoles();
+        if (cancelled) return;
+        const list = resp?.list ?? [];
+        setRoles(
+          list.map((r: any) => ({
+            id: String(r.id ?? ''),
+            name: r.name ?? r.code ?? '',
+          }))
+        );
+      } catch {
+        if (!cancelled) setRoles([]);
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [open]);
+
   return (
     <Dialog open={open} onOpenChange={onOpenChange}>
       <DialogContent className="bg-slate-900 border-slate-800">