feat(i18n): 剩余模块全量国际化 — 51% 覆盖率 (231 文件接入 t())

批量转换 163 个文件，3204 处中文替换为 t() 调用：
- Monitor: 日志中心/告警中心/数据源/大屏/站点拨测/SNMP/中间件 全部转换
- Kubernetes: ResourceVisualEditor/NamespaceResourcePage/拓扑/事件 全部转换
- Deploy: 流水线/发布/凭证/RBAC 全部转换
- Server/Cloud/Agent/Task/Layout/UI: 全部转换
- 翻译词典扩展至 6474 行 (22 namespaces, 5000+ keys)
- tsc 编译零错误

frontend/src/components/monitor/AlertRuleDialog.tsx

@@ -16,6 +16,7 @@ import { Loader2 } from 'lucide-react';
 import { alertApi, logCenterApi, type LogDataSource } from '@/api';
 import { parseChannels, getChannelIcon, getChannelTypeLabel } from './alertShared';
 import type { JsonData } from '@/types/common';
+import { useTranslation } from 'react-i18next';
 
 const emptyRuleForm = {
   name: '',
@@ -45,6 +46,7 @@ export function AlertRuleDialog({
   /** 新建时默认规则类型 // Logan.Li */
   defaultType?: 'metric' | 'log' | 'event';
 }) {
+  const { t } = useTranslation();
   const [ruleForm, setRuleForm] = useState({ ...emptyRuleForm });
   const [ruleSaving, setRuleSaving] = useState(false);
   const [logSources, setLogSources] = useState<LogDataSource[]>([]);
@@ -127,30 +129,30 @@ export function AlertRuleDialog({
       <DialogContent className="dg-input max-w-lg">
         <DialogHeader>
           <DialogTitle className="text-[var(--dg-text-primary)]">
-            {editingRule ? '编辑告警规则' : '新建告警规则'}
+            {editingRule ? t('monitor.alertruledialog.sb62c8b') : t('monitor.alertruledialog.s3564fa')}
           </DialogTitle>
           <DialogDescription className="dg-text-muted">
-            {editingRule ? '修改告警规则的触发条件和通知方式' : '配置监控指标的告警触发条件'}
+            {editingRule ? t('monitor.alertruledialog.s44a3bb') : t('monitor.alertruledialog.sb785ec')}
           </DialogDescription>
         </DialogHeader>
 
         <div className="space-y-4 max-h-[60vh] overflow-y-auto pr-1">
           <div className="space-y-1.5">
-            <Label className="text-[var(--dg-text-secondary)]">规则名称 <span className="dg-text-red">*</span></Label>
+            <Label className="text-[var(--dg-text-secondary)]">{t('monitor.ruleName')} <span className="dg-text-red">*</span></Label>
             <Input
               value={ruleForm.name}
               onChange={(e) => setRuleForm({ ...ruleForm, name: e.target.value })}
-              placeholder="如：CPU 使用率告警"
+              placeholder=t('monitor.alertruledialog.sf111cd')
               className="dg-input"
             />
           </div>
 
           <div className="space-y-1.5">
-            <Label className="text-[var(--dg-text-secondary)]">描述</Label>
+            <Label className="text-[var(--dg-text-secondary)]">{t('common.description')}</Label>
             <Textarea
               value={ruleForm.description}
               onChange={(e) => setRuleForm({ ...ruleForm, description: e.target.value })}
-              placeholder="规则说明"
+              placeholder=t('monitor.alertruledialog.scc807b')
               rows={2}
               className="dg-input resize-none"
             />
@@ -158,7 +160,7 @@ export function AlertRuleDialog({
 
           <div className="grid grid-cols-2 gap-3">
             <div className="space-y-1.5">
-              <Label className="text-[var(--dg-text-secondary)]">规则类型</Label>
+              <Label className="text-[var(--dg-text-secondary)]">{t('monitor.alertruledialog.s365825')}</Label>
               <select
                 value={ruleForm.type}
                 onChange={(e) => {
@@ -168,13 +170,13 @@ export function AlertRuleDialog({
                 }}
                 className="w-full h-9 px-3 rounded-md bg-[var(--dg-bg-tertiary)]/50 border border-[var(--dg-border)] text-[var(--dg-text-primary)] text-sm"
               >
-                <option value="metric">指标监控</option>
-                <option value="log">日志告警</option>
-                <option value="event">事件告警</option>
+                <option value="metric">{t('monitor.alertruledialog.s38546d')}</option>
+                <option value="log">{t('menu.logAlerts')}</option>
+                <option value="event">{t('monitor.alertruledialog.s80069b')}</option>
               </select>
             </div>
             <div className="space-y-1.5">
-              <Label className="text-[var(--dg-text-secondary)]">数据源</Label>
+              <Label className="text-[var(--dg-text-secondary)]">{t('menu.datasources')}</Label>
               <select
                 value={ruleForm.source}
                 onChange={(e) => setRuleForm({ ...ruleForm, source: e.target.value, datasource_id: undefined })}
@@ -189,7 +191,7 @@ export function AlertRuleDialog({
                   <>
                     <option value="prometheus">Prometheus</option>
                     <option value="zabbix">Zabbix</option>
-                    <option value="custom">自定义</option>
+                    <option value="custom">{t('common.custom')}</option>
                   </>
                 )}
               </select>
@@ -198,15 +200,15 @@ export function AlertRuleDialog({
 
           {ruleForm.type === 'log' && (
             <div className="space-y-1.5">
-              <Label className="text-[var(--dg-text-secondary)]">日志数据源 <span className="dg-text-red">*</span></Label>
+              <Label className="text-[var(--dg-text-secondary)]">{t('monitor.alertruledialog.sa2bc1e')} <span className="dg-text-red">*</span></Label>
               <select
                 value={ruleForm.datasource_id || ''}
                 onChange={(e) => setRuleForm({ ...ruleForm, datasource_id: Number(e.target.value) || undefined })}
                 className="w-full h-9 px-3 rounded-md bg-[var(--dg-bg-tertiary)]/50 border border-[var(--dg-border)] text-[var(--dg-text-primary)] text-sm"
               >
-                <option value="">请选择数据源</option>
+                <option value="">{t('monitor.alertruledialog.s9acb96')}</option>
                 {logSources.map((s) => (
-                  <option key={s.id} value={s.id}>{s.name}{s.is_default ? ' (默认)' : ''}</option>
+                  <option key={s.id} value={s.id}>{s.name}{s.is_default ? t('monitor.alertruledialog.see1f37') : ''}</option>
                 ))}
               </select>
               {logSources.length === 0 && (
@@ -216,7 +218,7 @@ export function AlertRuleDialog({
           )}
 
           <div className="space-y-1.5">
-            <Label className="text-[var(--dg-text-secondary)]">触发表达式 <span className="dg-text-red">*</span></Label>
+            <Label className="text-[var(--dg-text-secondary)]">{t('monitor.alertruledialog.s57ee9a')} <span className="dg-text-red">*</span></Label>
             <Input
               value={ruleForm.expression}
               onChange={(e) => setRuleForm({ ...ruleForm, expression: e.target.value })}
@@ -225,26 +227,26 @@ export function AlertRuleDialog({
             />
             <p className="text-xs dg-text-muted">
               {ruleForm.type === 'log'
-                ? (ruleForm.source === 'loki' ? 'LogQL 查询或 count_over_time 表达式' : 'Elasticsearch Lucene 查询')
-                : 'PromQL 或指标表达式，例如 cpu_usage > 80'}
+                ? (ruleForm.source === 'loki' ? t('monitor.alertruledialog.s465c2b') : t('monitor.alertruledialog.s7072bc'))
+                : t('monitor.alertruledialog.se2017e')}
             </p>
           </div>
 
           <div className="grid grid-cols-2 gap-3">
             <div className="space-y-1.5">
-              <Label className="text-[var(--dg-text-secondary)]">告警级别</Label>
+              <Label className="text-[var(--dg-text-secondary)]">{t('monitor.alertruledialog.sfce93b')}</Label>
               <select
                 value={ruleForm.severity}
                 onChange={(e) => setRuleForm({ ...ruleForm, severity: e.target.value })}
                 className="w-full h-9 px-3 rounded-md bg-[var(--dg-bg-tertiary)]/50 border border-[var(--dg-border)] text-[var(--dg-text-primary)] text-sm"
               >
-                <option value="info">提示</option>
-                <option value="warning">警告</option>
-                <option value="critical">严重</option>
+                <option value="info">{t('common.info')}</option>
+                <option value="warning">{t('common.warning')}</option>
+                <option value="critical">{t('monitor.critical')}</option>
               </select>
             </div>
             <div className="space-y-1.5">
-              <Label className="text-[var(--dg-text-secondary)]">持续时间（秒）</Label>
+              <Label className="text-[var(--dg-text-secondary)]">{t('monitor.alertruledialog.scce774')}</Label>
               <Input
                 type="number"
                 value={ruleForm.duration}
@@ -255,7 +257,7 @@ export function AlertRuleDialog({
           </div>
 
           <div className="space-y-1.5">
-            <Label className="text-[var(--dg-text-secondary)]">通知渠道</Label>
+            <Label className="text-[var(--dg-text-secondary)]">{t('monitor.notificationChannel')}</Label>
             {notifyChannels.length === 0 ? (
               <div className="text-xs dg-text-yellow/80 bg-amber-500/5 border border-amber-500/20 rounded-md px-3 py-2">
                 暂无已配置的通知渠道，请先在「通知渠道配置」中添加
@@ -302,7 +304,7 @@ export function AlertRuleDialog({
             onClick={handleSaveRule}
           >
             {ruleSaving && <Loader2 className="h-4 w-4 mr-2 animate-spin" />}
-            {editingRule ? '保存修改' : '创建规则'}
+            {editingRule ? i18n.t('cloud.saveChanges') : i18n.t('monitor.alertruledialog.s8e1e3d')}
           </Button>
         </DialogFooter>
       </DialogContent>