dsh-taskboard 0.5.4 → 0.6.0

package/src/client/board/TaskBoard.tsx

@@ -9,7 +9,8 @@ import type { BoardController, ControllerState } from '../controller.ts'
 import type { TaskRecord, TaskStatus, Urgency } from '../../shared/protocol.ts'
 import { MAIN_STATUSES, canTransition } from '../../shared/protocol.ts'
 import { PLUGIN_VERSION } from '../../shared/version.ts'
-import { COLUMN_LABELS, URGENCY_LABEL } from './labels.ts'
+import { COLUMN_KEYS, URGENCY_KEYS } from './labels.ts'
+import { useT } from '../i18n/runtime.ts'
 import { fmtTime, isStaleClaim } from './format.ts'
 import { DRAG_TYPE, TaskCard } from './TaskCard.tsx'
 import { TaskDetail } from './TaskDetail.tsx'
@@ -43,6 +44,7 @@ export function filterTasks(state: ControllerState, tasks: TaskRecord[]): TaskRe
  * @param controller - the controller.
  */
 export function TaskBoard({ controller }: { controller: BoardController }) {
+  const t = useT()
   const state = useSyncExternalStore(
     cb => controller.subscribe(cb),
     () => controller.getSnapshot(),
@@ -66,8 +68,8 @@ export function TaskBoard({ controller }: { controller: BoardController }) {
   return (
     <div className="dsh-atb-board">
       <div className="dsh-atb-toolbar">
-        <h2 className="dsh-atb-title">Agent 任务看板</h2>
-        <span className="dsh-atb-count">{live.length} 任务 · rev {state.ledger.revision}</span>
+        <h2 className="dsh-atb-title">{t('board.title')}</h2>
+        <span className="dsh-atb-count">{t('board.count.tasks', { n: live.length, rev: state.ledger.revision })}</span>
         <div className="dsh-atb-newmenu">
           <button
             type="button"
@@ -79,13 +81,13 @@ export function TaskBoard({ controller }: { controller: BoardController }) {
               if (next) controller.prepareTemplateMenu()
             }}
           >
-            + 新建任务 ▼
+            {t('board.action.newTask')}
           </button>
           {newMenuOpen && (
             <>
               <div className="dsh-atb-newmenu-backdrop" onClick={closeMenu} />
               <div className="dsh-atb-newmenu-list">
-                <button type="button" className="dsh-atb-newmenu-opt" onClick={() => { closeMenu(); controller.setComposer(true) }}>空白任务</button>
+                <button type="button" className="dsh-atb-newmenu-opt" onClick={() => { closeMenu(); controller.setComposer(true) }}>{t('board.action.blankTask')}</button>
                 {state.templates.map(t => (
                   <button
                     key={t.id}
@@ -98,7 +100,7 @@ export function TaskBoard({ controller }: { controller: BoardController }) {
                   </button>
                 ))}
                 <div className="dsh-atb-newmenu-sep" />
-                <button type="button" className="dsh-atb-newmenu-opt" onClick={() => { closeMenu(); controller.openTemplateManager() }}>⌗ 管理模板…</button>
+                <button type="button" className="dsh-atb-newmenu-opt" onClick={() => { closeMenu(); controller.openTemplateManager() }}>{t('board.action.manageTemplates')}</button>
               </div>
             </>
           )}
@@ -107,7 +109,7 @@ export function TaskBoard({ controller }: { controller: BoardController }) {
         <input
           className="dsh-atb-input dsh-atb-search"
           value={state.search}
-          placeholder="搜索标题 / ID…"
+          placeholder={t('board.search.placeholder')}
           spellCheck={false}
           onChange={e => controller.setSearch(e.target.value)}
         />
@@ -116,20 +118,20 @@ export function TaskBoard({ controller }: { controller: BoardController }) {
           value={state.filters.workspaceId ?? ''}
           onChange={e => controller.setWorkspaceFilter(e.target.value === '' ? undefined : e.target.value)}
         >
-          <option value="">全部项目</option>
+          <option value="">{t('board.filter.allProjects')}</option>
           {state.workspaces.map(ws => <option key={ws.id} value={ws.id}>{ws.title || ws.path}</option>)}
         </select>
         <select
           className="dsh-atb-select"
           value={state.sortBy}
-          title="列内排序"
+          title={t('board.sort.title')}
           onChange={e => controller.setSortBy(e.target.value as typeof state.sortBy)}
         >
-          <option value="default">默认排序</option>
-          <option value="updated">最近更新</option>
-          <option value="urgency">按紧急度</option>
-          <option value="created">创建时间</option>
-          <option value="title">按标题</option>
+          <option value="default">{t('board.sort.default')}</option>
+          <option value="updated">{t('board.sort.updated')}</option>
+          <option value="urgency">{t('board.sort.urgency')}</option>
+          <option value="created">{t('board.sort.created')}</option>
+          <option value="title">{t('board.sort.byTitle')}</option>
         </select>
         {(['urgent', 'normal', 'relaxed'] as const).map(u => (
           <button
@@ -141,23 +143,23 @@ export function TaskBoard({ controller }: { controller: BoardController }) {
             onClick={() => controller.toggleUrgency(u)}
           >
             <span className="dsh-atb-dot" data-urgency={u} />
-            {URGENCY_LABEL[u]}
+            {t(URGENCY_KEYS[u])}
           </button>
         ))}
         <button type="button" className="dsh-atb-btn" onClick={() => controller.toggleSecondary()}>
-          {state.secondaryOpen ? '返回看板' : '其它任务'}
+          {state.secondaryOpen ? t('board.action.backToBoard') : t('board.action.otherTasks')}
         </button>
-        <button type="button" className="dsh-atb-btn" title="看板设置：新建任务的默认执行隔离等" onClick={() => controller.openSettings()}>🛠 设置</button>
-        <button type="button" className="dsh-atb-btn" title="健康诊断：遗留 worktree、台账基本项" onClick={() => controller.openDiagnostics()}>⚙ 诊断</button>
-        <button type="button" className="dsh-atb-btn" title="从 JSON 备份文件导入台账（预览后合并或整册替换）" onClick={() => controller.openImport()}>⬆ 导入</button>
+        <button type="button" className="dsh-atb-btn" title={t('board.action.settingsTitle')} onClick={() => controller.openSettings()}>{t('board.action.settings')}</button>
+        <button type="button" className="dsh-atb-btn" title={t('board.action.diagTitle')} onClick={() => controller.openDiagnostics()}>{t('board.action.diag')}</button>
+        <button type="button" className="dsh-atb-btn" title={t('board.action.importTitle')} onClick={() => controller.openImport()}>{t('board.action.import')}</button>
         <div className="dsh-atb-newmenu">
           <button
             type="button"
             className="dsh-atb-btn"
-            title="导出台账：完整 JSON 备份或任务清单 CSV"
+            title={t('board.action.exportTitle')}
             onClick={() => setExportOpen(!exportOpen)}
           >
-            ⬇ 导出 ▼
+            {t('board.action.export')}
           </button>
           {exportOpen && (
             <>
@@ -166,18 +168,18 @@ export function TaskBoard({ controller }: { controller: BoardController }) {
                 <button
                   type="button"
                   className="dsh-atb-newmenu-opt"
-                  title="完整台账备份（含执行历史与看板设置），可用于导入恢复"
+                  title={t('board.export.jsonTitle')}
                   onClick={() => { closeExport(); controller.exportJson() }}
                 >
-                  完整台账（JSON）
+                  {t('board.export.json')}
                 </button>
                 <button
                   type="button"
                   className="dsh-atb-newmenu-opt"
-                  title="任务清单表格（Excel 可直接打开，中文已加 BOM）"
+                  title={t('board.export.csvTitle')}
                   onClick={() => { closeExport(); controller.exportCsv() }}
                 >
-                  任务清单（CSV）
+                  {t('board.export.csv')}
                 </button>
               </div>
             </>
@@ -221,7 +223,7 @@ export function TaskBoard({ controller }: { controller: BoardController }) {
                     const task = state.ledger.tasks.find(t => t.id === id)
                     if (task === undefined || task.status === status) return
                     if (!canTransition(task.status, status)) {
-                      showAlert(`无法从「${COLUMN_LABELS[task.status]}」拖至「${COLUMN_LABELS[status]}」`)
+                      showAlert(t('board.drag.forbidden', { from: t(COLUMN_KEYS[task.status]), to: t(COLUMN_KEYS[status]) }))
                       return
                     }
                     void controller.move(id, task.version, status)
@@ -229,7 +231,7 @@ export function TaskBoard({ controller }: { controller: BoardController }) {
                 >
                   <div className="dsh-atb-colhead">
                     <span className="dsh-atb-dot" data-status={status} />
-                    {COLUMN_LABELS[status]}
+                    {t(COLUMN_KEYS[status])}
                     <span className="dsh-atb-colcount">{columnTasks.length}</span>
                   </div>
                   <div className="dsh-atb-cards">
@@ -243,7 +245,7 @@ export function TaskBoard({ controller }: { controller: BoardController }) {
                         onAlert={showAlert}
                       />
                     ))}
-                    {columnTasks.length === 0 && <div className="dsh-atb-empty">无任务</div>}
+                    {columnTasks.length === 0 && <div className="dsh-atb-empty">{t('board.empty')}</div>}
                   </div>
                 </div>
               )
@@ -281,6 +283,7 @@ export function TaskBoard({ controller }: { controller: BoardController }) {
 
 /** ⚙ Health-diagnostics panel (plan §3.6): ledger basics + orphan worktrees + one-click cleanup. */
 function DiagnosticsPanel({ controller }: { controller: BoardController }) {
+  const t = useT()
   const state = controller.getSnapshot()
   const diag = state.diagnostics
   const wsName = (id: string): string => {
@@ -289,52 +292,52 @@ function DiagnosticsPanel({ controller }: { controller: BoardController }) {
   }
   return (
     <div className="dsh-atb-modal-backdrop" onClick={e => { if (e.target === e.currentTarget) controller.closeDiagnostics() }}>
-      <div className="dsh-atb-modal dsh-atb-diag" role="dialog" aria-modal="true" aria-label="健康诊断">
+      <div className="dsh-atb-modal dsh-atb-diag" role="dialog" aria-modal="true" aria-label={t('diag.title')}>
         <div className="dsh-atb-modal-head">
           <span className="dsh-atb-modal-headicon">⚙</span>
           <div className="dsh-atb-modal-headtext">
-            <h3>健康诊断</h3>
-            <p>台账基本项与 worktree 遗留清理</p>
+            <h3>{t('diag.title')}</h3>
+            <p>{t('diag.subtitle')}</p>
           </div>
-          <button type="button" className="dsh-atb-modal-close" aria-label="关闭" onClick={() => controller.closeDiagnostics()}>✕</button>
+          <button type="button" className="dsh-atb-modal-close" aria-label={t('shared.close')} onClick={() => controller.closeDiagnostics()}>✕</button>
         </div>
         <div className="dsh-atb-modal-body">
           {diag === undefined
-            ? <div className="dsh-atb-empty2">读取中…</div>
+            ? <div className="dsh-atb-empty2">{t('shared.loading')}</div>
             : (
               <>
                 <div className="dsh-atb-diag-grid">
-                  <div className="dsh-atb-diag-item"><b>{diag.revision}</b><span>台账修订号</span></div>
-                  <div className="dsh-atb-diag-item"><b>{diag.tasks}</b><span>任务总数</span></div>
-                  <div className="dsh-atb-diag-item" data-bad={diag.staleRunning > 0 ? 'true' : undefined}><b>{diag.staleRunning}</b><span>执行中</span></div>
-                  <div className="dsh-atb-diag-item" data-bad={diag.orphanWorktrees.length > 0 ? 'true' : undefined}><b>{diag.orphanWorktrees.length}</b><span>遗留 worktree</span></div>
+                  <div className="dsh-atb-diag-item"><b>{diag.revision}</b><span>{t('diag.revision')}</span></div>
+                  <div className="dsh-atb-diag-item"><b>{diag.tasks}</b><span>{t('diag.tasks')}</span></div>
+                  <div className="dsh-atb-diag-item" data-bad={diag.staleRunning > 0 ? 'true' : undefined}><b>{diag.staleRunning}</b><span>{t('diag.running')}</span></div>
+                  <div className="dsh-atb-diag-item" data-bad={diag.orphanWorktrees.length > 0 ? 'true' : undefined}><b>{diag.orphanWorktrees.length}</b><span>{t('diag.orphans')}</span></div>
                 </div>
                 <div className="dsh-atb-diag-sec">
-                  <h4>遗留 worktree（台账无主但目录存在）</h4>
+                  <h4>{t('diag.orphans.heading')}</h4>
                   {diag.orphanWorktrees.length === 0
-                    ? <div className="dsh-atb-empty2">无遗留 — 各项目 .dsh-worktrees 目录干净</div>
+                    ? <div className="dsh-atb-empty2">{t('diag.orphans.none')}</div>
                     : (
                         <div className="dsh-atb-diag-orphans">
                           {diag.orphanWorktrees.map(o => (
                             <div key={o.path} className="dsh-atb-diag-orphan">
                               <span className="dsh-atb-diag-orphan-path" title={o.path}>{wsName(o.workspaceId)} · {o.taskId}</span>
-                              <button type="button" className="dsh-atb-btn" data-danger="true" onClick={() => void controller.cleanupOrphan(o.workspaceId, o.taskId)}>清理</button>
+                              <button type="button" className="dsh-atb-btn" data-danger="true" onClick={() => void controller.cleanupOrphan(o.workspaceId, o.taskId)}>{t('diag.orphans.cleanup')}</button>
                             </div>
                           ))}
                         </div>
                       )}
-                  <div className="dsh-atb-empty2">提示：有未提交修改的遗留目录会被拒绝清理，请先手动处理其内容。live 任务的 worktree 请在任务详情页删除。</div>
+                  <div className="dsh-atb-empty2">{t('diag.orphans.hint')}</div>
                 </div>
                 <div className="dsh-atb-diag-sec">
-                  <h4>gitignore 建议</h4>
+                  <h4>{t('diag.gitignore.heading')}</h4>
                   {(diag.gitIgnoreSuggestions ?? []).length === 0
-                    ? <div className="dsh-atb-empty2">无待办 — 各 git 项目已忽略 .dsh-worktrees 目录</div>
+                    ? <div className="dsh-atb-empty2">{t('diag.gitignore.none')}</div>
                     : (
                         <div className="dsh-atb-diag-orphans">
                           {diag.gitIgnoreSuggestions.map(s => (
                             <div key={s.workspaceId} className="dsh-atb-diag-orphan">
                               <span className="dsh-atb-diag-orphan-path" title={s.workspacePath}>
-                                {wsName(s.workspaceId)} · 建议在 .gitignore 加入一行 <code>.dsh-worktrees/</code>（不会自动修改）
+                                {wsName(s.workspaceId)} · {t('diag.gitignore.suggestA')} <code>.dsh-worktrees/</code>{t('diag.gitignore.suggestB')}
                               </span>
                             </div>
                           ))}
@@ -351,20 +354,21 @@ function DiagnosticsPanel({ controller }: { controller: BoardController }) {
 
 /** Secondary tab: tasks grouped into canceled / archived / trashed columns. */
 function SecondaryTab({ controller, tasks }: { controller: BoardController; tasks: TaskRecord[] }) {
+  const t = useT()
   // Trashed takes precedence (a trashed task still carries its old status,
   // but what matters to the user is the pending purge).
   const trashed = tasks.filter(t => t.trashedAt !== undefined)
   const archived = tasks.filter(t => t.trashedAt === undefined && t.status === 'archived')
   const canceled = tasks.filter(t => t.trashedAt === undefined && t.status === 'canceled')
   const groups = [
-    { label: '已取消', dot: 'canceled', rows: canceled },
-    { label: '已归档', dot: 'archived', rows: archived },
-    { label: '已删除', dot: 'trashed', rows: trashed },
+    { label: t('status.column.canceled'), dot: 'canceled', rows: canceled },
+    { label: t('status.column.archived'), dot: 'archived', rows: archived },
+    { label: t('board.group.trashed'), dot: 'trashed', rows: trashed },
   ]
   if (trashed.length + archived.length + canceled.length === 0) {
     return (
       <div className="dsh-atb-secondary">
-        <div className="dsh-atb-empty">无已取消 / 已归档 / 已删除任务</div>
+        <div className="dsh-atb-empty">{t('board.secondary.empty')}</div>
       </div>
     )
   }
@@ -381,7 +385,7 @@ function SecondaryTab({ controller, tasks }: { controller: BoardController; task
             {group.rows.map(task => (
               <TaskCard key={task.id} task={task} controller={controller} />
             ))}
-            {group.rows.length === 0 && <div className="dsh-atb-empty">无任务</div>}
+            {group.rows.length === 0 && <div className="dsh-atb-empty">{t('board.empty')}</div>}
           </div>
         </div>
       ))}

package/src/client/board/TaskCard.tsx

@@ -15,7 +15,8 @@ import { useState } from 'react'
 import type { BoardController } from '../controller.ts'
 import type { TaskRecord } from '../../shared/protocol.ts'
 import { fmtTime, isStaleClaim } from './format.ts'
-import { OUTCOME_LABEL, URGENCY_LABEL } from './labels.ts'
+import { OUTCOME_KEYS, URGENCY_KEYS } from './labels.ts'
+import { useT } from '../i18n/runtime.ts'
 
 /** dataTransfer type carrying the dragged task id. */
 export const DRAG_TYPE = 'application/x-dsh-atb-task'
@@ -35,6 +36,7 @@ function shortId(id: string | undefined): string {
  * @param onAlert - show an alert message (replaces native alert).
  */
 export function TaskCard({ task, controller, draggable = false, now, onAlert }: { task: TaskRecord; controller: BoardController; draggable?: boolean; now?: number; onAlert?: (msg: string) => void }) {
+  const t = useT()
   const [rejectOpen, setRejectOpen] = useState(false)
   const [note, setNote] = useState('')
   const last = task.executions.length > 0 ? task.executions[task.executions.length - 1] : undefined
@@ -63,7 +65,7 @@ export function TaskCard({ task, controller, draggable = false, now, onAlert }:
         // Block drag if a session is still executing this task
         if (running !== undefined) {
           e.preventDefault()
-          const msg = `该任务正由会话执行中（${task.title}），不能拖动`
+          const msg = t('card.drag.running', { title: task.title })
           if (onAlert !== undefined) onAlert(msg)
           else alert(msg)
           return
@@ -85,53 +87,63 @@ export function TaskCard({ task, controller, draggable = false, now, onAlert }:
     >
       <div className="dsh-atb-card-title">{task.title}</div>
       <div className="dsh-atb-card-meta">
-        <span className="dsh-atb-badge">{URGENCY_LABEL[task.urgency]}</span>
-        {task.blocked && <span className="dsh-atb-badge" data-kind="blocked">受阻</span>}
-        {stale && <span className="dsh-atb-badge" data-kind="stale">⏱ 认领超时</span>}
+        <span className="dsh-atb-badge">{t(URGENCY_KEYS[task.urgency])}</span>
+        {task.blocked && <span className="dsh-atb-badge" data-kind="blocked">{t('shared.blocked')}</span>}
+        {stale && <span className="dsh-atb-badge" data-kind="stale">{t('card.badge.stale')}</span>}
         {task.execution.mode === 'scheduled' && (
           <span className="dsh-atb-badge" data-kind="scheduled">⏰ {fmtTime(task.execution.nextRunAt)}</span>
         )}
         {task.model !== undefined && (
           <span
             className="dsh-atb-badge"
-            title={`固定模型: ${task.model.provider}/${task.model.model}${task.model.reasoningEffort !== undefined ? ` · 思考强度: ${task.model.reasoningEffort}` : ''}`}
+            title={t('card.badge.modelTitle', { model: task.model.provider + '/' + task.model.model }) + (task.model.reasoningEffort !== undefined ? t('card.badge.modelEffort', { effort: task.model.reasoningEffort }) : '')}
           >
             {task.model.model}{task.model.reasoningEffort !== undefined ? ` (${task.model.reasoningEffort})` : ''}
           </span>
         )}
+        {task.permission === 'read-only' && (
+          <span className="dsh-atb-badge" data-kind="blocked" title={t('card.badge.permReadOnlyTitle')}>
+            {t('card.badge.permReadOnly')}
+          </span>
+        )}
+        {task.permission === 'danger-full-access' && (
+          <span className="dsh-atb-badge" data-kind="urgent" title={t('card.badge.permFullTitle')}>
+            {t('card.badge.permFull')}
+          </span>
+        )}
         {task.checklist !== undefined && task.checklist.length > 0 && (
           <span
             className="dsh-atb-badge"
             data-kind={task.status === 'in_review' && task.checklist.some(i => !i.checked) ? 'blocked' : 'checklist'}
-            title={task.status === 'in_review' && task.checklist.some(i => !i.checked) ? '待验收：清单未全部勾选' : '验收清单进度'}
+            title={task.status === 'in_review' && task.checklist.some(i => !i.checked) ? t('card.badge.checklistReview') : t('card.badge.checklist')}
           >
             ☑ {task.checklist.filter(i => i.checked).length}/{task.checklist.length}
           </span>
         )}
-        {task.status === 'done' && <span className="dsh-atb-badge" data-kind="done">完成</span>}
+        {task.status === 'done' && <span className="dsh-atb-badge" data-kind="done">{t('status.pill.done')}</span>}
         {last !== undefined && (
           <span className="dsh-atb-badge" data-kind={last.outcome === 'running' ? 'running' : last.outcome}>
-            {OUTCOME_LABEL[last.outcome] ?? last.outcome}
+            {t(OUTCOME_KEYS[last.outcome] ?? last.outcome)}
           </span>
         )}
         {targetSessionId !== undefined && (
           <button
             type="button"
             className="dsh-atb-card-session"
-            title={`点击一键跳转到会话：${targetSessionId}`}
+            title={t('card.session.jumpTitle', { id: targetSessionId })}
             onClick={(e) => {
               e.stopPropagation()
               void controller.openSession(targetSessionId).then(result => {
                 if (result === 'missing') {
-                  const msg = `该会话已被删除（${shortId(targetSessionId)}），无法打开`
+                  const msg = t('card.session.missing', { id: shortId(targetSessionId) })
                   if (onAlert !== undefined) onAlert(msg)
                   else alert(msg)
                 } else if (result === 'archived') {
-                  const msg = `该会话已归档（${shortId(targetSessionId)}），已从会话列表隐藏`
+                  const msg = t('card.session.archived', { id: shortId(targetSessionId) })
                   if (onAlert !== undefined) onAlert(msg)
                   else alert(msg)
                 } else if (result === 'unavailable') {
-                  const msg = `会话导航不可用，会话 ID：${targetSessionId}`
+                  const msg = t('card.session.unavailable', { id: targetSessionId })
                   if (onAlert !== undefined) onAlert(msg)
                   else alert(msg)
                 }
@@ -142,7 +154,7 @@ export function TaskCard({ task, controller, draggable = false, now, onAlert }:
           </button>
         )}
         {task.comments.length > 0 && <span>💬 {task.comments.length}</span>}
-        {task.trashedAt !== undefined && <span className="dsh-atb-badge" data-kind="trashed">待清除</span>}
+        {task.trashedAt !== undefined && <span className="dsh-atb-badge" data-kind="trashed">{t('card.badge.pendingPurge')}</span>}
         <span style={{ marginLeft: 'auto' }}>{fmtTime(task.updatedAt)}</span>
       </div>
       {reviewing && (rejectOpen
@@ -151,7 +163,7 @@ export function TaskCard({ task, controller, draggable = false, now, onAlert }:
               <input
                 className="dsh-atb-input dsh-atb-quick-note"
                 value={note}
-                placeholder="退回原因（可选，agent 开工前会读）…"
+                placeholder={t('card.reject.placeholder')}
                 autoFocus
                 spellCheck={false}
                 onChange={e => setNote(e.target.value)}
@@ -160,8 +172,8 @@ export function TaskCard({ task, controller, draggable = false, now, onAlert }:
                   else if (e.key === 'Escape') { setRejectOpen(false); setNote('') }
                 }}
               />
-              <button type="button" className="dsh-atb-quickbtn" data-act="reject-confirm" onClick={submitReject}>退回待办</button>
-              <button type="button" className="dsh-atb-quickbtn" data-act="reject-cancel" onClick={() => { setRejectOpen(false); setNote('') }}>取消</button>
+              <button type="button" className="dsh-atb-quickbtn" data-act="reject-confirm" onClick={submitReject}>{t('card.reject.confirm')}</button>
+              <button type="button" className="dsh-atb-quickbtn" data-act="reject-cancel" onClick={() => { setRejectOpen(false); setNote('') }}>{t('shared.cancel')}</button>
             </div>
           )
         : (
@@ -170,19 +182,19 @@ export function TaskCard({ task, controller, draggable = false, now, onAlert }:
                 type="button"
                 className="dsh-atb-quickbtn"
                 data-act="done"
-                title="验收完成：移至已完成"
+                title={t('card.action.doneTitle')}
                 onClick={() => void controller.move(task.id, task.version, 'done')}
               >
-                ✓ 完成
+                {t('card.action.done')}
               </button>
               <button
                 type="button"
                 className="dsh-atb-quickbtn"
                 data-act="reject"
-                title="退回待办，可附退回原因"
+                title={t('card.action.rejectTitle')}
                 onClick={() => setRejectOpen(true)}
               >
-                ✗ 退回
+                {t('card.action.reject')}
               </button>
             </div>
           ))}