From 3ba66b82d5549661d11c880dc0550bd8be79e13d Mon Sep 17 00:00:00 2001
From: wangjia <809946525@qq.com>
Date: Sat, 13 Jun 2026 23:58:41 +0800
Subject: [PATCH] =?UTF-8?q?feat(web):=20i18n=20=E8=A1=A5=E5=85=A8=E9=9D=99?=
 =?UTF-8?q?=E6=80=81=20HTML=20data-i18n=20=E6=A0=87=E7=AD=BE=20+=20?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=20[tsk=5F6-VbN2XHWT4s]?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

为侧栏/区段/弹窗等静态 HTML 补 data-i18n 属性(36 个 key,均已在 app.js 的 I18N 表定义)+ style.css 配套,与上一提交的 app.js i18n(t()+I18N 表)共同构成完整 zh/en 双语。index.html 结尾完整、key 全部匹配。

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 web/index.html | 107 +++++++++++++++++++++++++------------------------
 web/style.css  |   2 +
 2 files changed, 56 insertions(+), 53 deletions(-)

diff --git a/web/index.html b/web/index.html
index 064b1b9..7916f7b 100644
--- a/web/index.html
+++ b/web/index.html
@@ -16,18 +16,18 @@
   <aside id="sidebar">
     <div class="logo">
       <div class="logo-word">MAESTRO<span class="cursor">▮</span></div>
-      <div class="logo-sub">多项目任务调度台</div>
+      <div class="logo-sub" data-i18n="logoSub">多项目任务调度台</div>
     </div>
 
     <div class="side-head">
-      <span class="head-mark">▍</span><svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 7a2 2 0 0 1 2-2h4l2 3h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2Z"/></svg> 项目
-      <button class="btn btn-ghost btn-xs" data-action="open-new-project"><svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="12" y1="4" x2="12" y2="20" stroke="var(--icon-accent,#5fdd7d)"/><line x1="4" y1="12" x2="20" y2="12" stroke="var(--icon-accent,#5fdd7d)"/></svg> 新建</button>
+      <span class="head-mark">▍</span><svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 7a2 2 0 0 1 2-2h4l2 3h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2Z"/></svg> <span data-i18n="projects">项目</span>
+      <button class="btn btn-ghost btn-xs" data-action="open-new-project"><svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="12" y1="4" x2="12" y2="20" stroke="var(--icon-accent,#5fdd7d)"/><line x1="4" y1="12" x2="20" y2="12" stroke="var(--icon-accent,#5fdd7d)"/></svg> <span data-i18n="newProject">新建</span></button>
     </div>
     <ul id="projectList" class="project-list"></ul>
 
     <div class="side-foot">
       <span id="wsDot" class="ws-dot off"></span>
-      <span id="wsText">连接中…</span>
+      <span id="wsText" data-i18n="connecting">连接中…</span>
     </div>
   </aside>
 
@@ -40,33 +40,34 @@
       </div>
       <div class="spacer"></div>
       <div id="badgeGroup" class="badge-group" hidden>
