refactor(frontend): P1-P2 架构统一 — utils/hooks/api 模块化

P1:
- utils/storage.ts、theme.ts、validate.ts + index 统一出口
- request/store/useTheme 接入 storage；清零 confirm/alert
- PipelineManager、TerminalAuditTab 拆分子模块（<700行红线）

P2:
- api/monitor、api/deploy 子目录化
- hooks/api 扩展：servers/pipelines/alerts/audit/sessionCommands
- PipelineManager、AuditOperationsTab 接入 TanStack Query

frontend/src/pages/ApprovalWorkflowPage.tsx

@@ -8,6 +8,7 @@ import { Card, CardContent } from '@/components/ui/card';
 import { Button } from '@/components/ui/button';
 import { toast } from 'sonner';
 import { approvalWorkflowApi, userApi } from '@/api';
+import { useConfirm } from '@/components/ui/confirm-dialog';
 
 /* ------------------------------------------------------------------ */
 /*  Types                                                               */
@@ -439,6 +440,7 @@ function WorkflowEditorModal({ workflow, users, onClose, onSaved }: EditorProps)
 /* ------------------------------------------------------------------ */
 
 export default function ApprovalWorkflowPage() {
+  const confirm = useConfirm();
   const [items, setItems] = useState<WorkflowItem[]>([]);
   const [users, setUsers] = useState<UserItem[]>([]);
   const [loading, setLoading] = useState(true);
@@ -488,13 +490,19 @@ export default function ApprovalWorkflowPage() {
   }, []);
 
   const handleDelete = useCallback(async (id: number, name: string) => {
-    if (!window.confirm(`确定删除审批流程「${name}」？删除后不可恢复。`)) return;
+    const ok = await confirm({
+      title: '删除审批流程',
+      description: `确定删除审批流程「${name}」？删除后不可恢复。`,
+      confirmText: '删除',
+      variant: 'destructive',
+    });
+    if (!ok) return;
     try {
       await approvalWorkflowApi.delete(id);
       setItems((prev) => prev.filter((w) => w.id !== id));
       toast.success('已删除');
     } catch { toast.error('删除失败'); }
-  }, []);
+  }, [confirm]);
 
   const setDefault = useCallback(async (id: number) => {
     try {