fix(frontend): replace browser confirm dialogs with AlertDialog

统一删除、撤销与未保存离开等确认操作为 shadcn AlertDialog，避免
window.confirm/alert 打断界面风格；同步更新 WAF 编辑器相关单测与 changelog。

frontend/app/(main)/admin/push/components/events-tab.tsx

@@ -43,6 +43,16 @@ import {
   DialogHeader,
   DialogTitle,
 } from '@/components/ui/dialog';
+import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+} from '@/components/ui/alert-dialog';
 import {
   Select,
   SelectContent,
@@ -71,6 +81,9 @@ import { PushService } from '@/lib/services/push';
 
 export function EventsTab() {
   const queryClient = useQueryClient();
+  const [deleteTarget, setDeleteTarget] = React.useState<PushEvent | null>(
+    null,
+  );
 
   // --- 获取所有自定义消息通道 ---
   const channelsQuery = useQuery({
@@ -146,6 +159,7 @@ export function EventsTab() {
   const deleteEventMutation = useMutation({
     mutationFn: (id: number) => PushService.deleteEvent(id),
     onSuccess: () => {
+      setDeleteTarget(null);
       toast.success('配置删除成功');
       queryClient.invalidateQueries({ queryKey: ['admin', 'push-events'] });
     },
@@ -452,11 +466,7 @@ export function EventsTab() {
                               size='icon'
                               className='h-6 w-6 text-muted-foreground hover:text-destructive hover:bg-destructive/10'
                               disabled={deleteEventMutation.isPending}
-                              onClick={() => {
-                                if (confirm('确定要删除该通知事件配置吗？')) {
-                                  deleteEventMutation.mutate(event.id);
-                                }
-                              }}
+                              onClick={() => setDeleteTarget(event)}
                             >
                               <Trash2 className='size-3' />
                             </Button>
@@ -908,6 +918,33 @@ export function EventsTab() {
           </DialogFooter>
         </DialogContent>
       </Dialog>
+
+      <AlertDialog
+        open={Boolean(deleteTarget)}
+        onOpenChange={(open) => !open && setDeleteTarget(null)}
+      >
+        <AlertDialogContent>
+          <AlertDialogHeader>
+            <AlertDialogTitle>确认删除通知事件</AlertDialogTitle>
+            <AlertDialogDescription>
+              确定要删除该通知事件配置吗？删除后无法恢复。
+            </AlertDialogDescription>
+          </AlertDialogHeader>
+          <AlertDialogFooter>
+            <AlertDialogCancel disabled={deleteEventMutation.isPending}>
+              取消
+            </AlertDialogCancel>
+            <AlertDialogAction
+              disabled={deleteEventMutation.isPending}
+              onClick={() =>
+                deleteTarget && deleteEventMutation.mutate(deleteTarget.id)
+              }
+            >
+              {deleteEventMutation.isPending ? '删除中...' : '确认删除'}
+            </AlertDialogAction>
+          </AlertDialogFooter>
+        </AlertDialogContent>
+      </AlertDialog>
     </div>
   );
 }

frontend/app/(main)/admin/push/components/settings-tab.tsx

@@ -31,6 +31,16 @@ import {
   DialogHeader,
   DialogTitle,
 } from '@/components/ui/dialog';
+import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+} from '@/components/ui/alert-dialog';
 import {
   Select,
   SelectContent,
@@ -52,6 +62,9 @@ import { PushService } from '@/lib/services/push';
 
 export function SettingsTab() {
   const queryClient = useQueryClient();
+  const [deleteTarget, setDeleteTarget] = React.useState<PushChannel | null>(
+    null,
+  );
 
   // --- 获取所有自定义消息通道 ---
   const channelsQuery = useQuery({
@@ -94,6 +107,7 @@ export function SettingsTab() {
   const deleteChannelMutation = useMutation({
     mutationFn: (id: number) => PushService.deleteChannel(id),
     onSuccess: () => {
+      setDeleteTarget(null);
       toast.success('通道删除成功');
       queryClient.invalidateQueries({ queryKey: ['admin', 'push-channels'] });
     },
@@ -417,11 +431,7 @@ export function SettingsTab() {
                         variant='ghost'
                         size='sm'
                         disabled={deleteChannelMutation.isPending}
-                        onClick={() => {
-                          if (confirm(`确定要删除通道 "${ch.name}" 吗？`)) {
-                            deleteChannelMutation.mutate(ch.id);
-                          }
-                        }}
+                        onClick={() => setDeleteTarget(ch)}
                         className='h-6 px-2 text-[10px] text-destructive hover:text-destructive hover:bg-destructive/10'
                       >
                         <Trash2 className='size-2.5 mr-1' />
@@ -761,6 +771,33 @@ export function SettingsTab() {
           </DialogFooter>
         </DialogContent>
       </Dialog>
+
+      <AlertDialog
+        open={Boolean(deleteTarget)}
+        onOpenChange={(open) => !open && setDeleteTarget(null)}
+      >
+        <AlertDialogContent>
+          <AlertDialogHeader>
+            <AlertDialogTitle>确认删除通道</AlertDialogTitle>
+            <AlertDialogDescription>
+              确定要删除通道「{deleteTarget?.name}」吗？删除后无法恢复。
+            </AlertDialogDescription>
+          </AlertDialogHeader>
+          <AlertDialogFooter>
+            <AlertDialogCancel disabled={deleteChannelMutation.isPending}>
+              取消
+            </AlertDialogCancel>
+            <AlertDialogAction
+              disabled={deleteChannelMutation.isPending}
+              onClick={() =>
+                deleteTarget && deleteChannelMutation.mutate(deleteTarget.id)
+              }
+            >
+              {deleteChannelMutation.isPending ? '删除中...' : '确认删除'}
+            </AlertDialogAction>
+          </AlertDialogFooter>
+        </AlertDialogContent>
+      </AlertDialog>
     </div>
   );
 }