-        <span id="bdgGate" class="bdg bdg-gate" title="等待你裁决的审批闸">
-          <span class="bdg-ico"><svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 3L22 21L2 21Z"/><line x1="12" y1="10" x2="12" y2="14" stroke="var(--icon-accent,#b88ef5)"/><line x1="12" y1="17.5" x2="12" y2="17.51" stroke="var(--icon-accent,#b88ef5)"/></svg></span><span class="bdg-n">0</span><span class="bdg-label">待审批</span>
+        <span id="bdgGate" class="bdg bdg-gate" data-i18n-title="badgeGateTip" title="等待你裁决的审批闸">
+          <span class="bdg-ico"><svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 3L22 21L2 21Z"/><line x1="12" y1="10" x2="12" y2="14" stroke="var(--icon-accent,#b88ef5)"/><line x1="12" y1="17.5" x2="12" y2="17.51" stroke="var(--icon-accent,#b88ef5)"/></svg></span><span class="bdg-n">0</span><span class="bdg-label" data-i18n="badgeGate">待审批</span>
         </span>
-        <span id="bdgReady" class="bdg bdg-ready" title="可执行（依赖已满足）+ 排队中">
-          <span class="bdg-ico"><svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M7 4L19 12L7 20Z" stroke="var(--icon-accent,#5fdd7d)"/></svg></span><span class="bdg-n">0</span><span class="bdg-label">待执行</span>
+        <span id="bdgReady" class="bdg bdg-ready" data-i18n-title="badgeReadyTip" title="可执行（依赖已满足）+ 排队中">
+          <span class="bdg-ico"><svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M7 4L19 12L7 20Z" stroke="var(--icon-accent,#5fdd7d)"/></svg></span><span class="bdg-n">0</span><span class="bdg-label" data-i18n="badgeReady">待执行</span>
         </span>
-        <span id="bdgRun" class="bdg bdg-run" title="agent 正在执行">
-          <span class="bdg-ico"><svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="8"/><circle cx="12" cy="12" r="3" fill="var(--icon-accent,#59c8d8)" stroke="none"/></svg></span><span class="bdg-n">0</span><span class="bdg-label">执行中</span>
+        <span id="bdgRun" class="bdg bdg-run" data-i18n-title="badgeRunTip" title="agent 正在执行">
+          <span class="bdg-ico"><svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="8"/><circle cx="12" cy="12" r="3" fill="var(--icon-accent,#59c8d8)" stroke="none"/></svg></span><span class="bdg-n">0</span><span class="bdg-label" data-i18n="badgeRun">执行中</span>
         </span>
-        <span id="bdgBlocked" class="bdg bdg-blocked" title="被依赖阻塞（依赖完成后自动放行）">
-          <span class="bdg-ico"><svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="3" width="7" height="7" rx="1.5"/><rect x="14" y="14" width="7" height="7" rx="1.5"/><line x1="10" y1="10" x2="14" y2="14" stroke="var(--icon-accent,#f0b429)"/></svg></span><span class="bdg-n">0</span><span class="bdg-label">被阻塞</span>
+        <span id="bdgBlocked" class="bdg bdg-blocked" data-i18n-title="badgeBlockedTip" title="被依赖阻塞（依赖完成后自动放行）">
+          <span class="bdg-ico"><svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="3" width="7" height="7" rx="1.5"/><rect x="14" y="14" width="7" height="7" rx="1.5"/><line x1="10" y1="10" x2="14" y2="14" stroke="var(--icon-accent,#f0b429)"/></svg></span><span class="bdg-n">0</span><span class="bdg-label" data-i18n="badgeBlocked">被阻塞</span>
         </span>
-        <span id="bdgTotal" class="bdg bdg-total" title="未完成任务总量（不含 done / 已拆解容器 / 取消）">
-          <span class="bdg-ico">Σ</span><span class="bdg-n">0</span><span class="bdg-label">总量</span>
+        <span id="bdgTotal" class="bdg bdg-total" data-i18n-title="badgeTotalTip" title="未完成任务总量（不含 done / 已拆解容器 / 取消）">
+          <span class="bdg-ico">Σ</span><span class="bdg-n">0</span><span class="bdg-label" data-i18n="badgeTotal">总量</span>
         </span>
       </div>
       <div id="topActions" class="top-actions" hidden>
-        <button class="btn btn-xs" data-action="toggle-config" title="项目配置（并发 / 工作模式 / todo 同步）"><svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="3" y1="6" x2="12" y2="6"/><circle cx="15" cy="6" r="2.5" stroke="var(--icon-accent,#5fdd7d)"/><line x1="18" y1="6" x2="21" y2="6"/><line x1="3" y1="12" x2="5.5" y2="12"/><circle cx="9" cy="12" r="2.5" stroke="var(--icon-accent,#5fdd7d)"/><line x1="12.5" y1="12" x2="21" y2="12"/><line x1="3" y1="18" x2="12.5" y2="18"/><circle cx="16" cy="18" r="2.5" stroke="var(--icon-accent,#5fdd7d)"/><line x1="19.5" y1="18" x2="21" y2="18"/></svg> 配置</button>
+        <button class="btn btn-xs" data-action="toggle-config" data-i18n-title="configTip" title="项目配置（并发 / 工作模式 / todo 同步）"><svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="3" y1="6" x2="12" y2="6"/><circle cx="15" cy="6" r="2.5" stroke="var(--icon-accent,#5fdd7d)"/><line x1="18" y1="6" x2="21" y2="6"/><line x1="3" y1="12" x2="5.5" y2="12"/><circle cx="9" cy="12" r="2.5" stroke="var(--icon-accent,#5fdd7d)"/><line x1="12.5" y1="12" x2="21" y2="12"/><line x1="3" y1="18" x2="12.5" y2="18"/><circle cx="16" cy="18" r="2.5" stroke="var(--icon-accent,#5fdd7d)"/><line x1="19.5" y1="18" x2="21" y2="18"/></svg> <span data-i18n="config">配置</span></button>
       </div>
+      <button id="langBtn" class="btn btn-xs btn-lang" data-action="toggle-lang" data-i18n-title="langTip" title="切换语言 / Switch language">中文</button>
     </header>
 
     <section id="configPanel" class="panel config-panel" hidden>
       <div class="form-row">
-        <label class="narrow">最大并发
+        <label class="narrow"><span data-i18n="maxConcurrency">最大并发</span>
           <input id="cfgConcurrency" type="number" min="1" step="1" value="1">
         </label>
-        <label>工作模式
+        <label><span data-i18n="workMode">工作模式</span>
           <select id="cfgAutonomy">
             <option value="manual">manual · 手动</option>
             <option value="auto-easy">auto-easy · 自动执行 Easy</option>
@@ -74,53 +75,53 @@
           </select>
         </label>
         <span id="cfgCurrent" class="cfg-current"></span>
-        <button class="btn btn-solid" data-action="save-config">保存配置</button>
-        <button class="btn" data-action="toggle-config">收起</button>
+        <button class="btn btn-solid" data-action="save-config" data-i18n="save">保存配置</button>
+        <button class="btn" data-action="toggle-config" data-i18n="collapse">收起</button>
       </div>
       <div class="form-row">
-        <label class="grow">Logo
-          <input id="cfgLogo" type="text" placeholder="图片 URL 或仓库内相对路径；留空=自动（仓库 logo→git 头像→首字母）">
+        <label class="grow"><span data-i18n="projLogo">Logo</span>
+          <input id="cfgLogo" type="text" data-i18n-ph="logoPh" placeholder="图片 URL 或仓库内相对路径；留空=自动（仓库 logo→git 头像→首字母）">
         </label>
       </div>
       <div class="form-row">
-        <label class="grow">校验命令
-          <input id="cfgVerifyCmd" type="text" placeholder="npm test · go test ./... （可空）" autocomplete="off">
+        <label class="grow"><span data-i18n="verifyCmd">校验命令</span>
+          <input id="cfgVerifyCmd" type="text" data-i18n-ph="verifyPh" placeholder="npm test · go test ./... （可空）" autocomplete="off">
         </label>
-        <label class="grow">项目 Model
-          <input id="cfgModel" type="text" placeholder="claude-opus-4-5（可空，留空用全局默认）" autocomplete="off">
+        <label class="grow"><span data-i18n="model">项目 Model</span>
+          <input id="cfgModel" type="text" data-i18n-ph="modelPh" placeholder="claude-opus-4-5（可空，留空用全局默认）" autocomplete="off">
         </label>
       </div>
       <div class="form-row cfg-sync-row">
         <span id="syncMeta" class="sync-meta"></span>
-        <button id="btnSync" class="btn btn-xs" data-action="sync-todo"><svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8"/><path d="M21 3v5h-5" stroke="var(--icon-accent,#5fdd7d)"/></svg> 同步 todo</button>
+        <button id="btnSync" class="btn btn-xs" data-action="sync-todo"><svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8"/><path d="M21 3v5h-5" stroke="var(--icon-accent,#5fdd7d)"/></svg> <span data-i18n="sync">同步 todo</span></button>
       </div>
     </section>
 
     <section id="agentSection" class="agent-section">
-      <div class="sec-head"><span class="head-mark cyan">▍</span><svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="8"/><circle cx="12" cy="12" r="3" fill="var(--icon-accent,#59c8d8)" stroke="none"/></svg> Agent 执行<span id="agentTotal" class="agent-total"></span></div>
+      <div class="sec-head"><span class="head-mark cyan">▍</span><svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="8"/><circle cx="12" cy="12" r="3" fill="var(--icon-accent,#59c8d8)" stroke="none"/></svg> <span data-i18n="agentSection">Agent 执行</span><span id="agentTotal" class="agent-total"></span></div>
       <div id="agentBody"></div>
     </section>
 
     <section id="gateSection" class="gate-section" hidden>
       <div class="gate-stripe"></div>
-      <div class="sec-head gate-head"><span class="head-mark violet">▍</span><svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 3L22 21L2 21Z"/><line x1="12" y1="10" x2="12" y2="14" stroke="var(--icon-accent,#b88ef5)"/><line x1="12" y1="17.5" x2="12" y2="17.51" stroke="var(--icon-accent,#b88ef5)"/></svg> 审批闸 · 等待裁决</div>
+      <div class="sec-head gate-head"><span class="head-mark violet">▍</span><svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 3L22 21L2 21Z"/><line x1="12" y1="10" x2="12" y2="14" stroke="var(--icon-accent,#b88ef5)"/><line x1="12" y1="17.5" x2="12" y2="17.51" stroke="var(--icon-accent,#b88ef5)"/></svg> <span data-i18n="gateSection">审批闸 · 等待裁决</span></div>
       <div id="gateList"></div>
     </section>
 
     <section id="taskSection">
       <div class="sec-head">
-        <span class="head-mark">▍</span><svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="4" y="4" width="16" height="16" rx="2.5"/><polyline points="8 12 11 15 16 9" stroke="var(--icon-accent,#5fdd7d)"/></svg> 任务树
-        <button class="btn btn-ghost btn-xs" data-action="toggle-new-task"><svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="12" y1="4" x2="12" y2="20" stroke="var(--icon-accent,#5fdd7d)"/><line x1="4" y1="12" x2="20" y2="12" stroke="var(--icon-accent,#5fdd7d)"/></svg> 新建任务</button>
+        <span class="head-mark">▍</span><svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="4" y="4" width="16" height="16" rx="2.5"/><polyline points="8 12 11 15 16 9" stroke="var(--icon-accent,#5fdd7d)"/></svg> <span data-i18n="taskSection">任务树</span>
+        <button class="btn btn-ghost btn-xs" data-action="toggle-new-task"><svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="12" y1="4" x2="12" y2="20" stroke="var(--icon-accent,#5fdd7d)"/><line x1="4" y1="12" x2="20" y2="12" stroke="var(--icon-accent,#5fdd7d)"/></svg> <span data-i18n="newTask">新建任务</span></button>
       </div>
 
       <form id="newTaskPanel" class="panel form-panel" hidden>
         <div class="form-row">
-          <label class="grow">标题 <span class="req">*</span>
-            <input name="title" type="text" placeholder="要做什么" autocomplete="off">
+          <label class="grow"><span data-i18n="titleLabel">标题</span> <span class="req">*</span>
+            <input name="title" type="text" data-i18n-ph="titlePlaceholder" placeholder="要做什么" autocomplete="off">
           </label>
         </div>
         <div class="form-row">
-          <label>复杂度 <span class="req">*</span>
+          <label><span data-i18n="complexity">复杂度</span> <span class="req">*</span>
             <span class="seg" id="cplxSeg">
               <input type="radio" name="complexity" value="auto"   id="cx-a" checked><label for="cx-a" class="seg-a" title="由模型判断复杂度">AUTO</label>
               <input type="radio" name="complexity" value="hard"   id="cx-h"><label for="cx-h" class="seg-h">HARD</label>
@@ -128,20 +129,20 @@
               <input type="radio" name="complexity" value="easy"   id="cx-e"><label for="cx-e" class="seg-e">EASY</label>
             </span>
           </label>
-          <label>父任务
+          <label><span data-i18n="parentTask">父任务</span>
             <select name="parentId"><option value="">（顶层）</option></select>
           </label>
-          <label class="narrow">优先级
+          <label class="narrow"><span data-i18n="priority">优先级</span>
             <select name="priority">
-              <option value="0">P0 · 高</option>
-              <option value="1" selected>P1 · 中</option>
-              <option value="2">P2 · 低</option>
+              <option value="0" data-i18n="p0">P0 · 高</option>
+              <option value="1" selected data-i18n="p1">P1 · 中</option>
+              <option value="2" data-i18n="p2">P2 · 低</option>
             </select>
           </label>
         </div>
         <div class="form-row form-actions">
-          <button type="submit" class="btn btn-solid">创建任务</button>
-          <button type="button" class="btn" data-action="toggle-new-task">取消</button>
+          <button type="submit" class="btn btn-solid" data-i18n="create">创建任务</button>
+          <button type="button" class="btn" data-action="toggle-new-task" data-i18n="cancel">取消</button>
         </div>
       </form>
 
@@ -149,12 +150,12 @@
         <div class="filter-row">
           <span class="filter-search-wrap">
             <svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="10.5" cy="10.5" r="6.5"/><line x1="15.5" y1="15.5" x2="21" y2="21" stroke="var(--icon-accent,#5fdd7d)"/></svg>
-            <input id="filterKw" type="text" placeholder="搜索标题…" autocomplete="off">
+            <input id="filterKw" type="text" data-i18n-ph="searchPh" placeholder="搜索标题…" autocomplete="off">
           </span>
           <span id="filterCplx" class="fchips"></span>
           <span class="spacer"></span>
           <span id="filterCount" class="filter-count"></span>
-          <button class="btn btn-ghost btn-xs" id="filterClear" data-action="filter-clear" hidden><svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="5" y1="5" x2="19" y2="19"/><line x1="19" y1="5" x2="5" y2="19"/></svg> 清除筛选</button>
+          <button class="btn btn-ghost btn-xs" id="filterClear" data-action="filter-clear" hidden><svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="5" y1="5" x2="19" y2="19"/><line x1="19" y1="5" x2="5" y2="19"/></svg> <span data-i18n="clearFilter">✕ 清除筛选</span></button>
         </div>
         <div id="filterStatus" class="filter-row"></div>
       </div>
@@ -164,13 +165,13 @@
 
     <!-- ════════ 指标面板（执行时长 / 成功率 / 复审 / 重试 / 额度估算） ════════ -->
     <section id="metricsSection" class="metrics-section" hidden>
-      <div class="sec-head"><span class="head-mark cyan">▍</span>指标 · 健康度与成本<span id="metricsScope" class="metrics-scope"></span></div>
+      <div class="sec-head"><span class="head-mark cyan">▍</span><span data-i18n="metricsSection">指标 · 健康度与成本</span><span id="metricsScope" class="metrics-scope"></span></div>
       <div id="metricsBody"></div>
     </section>
 
     <!-- ════════ 已归档（done / 取消，时间倒序分页） ════════ -->
     <section id="archiveSection" hidden>
-      <div class="sec-head"><span class="head-mark">▣</span>已归档 · <span id="archiveCount">0</span></div>
+      <div class="sec-head"><span class="head-mark">▣</span><span data-i18n="archiveSection">已归档</span> · <span id="archiveCount">0</span></div>
       <div id="archiveList"></div>
       <div id="archivePager" class="archive-pager"></div>
     </section>
@@ -178,7 +179,7 @@
 
   <!-- ════════ 右栏：事件流 ════════ -->
   <aside id="eventPanel">
-    <div class="sec-head"><span class="head-mark">▍</span><svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="4" y1="12" x2="19" y2="12"/><polyline points="13 6 19 12 13 18" stroke="var(--icon-accent,#59c8d8)"/></svg> 事件流</div>
+    <div class="sec-head"><span class="head-mark">▍</span><svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="4" y1="12" x2="19" y2="12"/><polyline points="13 6 19 12 13 18" stroke="var(--icon-accent,#59c8d8)"/></svg> <span data-i18n="events">事件流</span></div>
     <ul id="eventList" class="event-list"></ul>
   </aside>
 </div>
@@ -187,22 +188,22 @@
 <div id="modalRoot" class="modal-root" hidden>
   <div class="modal-mask" data-action="close-modal"></div>
   <form id="newProjectForm" class="modal panel">
-    <div class="sec-head"><span class="head-mark">▍</span>新建项目</div>
-    <label>名称 <span class="req">*</span>
+    <div class="sec-head"><span class="head-mark">▍</span><span data-i18n="newProject">新建项目</span></div>
+    <label><span data-i18n="titleLabel">名称</span> <span class="req">*</span>
       <input name="name" type="text" placeholder="my-project" autocomplete="off">
     </label>
-    <label>仓库路径 <span class="req">*</span>
+    <label><span>Repo path</span> <span class="req">*</span>
       <input name="repoPath" type="text" placeholder="/path/to/repo" autocomplete="off">
     </label>
-    <label>默认分支
+    <label><span data-i18n="branch">Default branch</span>
       <input name="defaultBranch" type="text" placeholder="main">
     </label>
-    <label>校验命令
-      <input name="verifyCmd" type="text" placeholder="npm test（可空）">
+    <label><span data-i18n="verifyCmd">Verify command</span>
+      <input name="verifyCmd" type="text" data-i18n-ph="verifyPh" placeholder="npm test（可空）">
     </label>
     <div class="form-row form-actions">
-      <button type="submit" class="btn btn-solid">创建</button>
-      <button type="button" class="btn" data-action="close-modal">取消</button>
+      <button type="submit" class="btn btn-solid" data-i18n="create">创建</button>
+      <button type="button" class="btn" data-action="close-modal" data-i18n="cancel">取消</button>
     </div>
   </form>
 </div>
diff --git a/web/style.css b/web/style.css
index f391164..5b098fd 100644
--- a/web/style.css
+++ b/web/style.css
@@ -425,6 +425,8 @@ pre.doc.empty { color: var(--faint); border-left-color: var(--line); }
 }
 .btn-solid:hover { background: #79ec94; border-color: #79ec94; box-shadow: 0 0 14px rgba(95,221,125,.35); }
 
+.btn-lang { border-color: var(--border); color: var(--muted); letter-spacing: .05em; margin-left: 4px; min-width: 2.4em; }
+.btn-lang:hover { color: var(--cyan); border-color: var(--cyan); background: transparent; }
 .btn-accept { border-color: var(--green-dim); color: var(--green); }
 .btn-accept:hover { background: var(--green); color: var(--bg-deep); border-color: var(--green); box-shadow: 0 0 14px rgba(95,221,125,.3); }
 .btn-reject { border-color: var(--red-dim); color: var(--red); }