feat(i18n): 安全批量转换 135 文件 — 覆盖率 34%→62%

使用 i18n.t() 全局方式（避免 hook 定位问题）:
- 288 目标文件中 135 个成功转换
- 2228 处中文替换为 i18n.t() 调用
- 1006 个新翻译 key 添加到 zh-CN.json + en-US.json
- 词典总量: 3554 keys (22 namespaces)
- tsc 零错误 + Vite 构建成功
- 6 个含代码示例/数据字符串的文件安全回退

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 i18n from '@/i18n';
 
 const emptyRuleForm = {
   name: '',
@@ -127,30 +128,30 @@ export function AlertRuleDialog({
       <DialogContent className="dg-input max-w-lg">
         <DialogHeader>
           <DialogTitle className="text-[var(--dg-text-primary)]">
-            {editingRule ? '编辑告警规则' : '新建告警规则'}
+            {editingRule ? i18n.t('monitor.alertruledialog.sb62c8bc1') : i18n.t('monitor.alertruledialog.s3564fa12')}
           </DialogTitle>
           <DialogDescription className="dg-text-muted">
-            {editingRule ? '修改告警规则的触发条件和通知方式' : '配置监控指标的告警触发条件'}
+            {editingRule ? i18n.t('monitor.alertruledialog.s44a3bb2d') : i18n.t('monitor.alertruledialog.sb785eced')}
           </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)]"> {i18n.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={i18n.t('monitor.alertruledialog.sf111cd25')}
               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)]"> {i18n.t('aiops.llmModelDesc')} </Label>
             <Textarea
               value={ruleForm.description}
               onChange={(e) => setRuleForm({ ...ruleForm, description: e.target.value })}
-              placeholder="规则说明"
+              placeholder={i18n.t('monitor.alertruledialog.scc807bdb')}
               rows={2}
               className="dg-input resize-none"
             />
@@ -158,7 +159,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)]"> {i18n.t('monitor.alertruledialog.s36582565')} </Label>
               <select
                 value={ruleForm.type}
                 onChange={(e) => {
@@ -168,13 +169,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"> {i18n.t('monitor.alertruledialog.s38546de8')} </option>
+                <option value="log"> {i18n.t('monitor.alertHelper.srcLog')} </option>
+                <option value="event"> {i18n.t('monitor.alertruledialog.s80069bea')} </option>
               </select>
             </div>
             <div className="space-y-1.5">
-              <Label className="text-[var(--dg-text-secondary)]">数据源</Label>
+              <Label className="text-[var(--dg-text-secondary)]"> {i18n.t('monitor.dashboard.custom.datasource')} </Label>
               <select
                 value={ruleForm.source}
                 onChange={(e) => setRuleForm({ ...ruleForm, source: e.target.value, datasource_id: undefined })}
@@ -189,7 +190,7 @@ export function AlertRuleDialog({
                   <>
                     <option value="prometheus">Prometheus</option>
                     <option value="zabbix">Zabbix</option>
-                    <option value="custom">自定义</option>
+                    <option value="custom"> {i18n.t('aiops.providerCustom')} </option>
                   </>
                 )}
               </select>
@@ -198,15 +199,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)]"> {i18n.t('monitor.alertruledialog.sa2bc1edd')} <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=""> {i18n.t('monitor.alertruledialog.s9acb966d')} </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 ? i18n.t('monitor.logPanel.defaultSuffix') : ''}</option>
                 ))}
               </select>
               {logSources.length === 0 && (
@@ -216,7 +217,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)]"> {i18n.t('monitor.alertruledialog.s57ee9aea')} <span className="dg-text-red">*</span></Label>
             <Input
               value={ruleForm.expression}
               onChange={(e) => setRuleForm({ ...ruleForm, expression: e.target.value })}
@@ -225,26 +226,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' ? i18n.t('monitor.alertruledialog.s465c2bb1') : i18n.t('monitor.alertruledialog.s7072bc91'))
+                : i18n.t('monitor.alertruledialog.se2017efe')}
             </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)]"> {i18n.t('monitor.alertruledialog.sfce93b38')} </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"> {i18n.t('monitor.alertEvents.severity.info')} </option>
+                <option value="warning"> {i18n.t('kubernetes.event.warning')} </option>
+                <option value="critical"> {i18n.t('monitor.alertHelper.sevCritical')} </option>
               </select>
             </div>
             <div className="space-y-1.5">
-              <Label className="text-[var(--dg-text-secondary)]">持续时间（秒）</Label>
+              <Label className="text-[var(--dg-text-secondary)]"> {i18n.t('monitor.alertruledialog.scce774b3')} </Label>
               <Input
                 type="number"
                 value={ruleForm.duration}
@@ -255,7 +256,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)]"> {i18n.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 +303,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.s8e1e3dea')}
           </Button>
         </DialogFooter>
       </DialogContent>