refactor: AlertCenter拆分(723→390行)+修复TopologyView类型错误

- AlertCenter.tsx: 723→390行，提取类型/helpers/渠道Tab到子组件
- alert-center-helpers.tsx: 新建(127行)，共享Alert/AlertRule/NotificationChannel类型+mapAlert+badge helpers
- AlertChannelDialog.tsx: 新建(121行)，通知渠道创建/编辑对话框(自包含useEffect同步)
- AlertChannelsTab.tsx: 新建(152行)，通知渠道Tab自包含(状态+API+渲染+CRUD)
- AlertCenterDetail.tsx: 去重getSeverityBadge，统一从helpers导入
- TopologyView.tsx: 修复editForm.type类型推断(string→TopologyNode['type'])

frontend/src/components/monitor/alert-center/AlertCenter.tsx

@@ -1,98 +1,38 @@
+// 告警中心主组件 // Logan.Li
 import React, { useState, useEffect } from 'react';
 import {
-  Bell, AlertTriangle, AlertCircle, CheckCircle, XCircle, Clock, Filter,
-  Search, RefreshCw, Settings, Eye, Check, X, Volume2, VolumeX, Mail,
-  MessageSquare, Phone, User, Server, TrendingUp, TrendingDown, BarChart3,
-  Calendar, Download, MoreHorizontal, ChevronDown, ChevronUp, Zap, Shield,
-  Activity, Layers, Info, Plus, ChevronRight
+  AlertTriangle, AlertCircle, CheckCircle, Zap, Search, RefreshCw,
+  Eye, Check, VolumeX,
 } from 'lucide-react';
 import { Button } from '@/components/ui/button';
 import { Input } from '@/components/ui/input';
 import { Badge } from '@/components/ui/badge';
-import { Card, CardContent, CardHeader, CardTitle, CardDescription } from '@/components/ui/card';
+import { Card, CardContent } from '@/components/ui/card';
 import {
-  Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter
-} from '@/components/ui/dialog';
-import {
-  Select, SelectContent, SelectItem, SelectTrigger, SelectValue
+  Select, SelectContent, SelectItem, SelectTrigger, SelectValue,
 } from '@/components/ui/select';
 import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
-import { Label } from '@/components/ui/label';
 import { Switch } from '@/components/ui/switch';
-import { Separator } from '@/components/ui/separator';
-import { ScrollArea } from '@/components/ui/scroll-area';
 import { toast } from 'sonner';
-import { useConfirm } from '@/components/ui/confirm-dialog';
-import { alertCenterApi, alertApi } from '@/services/api';
+import { alertCenterApi } from '@/services/api';
+import {
+  type Alert, type AlertRule, mapAlert, getSeverityBadge, getStatusBadge,
+} from './alert-center-helpers';
 import { AlertDetailDialog, AlertSilenceDialog } from './AlertCenterDetail';
