refactor(i18n): U37 全量 JSX 文本节点硬编码中文清零 — 65 文件 151 处→0, 新增 common.* 98 翻译键, zh/en 对齐, tsc -b=0, npm build✓ (17.96s), ESLint=0/43/any=0, go build=0, 17/17 测试通过

frontend/src/components/agent/AgentAlerts.tsx

@@ -273,9 +273,9 @@ export function AgentAlerts() {
                                 </span>
                               )}
                               {rule.metric === 'port_down' && rule.port ? (
-                                <span className="dg-text-secondary">端口 {rule.port}</span>
+                                <span className="dg-text-secondary">{i18n.t("common.port")} {rule.port}</span>
                               ) : null}
-                              {rule.duration ? <span className="dg-text-secondary">持续 {rule.duration}s</span> : null}
+                              {rule.duration ? <span className="dg-text-secondary">{i18n.t("common.duration")} {rule.duration}s</span> : null}
                             </div>
                           </div>
                         </div>

frontend/src/components/agent/AgentRuleDialog.tsx

@@ -167,7 +167,7 @@ export function AgentRuleDialog({ open, onOpenChange, editingRule, onSuccess }:
                 </Select>
               </div>
               <div className="space-y-1.5">
-                <Label className="text-[var(--dg-text-secondary)] text-xs">阈值 {ruleForm.metric !== 'port_down' ? '(%)' : ''}</Label>
+                <Label className="text-[var(--dg-text-secondary)] text-xs">{i18n.t('common.threshold')} {ruleForm.metric !== 'port_down' ? '(%)' : ''}</Label>
                 <Input
                   type="number"
                   value={ruleForm.threshold}

frontend/src/components/aiops/AIAnalysisResult.tsx

@@ -57,7 +57,7 @@ export function AIAnalysisResult({ selectedAlert, isAnalyzing, analysis, onAutoF
 
               {analysis.traceId && (
                 <div className="p-3 bg-[var(--dg-bg-secondary)] rounded-lg border border-[var(--dg-border)]">
-                  <div className="text-xs dg-text-muted mb-1">审计 Trace</div>
+                  <div className="text-xs dg-text-muted mb-1">{i18n.t("common.auditTrace")}</div>
                   <div className="space-y-1 text-xs font-mono text-[var(--dg-text-secondary)] break-all">
                     <div>trace_id: {analysis.traceId}</div>
                     {analysis.spanId && <div>span_id: {analysis.spanId}</div>}

frontend/src/components/aiops/AIPredictiveAnalytics.tsx

@@ -221,7 +221,7 @@ export function AIPredictiveAnalytics() {
                           </p>
                         </div>
                         <div>
-                          <p className="text-xs dg-text-muted mb-1">预测值 ({prediction.timeRange})</p>
+                          <p className="text-xs dg-text-muted mb-1">{t('common.predictValue', { timeRange: prediction.timeRange })}</p>
                           <p className={`text-lg font-bold ${trendColorClass(prediction.trend)}`}>
                             {prediction.predicted}
                             {prediction.unit}
@@ -231,7 +231,7 @@ export function AIPredictiveAnalytics() {
 
                       <div className="flex items-center justify-between">
                         <div className="flex items-center gap-2">
-                          <span className="text-xs dg-text-secondary">置信度</span>
+                          <span className="text-xs dg-text-secondary">{t("common.confidence")}</span>
                           <div className="w-16 h-1.5 bg-[var(--dg-bg-active)] rounded-full overflow-hidden">
                             <div
                               className="h-full bg-gradient-to-r from-blue-500 to-purple-500"

frontend/src/components/aiops/PredictiveCapacityTab.tsx

@@ -65,10 +65,10 @@ export function PredictiveCapacityTab({
       <CardContent>
         {loading ? (
           <div className="flex items-center justify-center py-12 dg-text-muted">
-            <Loader2 className="h-5 w-5 animate-spin mr-2" /> 加载容量数据...
+            <Loader2 className="h-5 w-5 animate-spin mr-2" /> {t("common.loadCapacity")}
           </div>
         ) : forecasts.length === 0 ? (
-          <div className="text-center py-12 dg-text-muted">暂无容量数据</div>
+          <div className="text-center py-12 dg-text-muted">{t("common.noCapacityData")}</div>
         ) : (
           <div className="space-y-4">
             {/* AI 深度解读结果（点击按钮后展示） */}
@@ -137,9 +137,9 @@ export function PredictiveCapacityTab({
                     </div>
                   </div>
                   <div className="flex items-center justify-between text-xs mt-1">
-                    <span className="dg-text-muted">当前 {forecast.currentUsage}%</span>
-                    <span className="dg-text-yellow">预测 {forecast.predictedUsage}%</span>
-                    <span className="dg-text-red">阈值 {forecast.threshold}%</span>
+                    <span className="dg-text-muted">{t("common.current")} {forecast.currentUsage}%</span>
+                    <span className="dg-text-yellow">{t("common.predicted")} {forecast.predictedUsage}%</span>
+                    <span className="dg-text-red">{t("common.threshold")} {forecast.threshold}%</span>
                   </div>
                 </div>
 

frontend/src/components/aiops/PredictiveCostTab.tsx

@@ -210,7 +210,7 @@ export function PredictiveCostTab({
                     </p>
                   </div>
                   <div>
-                    <p className="text-xs dg-text-muted">预测月末</p>
+                    <p className="text-xs dg-text-muted">{t("common.predictMonthEnd")}</p>
                     <p className={`font-semibold ${trendColorClass(dim.trend)}`}>
                       {formatCurrency(dim.predictedMonthEnd)}
                     </p>

frontend/src/components/deploy/BuildNodesManager.tsx

@@ -188,10 +188,10 @@ export default function BuildNodesManager({ embedded = false }: { embedded?: boo
               <span className="text-sm font-medium text-[var(--dg-text-primary)]"> {i18n.t('pipeline.buildNodes')} </span>
               <div className="flex gap-2">
                 <Button variant="ghost" size="sm" onClick={load} disabled={loading}>
-                  <RefreshCw className={`h-3.5 w-3.5 mr-1${loading ? ' animate-spin' : ''}`} />刷新
+                  <RefreshCw className={`h-3.5 w-3.5 mr-1${loading ? ' animate-spin' : ''}`} />{i18n.t("common.refresh")}
                 </Button>
                 <Button size="sm" onClick={openCreate}>
-                  <Plus className="h-3.5 w-3.5 mr-1" />添加
+                  <Plus className="h-3.5 w-3.5 mr-1" />{i18n.t("common.add")}
                 </Button>
               </div>
             </div>

frontend/src/components/deploy/DeployCredentials.tsx

@@ -269,7 +269,7 @@ export default function DeployCredentials() {
         <>
           <div className="flex items-center justify-end mb-3">
             <Button size="sm" className="dg-btn-primary" onClick={() => { setEditEnv(null); setEnvDialogOpen(true); }}>
-              <Plus className="w-4 h-4 mr-1" />新增环境
+              <Plus className="w-4 h-4 mr-1" />{t("common.newEnv")}
             </Button>
           </div>
           {environments.length === 0 ? (
@@ -279,7 +279,7 @@ export default function DeployCredentials() {
               description={t('deploy.clickEnvConfigHint')}
               action={(
                 <Button size="sm" onClick={() => { setEditEnv(null); setEnvDialogOpen(true); }}>
-                  <Plus className="w-4 h-4 mr-1" />新增环境
+                  <Plus className="w-4 h-4 mr-1" />{t("common.newEnv")}
                 </Button>
               )}
             />
@@ -289,13 +289,13 @@ export default function DeployCredentials() {
               <table className="w-full text-sm">
                 <thead className="bg-[var(--dg-bg-tertiary)] border-b border-[var(--dg-border)]">
                   <tr>
-                    <th className="px-3 py-2 text-left font-medium text-[var(--dg-text-secondary)]">环境标识</th>
-                    <th className="px-3 py-2 text-left font-medium text-[var(--dg-text-secondary)]">显示名称</th>
-                    <th className="px-3 py-2 text-left font-medium text-[var(--dg-text-secondary)]">类型</th>
-                    <th className="px-3 py-2 text-left font-medium text-[var(--dg-text-secondary)]">颜色</th>
-                    <th className="px-3 py-2 text-left font-medium text-[var(--dg-text-secondary)]">排序</th>
-                    <th className="px-3 py-2 text-left font-medium text-[var(--dg-text-secondary)]">状态</th>
-                    <th className="px-3 py-2 text-right font-medium text-[var(--dg-text-secondary)]">操作</th>
+                    <th className="px-3 py-2 text-left font-medium text-[var(--dg-text-secondary)]">{t("common.envLabel")}</th>
+                    <th className="px-3 py-2 text-left font-medium text-[var(--dg-text-secondary)]">{t("common.displayName")}</th>
+                    <th className="px-3 py-2 text-left font-medium text-[var(--dg-text-secondary)]">{t("common.type")}</th>
+                    <th className="px-3 py-2 text-left font-medium text-[var(--dg-text-secondary)]">{t("common.color")}</th>
+                    <th className="px-3 py-2 text-left font-medium text-[var(--dg-text-secondary)]">{t("common.sort")}</th>
+                    <th className="px-3 py-2 text-left font-medium text-[var(--dg-text-secondary)]">{t("common.status")}</th>
+                    <th className="px-3 py-2 text-right font-medium text-[var(--dg-text-secondary)]">{t("common.actions")}</th>
                   </tr>
                 </thead>
                 <tbody>

frontend/src/components/deploy/DeployRBAC.tsx

@@ -208,7 +208,7 @@ export default function DeployRBAC() {
       onTabChange={setActiveTab}
       actions={activeTab === 'groups' ? undefined : (
         <Button className="dg-btn-primary" onClick={() => setCreateOpen(true)}>
-          <Plus className="w-4 h-4 mr-1" />新建权限
+          <Plus className="w-4 h-4 mr-1" />{i18n.t("common.newPermission")}
         </Button>
       )}
       contentClassName="space-y-4"

frontend/src/components/deploy/UserGroupsManager.tsx

@@ -88,10 +88,10 @@ export default function UserGroupsManager({ embedded = false }: { embedded?: boo
   const toolbar = embedded ? (
     <div className="flex items-center justify-end gap-2 mb-3">
       <Button variant="outline" size="sm" className="dg-btn-secondary" onClick={loadGroups}>
-        <RefreshCw className="w-4 h-4 mr-1" />刷新
+        <RefreshCw className="w-4 h-4 mr-1" />{i18n.t("common.refresh")}
       </Button>
       <Button size="sm" className="dg-btn-primary" onClick={() => { setEditId(null); setFormName(''); setFormDesc(''); setFormOpen(true); }}>
-        <Plus className="w-4 h-4 mr-1" />新建用户组
+        <Plus className="w-4 h-4 mr-1" />{i18n.t("common.newUserGroup")}
       </Button>
     </div>
   ) : null;
@@ -103,7 +103,7 @@ export default function UserGroupsManager({ embedded = false }: { embedded?: boo
           description={i18n.t('deploy.userGroup.createFirstHint')}
           action={(
             <Button size="sm" onClick={() => { setEditId(null); setFormName(''); setFormDesc(''); setFormOpen(true); }}>
-              <Plus className="w-4 h-4 mr-1" />新建用户组
+              <Plus className="w-4 h-4 mr-1" />{i18n.t("common.newUserGroup")}
             </Button>
           )}
         />
@@ -204,10 +204,10 @@ export default function UserGroupsManager({ embedded = false }: { embedded?: boo
       actions={(
         <>
           <Button variant="outline" size="sm" className="dg-btn-secondary" onClick={loadGroups}>
-            <RefreshCw className="w-4 h-4 mr-1" />刷新
+            <RefreshCw className="w-4 h-4 mr-1" />{i18n.t("common.refresh")}
           </Button>
           <Button size="sm" className="dg-btn-primary" onClick={() => { setEditId(null); setFormName(''); setFormDesc(''); setFormOpen(true); }}>
-            <Plus className="w-4 h-4 mr-1" />新建用户组
+            <Plus className="w-4 h-4 mr-1" />{i18n.t("common.newUserGroup")}
           </Button>
         </>
       )}

frontend/src/components/deploy/WorkspaceTermDialog.tsx

@@ -157,7 +157,7 @@ export function WorkspaceTermDialog({
         style={fullscreen ? { maxWidth: '100vw', width: '100vw', height: '100vh' } : { maxWidth: '900px', width: '90vw' }}
       >
         <DialogTitle className="sr-only">Workspace 终端 #{buildNumber}</DialogTitle>
-        <DialogDescription className="sr-only">流水线构建目录终端</DialogDescription>
+        <DialogDescription className="sr-only">{t("common.buildTerminal")}</DialogDescription>
         <div className="flex items-center justify-between px-4 py-2 border-b border-[var(--dg-border)]">
           <div className="flex items-center gap-2 text-sm min-w-0">
             <div className={cn('w-2 h-2 rounded-full shrink-0', connected ? 'bg-emerald-400' : 'bg-red-400')} />

frontend/src/components/deploy/credential-manager/CredFormDialog.tsx

@@ -297,7 +297,7 @@ export function CredFormDialog({ open, onClose, onSaved, editData }: CredFormDia
                     className="bg-[var(--dg-bg-tertiary)] border-[var(--dg-border)] text-[var(--dg-text-primary)]" />
                 </div>
                 <div className="space-y-1">
-                  <Label className="text-[var(--dg-text-secondary)] text-xs">安全模式</Label>
+                  <Label className="text-[var(--dg-text-secondary)] text-xs">{t("common.securityMode")}</Label>
                   <Select value={rdpSecurity} onValueChange={setRdpSecurity}>
                     <SelectTrigger className="bg-[var(--dg-bg-tertiary)] border-[var(--dg-border)] text-[var(--dg-text-primary)]">
                       <SelectValue />
@@ -305,7 +305,7 @@ export function CredFormDialog({ open, onClose, onSaved, editData }: CredFormDia
                     <SelectContent>
                       <SelectItem value="nla">NLA</SelectItem>
                       <SelectItem value="tls">TLS</SelectItem>
-                      <SelectItem value="rdp">标准 RDP</SelectItem>
+                      <SelectItem value="rdp">{t("common.standardRdp")}</SelectItem>
                     </SelectContent>
                   </Select>
                 </div>
@@ -313,7 +313,7 @@ export function CredFormDialog({ open, onClose, onSaved, editData }: CredFormDia
                 <div><FieldWithToggle label={t('deploy.rdpPassword')} value={rdpPassword} onChange={setRdpPassword}
                   placeholder={t('deploy.rdpPasswordPlaceholder')} fieldKey="rdp_pwd" required /></div>
                 <div className="space-y-1">
-                  <Label className="text-[var(--dg-text-secondary)] text-xs">域</Label>
+                  <Label className="text-[var(--dg-text-secondary)] text-xs">{t("common.domainLabel")}</Label>
                   <Input value={rdpDomain} onChange={e => setRdpDomain(e.target.value)} placeholder={t('common.optional')}
                     className="bg-[var(--dg-bg-tertiary)] border-[var(--dg-border)] text-[var(--dg-text-primary)]" />
                 </div>

frontend/src/components/deploy/pipeline-manager/DeployTargetFields.tsx

@@ -207,7 +207,7 @@ export function DeployTargetFields({ value, onChange, requireTarget = true }: De
           <ScrollArea className="h-[140px] rounded-lg border border-[var(--dg-border)] bg-[var(--dg-bg-secondary)]">
             {loadingServers ? (
               <div className="flex items-center justify-center py-8 text-xs text-[var(--dg-text-muted)]">
-                <Loader2 className="h-4 w-4 animate-spin mr-1.5" />加载中
+                <Loader2 className="h-4 w-4 animate-spin mr-1.5" />{i18n.t("common.loadingEllipsis")}
               </div>
             ) : filteredServers.length === 0 ? (
               <p className="text-xs text-[var(--dg-text-muted)] text-center py-8"> {i18n.t('pipeline.deployTargetField.noHostAvailable')} </p>
@@ -315,7 +315,7 @@ export function DeployTargetFields({ value, onChange, requireTarget = true }: De
               <ScrollArea className="h-[140px] rounded-lg border border-[var(--dg-border)] bg-[var(--dg-bg-secondary)]">
                 {loadingDeps ? (
                   <div className="flex items-center justify-center py-8 text-xs text-[var(--dg-text-muted)]">
-                    <Loader2 className="h-4 w-4 animate-spin mr-1.5" />加载 Deployment
+                    <Loader2 className="h-4 w-4 animate-spin mr-1.5" />{i18n.t("common.loadDeployment")}
                   </div>
                 ) : filteredDeployments.length === 0 ? (
                   <p className="text-xs text-[var(--dg-text-muted)] text-center py-8"> {i18n.t('k8s.workloads.noDeployment')} </p>

frontend/src/components/deploy/pipeline-manager/PipelineCreateDialog.tsx

@@ -399,7 +399,7 @@ export function PipelineCreateDialog({ open, onOpenChange, onCreated }: Pipeline
                       <SelectValue placeholder={t('deploy.dockerCredPlaceholder')} />
                     </SelectTrigger>
                     <SelectContent>
-                      <SelectItem value="__none">不关联</SelectItem>
+                      <SelectItem value="__none">{t("common.notLinked")}</SelectItem>
                       {dockerCredentials.map((c) => (
                         <SelectItem key={c.id as number} value={String(c.id)}>
                           <span className="flex items-center gap-1">

frontend/src/components/kubernetes/CapacityPage.tsx

@@ -92,7 +92,7 @@ export default function CapacityPage() {
           <Select value={selectedNs} onValueChange={setSelectedNs}>
             <SelectTrigger className="w-32 h-9 dg-input"><SelectValue placeholder={i18n.t('k8s.capacity.namespace')} /></SelectTrigger>
             <SelectContent>
-              <SelectItem value="all">所有命名空间</SelectItem>
+              <SelectItem value="all">{i18n.t("common.allNamespaces")}</SelectItem>
               {namespaces.map(n => <SelectItem key={n} value={n}>{n}</SelectItem>)}
             </SelectContent>
           </Select>
@@ -111,9 +111,9 @@ export default function CapacityPage() {
           <Table>
             <TableHeader><TableRow className="border-[var(--dg-border)] hover:bg-transparent">
               <TableHead className="dg-text-secondary">Deployment</TableHead>
-              <TableHead className="dg-text-secondary">命名空间</TableHead>
-              <TableHead className="dg-text-secondary">副本</TableHead>
-              <TableHead className="dg-text-secondary">容器</TableHead>
+              <TableHead className="dg-text-secondary">{i18n.t("common.namespaceLabel")}</TableHead>
+              <TableHead className="dg-text-secondary">{i18n.t("common.replicasLabel")}</TableHead>
+              <TableHead className="dg-text-secondary">{i18n.t("common.containerLabel")}</TableHead>
               <TableHead className="dg-text-secondary"><Cpu className="h-3 w-3 inline mr-1" />CPU Req</TableHead>
               <TableHead className="dg-text-secondary"><Cpu className="h-3 w-3 inline mr-1" />CPU Lim</TableHead>
               <TableHead className="dg-text-secondary"><HardDrive className="h-3 w-3 inline mr-1" />Mem Req</TableHead>

frontend/src/components/kubernetes/ClusterOverviewPage.tsx

@@ -107,7 +107,7 @@ export default function ClusterOverviewPage() {
       {/* 节点列表 // Logan.Li */}
       <div>
         <h2 className="text-lg font-semibold text-[var(--dg-text-primary)] mb-3 flex items-center gap-2">
-          <Cpu className="h-4 w-4 text-[var(--dg-blue)]" />节点列表
+          <Cpu className="h-4 w-4 text-[var(--dg-blue)]" />{i18n.t("common.nodeList")}
         </h2>
         <ContentPanel>
             <Table>
@@ -185,7 +185,7 @@ export default function ClusterOverviewPage() {
       <div>
         <div className="flex items-center justify-between mb-3">
           <h2 className="text-lg font-semibold text-[var(--dg-text-primary)] flex items-center gap-2">
-            <Boxes className="h-4 w-4 text-[var(--dg-green)]" />命名空间
+            <Boxes className="h-4 w-4 text-[var(--dg-green)]" />{i18n.t("common.namespaceLabel")}
           </h2>
           <Link to={`/kubernetes/${clusterCode}/namespaces`} className="text-sm text-[var(--dg-blue)] hover:text-[var(--dg-blue)] transition-colors flex items-center gap-1">
             管理全部 <ChevronRight className="h-3 w-3" />

frontend/src/components/kubernetes/DeploymentDetail.tsx

@@ -138,7 +138,7 @@ export function DeploymentDetail({ clusterCode, namespace, deploymentName, onBac
       <Card className="dg-card">
         <CardContent className="p-12 text-center">
           <XCircle className="h-8 w-8 mx-auto dg-text-red" />
-          <p className="dg-text-secondary mt-3">未找到 Deployment: {deploymentName}</p>
+          <p className="dg-text-secondary mt-3">{i18n.t('common.notFoundDeploy')}: {deploymentName}</p>
           <Button variant="outline" className="mt-4" onClick={onBack}> {i18n.t('common.back')} </Button>
         </CardContent>
       </Card>
@@ -179,7 +179,7 @@ export function DeploymentDetail({ clusterCode, namespace, deploymentName, onBac
             Pod 列表 ({pods.length})
           </TabsTrigger>
           <TabsTrigger value="logs" className="data-[state=active]:bg-[var(--dg-bg-active)]">
-            <FileText className="h-4 w-4 mr-1" />日志
+            <FileText className="h-4 w-4 mr-1" />{i18n.t("common.podLogs")}
           </TabsTrigger>
           <TabsTrigger value="hpa" className="data-[state=active]:bg-[var(--dg-bg-active)]">
             <Gauge className="h-4 w-4 mr-1" />HPA ({hpas.length})

frontend/src/components/kubernetes/DeploymentEditContainers.tsx

@@ -149,7 +149,7 @@ export function DeploymentEditContainers({ clusterCode, namespace, deploymentNam
                   className="dg-text-red hover:dg-text-red ml-1"><Trash2 className="h-3 w-3" /></button>
               </div>
             ))}
-            {imagePullSecrets.length === 0 && <span className="text-[11px] dg-text-muted">无</span>}
+            {imagePullSecrets.length === 0 && <span className="text-[11px] dg-text-muted">{i18n.t("common.none")}</span>}
           </div>
           <div className="flex gap-2">
             <Input placeholder={i18n.t('k8s.editContainers.secretPlaceholder')} className="dg-input text-xs h-8"
@@ -161,7 +161,7 @@ export function DeploymentEditContainers({ clusterCode, namespace, deploymentNam
               }} />
             <Button size="sm" variant="outline" className="h-8 border-[var(--dg-border)] text-[var(--dg-text-secondary)] text-xs"
               onClick={() => setImagePullSecrets(prev => [...prev, ''])}>
-              <Plus className="h-3 w-3 mr-1" />新增
+              <Plus className="h-3 w-3 mr-1" />{i18n.t("common.add")}
             </Button>
           </div>
         </CardContent>
@@ -195,8 +195,8 @@ export function DeploymentEditContainers({ clusterCode, namespace, deploymentNam
       {/* 保存栏 */}
       <div className="sticky bottom-0 bg-[var(--dg-bg-primary)]/80 backdrop-blur border-t border-[var(--dg-border)] p-3 flex items-center justify-between">
         <div className="text-[11px] dg-text-muted">
-          共 <span className="text-[var(--dg-text-secondary)] font-semibold">{initContainers.length}</span> 个初始化容器 +
-          <span className="text-[var(--dg-text-secondary)] font-semibold ml-1">{containers.length}</span> 个工作容器
+          {i18n.t("common.total")}: <span className="text-[var(--dg-text-secondary)] font-semibold">{initContainers.length}</span> {i18n.t("common.totalContainers")} +
+          <span className="text-[var(--dg-text-secondary)] font-semibold ml-1">{containers.length}</span> {i18n.t("common.workContainers")}
         </div>
         <div className="flex gap-2">
           <Button variant="outline" className="border-[var(--dg-border)] dg-text-secondary" onClick={onCancel}> {i18n.t('rbac.jobRole.cancel')} </Button>

frontend/src/components/kubernetes/DeploymentEditService.tsx

@@ -266,7 +266,7 @@ export function DeploymentEditService({ clusterCode, namespace, deploymentName,
               )}
             </div>
             <Button size="sm" variant="ghost" className="h-6 ml-auto text-xs dg-text-secondary" onClick={load}>
-              <RefreshCw className="h-3 w-3 mr-1" />刷新
+              <RefreshCw className="h-3 w-3 mr-1" />{i18n.t("common.refresh")}
             </Button>
           </div>
         </CardContent>
@@ -286,7 +286,7 @@ export function DeploymentEditService({ clusterCode, namespace, deploymentName,
                 setSvcForm({ name: `${deploymentName}-svc`, type: 'ClusterIP', ports: [{ name: 'http', port: '8080', targetPort: '8080', protocol: 'TCP', nodePort: '' }] });
                 setShowCreate('service');
               }}>
-              <Plus className="h-3 w-3 mr-1" />创建 Service
+              <Plus className="h-3 w-3 mr-1" />{i18n.t("common.createService")}
             </Button>
           </div>
           <p className="text-xs dg-text-muted mt-1"> {i18n.t('kubernetes.deploymentEditService.selectorHint')} </p>
@@ -338,7 +338,7 @@ export function DeploymentEditService({ clusterCode, namespace, deploymentName,
                 setIngForm(s => ({ ...s, name: `${deploymentName}-ingress`, svcPort: String(matchedSvcs[0]?.ports[0]?.port || 80) }));
                 setShowCreate('ingress');
               }}>
-              <Plus className="h-3 w-3 mr-1" />创建 Ingress
+              <Plus className="h-3 w-3 mr-1" />{i18n.t("common.createIngress")}
             </Button>
           </div>
           <p className="text-xs dg-text-muted mt-1">backend 指向关联 Service 的 Ingress 自动高亮</p>

frontend/src/components/kubernetes/DeploymentEditStorage.tsx

@@ -202,7 +202,7 @@ export function DeploymentEditStorage({ clusterCode, namespace, deploymentName,
               <p className="text-[11px] dg-text-muted mt-1"> {i18n.t('kubernetes.storage.volumeDesc')} </p>
             </div>
             <Button size="sm" variant="outline" className="h-7 border-[var(--dg-border)] text-[var(--dg-text-secondary)] text-xs shrink-0" onClick={addEntry}>
-              <Plus className="h-3 w-3 mr-1" />添加数据卷
+              <Plus className="h-3 w-3 mr-1" />{i18n.t("common.addVolume")}
             </Button>
           </div>
         </CardHeader>
@@ -285,7 +285,7 @@ export function DeploymentEditStorage({ clusterCode, namespace, deploymentName,
                       将上述数据卷挂载到容器
                     </p>
                     <Button size="sm" variant="ghost" className="h-6 px-2 text-[11px] dg-text-secondary hover:text-[var(--dg-text-primary)]" onClick={() => addMount(i)}>
-                      <Plus className="h-3 w-3 mr-0.5" />添加挂载
+                      <Plus className="h-3 w-3 mr-0.5" />{i18n.t("common.addMount")}
                     </Button>
                   </div>
                   {entry.mounts.map((mount, mi) => (

frontend/src/components/kubernetes/EventsPage.tsx

@@ -266,7 +266,7 @@ export default function EventsPage() {
       <ContentPanel
         toolbar={(
           <div className="flex items-center justify-between w-full">
-            <span className="text-sm dg-text-secondary">事件列表 ({displayEvents.length})</span>
+            <span className="text-sm dg-text-secondary">{i18n.t('common.events')} ({displayEvents.length})</span>
             <Select value={filterType} onValueChange={setFilterType}>
               <SelectTrigger className="w-28 h-8 dg-input text-xs"><SelectValue /></SelectTrigger>
               <SelectContent>

frontend/src/components/kubernetes/NamespaceManagementPage.tsx

@@ -143,7 +143,7 @@ export default function NamespaceManagementPage() {
           <Dialog open={createOpen} onOpenChange={setCreateOpen}>
             <DialogTrigger asChild>
               <Button size="sm" className="dg-btn-primary">
-                <Plus className="h-4 w-4 mr-1" />创建命名空间
+                <Plus className="h-4 w-4 mr-1" />{i18n.t("common.createNamespace")}
               </Button>
             </DialogTrigger>
             <DialogContent>
@@ -194,11 +194,11 @@ export default function NamespaceManagementPage() {
             <TableBody>
               {loading ? (
                 <TableRow><TableCell colSpan={9} className="text-center text-[var(--dg-text-muted)] py-12">
-                  <Loader2 className="h-5 w-5 animate-spin mx-auto mb-2" />加载中...
+                  <Loader2 className="h-5 w-5 animate-spin mx-auto mb-2" />{i18n.t("common.loading")}
                 </TableCell></TableRow>
               ) : filtered.length === 0 ? (
                 <TableRow><TableCell colSpan={9} className="text-center text-[var(--dg-text-muted)] py-12">
-                  <Boxes className="h-8 w-8 mx-auto mb-2 opacity-50" />暂无命名空间
+                  <Boxes className="h-8 w-8 mx-auto mb-2 opacity-50" />{i18n.t("common.noNamespace")}
                 </TableCell></TableRow>
               ) : (
                 filtered.map((ns) => {
@@ -226,7 +226,7 @@ export default function NamespaceManagementPage() {
                       <TableCell className="text-center">
                         {ns.has_resource_quota ? (
                           <Badge className="bg-[var(--dg-orange)]/20 text-[var(--dg-orange)]" title={JSON.stringify(ns.resource_quotas?.[0]?.status)}>
-                            <Shield className="h-3 w-3 mr-1" />有
+                            <Shield className="h-3 w-3 mr-1" />{i18n.t("common.hasLabel")}
                           </Badge>
                         ) : (
                           <span className="text-xs text-[var(--dg-text-muted)]">-</span>
@@ -273,13 +273,13 @@ export default function NamespaceManagementPage() {
         <DialogContent>
           <DialogHeader>
             <DialogTitle className="text-[var(--dg-red)] flex items-center gap-2">
-              <AlertTriangle className="h-5 w-5" />删除命名空间
+              <AlertTriangle className="h-5 w-5" />{i18n.t("common.deleteNamespace")}
             </DialogTitle>
           </DialogHeader>
           <div className="space-y-3 py-4">
             <div className="bg-[var(--dg-red)]/10 border border-[var(--dg-red)]/30 rounded-lg p-3">
               <p className="text-sm text-[var(--dg-red)]">
-                ⚠️ 即将删除命名空间 <span className="font-bold">{deleteTarget}</span> 及其中所有资源。
+                {i18n.t('common.deleteNamespaceWarn')} <span className="font-bold">{deleteTarget}</span> {i18n.t('common.allResources')}
               </p>
               <p className="text-xs text-[var(--dg-red)]/70 mt-1">
                 此操作不可逆，所有 Deployment/Pod/Service/ConfigMap 等资源将被永久删除。

frontend/src/components/kubernetes/NamespaceResourcePage.tsx

@@ -167,7 +167,7 @@ export default function NamespaceResourcePage() {
     }
   };
 
-  if (!config) return <div className="text-[var(--dg-text-secondary)] p-8 text-center">未知资源类型: {type}</div>;
+  if (!config) return <div className="text-[var(--dg-text-secondary)] p-8 text-center">{i18n.t('common.unknownResource', { type })}</div>;
 
   const searchToolbar = (
     <div className="relative w-56 flex-1 min-w-[200px] max-w-xs">
@@ -214,16 +214,16 @@ export default function NamespaceResourcePage() {
           )}
           {EXPORT_YAML_TYPES.includes(type) && (
             <Button variant="outline" size="sm" className="dg-btn-secondary text-xs" onClick={handleExportYaml} title={i18n.t('k8s.nsResourcePage.exportYaml')}>
-              <Download className="h-3 w-3 mr-1" />导出YAML
+              <Download className="h-3 w-3 mr-1" />{i18n.t("common.exportYaml")}
             </Button>
           )}
           {(VISUAL_RESOURCE_TYPES.includes(type) || DEPLOYMENT_LIST_TYPES.includes(type)) && (
             <>
               <Button variant="outline" size="sm" className="dg-btn-secondary text-xs" onClick={() => setShowYamlImport(true)}>
-                <Upload className="h-3 w-3 mr-1" />导入
+                <Upload className="h-3 w-3 mr-1" />{i18n.t("common.import")}
               </Button>
               <Button size="sm" className="dg-btn-primary text-xs" onClick={handleCreate}>
-                <Plus className="h-3 w-3 mr-1" />新建
+                <Plus className="h-3 w-3 mr-1" />{i18n.t("common.buildNew")}
               </Button>
             </>
           )}
@@ -267,7 +267,7 @@ export default function NamespaceResourcePage() {
               {loading ? (
                 <TableRow><TableCell colSpan={config.columns.length} className="text-center text-[var(--dg-text-muted)] py-12"><Loader2 className="h-5 w-5 animate-spin mx-auto mb-2" /> {i18n.t('monitor.logPanel.logResults.loading')} </TableCell></TableRow>
               ) : filtered.length === 0 ? (
-                <TableRow><TableCell colSpan={config.columns.length} className="text-center text-[var(--dg-text-muted)] py-12"><config.icon className="h-8 w-8 mx-auto mb-2 opacity-50" />暂无 {config.title}</TableCell></TableRow>
+                <TableRow><TableCell colSpan={config.columns.length} className="text-center text-[var(--dg-text-muted)] py-12"><config.icon className="h-8 w-8 mx-auto mb-2 opacity-50" />{i18n.t('common.noData')} {config.title}</TableCell></TableRow>
               ) : (
                 filtered.map((item) => config.renderRow(item, { clusterCode: clusterCode || '', namespace: namespace || '', onDetail: handleDetail, onYaml: handleYaml, onEdit: handleEdit, onTerminal: (p: any) => setTerminalPod(p), onFileBrowser: (p: any) => setFileBrowserPod(p), onDeletePod: handleDeletePod, onPodDetail: (p: any) => setPodDetail(p) }))
               )}

frontend/src/components/kubernetes/PodFileBrowser.tsx

@@ -172,7 +172,7 @@ export function PodFileBrowser({
         <div className="flex items-center justify-between p-3 border-b border-[var(--dg-border)] shrink-0 gap-3">
           <div className="flex items-center gap-2 min-w-0 flex-1">
             <HardDrive className="h-4 w-4 shrink-0 dg-text-yellow" />
-            <span className="text-sm font-semibold text-[var(--dg-text-primary)] truncate" title={podName}>文件: {podName}</span>
+            <span className="text-sm font-semibold text-[var(--dg-text-primary)] truncate" title={podName}>{i18n.t("common.fileLabel")}: {podName}</span>
             <Badge variant="outline" className="border-[var(--dg-border)] dg-text-secondary text-[10px] shrink-0">{namespace}</Badge>
           </div>
           <div className="flex items-center gap-2">

frontend/src/components/kubernetes/PodMetricsPage.tsx

@@ -125,8 +125,8 @@ export default function PodMetricsPage() {
           <Table>
             <TableHeader><TableRow className="border-[var(--dg-border)] hover:bg-transparent">
               <TableHead className="dg-text-secondary">Pod</TableHead>
-              <TableHead className="dg-text-secondary">命名空间</TableHead>
-              <TableHead className="dg-text-secondary">容器</TableHead>
+              <TableHead className="dg-text-secondary">{i18n.t("common.namespaceLabel")}</TableHead>
+              <TableHead className="dg-text-secondary">{i18n.t("common.containerLabel")}</TableHead>
               <TableHead className="dg-text-secondary"><Cpu className="h-3 w-3 inline mr-1" />CPU</TableHead>
               <TableHead className="dg-text-secondary"><HardDrive className="h-3 w-3 inline mr-1" />Memory</TableHead>
             </TableRow></TableHeader>

frontend/src/components/kubernetes/WorkloadViewPage.tsx

@@ -153,12 +153,12 @@ export default function WorkloadViewPage() {
       actions={(
         <>
           <Button variant="outline" size="sm" className="dg-btn-secondary" onClick={() => navigate(-1)}>
-            <ArrowLeft className="h-4 w-4 mr-1" />返回
+            <ArrowLeft className="h-4 w-4 mr-1" />{i18n.t("common.back")}
           </Button>
           {modeTabs}
           {isSts && (
             <Button variant="outline" size="sm" className="dg-btn-secondary" onClick={() => { setScaleValue(replicas); setScaleModal(true); }}>
-              <Boxes className="h-3.5 w-3.5 mr-1" />伸缩
+              <Boxes className="h-3.5 w-3.5 mr-1" />{i18n.t("common.scale")}
             </Button>
           )}
           <Button variant="outline" size="sm" className="dg-btn-secondary" disabled={actionLoading} onClick={handleRestart}>
@@ -225,7 +225,7 @@ export default function WorkloadViewPage() {
             <Card className="bg-[var(--dg-bg-secondary)] border-[var(--dg-border)]">
               <CardHeader className="pb-3">
                 <CardTitle className="text-sm text-[var(--dg-text-primary)] flex items-center gap-2">
-                  <Database className="h-4 w-4 text-[var(--dg-cyan)]" />存储卷声明模板 (VolumeClaimTemplates)
+                  <Database className="h-4 w-4 text-[var(--dg-cyan)]" />{i18n.t("common.volumeClaimTemplates")}
                 </CardTitle>
               </CardHeader>
               <CardContent className="pt-0">
@@ -262,7 +262,7 @@ export default function WorkloadViewPage() {
           <Card className="bg-[var(--dg-bg-secondary)] border-[var(--dg-border)]">
             <CardHeader className="pb-3">
               <CardTitle className="text-sm text-[var(--dg-text-primary)] flex items-center gap-2">
-                <Container className="h-4 w-4 text-[var(--dg-blue)]" />容器模板（Pod Template）
+                <Container className="h-4 w-4 text-[var(--dg-blue)]" />{i18n.t("common.containerTemplate")}
               </CardTitle>
             </CardHeader>
             <CardContent className="pt-0">

frontend/src/components/kubernetes/deployment-detail/CreateHPADialog.tsx

@@ -57,34 +57,34 @@ export function CreateHPADialog({ clusterCode, namespace, deploymentName, onCrea
   return (
     <>
       <Button variant="outline" size="sm" className="border-[var(--dg-border)] text-[var(--dg-text-secondary)]" onClick={() => setOpen(true)}>
-        <Plus className="h-3.5 w-3.5 mr-1" />创建 HPA
+        <Plus className="h-3.5 w-3.5 mr-1" />{i18n.t("common.createHpa")}
       </Button>
       {open && (
         <div className="fixed inset-0 z-50 flex items-center justify-center bg-black/60 p-4" onClick={() => setOpen(false)}>
           <div className="bg-[var(--dg-bg-secondary)] border border-[var(--dg-border)] rounded-xl w-[480px] max-w-[92vw] max-h-[85vh] flex flex-col" onClick={(e) => e.stopPropagation()}>
-            <h2 className="text-lg font-bold text-[var(--dg-text-primary)] px-6 pt-6 pb-4 shrink-0">创建 HPA</h2>
+            <h2 className="text-lg font-bold text-[var(--dg-text-primary)] px-6 pt-6 pb-4 shrink-0">{i18n.t("common.createHpaTitle")}</h2>
             <div className="flex-1 min-h-0 overflow-y-auto px-6 space-y-3">
               <div>
-                <Label className="dg-text-secondary text-sm">名称</Label>
+                <Label className="dg-text-secondary text-sm">{i18n.t("common.name")}</Label>
                 <Input value={form.name} onChange={(e) => setForm({ ...form, name: e.target.value })}
                   placeholder={`hpa-${deploymentName}`}
                   className="dg-input mt-1" />
               </div>
               <div>
-                <Label className="dg-text-secondary text-sm">目标</Label>
+                <Label className="dg-text-secondary text-sm">{i18n.t("common.target")}</Label>
                 <p className="text-[var(--dg-text-secondary)] text-sm mt-1 bg-[var(--dg-bg-tertiary)] rounded px-3 py-2 truncate" title={`Deployment: ${deploymentName} · 命名空间: ${namespace}`}>
                   Deployment: {deploymentName} · 命名空间: {namespace}
                 </p>
               </div>
               <div className="grid grid-cols-2 gap-3">
                 <div>
-                  <Label className="dg-text-secondary text-sm">最小副本数</Label>
+                  <Label className="dg-text-secondary text-sm">{i18n.t("common.minReplicas")}</Label>
                   <Input type="number" value={form.minReplicas} min={1}
                     onChange={(e) => setForm({ ...form, minReplicas: Number(e.target.value) })}
                     className="dg-input mt-1" />
                 </div>
                 <div>
-                  <Label className="dg-text-secondary text-sm">最大副本数</Label>
+                  <Label className="dg-text-secondary text-sm">{i18n.t("common.maxReplicas")}</Label>
                   <Input type="number" value={form.maxReplicas} min={1}
                     onChange={(e) => setForm({ ...form, maxReplicas: Number(e.target.value) })}
                     className="dg-input mt-1" />
@@ -98,7 +98,7 @@ export function CreateHPADialog({ clusterCode, namespace, deploymentName, onCrea
                     className="dg-input mt-1" />
                 </div>
                 <div>
-                  <Label className="dg-text-secondary text-sm">{i18n.t('k8s.misc.memory1')} <span className="dg-text-muted">可选</span></Label>
+                  <Label className="dg-text-secondary text-sm">{i18n.t('k8s.misc.memory1')} <span className="dg-text-muted">{i18n.t("common.optional")}</span></Label>
                   <Input type="number" value={form.memPercent} min={0} max={100}
                     onChange={(e) => setForm({ ...form, memPercent: Number(e.target.value) })}
                     className="dg-input mt-1" />
@@ -106,7 +106,7 @@ export function CreateHPADialog({ clusterCode, namespace, deploymentName, onCrea
               </div>
             </div>
             <div className="flex justify-end gap-2 px-6 py-4 border-t border-[var(--dg-border)] shrink-0">
-              <Button variant="outline" className="border-[var(--dg-border)] dg-text-secondary" onClick={() => setOpen(false)}>取消</Button>
+              <Button variant="outline" className="border-[var(--dg-border)] dg-text-secondary" onClick={() => setOpen(false)}>{i18n.t("common.cancel")}</Button>
               <Button className="bg-blue-600 hover:bg-blue-700" disabled={loading} onClick={handleCreate}>
                 {loading ? <Loader2 className="h-4 w-4 animate-spin" /> : i18n.t('common.create')}
               </Button>

frontend/src/components/kubernetes/deployment-edit-advanced/HostSettingsCard.tsx

@@ -1,7 +1,8 @@
-// HostSettingsCard.tsx — 主机设置 (Host Namespace) 卡片 (Q21 提取)
+// HostSettingsCard.tsx — {i18n.t("common.hostSettings")} 卡片 (Q21 提取)
 // hostNetwork / hostIPC / hostPID / shareProcessNamespace
 import { Network } from 'lucide-react';
 import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
+import i18n from '@/i18n';
 
 interface HostSettingsCardProps {
   hostNetwork: boolean;
@@ -24,7 +25,7 @@ export function HostSettingsCard({
     <Card className="dg-card">
       <CardHeader className="pb-3">
         <CardTitle className="text-sm text-[var(--dg-text-primary)] flex items-center gap-2">
-          <Network className="h-4 w-4 dg-text-cyan" />主机设置 (Host Namespace)
+          <Network className="h-4 w-4 dg-text-cyan" />{i18n.t("common.hostSettings")}
         </CardTitle>
       </CardHeader>
       <CardContent className="pt-0 grid grid-cols-2 gap-3">

frontend/src/components/kubernetes/deployment-edit-advanced/TolerationsCard.tsx

@@ -22,7 +22,7 @@ export function TolerationsCard({ tolerations, onAdd, onRemove, onUpdate }: Tole
           <CardTitle className="text-sm text-[var(--dg-text-primary)]"> {i18n.t('kubernetes.deploymentEditAdvanced.tolerations')} </CardTitle>
           <Button size="sm" variant="outline" className="h-7 border-[var(--dg-border)] text-[var(--dg-text-secondary)] text-xs"
             onClick={onAdd}>
-            <Plus className="h-3 w-3 mr-1" />添加
+            <Plus className="h-3 w-3 mr-1" />{i18n.t("common.add")}
           </Button>
         </div>
       </CardHeader>

frontend/src/components/kubernetes/deployment-edit-advanced/UpdateStrategyCard.tsx

@@ -69,7 +69,7 @@ export function UpdateStrategyCard({
       <Card className="dg-card">
         <CardHeader className="pb-3">
           <CardTitle className="text-sm text-[var(--dg-text-primary)] flex items-center gap-2">
-            <Clock className="h-4 w-4 dg-text-yellow" />历史版本 &amp; 进度
+            <Clock className="h-4 w-4 dg-text-yellow" />{i18n.t("common.historyVersion")}
           </CardTitle>
         </CardHeader>
         <CardContent className="pt-0 grid grid-cols-2 gap-3">

frontend/src/components/kubernetes/deployment-edit-service/IngressCreateForm.tsx

@@ -19,7 +19,7 @@ export function IngressCreateForm({ ingForm, setIngForm, deploymentName, onCance
   return (
     <div className="mt-3 border border-purple-800/50 rounded-lg p-3 bg-purple-950/20 space-y-2">
       <div className="text-xs font-semibold text-purple-300 flex items-center gap-1.5">
-        <Plus className="h-3 w-3" />创建新 Ingress
+        <Plus className="h-3 w-3" />{i18n.t("common.newInstanceIngress")}
       </div>
       <div className="grid grid-cols-2 gap-2">
         <div>

frontend/src/components/kubernetes/deployment-edit-service/IngressListItem.tsx

@@ -23,7 +23,7 @@ export function IngressListItem({ ing, matched, onEdit, onDelete }: Props) {
         {matched && <Badge className="bg-purple-500/20 text-purple-300 border-purple-500/30 text-[10px]"> {i18n.t('kubernetes.deploymentEditService.associated')} </Badge>}
         <Button size="sm" variant="ghost" className="h-6 text-xs dg-text-green ml-auto"
           onClick={onEdit}>
-          <Pencil className="h-3 w-3 mr-1" />编辑
+          <Pencil className="h-3 w-3 mr-1" />{i18n.t("common.editAction")}
         </Button>
         <Button size="sm" variant="ghost" className="h-6 w-6 p-0 dg-text-red hover:dg-text-red"
           title={i18n.t('kubernetes.ingress.deleteIngress')} onClick={onDelete}>

frontend/src/components/kubernetes/deployment-edit-service/ServiceCreateForm.tsx

@@ -44,7 +44,7 @@ export function ServiceCreateForm({ svcForm, setSvcForm, selectorLabels, deploym
   return (
     <div className="mt-3 border border-blue-800/50 rounded-lg p-3 bg-blue-950/20 space-y-3">
       <div className="text-xs font-semibold text-blue-300 flex items-center gap-1.5">
-        <Plus className="h-3 w-3" />创建新 Service
+        <Plus className="h-3 w-3" />{i18n.t("common.newInstanceService")}
       </div>
 
       {/* 基本信息 */}
@@ -122,7 +122,7 @@ export function ServiceCreateForm({ svcForm, setSvcForm, selectorLabels, deploym
         {/* 添加自定义端口 */}
         <Button size="sm" variant="outline" className="h-7 w-full border-dashed border-[var(--dg-border)] dg-text-secondary text-xs"
           onClick={() => addPort()}>
-          <Plus className="h-3 w-3 mr-1" />添加自定义端口
+          <Plus className="h-3 w-3 mr-1" />{i18n.t("common.addCustom")}
         </Button>
       </div>
 

frontend/src/components/kubernetes/deployment-edit-service/ServiceListItem.tsx

@@ -24,7 +24,7 @@ export function ServiceListItem({ svc, matched, onEdit, onDelete }: Props) {
         <code className="text-[11px] dg-text-muted ml-auto">{svc.clusterIP}</code>
         <Button size="sm" variant="ghost" className="h-6 text-xs dg-text-green"
           onClick={onEdit}>
-          <Pencil className="h-3 w-3 mr-1" />编辑
+          <Pencil className="h-3 w-3 mr-1" />{i18n.t("common.editAction")}
         </Button>
         <Button size="sm" variant="ghost" className="h-6 w-6 p-0 dg-text-red hover:dg-text-red"
           title={i18n.t('kubernetes.service.deleteService')} onClick={onDelete}>

frontend/src/components/kubernetes/pod-logs-viewer/BottomStatusBar.tsx

@@ -26,8 +26,8 @@ export function BottomStatusBar({
   return (
     <div className="flex items-center justify-between px-4 py-1.5 border-t border-[var(--dg-border)] bg-[var(--dg-bg-tertiary)] text-xs text-[var(--dg-text-muted)]">
       <div className="flex items-center gap-3">
-        <span className="flex items-center gap-1"><Filter className="h-3 w-3" />缓冲 {lineCount}/{RING_BUFFER_MAX}</span>
-        {keyword && <span>匹配 {matchedCount}</span>}
+        <span className="flex items-center gap-1"><Filter className="h-3 w-3" />{i18n.t("common.buffer")} {lineCount}/{RING_BUFFER_MAX}</span>
+        {keyword && <span>{i18n.t("common.matched")} {matchedCount}</span>}
         {container && <span className="flex items-center gap-1"><Box className="h-3 w-3" />{container}</span>}
         {previous && <span className="dg-text-yellow flex items-center gap-1"><History className="h-3 w-3" />previous</span>}
       </div>

frontend/src/components/kubernetes/workload-view/PodInstancesTable.tsx

@@ -56,11 +56,11 @@ export function PodInstancesTable({
                   <div className="flex items-center gap-1">
                     <Button variant="ghost" size="sm" className="h-7 px-2 text-xs text-[var(--dg-green)] hover:text-[var(--dg-green)] hover:bg-[var(--dg-green)]/10"
                       onClick={() => onTerminal(pod)}>
-                      <Terminal className="h-3.5 w-3.5 mr-1" />终端
+                      <Terminal className="h-3.5 w-3.5 mr-1" />{i18n.t("common.podLogs")}
                     </Button>
                     <Button variant="ghost" size="sm" className="h-7 px-2 text-xs text-[var(--dg-orange)] hover:text-[var(--dg-orange)] hover:bg-[var(--dg-orange)]/10"
                       onClick={() => onFileBrowser(pod)}>
-                      <HardDrive className="h-3.5 w-3.5 mr-1" />文件浏览器
+                      <HardDrive className="h-3.5 w-3.5 mr-1" />{i18n.t("common.fileBrowser")}
                     </Button>
                   </div>
                 </TableCell>

frontend/src/components/kubernetes/workload-view/UpdateStrategySelectorCards.tsx

@@ -15,7 +15,7 @@ export function UpdateStrategySelectorCards({ stats }: { stats: WorkloadStats })
       <Card className="bg-[var(--dg-bg-secondary)] border-[var(--dg-border)]">
         <CardHeader className="pb-3">
           <CardTitle className="text-sm text-[var(--dg-text-primary)] flex items-center gap-2">
-            <Settings className="h-4 w-4 text-[var(--dg-orange)]" />更新策略
+            <Settings className="h-4 w-4 text-[var(--dg-orange)]" />{i18n.t("common.updateStrategy")}
           </CardTitle>
         </CardHeader>
         <CardContent className="pt-0 space-y-2 text-xs">
@@ -70,7 +70,7 @@ export function UpdateStrategySelectorCards({ stats }: { stats: WorkloadStats })
       <Card className="bg-[var(--dg-bg-secondary)] border-[var(--dg-border)]">
         <CardHeader className="pb-3">
           <CardTitle className="text-sm text-[var(--dg-text-primary)] flex items-center gap-2">
-            <Tag className="h-4 w-4 text-[var(--dg-purple)]" />选择器与标签
+            <Tag className="h-4 w-4 text-[var(--dg-purple)]" />{i18n.t("common.selectAndLabel")}
           </CardTitle>
         </CardHeader>
         <CardContent className="pt-0 space-y-3 text-xs">

frontend/src/components/kubernetes/workload-view/shared-components.tsx

@@ -3,6 +3,7 @@ import { Badge } from '@/components/ui/badge';
 import { Card, CardContent } from '@/components/ui/card';
 import { Container } from 'lucide-react';
 import type { JsonData } from '@/types/common';
+import i18n from '@/i18n';
 
 /** 统计卡片 */
 export function StatCard({ label, value, sub, color }: {
@@ -25,7 +26,7 @@ export function StatCard({ label, value, sub, color }: {
 /** 键值对标签徽章组 */
 export function LabelBadges({ labels }: { labels: Record<string, string> | undefined }) {
   const entries = Object.entries(labels || {});
-  if (entries.length === 0) return <span className="text-xs text-[var(--dg-text-muted)]">无</span>;
+  if (entries.length === 0) return <span className="text-xs text-[var(--dg-text-muted)]">{i18n.t("common.none")}</span>;
   return (
     <div className="flex flex-wrap gap-1.5">
       {entries.map(([k, v]) => (

frontend/src/components/monitor/AlertRulesTab.tsx

@@ -107,7 +107,7 @@ export function AlertRulesTab({
       {/* 批量操作栏 // Logan.Li */}
       {selectedIds.length > 0 && (
         <div className="flex items-center gap-2 mb-3">
-          <span className="text-sm dg-text-secondary">已选择 {selectedIds.length} 项</span>
+          <span className="text-sm dg-text-secondary">{i18n.t('common.selectedCount', { count: selectedIds.length })}</span>
           <Button
             variant="outline"
             size="sm"

frontend/src/components/monitor/datasource/PrometheusDatasourceManager.tsx

@@ -99,7 +99,7 @@ export default function PrometheusDatasourceManager() {
             description={i18n.t('monitor.promDs2.addHint')}
             action={(
               <Button onClick={openCreate} size="sm" className="dg-btn-primary">
-                <Plus className="w-4 h-4 mr-1" />添加数据源
+                <Plus className="w-4 h-4 mr-1" />{i18n.t("common.addDatasource")}
               </Button>
             )}
           />

frontend/src/components/monitor/log-center/LogAlertsPanel.tsx

@@ -61,10 +61,10 @@ export function LogAlertsPanel() {
         <p className="text-sm text-[var(--dg-text-muted)]"> {i18n.t('monitor.logAlertSpanel.desc')} </p>
         <div className="flex gap-2">
           <Button variant="outline" size="sm" onClick={load} disabled={loading}>
-            <RefreshCw className={`h-4 w-4 mr-1 ${loading ? 'animate-spin' : ''}`} />刷新
+            <RefreshCw className={`h-4 w-4 mr-1 ${loading ? 'animate-spin' : ''}`} />{i18n.t("common.refresh")}
           </Button>
           <Button size="sm" onClick={() => { setEditing(null); setDialogOpen(true); }}>
-            <Plus className="h-4 w-4 mr-1" />新建
+            <Plus className="h-4 w-4 mr-1" />{i18n.t("common.buildNew")}
           </Button>
         </div>
       </div>

frontend/src/components/monitor/log-center/LogClusterPanel.tsx

@@ -41,7 +41,7 @@ export function LogClusterPanel({ clusters }: Props) {
     <div className="border rounded-lg overflow-hidden" style={{ borderColor: 'var(--dg-border)' }}>
       {/* 头部 */}
       <div className="flex items-center justify-between px-4 py-2" style={{ background: 'var(--dg-bg-tertiary)', borderBottom: '1px solid var(--dg-border)' }}>
-        <span className="text-xs" style={{ color: 'var(--dg-text-muted)' }}>共 {clusters.length} 个聚类模式，总计 {total.toLocaleString()} 条日志</span>
+        <span className="text-xs" style={{ color: 'var(--dg-text-muted)' }}>{i18n.t('common.clusterMode', { count: clusters.length })}，{i18n.t('common.totalLogs', { count: total.toLocaleString() })}</span>
         <span className="text-[10px]" style={{ color: 'var(--dg-text-muted)' }}> {i18n.t('monitor.logClusterPanel.desc')} </span>
       </div>
 
@@ -96,8 +96,8 @@ export function LogClusterPanel({ clusters }: Props) {
                   {cluster.sample}
                 </div>
                 <div className="flex gap-4 mt-2 text-[10px]" style={{ color: 'var(--dg-text-muted)' }}>
-                  <span>数量：{cluster.count.toLocaleString()}</span>
-                  <span>占比：{cluster.percentage.toFixed(2)}%</span>
+                  <span>{i18n.t('common.countLabel')}：{cluster.count.toLocaleString()}</span>
+                  <span>{i18n.t('common.percentage')}：{cluster.percentage.toFixed(2)}%</span>
                 </div>
               </div>
             )}

frontend/src/components/monitor/log-center/LogDatasourcePage.tsx

@@ -154,7 +154,7 @@ export function LogDatasourcePage() {
         toolbarExtra={
           <>
             <Button variant="outline" size="sm" className="h-8 border-[var(--dg-border)] text-[var(--dg-text-secondary)] hover:bg-[var(--dg-bg-hover)] hover:text-[var(--dg-text-primary)]" onClick={load}>
-              <RefreshCw className="h-3.5 w-3.5 mr-1" />刷新
+              <RefreshCw className="h-3.5 w-3.5 mr-1" />{i18n.t("common.refresh")}
             </Button>
             <Button size="sm" className="h-8" onClick={() => handleAdd('loki')}>
               <Plus className="h-4 w-4 mr-1" />Loki

frontend/src/components/monitor/log-center/LogQueryToolbar.tsx

@@ -57,7 +57,7 @@ export function LogQueryToolbar({
           {st.text}
         </span>
         {queryTime !== undefined && (
-          <span className="text-xs" style={{ color: 'var(--dg-text-muted)' }}>耗时: {queryTime}ms</span>
+          <span className="text-xs" style={{ color: 'var(--dg-text-muted)' }}>{i18n.t('common.queryTime')}: {queryTime}ms</span>
         )}
       </div>
 
@@ -69,7 +69,7 @@ export function LogQueryToolbar({
           className="h-7 px-1.5 text-[11px] rounded dg-input"
           style={{ background: 'var(--dg-bg-tertiary)', border: '1px solid var(--dg-border)', color: 'var(--dg-text-primary)' }}
         >
-          {[10, 20, 50, 100, 200].map(n => <option key={n} value={n}>每页 {n}</option>)}
+          {[10, 20, 50, 100, 200].map(n => <option key={n} value={n}>{i18n.t('common.perPage', { count: n })}</option>)}
         </select>
 
         <span className="text-[11px] mx-1" style={{ color: 'var(--dg-text-muted)' }}>
@@ -131,7 +131,7 @@ export function LogQueryToolbar({
             className="h-7 w-10 text-center text-[11px] rounded dg-input"
             style={{ background: 'var(--dg-bg-tertiary)', border: '1px solid var(--dg-border)', color: 'var(--dg-text-primary)' }}
           />
-          <span className="text-[10px]" style={{ color: 'var(--dg-text-muted)' }}>页</span>
+          <span className="text-[10px]" style={{ color: 'var(--dg-text-muted)' }}>{i18n.t("common.page")}</span>
         </div>
       </div>
 

frontend/src/components/server/ServerFileBrowser.tsx

@@ -163,7 +163,7 @@ export function ServerFileBrowser({ open, onOpenChange, serverId, serverName }:
           : { maxWidth: '95vw', width: '1100px', maxHeight: '92vh' }
         }
       >
-        <DialogTitle className="sr-only">文件浏览 — {serverName}</DialogTitle>
+        <DialogTitle className="sr-only">{i18n.t("common.fileBrowse")} — {serverName}</DialogTitle>
         <DialogDescription className="sr-only">SFTP 文件管理 · 上传 · 下载 · 删除</DialogDescription>
 
         {/* Header */}
@@ -196,7 +196,7 @@ export function ServerFileBrowser({ open, onOpenChange, serverId, serverName }:
         <div className="flex items-center gap-2 px-4 py-2 border-b border-[var(--dg-border)] bg-[var(--dg-bg-primary)] shrink-0">
           <Button variant="outline" size="sm" className="border-[var(--dg-border)] h-8"
             onClick={() => fetchDir(currentPath)}>
-            <RefreshCw className="h-3.5 w-3.5 mr-1" />刷新
+            <RefreshCw className="h-3.5 w-3.5 mr-1" />{i18n.t("common.refresh")}
           </Button>
           <label>
             <Button variant="outline" size="sm" className="border-[var(--dg-border)] h-8 cursor-pointer"
@@ -208,7 +208,7 @@ export function ServerFileBrowser({ open, onOpenChange, serverId, serverName }:
           </label>
           <Button variant="outline" size="sm" className="border-[var(--dg-border)] h-8"
             onClick={handleMkdir}>
-            <FolderPlus className="h-3.5 w-3.5 mr-1" />新建目录
+            <FolderPlus className="h-3.5 w-3.5 mr-1" />{i18n.t("common.newDir")}
           </Button>
           {error && (
             <Badge variant="outline" className="border-red-500/30 dg-text-red ml-auto">

frontend/src/components/server/TerminalDialog.tsx

@@ -221,7 +221,7 @@ export function TerminalDialog({
             : { maxWidth: "960px", width: "92vw" }
         }
       >
-        <DialogTitle className="sr-only">终端 - {serverName}</DialogTitle>
+        <DialogTitle className="sr-only">{t("common.podLogs")} - {serverName}</DialogTitle>
         <DialogDescription className="sr-only">SSH 终端连接</DialogDescription>
         {/* 终端头部 */}
         <div className="flex items-center justify-between px-4 py-2 border-b border-[var(--dg-border)]">

frontend/src/components/system/LiveMonitorDialog.tsx

@@ -197,14 +197,14 @@ export function LiveMonitorDialog({ open, onOpenChange, sessionId, sessionInfo }
             : { maxWidth: '960px', width: '92vw' }
         }
       >
-        <DialogTitle className="sr-only">终端实时监控</DialogTitle>
-        <DialogDescription className="sr-only">审计在线 WebSSH 会话</DialogDescription>
+        <DialogTitle className="sr-only">{t("common.terminalRealtime")}</DialogTitle>
+        <DialogDescription className="sr-only">{t("common.auditWebssh")}</DialogDescription>
 
         {/* 工具栏 — 与 TerminalDialog 一致 // Logan.Li */}
         <div className="flex items-center justify-between px-4 py-2 border-b border-[var(--dg-border)]">
           <div className="flex items-center gap-2 text-sm min-w-0 flex-wrap">
             <Monitor className="h-4 w-4 dg-text-green shrink-0" />
-            <span className="text-[var(--dg-text-primary)] font-medium">终端实时监控</span>
+            <span className="text-[var(--dg-text-primary)] font-medium">{t("common.terminalRealtime")}</span>
             {meta && (
               <span className="text-[var(--dg-text-muted)] truncate">
                 {meta.username} · {meta.server_name} ({meta.server_ip}) · {formatTime(meta.start_time)}

frontend/src/components/system/RoleFormDialog.tsx

@@ -152,7 +152,7 @@ export function RoleFormDialog({
             <Label className="text-xs text-[var(--dg-text-secondary)]">
               权限分配
               {form.permission_ids.length > 0 && (
-                <span className="ml-2 dg-text-purple">已选 {form.permission_ids.length} 项</span>
+                <span className="ml-2 dg-text-purple">{t('common.selectedPerms', { count: form.permission_ids.length })}</span>
               )}
             </Label>
             <div className="max-h-[40vh] overflow-y-auto rounded-lg border border-[var(--dg-border)] bg-[var(--dg-bg-tertiary)] p-3 space-y-3">

frontend/src/components/task/CronJobViewDialog.tsx

@@ -60,15 +60,15 @@ export function CronJobViewDialog({ open, onOpenChange, job }: Props) {
 
           <div className="grid grid-cols-2 sm:grid-cols-4 gap-2 rounded-lg border border-[var(--dg-border)] bg-[var(--dg-bg-secondary)] px-3 py-2.5 text-xs">
             <div>
-              <div className="dg-text-muted mb-0.5">上次执行</div>
+              <div className="dg-text-muted mb-0.5">{t("common.lastRun")}</div>
               <div className="text-[var(--dg-text-primary)]">{formatRelativeTime(job.last_run_at, t)}</div>
             </div>
             <div>
-              <div className="dg-text-muted mb-0.5">累计执行</div>
+              <div className="dg-text-muted mb-0.5">{t("common.totalRun")}</div>
               <div className="text-[var(--dg-text-primary)] tabular-nums">{job.run_count ?? 0} 次</div>
             </div>
             <div>
-              <div className="dg-text-muted mb-0.5">成功 / 失败</div>
+              <div className="dg-text-muted mb-0.5">{t("common.successFail")}</div>
               <div className="text-[var(--dg-text-primary)] tabular-nums">
                 <span className="dg-text-green">{job.success_count ?? 0}</span>
                 {' / '}
@@ -76,7 +76,7 @@ export function CronJobViewDialog({ open, onOpenChange, job }: Props) {
               </div>
             </div>
             <div>
-              <div className="dg-text-muted mb-0.5">成功率</div>
+              <div className="dg-text-muted mb-0.5">{t("monitor.lbl.successRate")}</div>
               {rate != null ? (
                 <SuccessRateBar success={job.success_count} fail={job.fail_count} />
               ) : (

frontend/src/components/task/TerminalOutput.tsx

@@ -55,7 +55,7 @@ export function TerminalOutput({
               <span>{new Date(startedAt).toLocaleString('zh-CN', { hour12: false })}</span>
             )}
             {durationMs != null && durationMs > 0 && (
-              <span>耗时 {durationMs < 1000 ? `${durationMs}ms` : `${(durationMs / 1000).toFixed(2)}s`}</span>
+              <span>{i18n.t("common.elapsed")} {durationMs < 1000 ? `${durationMs}ms` : `${(durationMs / 1000).toFixed(2)}s`}</span>
             )}
             {status && (
               <span className={status === 'success' ? 'text-[var(--dg-green)]' : status === 'failed' ? 'text-[var(--dg-red)]' : 'text-[var(--dg-yellow)]'}>

frontend/src/pages/audit/terminal-audit/ActiveSessionsPanel.tsx

@@ -325,7 +325,7 @@ export function ActiveSessionsPanel({ userToggledOff, onUserToggledOff }: Active
           ) : rdpSessions.length === 0 ? (
             <div className="flex flex-col items-center justify-center py-10 dg-text-muted">
               <Activity className="h-7 w-7 mb-2 opacity-40" />
-              <p className="text-sm">暂无 RDP 在线会话</p>
+              <p className="text-sm">{t("common.noRdpActive")}</p>
             </div>
           ) : (
             <Table>

frontend/src/pages/audit/terminal-audit/HistorySessionsPanel.tsx

@@ -256,7 +256,7 @@ export function HistorySessionsPanel() {
           ) : rdpSessions.length === 0 ? (
             <div className="flex flex-col items-center justify-center py-12 dg-text-muted">
               <Monitor className="h-7 w-7 mb-2 opacity-40" />
-              <p className="text-sm">暂无 RDP 历史会话</p>
+              <p className="text-sm">{t("common.noRdpHistory")}</p>
             </div>
           ) : (
             <>

frontend/src/pages/monitor/MiddlewareMonitor.tsx

@@ -164,10 +164,10 @@ export function MiddlewareMonitor() {
         </div>
         <div className="flex items-center gap-2">
           <Button variant="outline" size="sm" onClick={handleCollectNow} className="gap-1.5">
-            <Zap className="h-4 w-4" />立即采集
+            <Zap className="h-4 w-4" />{t("common.collectNow")}
           </Button>
           <Button variant="outline" size="sm" onClick={() => loadTargets(true)} disabled={refreshing} className="gap-1.5">
-            <RefreshCw className={`h-4 w-4 ${refreshing ? 'animate-spin' : ''}`} />刷新
+            <RefreshCw className={`h-4 w-4 ${refreshing ? 'animate-spin' : ''}`} />{t("common.refresh")}
           </Button>
           {targets.length === 0 && (
             <Button variant="outline" size="sm" onClick={handleSeedDefaults} disabled={seeding} className="gap-1.5">
@@ -176,14 +176,14 @@ export function MiddlewareMonitor() {
             </Button>
           )}
           <Button size="sm" onClick={() => openCreate()} className="gap-1.5">
-            <Plus className="h-4 w-4" />添加监控
+            <Plus className="h-4 w-4" />{t("common.addMonitor")}
           </Button>
         </div>
       </div>
 
       {loading && (
         <div className="flex items-center justify-center py-12 text-sm text-[var(--dg-text-muted)]">
-          <Loader2 className="h-5 w-5 animate-spin mr-2" />加载中...
+          <Loader2 className="h-5 w-5 animate-spin mr-2" />{t("common.loading")}
         </div>
       )}
 

frontend/src/pages/monitor/SNMPMonitor.tsx

@@ -188,12 +188,12 @@ export function SNMPMonitor() {
         </div>
         <div className="flex gap-2">
           <Button size="sm" variant="outline" onClick={refresh} className="h-8">
-            <RefreshCw className="h-3.5 w-3.5 mr-1" />刷新
+            <RefreshCw className="h-3.5 w-3.5 mr-1" />{t("common.refresh")}
           </Button>
           <Dialog open={dialogOpen} onOpenChange={setDialogOpen}>
             <DialogTrigger asChild>
               <Button size="sm" className="bg-cyan-500/10 dg-text-cyan border border-cyan-500/30 h-8">
-                <Plus className="h-3.5 w-3.5 mr-1" />添加设备
+                <Plus className="h-3.5 w-3.5 mr-1" />{t("common.addDevice")}
               </Button>
             </DialogTrigger>
             <DialogContent className="sm:max-w-md bg-[var(--dg-bg-secondary)] border-[var(--dg-border)]">
@@ -272,7 +272,7 @@ export function SNMPMonitor() {
 
       {loading ? (
         <div className="py-16 text-center text-sm text-[var(--dg-text-muted)]">
-          <Loader2 className="h-5 w-5 animate-spin mx-auto mb-2" />加载中...
+          <Loader2 className="h-5 w-5 animate-spin mx-auto mb-2" />{t("common.loading")}
         </div>
       ) : devices.length === 0 ? (
         <Card className="bg-[var(--dg-bg-secondary)] border-[var(--dg-border)]">
@@ -289,7 +289,7 @@ export function SNMPMonitor() {
           <div className="grid grid-cols-1 xl:grid-cols-12 gap-4 items-start">
             <Card className="xl:col-span-5 bg-[var(--dg-bg-secondary)] border-[var(--dg-border)]">
               <CardContent className="p-3">
-                <h3 className="text-sm font-medium mb-3">设备列表 ({devices.length})</h3>
+                <h3 className="text-sm font-medium mb-3">{t('common.deviceList')} ({devices.length})</h3>
                 <div className="overflow-x-auto">
                   <Table>
                     <TableHeader>
@@ -373,7 +373,7 @@ export function SNMPMonitor() {
               <Table>
                 <TableHeader>
                   <TableRow>
-                    <TableHead> {t('cloud.colMetric')} </TableHead><TableHead> {t('monitor.logIndex')} </TableHead><TableHead>值</TableHead><TableHead>OID</TableHead>
+                    <TableHead> {t('cloud.colMetric')} </TableHead><TableHead> {t('monitor.logIndex')} </TableHead><TableHead> {t('common.newValue')} </TableHead><TableHead>OID</TableHead>
                   </TableRow>
                 </TableHeader>
                 <TableBody>

frontend/src/pages/monitor/SiteMonitor.tsx

@@ -217,10 +217,10 @@ export function SiteMonitor() {
         </div>
         <div className="flex gap-2">
           <Button size="sm" variant="outline" className="h-8" onClick={() => { loadStats(); loadTasks(); }} disabled={refreshing}>
-            <RefreshCw className={`h-3.5 w-3.5 mr-1 ${refreshing ? 'animate-spin' : ''}`} />刷新
+            <RefreshCw className={`h-3.5 w-3.5 mr-1 ${refreshing ? 'animate-spin' : ''}`} />{t("common.refresh")}
           </Button>
           <Button size="sm" className="h-8 gap-1.5" onClick={() => openCreate()}>
-            <Plus className="h-3.5 w-3.5" />添加任务
+            <Plus className="h-3.5 w-3.5" />{t("common.addTask")}
           </Button>
         </div>
       </div>
@@ -302,7 +302,7 @@ export function SiteMonitor() {
                                 <span className="text-sm font-medium truncate">{task.name}</span>
                                 {isSslProbeTask(task) && isSslExpiringSoon(task.ssl_days_remaining) && (
                                   <Badge className="bg-amber-500/15 dg-text-yellow border-amber-500/30 text-[10px] shrink-0 gap-0.5">
-                                    <ShieldAlert className="h-3 w-3" />证书
+                                    <ShieldAlert className="h-3 w-3" />{t("common.certLabel")}
                                   </Badge>
                                 )}
                               </div>
@@ -321,7 +321,7 @@ export function SiteMonitor() {
                           <TableCell className="py-2">
                             <div className="flex items-center justify-end gap-0.5">
                               <Button variant="outline" size="sm" className="h-7 text-xs" onClick={() => openDetail(task)}>
-                                <LineChart className="h-3 w-3 mr-1" />可观测
+                                <LineChart className="h-3 w-3 mr-1" />{t("common.observable")}
                               </Button>
                               <Button variant="ghost" size="icon-sm" onClick={() => openEdit(task)}><Pencil className="h-3.5 w-3.5" /></Button>
                               <Button variant="ghost" size="icon-sm" className="dg-text-red" onClick={() => handleDelete(task)}><Trash2 className="h-3.5 w-3.5" /></Button>

frontend/src/pages/monitor/host-monitor/HealthProbeSection.tsx

@@ -94,10 +94,10 @@ export function HealthProbeSection({ selectedHost }: HealthProbeSectionProps) {
           <h3 className="text-xs font-medium text-[var(--dg-text-primary)]"> {t('monitor.lbl.unlimited')} </h3>
           <div className="flex gap-2">
             <Button size="sm" variant="outline" className="h-7 text-[11px]" onClick={() => refetch()} disabled={isFetching}>
-              <RefreshCw className={cn('w-3 h-3 mr-1', isFetching && 'animate-spin')} />刷新
+              <RefreshCw className={cn('w-3 h-3 mr-1', isFetching && 'animate-spin')} />{t("common.refresh")}
             </Button>
             <Button size="sm" className="h-7 text-[11px] bg-blue-600 hover:bg-blue-500" onClick={openCreateDialog}>
-              <Plus className="w-3 h-3 mr-1" />添加探针
+              <Plus className="w-3 h-3 mr-1" />{t("common.addProbe")}
             </Button>
           </div>
         </div>
@@ -145,8 +145,8 @@ export function HealthProbeSection({ selectedHost }: HealthProbeSectionProps) {
                       <span> {t('monitor.lbl.unlimited')} <span className={p.last_status === 'up' ? 'dg-text-green' : p.last_status === 'down' ? 'dg-text-red' : 'dg-text-secondary'}>
                         {p.last_status ? String(p.last_status).toUpperCase() : t('monitor.lbl.notDetected')}
                       </span></span>
-                      {Number(p.last_latency_ms) > 0 && <span>延迟: {String(p.last_latency_ms)}ms</span>}
-                      {Number(p.fail_count) > 0 && <span className="dg-text-red">连续失败: {String(p.fail_count)}次</span>}
+                      {Number(p.last_latency_ms) > 0 && <span>{t('common.latency')}: {String(p.last_latency_ms)}ms</span>}
+                      {Number(p.fail_count) > 0 && <span className="dg-text-red">{t('common.consecutiveFail')}: {String(p.fail_count)}</span>}
                       {p.last_checked_at && <span className="text-[10px]">{new Date(String(p.last_checked_at)).toLocaleString('zh-CN')}</span>}
                     </div>
                   </div>

frontend/src/pages/monitor/host-monitor/tabs/ContextSwitchCard.tsx

@@ -10,7 +10,7 @@ export function ContextSwitchCard({ csInfo }: { csInfo: JsonData }) {
     <Card className="bg-[var(--dg-bg-secondary)] border-[var(--dg-border)]">
       <CardContent className="p-4">
         <h3 className="text-xs font-medium text-[var(--dg-text-primary)] mb-3 flex items-center gap-2">
-          <RefreshCw className="h-4 w-4 dg-text-green" />上下文切换
+          <RefreshCw className="h-4 w-4 dg-text-green" />{t("common.contextSwitch")}
         </h3>
         {csInfo?.ctx_per_sec != null ? (
           <div className="space-y-4">

frontend/src/pages/monitor/host-monitor/tabs/PortMonitorTab.tsx

@@ -19,7 +19,7 @@ export function PortMonitorTab({ portInfo, portPolicyMode, portWhitelist, onOpen
     <Card className="bg-[var(--dg-bg-secondary)] border-[var(--dg-border)]">
       <CardContent className="p-4">
         <h3 className="text-xs font-medium text-[var(--dg-text-primary)] mb-3 flex items-center gap-2">
-          <Server className="h-4 w-4 dg-text-green" />监听端口 {portInfo.length}
+          <Server className="h-4 w-4 dg-text-green" />{t("common.listenPorts")} {portInfo.length}
           <span className="ml-auto flex items-center gap-2">
             {portPolicyMode === 'blacklist' && portWhitelist.length > 0 && (
               <Badge variant="outline" className="text-[10px] dg-text-yellow border-amber-500/30">

frontend/src/pages/monitor/host-monitor/tabs/ProcessTable.tsx

@@ -10,7 +10,7 @@ export function ProcessTable({ processTop }: { processTop: JsonData[] }) {
     <Card className="bg-[var(--dg-bg-secondary)] border-[var(--dg-border)]">
       <CardContent className="p-4">
         <h3 className="text-xs font-medium text-[var(--dg-text-primary)] mb-3 flex items-center gap-2">
-          <List className="h-4 w-4 dg-text-cyan" />进程 TOP {processTop.length}
+          <List className="h-4 w-4 dg-text-cyan" />{t("common.processTop")} {processTop.length}
         </h3>
         {processTop.length === 0 ? (
           <div className="text-center py-6 text-xs text-[var(--dg-text-muted)] border border-dashed border-[var(--dg-border)] rounded-lg">

frontend/src/pages/monitor/middleware-monitor/MiddlewareDialog.tsx

@@ -125,7 +125,7 @@ export function MiddlewareDialog({ open, onOpenChange, editTarget, onSuccess }:
             </div>
           </div>
           <div className="space-y-2">
-            <Label>密码 {editTarget && <span className="text-xs text-muted-foreground">(留空不修改)</span>}</Label>
+            <Label>{t('common.password')} {editTarget && <span className="text-xs text-muted-foreground">{t('common.passwordOptional')}</span>}</Label>
             <Input type="password" value={form.password} onChange={(e) => setForm((f) => ({ ...f, password: e.target.value }))} />
           </div>
           {form.type === 'mysql' && (

frontend/src/pages/monitor/middleware-monitor/MwTargetChartsPanel.tsx

@@ -84,12 +84,12 @@ export function MwTargetChartsPanel({ target, chartDefs, accent }: Props) {
         <div className="flex items-center justify-between gap-2 mb-3 flex-wrap">
           <div className="flex items-center gap-2 min-w-0">
             <Activity className="h-4 w-4 text-[var(--dg-text-muted)] shrink-0" />
-            <h3 className="text-sm font-medium truncate">可观测 · {target.name}</h3>
+            <h3 className="text-sm font-medium truncate">{t('common.observable')} · {target.name}</h3>
             <Badge variant="outline" className="text-[10px] shrink-0">{target.ip}:{target.port}</Badge>
             {accent === 'redis' && (
               <Badge variant="outline" className="text-[10px] shrink-0">{redisModeLabel(target.config_public?.redis_mode)}</Badge>
             )}
-            <span className="text-[10px] text-[var(--dg-text-muted)] shrink-0">更新 {fmtLastSeen(target.last_seen_at)}</span>
+            <span className="text-[10px] text-[var(--dg-text-muted)] shrink-0">{t('common.updated')} {fmtLastSeen(target.last_seen_at)}</span>
           </div>
           <div className="flex items-center gap-1.5">
             <Button variant="ghost" size="sm" className="h-7 text-xs" onClick={() => setShowAll((v) => !v)}>
@@ -105,7 +105,7 @@ export function MwTargetChartsPanel({ target, chartDefs, accent }: Props) {
               </SelectContent>
             </Select>
             <Button variant="outline" size="sm" className="h-7 text-xs" onClick={loadCharts} disabled={loading}>
-              <RefreshCw className={`h-3 w-3 mr-1 ${loading ? 'animate-spin' : ''}`} />刷新
+              <RefreshCw className={`h-3 w-3 mr-1 ${loading ? 'animate-spin' : ''}`} />{t("common.refresh")}
             </Button>
           </div>
         </div>
@@ -184,7 +184,7 @@ export function MwTargetChartsPanel({ target, chartDefs, accent }: Props) {
 
         {loading ? (
           <div className="py-10 flex items-center justify-center text-sm text-[var(--dg-text-muted)]">
-            <Loader2 className="h-4 w-4 animate-spin mr-2" />加载趋势...
+            <Loader2 className="h-4 w-4 animate-spin mr-2" />{t("common.loadTrend")}
           </div>
         ) : (
           <div className="grid grid-cols-1 md:grid-cols-2 gap-3">

frontend/src/pages/monitor/shared/ChartRangeHint.tsx

@@ -16,7 +16,7 @@ export function ChartRangeHint({ label, zoomed, onReset }: Props) {
     <div className="flex items-center justify-between text-[10px] text-[var(--dg-text-muted)] mt-1 px-0.5">
       <span> {t('monitor.chartRangeHint.selectedRange')} <span className="text-[var(--dg-text-primary)] font-mono">{label}</span></span>
       <Button type="button" variant="ghost" size="sm" className="h-6 text-[10px] px-2" onClick={onReset}>
-        <ZoomOut className="h-3 w-3 mr-1" />恢复全量
+        <ZoomOut className="h-3 w-3 mr-1" />{t("common.restoreFull")}
       </Button>
     </div>
   );

frontend/src/pages/monitor/site-monitor/SiteProtocolPieChart.tsx

@@ -48,7 +48,7 @@ export function SiteProtocolPieChart({ tasks }: Props) {
         <div className="flex items-center gap-2 mb-2">
           <PieChartIcon className="h-4 w-4 text-[var(--dg-text-muted)]" />
           <h3 className="text-sm font-medium text-[var(--dg-text-primary)]"> {t('monitor.lbl.availability24h')} </h3>
-          <span className="text-[10px] text-[var(--dg-text-muted)]">共 {tasks.length} 个任务</span>
+          <span className="text-[10px] text-[var(--dg-text-muted)]">{t('common.itemsCount', { count: tasks.length })}</span>
         </div>
         <ResponsiveContainer width="100%" height={200}>
           <PieChart>

frontend/src/pages/monitor/site-monitor/SiteResultsPanel.tsx

@@ -213,7 +213,7 @@ export function SiteResultsPanel({ task, onProbed, fullPage = false }: Props) {
           {!fullPage && (
             <>
               <Activity className="h-4 w-4 text-[var(--dg-text-muted)] shrink-0" />
-              <h3 className="text-sm font-medium text-[var(--dg-text-primary)] truncate">可观测 · {task.name}</h3>
+              <h3 className="text-sm font-medium text-[var(--dg-text-primary)] truncate">{t('common.observable')} · {task.name}</h3>
               <Badge variant="outline" className="text-[10px] border-[var(--dg-border)] shrink-0">{probeType}</Badge>
             </>
           )}
@@ -232,7 +232,7 @@ export function SiteResultsPanel({ task, onProbed, fullPage = false }: Props) {
             </SelectContent>
           </Select>
           <Button variant="outline" size="sm" className="h-7 text-xs" onClick={loadResults} disabled={loading}>
-            <RefreshCw className={`h-3 w-3 mr-1 ${loading ? 'animate-spin' : ''}`} />刷新
+            <RefreshCw className={`h-3 w-3 mr-1 ${loading ? 'animate-spin' : ''}`} />{t("common.refresh")}
           </Button>
           <Button size="sm" className="h-7 text-xs" onClick={handleProbeNow} disabled={probing}>
             {probing ? <Loader2 className="h-3 w-3 mr-1 animate-spin" /> : <Zap className="h-3 w-3 mr-1" />}立即拨测

frontend/src/pages/monitor/snmp-monitor/SnmpDeviceChartsPanel.tsx

@@ -143,7 +143,7 @@ export function SnmpDeviceChartsPanel({ device, templateName }: Props) {
 
         {loading ? (
           <div className="py-12 flex items-center justify-center text-sm text-[var(--dg-text-muted)]">
-            <Loader2 className="h-4 w-4 animate-spin mr-2" />加载趋势...
+            <Loader2 className="h-4 w-4 animate-spin mr-2" />{t("common.loadTrend")}
           </div>
         ) : charts.length === 0 ? (
           <div className="py-12 text-center text-sm text-[var(--dg-text-muted)]">