-
-export interface Alert {
-  id: string;
-  title: string;
-  description: string;
-  severity: 'critical' | 'warning' | 'info';
-  status: 'firing' | 'resolved' | 'acknowledged' | 'suppressed';
-  source: string;
-  service: string;
-  metric: string;
-  value: number;
-  threshold: number;
-  startedAt: string;
-  resolvedAt?: string;
-  acknowledgedBy?: string;
-  acknowledgedAt?: string;
-  runbookUrl?: string;
-  labels: Record<string, string>;
-  annotations: Record<string, string>;
-}
-
-// Logan.Li — 字段名与后端 alert.go AlertRule 对齐
-interface AlertRule {
-  id: number;
-  name: string;
-  description: string;
-  enabled: boolean;
-  severity: string;
-  type?: string;
-  source?: string;
-  expression?: string;
-  duration?: number;
-  threshold?: number;
-  labels?: string;
-  annotations?: string;
-  notify_channels?: string;
-  created_at?: string;
-  updated_at?: string;
-}
-
-interface NotificationChannel {
-  id: number;
-  name: string;
-  type: string;
-  enabled: boolean;
-  config: string;
-  test_status?: string;
-}
+import { AlertChannelsTab } from './AlertChannelsTab';
 
 const AlertCenter: React.FC = () => {
-  const _confirm = useConfirm();
   const [alerts, setAlerts] = useState<Alert[]>([]);
   const [rules, setRules] = useState<AlertRule[]>([]);
-  const [channels, setChannels] = useState<NotificationChannel[]>([]);
   const [loading, setLoading] = useState(false);
   const [searchQuery, setSearchQuery] = useState('');
-  const [severityFilter, setSeverityFilter] = useState<string>('all');
-  const [statusFilter, setStatusFilter] = useState<string>('all');
+  const [severityFilter, setSeverityFilter] = useState('all');
+  const [statusFilter, setStatusFilter] = useState('all');
   const [activeTab, setActiveTab] = useState('alerts');
   const [selectedAlert, setSelectedAlert] = useState<Alert | null>(null);
   const [detailOpen, setDetailOpen] = useState(false);
   const [silenceOpen, setSilenceOpen] = useState(false);
-  const [stats, setStats] = useState({
-    firing: 0,
-    critical: 0,
-    warning: 0,
-    resolved: 0
-  });
+  const [stats, setStats] = useState({ firing: 0, critical: 0, warning: 0, resolved: 0 });
 
   useEffect(() => {
     fetchData();
@@ -101,39 +41,24 @@ const AlertCenter: React.FC = () => {
   }, []);
 
   const fetchData = async () => {
-    await Promise.all([fetchAlerts(), fetchRules(), fetchChannels()]);
+    await Promise.all([fetchAlerts(), fetchRules()]);
   };
 
+  // Logan.Li — 获取告警列表
   const fetchAlerts = async () => {
     setLoading(true);
     try {
       const res = await alertCenterApi.getAlerts();
       const raw = (res.list || []) as any[];
-      // Logan.Li — 后端字段映射到前端 Alert 接口
-      const data: Alert[] = raw.map(a => ({
-        id: String(a.id),
-        title: a.rule_name || a.title || `告警 #${a.id}`,
-        description: a.message || a.description || '',
-        severity: a.severity || 'info',
-        status: a.status || 'firing',
-        source: a.target || a.source || '',
-        service: a.service || '',
-        metric: a.metric || '',
-        value: a.value || 0,
-        threshold: a.threshold || 0,
-        startedAt: a.started_at || a.startedAt || a.created_at || new Date().toISOString(),
-        resolvedAt: a.resolved_at || a.resolvedAt,
-        labels: typeof a.labels === 'string' ? (() => { try { return JSON.parse(a.labels || '{}'); } catch { return {}; } })() : (a.labels || {}),
-        annotations: typeof a.annotations === 'string' ? (() => { try { return JSON.parse(a.annotations || '{}'); } catch { return {}; } })() : (a.annotations || {}),
-      }));
+      const data: Alert[] = raw.map(mapAlert);
       setAlerts(data);
       setStats({
-        firing: data.filter((a: Alert) => a.status === 'firing').length,
-        critical: data.filter((a: Alert) => a.severity === 'critical' && a.status === 'firing').length,
-        warning: data.filter((a: Alert) => a.severity === 'warning' && a.status === 'firing').length,
-        resolved: data.filter((a: Alert) => a.status === 'resolved').length
+        firing: data.filter(a => a.status === 'firing').length,
+        critical: data.filter(a => a.severity === 'critical' && a.status === 'firing').length,
+        warning: data.filter(a => a.severity === 'warning' && a.status === 'firing').length,
+        resolved: data.filter(a => a.status === 'resolved').length,
       });
-    } catch (error) {
+    } catch {
       toast.error('获取告警失败');
     } finally {
       setLoading(false);
@@ -144,27 +69,17 @@ const AlertCenter: React.FC = () => {
     try {
       const res = await alertCenterApi.getRules();
       setRules(res.list || []);
-    } catch (error) {
+    } catch {
       toast.error('获取告警规则失败');
     }
   };
 
-  const fetchChannels = async () => {
-    try {
-      const res = await alertApi.getNotifyChannels();
-      const list = (res as any)?.list || [];
-      setChannels(list);
-    } catch (error) {
-      toast.error('获取通知渠道失败');
-    }
-  };
-
   const handleAcknowledge = async (id: string) => {
     try {
       await alertCenterApi.acknowledge(id);
       toast.success('告警已确认');
       fetchAlerts();
-    } catch (error) {
+    } catch {
       toast.error('操作失败');
     }
   };
@@ -174,7 +89,7 @@ const AlertCenter: React.FC = () => {
       await alertCenterApi.resolve(id);
       toast.success('告警已解决');
       fetchAlerts();
-    } catch (error) {
+    } catch {
       toast.error('操作失败');
     }
   };
@@ -185,7 +100,7 @@ const AlertCenter: React.FC = () => {
       toast.success('告警已静默');
       setSilenceOpen(false);
       fetchAlerts();
-    } catch (error) {
+    } catch {
       toast.error('操作失败');
     }
   };
@@ -195,128 +110,11 @@ const AlertCenter: React.FC = () => {
       await alertCenterApi.toggleRule(ruleId);
       setRules(rules.map(r => String(r.id) === ruleId ? { ...r, enabled } : r));
       toast.success('规则状态已更新');
-    } catch (error) {
+    } catch {
       toast.error('更新失败');
     }
   };
 
-  // 通知渠道管理
-  const [channelDialogOpen, setChannelDialogOpen] = useState(false);
-  const [editingChannel, setEditingChannel] = useState<NotificationChannel | null>(null);
-  const [channelForm, setChannelForm] = useState({ name: '', type: 'dingtalk', config: '' });
-  const [channelSaving, setChannelSaving] = useState(false);
-
-  const openCreateChannel = () => {
-    setEditingChannel(null);
-    setChannelForm({ name: '', type: 'dingtalk', config: '' });
-    setChannelDialogOpen(true);
-  };
-
-  const openEditChannel = (ch: NotificationChannel) => {
-    setEditingChannel(ch);
-    setChannelForm({ name: ch.name, type: ch.type, config: ch.config || '' });
-    setChannelDialogOpen(true);
-  };
-
-  const handleSaveChannel = async () => {
-    if (!channelForm.name.trim()) return;
-    setChannelSaving(true);
-    try {
-      const payload = { name: channelForm.name.trim(), type: channelForm.type, config: channelForm.config.trim() };
-      if (editingChannel) {
-        await alertApi.updateNotifyChannel(editingChannel.id, payload);
-        toast.success('渠道已更新');
-      } else {
-        await alertApi.createNotifyChannel(payload);
-        toast.success('渠道已添加');
-      }
-      setChannelDialogOpen(false);
-      fetchChannels();
-    } catch (error) {
-      toast.error('保存失败');
-    } finally {
-      setChannelSaving(false);
-    }
-  };
-
-  const handleDeleteChannel = async (id: number) => {
-    { const ok = await _confirm({ title: '删除通知渠道', description: '确定删除此通知渠道？', confirmText: '删除', variant: 'destructive' }); if (!ok) return; }
-    try {
-      await alertApi.deleteNotifyChannel(id);
-      toast.success('渠道已删除');
-      fetchChannels();
-    } catch (error) {
-      toast.error('删除失败');
-    }
-  };
-
-  const handleTestChannel = async (id: number) => {
-    try {
-      const res = await alertApi.testNotifyChannel(id);
-      const status = (res as any)?.status;
-      if (status === 'success') {
-        toast.success('测试通知已发送');
-      } else {
-        toast.warning('渠道未配置参数，请先完善配置');
-      }
-      fetchChannels();
-    } catch (error) {
-      toast.error('测试失败');
-    }
-  };
-
-  const handleToggleChannel = async (ch: NotificationChannel) => {
-    try {
-      await alertApi.updateNotifyChannel(ch.id, { enabled: !ch.enabled });
-      fetchChannels();
-    } catch (error) {
-      toast.error('操作失败');
-    }
-  };
-
-  const getChannelTypeLabel = (type: string) => {
-    const map: Record<string, string> = { dingtalk: '钉钉', wechat: '企业微信', email: '邮件', sms: '短信', webhook: 'Webhook' };
-    return map[type] || type;
-  };
-
-  const getSeverityBadge = (severity: string) => {
-    switch (severity) {
-      case 'critical':
-        return <Badge variant="destructive" className="gap-1"><AlertCircle className="w-3 h-3" />严重</Badge>;
-      case 'warning':
-        return <Badge variant="default" className="bg-orange-500 gap-1"><AlertTriangle className="w-3 h-3" />警告</Badge>;
-      case 'info':
-        return <Badge variant="default" className="bg-blue-500 gap-1"><Info className="w-3 h-3" />信息</Badge>;
-      default:
-        return <Badge variant="secondary">未知</Badge>;
-    }
-  };
-
-  const getStatusBadge = (status: string) => {
-    switch (status) {
-      case 'firing':
-        return <Badge variant="destructive" className="gap-1 animate-pulse"><Zap className="w-3 h-3" />触发中</Badge>;
-      case 'acknowledged':
-        return <Badge variant="default" className="bg-yellow-500 gap-1"><User className="w-3 h-3" />已确认</Badge>;
-      case 'resolved':
-        return <Badge variant="default" className="bg-green-500 gap-1"><CheckCircle className="w-3 h-3" />已解决</Badge>;
-      case 'suppressed':
-        return <Badge variant="secondary" className="gap-1"><VolumeX className="w-3 h-3" />已静默</Badge>;
-      default:
-        return <Badge variant="secondary">未知</Badge>;
-    }
-  };
-
-  const getChannelIcon = (type: string) => {
-    switch (type) {
-      case 'email': return <Mail className="w-4 h-4" />;
-      case 'slack': return <MessageSquare className="w-4 h-4" />;
-      case 'sms': return <Phone className="w-4 h-4" />;
-      case 'webhook': return <Zap className="w-4 h-4" />;
-      default: return <Bell className="w-4 h-4" />;
-    }
-  };
-
   const filteredAlerts = alerts.filter(alert => {
     const matchSearch = alert.title.toLowerCase().includes(searchQuery.toLowerCase()) ||
                        alert.description.toLowerCase().includes(searchQuery.toLowerCase()) ||
@@ -391,8 +189,8 @@ const AlertCenter: React.FC = () => {
           <TabsTrigger value="channels">通知渠道</TabsTrigger>
         </TabsList>
 
+        {/* 告警列表 Tab */}
         <TabsContent value="alerts" className="space-y-4">
-          {/* 过滤栏 */}
           <div className="flex flex-wrap items-center justify-between gap-4">
             <div className="flex items-center gap-2 flex-1 min-w-[300px]">
               <div className="relative flex-1">
@@ -427,12 +225,10 @@ const AlertCenter: React.FC = () => {
                 </SelectContent>
               </Select>
             </div>
-            <div className="flex items-center gap-2">
-              <Button variant="outline" onClick={fetchAlerts}>
-                <RefreshCw className="w-4 h-4 mr-2" />
-                刷新
-              </Button>
-            </div>
+            <Button variant="outline" onClick={fetchAlerts}>
+              <RefreshCw className="w-4 h-4 mr-2" />
+              刷新
+            </Button>
           </div>
 
           {/* 告警列表 */}
@@ -452,13 +248,9 @@ const AlertCenter: React.FC = () => {
                   </thead>
                   <tbody className="divide-y">
                     {loading ? (
-                      <tr>
-                        <td colSpan={6} className="px-4 py-8 text-center text-muted-foreground">加载中...</td>
-                      </tr>
+                      <tr><td colSpan={6} className="px-4 py-8 text-center text-muted-foreground">加载中...</td></tr>
                     ) : filteredAlerts.length === 0 ? (
-                      <tr>
-                        <td colSpan={6} className="px-4 py-8 text-center text-muted-foreground">暂无告警</td>
-                      </tr>
+                      <tr><td colSpan={6} className="px-4 py-8 text-center text-muted-foreground">暂无告警</td></tr>
                     ) : (
                       filteredAlerts.map((alert) => (
                         <tr key={alert.id} className="hover:bg-muted/50">
@@ -480,41 +272,28 @@ const AlertCenter: React.FC = () => {
                           <td className="px-4 py-3 text-sm text-muted-foreground">
                             {alert.status === 'resolved' && alert.resolvedAt
                               ? `${Math.floor((new Date(alert.resolvedAt).getTime() - new Date(alert.startedAt).getTime()) / 60000)}分钟`
-                              : `${Math.floor((Date.now() - new Date(alert.startedAt).getTime()) / 60000)}分钟`
-                            }
+                              : `${Math.floor((Date.now() - new Date(alert.startedAt).getTime()) / 60000)}分钟`}
                           </td>
                           <td className="px-4 py-3">
                             <div className="flex items-center gap-1">
-                              <Button
-                                variant="ghost"
-                                size="sm"
-                                onClick={() => { setSelectedAlert(alert); setDetailOpen(true); }}
-                              >
+                              <Button variant="ghost" size="sm"
+                                onClick={() => { setSelectedAlert(alert); setDetailOpen(true); }}>
                                 <Eye className="w-4 h-4" />
                               </Button>
                               {alert.status === 'firing' && (
-                                <Button
-                                  variant="ghost"
-                                  size="sm"
-                                  onClick={() => handleAcknowledge(alert.id)}
-                                >
+                                <Button variant="ghost" size="sm"
+                                  onClick={() => handleAcknowledge(alert.id)}>
                                   <Check className="w-4 h-4 text-blue-600" />
                                 </Button>
                               )}
                               {(alert.status === 'firing' || alert.status === 'acknowledged') && (
-                                <Button
-                                  variant="ghost"
-                                  size="sm"
-                                  onClick={() => handleResolve(alert.id)}
-                                >
+                                <Button variant="ghost" size="sm"
+                                  onClick={() => handleResolve(alert.id)}>
                                   <CheckCircle className="w-4 h-4 text-green-600" />
                                 </Button>
                               )}
-                              <Button
-                                variant="ghost"
-                                size="sm"
-                                onClick={() => { setSelectedAlert(alert); setSilenceOpen(true); }}
-                              >
+                              <Button variant="ghost" size="sm"
+                                onClick={() => { setSelectedAlert(alert); setSilenceOpen(true); }}>
                                 <VolumeX className="w-4 h-4 text-orange-600" />
                               </Button>
                             </div>
@@ -529,14 +308,13 @@ const AlertCenter: React.FC = () => {
           </Card>
         </TabsContent>
 
+        {/* 告警规则 Tab */}
         <TabsContent value="rules" className="space-y-4">
           <div className="flex justify-between items-center">
-            <div className="flex items-center gap-2">
-              <Button variant="outline" onClick={fetchRules}>
-                <RefreshCw className="w-4 h-4 mr-2" />
-                刷新
-              </Button>
-            </div>
+            <Button variant="outline" onClick={fetchRules}>
+              <RefreshCw className="w-4 h-4 mr-2" />
+              刷新
+            </Button>
           </div>
           <div className="grid grid-cols-1 gap-4">
             {rules.map((rule) => (
@@ -559,15 +337,15 @@ const AlertCenter: React.FC = () => {
                         {rule.duration ? <span>持续 {rule.duration}秒</span> : null}
                       </div>
                       {(() => {
-                        let channels: string[] = [];
+                        let chs: string[] = [];
                         try {
                           const raw = rule.notify_channels;
-                          if (raw) channels = Array.isArray(raw) ? raw : JSON.parse(raw);
+                          if (raw) chs = Array.isArray(raw) ? raw : JSON.parse(raw);
                         } catch { /* ignore */ }
-                        if (!channels.length) return null;
+                        if (!chs.length) return null;
                         return (
                           <div className="flex gap-1 mt-2">
-                            {channels.map(ch => (
+                            {chs.map(ch => (
                               <Badge key={ch} variant="outline" className="text-xs">{ch}</Badge>
                             ))}
                           </div>
@@ -587,63 +365,9 @@ const AlertCenter: React.FC = () => {
           </div>
         </TabsContent>
 
-        <TabsContent value="channels" className="space-y-4">
-          <div className="flex justify-between items-center">
-            <div className="flex items-center gap-2">
-              <Button variant="outline" onClick={fetchChannels}>
-                <RefreshCw className="w-4 h-4 mr-2" />
-                刷新
-              </Button>
-            </div>
-            <Button onClick={openCreateChannel}>
-              <Plus className="w-4 h-4 mr-2" />
-              添加渠道
-            </Button>
-          </div>
-          {channels.length === 0 ? (
-            <div className="text-center py-16 text-muted-foreground border border-dashed rounded-lg">
-              暂无通知渠道，点击「添加渠道」创建
-            </div>
-          ) : (
-            <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
-              {channels.map((channel) => (
-                <Card key={channel.id} className="cursor-pointer hover:border-primary/50 transition-colors" >
-                  <CardHeader className="pb-3" onClick={() => openEditChannel(channel)}>
-                    <div className="flex items-start justify-between">
-                      <div className="flex items-center gap-2">
-                        {getChannelIcon(channel.type)}
-                        <CardTitle className="text-base">{channel.name}</CardTitle>
-                      </div>
-                      <Badge variant={channel.enabled ? 'default' : 'secondary'} className={channel.enabled ? 'bg-green-600' : ''}>
-                        {channel.enabled ? '已启用' : '已禁用'}
-                      </Badge>
-                    </div>
-                  </CardHeader>
-                  <CardContent className="pt-0">
-                    <div className="text-sm text-muted-foreground mb-3">
-                      类型: {getChannelTypeLabel(channel.type)}
-                      {channel.test_status === 'success' && (
-                        <span className="ml-2 text-green-500">测试通过</span>
-                      )}
-                    </div>
-                    <div className="flex gap-2">
-                      <Button variant="outline" size="sm" className="flex-1" onClick={() => handleTestChannel(channel.id)}>
-                        <Zap className="w-4 h-4 mr-1.5" />
-                        测试
-                      </Button>
-                      <Button variant="outline" size="sm" className="flex-1" onClick={() => handleToggleChannel(channel)}>
-                        <Settings className="w-4 h-4 mr-1.5" />
-                        {channel.enabled ? '禁用' : '启用'}
-                      </Button>
-                      <Button variant="outline" size="sm" onClick={() => handleDeleteChannel(channel.id)}>
-                        <X className="w-4 h-4" />
-                      </Button>
-                    </div>
-                  </CardContent>
-                </Card>
-              ))}
-            </div>
-          )}
+        {/* 通知渠道 Tab — 自包含子组件 */}
+        <TabsContent value="channels">
+          <AlertChannelsTab refreshKey={0} />
         </TabsContent>
       </Tabs>
 
@@ -659,63 +383,6 @@ const AlertCenter: React.FC = () => {
         onOpenChange={setSilenceOpen}
         onSilence={handleSilence}
       />
-
-      {/* 通知渠道创建/编辑对话框 */}
-      <Dialog open={channelDialogOpen} onOpenChange={setChannelDialogOpen}>
-        <DialogContent>
-          <DialogHeader>
-            <DialogTitle>{editingChannel ? '编辑通知渠道' : '添加通知渠道'}</DialogTitle>
-            <DialogDescription>配置告警通知渠道（钉钉/企业微信/邮件/短信/Webhook）</DialogDescription>
-          </DialogHeader>
-          <div className="space-y-4">
-            <div className="space-y-2">
-              <Label>渠道名称 *</Label>
-              <Input
-                value={channelForm.name}
-                onChange={(e) => setChannelForm({ ...channelForm, name: e.target.value })}
-                placeholder="如：运维告警群"
-              />
-            </div>
-            <div className="space-y-2">
-              <Label>渠道类型</Label>
-              <Select value={channelForm.type} onValueChange={(v) => setChannelForm({ ...channelForm, type: v })}>
-                <SelectTrigger>
-                  <SelectValue />
-                </SelectTrigger>
-                <SelectContent>
-                  <SelectItem value="dingtalk">钉钉</SelectItem>
-                  <SelectItem value="wechat">企业微信</SelectItem>
-                  <SelectItem value="email">邮件</SelectItem>
-                  <SelectItem value="sms">短信</SelectItem>
-                  <SelectItem value="webhook">Webhook</SelectItem>
-                </SelectContent>
-              </Select>
-            </div>
-            <div className="space-y-2">
-              <Label>配置（JSON）</Label>
-              <Input
-                value={channelForm.config}
-                onChange={(e) => setChannelForm({ ...channelForm, config: e.target.value })}
-                placeholder='{"webhook":"https://...","secret":"..."}'
-                className="font-mono text-sm"
-              />
-              <p className="text-xs text-muted-foreground">
-                {channelForm.type === 'dingtalk' && '钉钉机器人: webhook URL + secret'}
-                {channelForm.type === 'wechat' && '企业微信: webhook URL'}
-                {channelForm.type === 'email' && '邮件: {"to":"ops@ezops.io"}'}
-                {channelForm.type === 'sms' && '短信: {"phones":"13800138000"}'}
-                {channelForm.type === 'webhook' && 'Webhook: {"url":"https://..."}'}
-              </p>
-            </div>
-          </div>
-          <DialogFooter>
-            <Button variant="outline" onClick={() => setChannelDialogOpen(false)}>取消</Button>
-            <Button onClick={handleSaveChannel} disabled={!channelForm.name.trim() || channelSaving}>
-              {channelSaving ? '保存中...' : editingChannel ? '保存修改' : '添加渠道'}
-            </Button>
-          </DialogFooter>
-        </DialogContent>
-      </Dialog>
     </div>
   );
 };