@steerable/agent-shell-web 0.6.53 → 0.6.55

package/src/components/chat/ProjectTrustBanner.tsx

@@ -9,6 +9,7 @@
  */
 import { useCallback, useEffect, useState } from 'react';
 import { LuShieldAlert, LuShieldCheck } from 'react-icons/lu';
+import { t } from '@/i18n';
 import type { LocalProject } from '@/lib/local-api';
 import { getChatProjectContext, setProjectTrusted } from '@/lib/local-api';
 
@@ -51,13 +52,21 @@ export function ProjectTrustBanner({ chatId, project, onTrustChanged }: ProjectT
   };
 
   if (!trusted) {
+    const [untrustedBefore, untrustedAfter] = t(
+      'Until trusted, these project instructions {willNot} be injected into the model.',
+    ).split('{willNot}');
     return (
       <div className="mx-3 mb-1 flex items-center justify-between gap-3 rounded-agent-md border border-sky-400/40 bg-sky-400/10 px-3 py-2 text-xs">
         <div className="flex items-center gap-2 text-sky-700 dark:text-sky-300">
           <LuShieldAlert className="h-4 w-4 shrink-0" />
           <span>
-            项目「{project.name}」包含 {ruleFileCount} 个规则文件（AGENTS.md / CLAUDE.md）。
-            信任前这些项目方指令<strong>不会</strong>注入模型。
+            {t('Project "{name}" has {count} rule files (AGENTS.md / CLAUDE.md).', {
+              name: project.name,
+              count: ruleFileCount,
+            })}{' '}
+            {untrustedBefore}
+            <strong>{t('will not')}</strong>
+            {untrustedAfter}
           </span>
         </div>
         <button
@@ -66,7 +75,7 @@ export function ProjectTrustBanner({ chatId, project, onTrustChanged }: ProjectT
           onClick={() => void toggle()}
           className="inline-flex shrink-0 items-center gap-1 rounded-full bg-agent-foreground px-3 py-1 font-medium text-agent-canvas transition hover:opacity-90 disabled:opacity-50"
         >
-          信任并加载
+          {t('Trust and load')}
         </button>
       </div>
     );
@@ -76,7 +85,12 @@ export function ProjectTrustBanner({ chatId, project, onTrustChanged }: ProjectT
     <div className="mx-3 mb-1 flex items-center justify-between gap-3 rounded-agent-md border border-agent-border bg-agent-muted/30 px-3 py-1.5 text-[11px] text-agent-muted-foreground">
       <div className="flex items-center gap-1.5">
         <LuShieldCheck className="h-3.5 w-3.5 shrink-0 text-emerald-500" />
-        <span>已加载项目「{project.name}」的 {ruleFileCount} 个规则文件</span>
+        <span>
+          {t('Loaded {count} rule files from project "{name}"', {
+            name: project.name,
+            count: ruleFileCount,
+          })}
+        </span>
       </div>
       <button
         type="button"
@@ -84,7 +98,7 @@ export function ProjectTrustBanner({ chatId, project, onTrustChanged }: ProjectT
         onClick={() => void toggle()}
         className="shrink-0 rounded px-1.5 py-0.5 transition-colors hover:text-agent-destructive disabled:opacity-50"
       >
-        撤销信任
+        {t('Revoke trust')}
       </button>
     </div>
   );

package/src/components/chat/SessionOrchestrationFlow.tsx

@@ -21,6 +21,7 @@ import {
 } from './orchestration-flow-model';
 import type { InspectTaskInput } from './executed-actions-model';
 import { useExclusiveExpand } from './composer-status-stack';
+import { t } from '@/i18n';
 
 function FlowNodeStatusIcon({
   status,
@@ -51,21 +52,21 @@ function FlowNodeStatusIcon({
 function statusBadgeText(status: OrchestrationNodeStatus): string {
   switch (status) {
     case 'completed':
-      return '已完成';
+      return t('Completed');
     case 'running':
-      return '执行中';
+      return t('Running');
     case 'interrupted':
-      return '已暂停';
+      return t('Paused');
     case 'cancelled':
-      return '已停止';
+      return t('Stopped');
     case 'closed':
-      return '已关闭';
+      return t('Closed');
     case 'failed':
-      return '失败';
+      return t('Failed');
     case 'pending':
-      return '等待中';
+      return t('Waiting');
     default:
-      return '等待中';
+      return t('Waiting');
   }
 }
 
@@ -349,10 +350,10 @@ export function SessionOrchestrationFlow({
 
         <span className="min-w-0 flex-1 truncate font-medium">
           {isAllCompleted
-            ? '协同编排已就绪'
+            ? t('Orchestration ready')
             : hasActive
-              ? (activeNode?.task ? activeNode.task : '协同编排流程')
-              : '协同编排已停止'}
+              ? (activeNode?.task ? activeNode.task : t('Orchestration flow'))
+              : t('Orchestration stopped')}
         </span>
 
         {summaryCopy ? (
@@ -389,7 +390,7 @@ export function SessionOrchestrationFlow({
           <div className="flex items-center justify-between border-b border-agent-border/60 bg-agent-muted/30 px-3 py-2">
             <div className="flex items-center gap-1.5 text-xs font-semibold text-agent-foreground">
               <LuGitFork className="h-3.5 w-3.5 text-violet-600 dark:text-violet-400" />
-              <span>多智能体协同流程</span>
+              <span>{t('Multi-agent flow')}</span>
               <span className="rounded-full bg-violet-500/10 px-1.5 py-0.2 text-[10px] font-medium text-violet-700 dark:text-violet-300">
                 Fork-Join
               </span>
@@ -410,7 +411,7 @@ export function SessionOrchestrationFlow({
                 type="button"
                 onClick={() => setUserToggled(false)}
                 className="rounded p-0.5 text-agent-muted-foreground hover:bg-agent-foreground/10 hover:text-agent-foreground"
-                aria-label="收起编排流程"
+                aria-label={t('Collapse orchestration flow')}
               >
                 <LuX className="h-3 w-3" />
               </button>
@@ -423,9 +424,9 @@ export function SessionOrchestrationFlow({
               {/* 1. 起点：目标分发 (Fork) 居中节点 */}
               <div className="inline-flex items-center gap-1.5 rounded-full border border-violet-500/30 bg-violet-500/10 px-3.5 py-1 text-xs font-semibold text-violet-800 dark:text-violet-200 shadow-2xs">
                 <LuBot className="h-3.5 w-3.5 text-violet-600 dark:text-violet-400" />
-                <span>目标分发 (Fork)</span>
+                <span>{t('Goal dispatch (Fork)')}</span>
                 <span className="rounded-full bg-violet-500/20 px-1.5 py-0.2 text-[10px] font-medium text-violet-700 dark:text-violet-300">
-                  并发 {nodes.length} 分支
+                  {t('{count} parallel branches', { count: nodes.length })}
                 </span>
               </div>
 
@@ -451,7 +452,7 @@ export function SessionOrchestrationFlow({
                           <div className="flex items-center gap-1 min-w-0 flex-1">
                             <FlowNodeStatusIcon status={node.status} />
                             <span className="font-semibold text-agent-foreground text-[11px] truncate whitespace-nowrap">
-                              分支 #{index + 1}
+                              {t('Branch #{index}', { index: index + 1 })}
                             </span>
                           </div>
 
@@ -478,14 +479,14 @@ export function SessionOrchestrationFlow({
                                     chatId,
                                     recordId: node.recordId,
                                     live: node.status === 'running',
-                                    title: node.task || '子代理执行过程',
+                                    title: node.task || t('Subagent run'),
                                   })
                                 }
                                 className="inline-flex shrink-0 whitespace-nowrap items-center gap-0.5 rounded px-1 text-[10px] text-agent-muted-foreground hover:bg-agent-muted hover:text-agent-foreground"
-                                title="查看过程"
+                                title={t('View process')}
                               >
                                 <LuExternalLink className="h-2.5 w-2.5 shrink-0" />
-                                <span>过程</span>
+                                <span>{t('Process')}</span>
                               </button>
                             ) : null}
                           </div>
@@ -503,7 +504,7 @@ export function SessionOrchestrationFlow({
                             }`}
                             title={node.task}
                           >
-                            {node.task || `子任务 (${node.childId})`}
+                            {node.task || t('Subtask ({id})', { id: node.childId })}
                           </p>
                         </div>
 
@@ -525,7 +526,7 @@ export function SessionOrchestrationFlow({
                         <div className="mt-2 rounded bg-emerald-500/10 border border-emerald-500/20 px-2 py-1 text-[11px]">
                           <div className="flex items-center gap-1 font-semibold text-emerald-800 dark:text-emerald-200 text-[10px]">
                             <LuCheck className="h-3 w-3" />
-                            <span>结论:</span>
+                            <span>{t('Conclusion:')}</span>
                             <span className="font-mono text-emerald-950 dark:text-emerald-50 truncate">
                               {node.answer}
                             </span>
@@ -533,7 +534,7 @@ export function SessionOrchestrationFlow({
                         </div>
                       ) : node.error ? (
                         <div className="mt-2 rounded bg-agent-destructive/10 px-1.5 py-1 text-[10px] text-agent-destructive truncate">
-                          失败: {node.error}
+                          {t('Failed: {error}', { error: node.error })}
                         </div>
                       ) : null}
                     </div>
@@ -553,13 +554,13 @@ export function SessionOrchestrationFlow({
                 }`}
               >
                 <LuCircleCheck className="h-3.5 w-3.5 text-emerald-600 dark:text-emerald-400" />
-                <span>结果汇聚 (Join)</span>
+                <span>{t('Result merge (Join)')}</span>
                 <span className="text-[10px] opacity-80">
                   {isAllCompleted
-                    ? '所有分支已汇聚并完成回答'
+                    ? t('All branches merged and answered')
                     : hasActive
-                      ? '等待分支就绪...'
-                      : '已停止'}
+                      ? t('Waiting for branches...')
+                      : t('Stopped')}
                 </span>
               </div>
             </div>

package/src/components/chat/SessionTodoList.tsx

@@ -9,6 +9,7 @@ import {
   LuX,
 } from 'react-icons/lu';
 import { useExclusiveExpand } from './composer-status-stack';
+import { t } from '@/i18n';
 import {
   summarizeTodos,
   type SessionTodo,
@@ -45,12 +46,12 @@ export function todoProgressCopy(todos: SessionTodo[]): string {
   const summary = summarizeTodos(todos);
   if (summary.total === 0) return '';
   if (summary.completed === summary.total) {
-    return `${summary.completed}/${summary.total} 已完成`;
+    return t('{completed}/{total} done', { completed: summary.completed, total: summary.total });
   }
   const currentIndex = todos.findIndex((todo) => todo.status === 'in_progress');
   const step =
     currentIndex >= 0 ? currentIndex + 1 : Math.min(summary.completed + 1, summary.total);
-  return `执行到 ${step}/${summary.total}`;
+  return t('On step {step}/{total}', { step, total: summary.total });
 }
 
 export function TodoItems({
@@ -99,7 +100,7 @@ export function SessionTodoList({ todos }: { todos: SessionTodo[] }) {
   const progressLabel = useMemo(() => todoProgressCopy(todos), [todos]);
   
   const hasActive = useMemo(
-    () => todos.some((t) => t.status === 'in_progress'),
+    () => todos.some((todo) => todo.status === 'in_progress'),
     [todos],
   );
   const isAllCompleted = useMemo(() => {
@@ -177,7 +178,7 @@ export function SessionTodoList({ todos }: { todos: SessionTodo[] }) {
           <LuListChecks className="h-3.5 w-3.5 shrink-0 text-agent-foreground" />
         )}
         <span className="min-w-0 flex-1 truncate font-medium">
-          {isAllCompleted ? '任务清单' : (current?.content ?? '任务清单')}
+          {isAllCompleted ? t('Task list') : (current?.content ?? t('Task list'))}
         </span>
         {progressLabel ? (
           <span
@@ -207,7 +208,7 @@ export function SessionTodoList({ todos }: { todos: SessionTodo[] }) {
           <div className="flex items-center justify-between border-b border-agent-border/60 bg-agent-muted/30 px-2.5 py-1.5">
             <div className="flex items-center gap-1.5 text-[11px] font-medium text-agent-foreground">
               <LuListChecks className="h-3.5 w-3.5 text-agent-foreground" />
-              <span>任务清单</span>
+              <span>{t('Task list')}</span>
             </div>
             <div className="flex items-center gap-1.5">
               {progressLabel && (
@@ -225,8 +226,8 @@ export function SessionTodoList({ todos }: { todos: SessionTodo[] }) {
                 type="button"
                 onClick={() => setUserToggled(false)}
                 className="flex h-5 w-5 items-center justify-center rounded text-agent-muted-foreground transition-colors hover:bg-agent-foreground/10 hover:text-agent-foreground"
-                title="收起清单"
-                aria-label="收起清单"
+                title={t('Collapse list')}
+                aria-label={t('Collapse list')}
               >
                 <LuX className="h-3 w-3" />
               </button>

package/src/components/chat/SessionTreeModal.tsx

@@ -7,6 +7,7 @@ import {
   type ChatBranchTreeNode,
   type ChatBranchTreeResponse,
 } from '@/lib/local-api';
+import { t } from '@/i18n';
 
 /**
  * SessionTreeModal — pi 式全树分支视图（session tree）。
@@ -129,7 +130,7 @@ export function SessionTreeModal({ chatId, onClose, onBranchSwitched }: SessionT
       className="fixed inset-0 z-50 flex items-center justify-center bg-black/40 p-4"
       role="dialog"
       aria-modal="true"
-      aria-label="会话分支树"
+      aria-label={t('Chat branch tree')}
       onMouseDown={(e) => {
         if (e.target === e.currentTarget) onClose();
       }}
@@ -139,10 +140,10 @@ export function SessionTreeModal({ chatId, onClose, onBranchSwitched }: SessionT
         <div className="flex items-center gap-2 border-b border-agent-border px-3 py-2">
           <LuGitBranch className="h-4 w-4 shrink-0 text-agent-muted-foreground" />
           <span className="min-w-0 flex-1 truncate text-xs font-medium text-agent-foreground">
-            会话分支树
+            {t('Chat branch tree')}
             {data && data.nodeCount > 1 && (
               <span className="ml-1.5 text-xs font-normal text-agent-muted-foreground">
-                {data.nodeCount} 个分支
+                {t('{count} branches', { count: data.nodeCount })}
               </span>
             )}
           </span>
@@ -150,7 +151,7 @@ export function SessionTreeModal({ chatId, onClose, onBranchSwitched }: SessionT
             type="button"
             onClick={onClose}
             className="flex h-6 w-6 shrink-0 items-center justify-center rounded-full text-agent-muted-foreground transition-colors hover:bg-agent-foreground/5 hover:text-agent-foreground"
-            aria-label="关闭"
+            aria-label={t('Close')}
           >
             <LuX className="h-3.5 w-3.5" />
           </button>
@@ -160,11 +161,11 @@ export function SessionTreeModal({ chatId, onClose, onBranchSwitched }: SessionT
           {loading ? (
             <div className="flex items-center justify-center gap-2 px-3 py-6 text-xs text-agent-muted-foreground">
               <LuLoaderCircle className="h-3.5 w-3.5 animate-spin" />
-              正在加载分支…
+              {t('Loading branches...')}
             </div>
           ) : isEmpty ? (
             <div className="px-3 py-6 text-center text-xs text-agent-muted-foreground">
-              暂无分支 — 重新生成回复后，旧版本会保留在这里。
+              {t('No branches yet. After you regenerate a reply, the old version is kept here.')}
             </div>
           ) : (
             rows.map((row, index) => {
@@ -194,7 +195,7 @@ export function SessionTreeModal({ chatId, onClose, onBranchSwitched }: SessionT
                     </span>
                   )}
                   <span className="min-w-0 flex-1 truncate">
-                    {row.node.label || '(空分支)'}
+                    {row.node.label || t('(empty branch)')}
                   </span>
                   {active && (
                     <LuCheck className="h-3 w-3 shrink-0 text-emerald-600 dark:text-emerald-400" />
@@ -208,8 +209,8 @@ export function SessionTreeModal({ chatId, onClose, onBranchSwitched }: SessionT
         {!loading && !isEmpty && (
           <div className="border-t border-agent-border px-3 py-1.5 text-[10px] text-agent-muted-foreground/80">
             {data?.truncated
-              ? '分支过多，树已被截断（仅显示部分节点）。'
-              : '点击切换分支；↑↓ 移动，Enter 切换，Esc 关闭。'}
+              ? t('Too many branches. The tree is truncated (only some nodes are shown).')
+              : t('Click to switch branches. ↑↓ to move, Enter to switch, Esc to close.')}
           </div>
         )}
       </div>

package/src/components/chat/StreamingStatus.tsx

@@ -1,4 +1,5 @@
 import { motion } from 'framer-motion';
+import { t } from '@/i18n';
 
 /**
  * StreamingStatus — informative placeholder for an assistant bubble that has
@@ -71,12 +72,12 @@ export function StreamingStatus({
 
 function selectLabel(round: number, actionCount: number): string {
   if (round >= 2 && actionCount === 0) {
-    return `Round ${round} · 继续推理...`;
+    return t('Round {round} · Continuing reasoning...', { round });
   }
   if (actionCount > 0) {
-    return `已调用 ${actionCount} 个工具，正在分析...`;
+    return t('Called {count} tools, analyzing...', { count: actionCount });
   }
-  return '正在思考...';
+  return t('Now thinking...');
 }
 
 function Dots() {

package/src/components/chat/SuggestedReplies.tsx

@@ -1,4 +1,5 @@
 import { LuSparkles } from 'react-icons/lu';
+import { t } from '@/i18n';
 
 /**
  * WorkBuddy-style follow-up chips: next-turn user inputs rendered under the
@@ -22,8 +23,8 @@ export function SuggestedReplies({
     >
       <div
         className="mr-0.5 inline-flex items-center select-none"
-        title="建议"
-        aria-label="建议"
+        title={t('Suggestions')}
+        aria-label={t('Suggestions')}
       >
         <LuSparkles className="h-3 w-3 text-agent-muted-foreground/80" />
       </div>

package/src/components/chat/TaskOutcomeCards.tsx

@@ -10,6 +10,7 @@
  * 不写库。worktree 的合并/丢弃仍归任务弹层——卡片只通知，不重复那套操作。
  */
 import { LuCheck, LuGitBranch, LuX } from 'react-icons/lu';
+import { t } from '@/i18n';
 import type { LocalTask } from '@/lib/local-api';
 
 /** 同时挤在消息列尾部的卡片上限；更多的只留一行汇总指回角标。 */
@@ -41,7 +42,9 @@ export function TaskOutcomeCards({ tasks, onInspect, onDismiss }: TaskOutcomeCar
       ))}
       {overflow > 0 && (
         <div className="px-1 text-[11px] text-agent-muted-foreground">
-          另有 {overflow} 个后台任务已结束 — 见标题栏的任务按钮。
+          {t('{count} more background tasks finished. See the tasks button in the title bar.', {
+            count: overflow,
+          })}
         </div>
       )}
     </div>
@@ -86,7 +89,7 @@ function TaskOutcomeCard({
               : 'text-emerald-700 dark:text-emerald-300'
           }
         >
-          {failed ? '后台任务失败：' : '后台任务已完成：'}
+          {failed ? t('Background task failed: ') : t('Background task completed: ')}
           <span className="font-medium">{task.task}</span>
         </div>
         {detail && (
@@ -100,7 +103,7 @@ function TaskOutcomeCard({
             <span className="min-w-0 truncate font-mono text-[10px]">
               {task.worktreeBranch}
             </span>
-            <span>待合并 — 在标题栏的任务按钮里处理。</span>
+            <span>{t('Awaiting merge. Handle it from the tasks button in the title bar.')}</span>
           </div>
         )}
       </div>
@@ -111,14 +114,14 @@ function TaskOutcomeCard({
           onClick={onDismiss}
           className="rounded px-1.5 py-0.5 text-agent-muted-foreground transition-colors hover:text-agent-foreground"
         >
-          忽略
+          {t('Dismiss')}
         </button>
         <button
           type="button"
           onClick={onInspect}
           className="rounded-full bg-agent-foreground px-3 py-1 font-medium text-agent-canvas transition hover:opacity-90"
         >
-          查看过程
+          {t('View process')}
         </button>
       </div>
     </div>

package/src/components/chat/TaskPanelModal.tsx

@@ -19,6 +19,7 @@ import {
   type LocalTask,
 } from '@/lib/local-api';
 import { getElectronBridge } from '@/lib/electron-bridge';
+import { t } from '@/i18n';
 
 /**
  * TaskPanelModal — 跨 turn 后台任务面板（4.6a/4.6c）。
@@ -121,14 +122,14 @@ export function TaskPanelModal({
     }
   };
 
-  const runningCount = tasks?.filter((t) => t.status === 'running').length ?? 0;
+  const runningCount = tasks?.filter((task) => task.status === 'running').length ?? 0;
 
   return createPortal(
     <div
       className="fixed inset-0 z-50 flex items-center justify-center bg-black/40 p-4"
       role="dialog"
       aria-modal="true"
-      aria-label="后台任务"
+      aria-label={t('Background tasks')}
       onMouseDown={(e) => {
         if (e.target === e.currentTarget) onClose();
       }}
@@ -138,10 +139,15 @@ export function TaskPanelModal({
         <div className="flex items-center gap-2 border-b border-agent-border px-3 py-2">
           <LuListTodo className="h-4 w-4 shrink-0 text-agent-muted-foreground" />
           <span className="min-w-0 flex-1 truncate text-xs font-medium text-agent-foreground">
-            后台任务
+            {t('Background tasks')}
             {tasks && tasks.length > 0 && (
               <span className="ml-1.5 text-xs font-normal text-agent-muted-foreground">
-                {tasks.length} 个任务{runningCount > 0 ? `，${runningCount} 个运行中` : ''}
+                {runningCount > 0
+                  ? t('{count} tasks, {running} running', {
+                      count: tasks.length,
+                      running: runningCount,
+                    })
+                  : t('{count} tasks', { count: tasks.length })}
               </span>
             )}
           </span>
@@ -149,7 +155,7 @@ export function TaskPanelModal({
             type="button"
             onClick={onClose}
             className="flex h-6 w-6 shrink-0 items-center justify-center rounded-full text-agent-muted-foreground transition-colors hover:bg-agent-foreground/5 hover:text-agent-foreground"
-            aria-label="关闭"
+            aria-label={t('Close')}
           >
             <LuX className="h-3.5 w-3.5" />
           </button>
@@ -159,11 +165,13 @@ export function TaskPanelModal({
           {loading ? (
             <div className="flex items-center justify-center gap-2 px-3 py-6 text-xs text-agent-muted-foreground">
               <LuLoaderCircle className="h-3.5 w-3.5 animate-spin" />
-              正在加载任务…
+              {t('Loading tasks...')}
             </div>
           ) : !tasks || tasks.length === 0 ? (
             <div className="px-3 py-6 text-center text-xs text-agent-muted-foreground">
-              暂无后台任务 — 让助手用 task_run 启动一个跨轮任务后会出现在这里。
+              {t(
+                'No background tasks yet. When the assistant starts a cross-turn task with task_run, it appears here.',
+              )}
             </div>
           ) : (
             tasks.map((task) => {
@@ -190,7 +198,7 @@ export function TaskPanelModal({
                       type="button"
                       onClick={() => onInspect?.(task)}
                       className="min-w-0 flex-1 truncate text-left text-xs font-medium text-agent-foreground hover:underline"
-                      title="在右侧查看推理过程"
+                      title={t('View the reasoning process on the right')}
                     >
                       {task.task}
                     </button>
@@ -202,9 +210,9 @@ export function TaskPanelModal({
                         <LuGitBranch className="h-3 w-3" />
                         {task.worktreeBranch}
                         {task.worktreeState === 'merged'
-                          ? ' · 已合并'
+                          ? ` · ${t('Merged')}`
                           : task.worktreeState === 'discarded'
-                            ? ' · 已丢弃'
+                            ? ` · ${t('Discarded')}`
                             : ''}
                       </span>
                     )}
@@ -212,7 +220,7 @@ export function TaskPanelModal({
                       type="button"
                       onClick={() => setExpandedId(expanded ? null : task.id)}
                       className="flex h-5 w-5 shrink-0 items-center justify-center rounded text-agent-muted-foreground transition-colors hover:bg-agent-foreground/5 hover:text-agent-foreground"
-                      aria-label={expanded ? '收起' : '展开'}
+                      aria-label={expanded ? t('Collapse') : t('Expand')}
                       aria-expanded={expanded}
                     >
                       {expanded ? (
@@ -225,12 +233,12 @@ export function TaskPanelModal({
 
                   <div className="mt-1 pl-5 text-[10px] text-agent-muted-foreground/80">
                     {task.status === 'running'
-                      ? '运行中'
+                      ? t('In progress')
                       : task.status === 'blocked'
-                        ? '等待依赖'
+                        ? t('Waiting on dependencies')
                         : task.status === 'completed'
-                          ? '已完成'
-                          : '失败'}
+                          ? t('Completed')
+                          : t('Failed')}
                     {' · '}
                     {formatTime(task.updatedAt)}
                   </div>
@@ -250,10 +258,10 @@ export function TaskPanelModal({
                         !task.error && (
                           <div className="text-xs text-agent-muted-foreground">
                             {task.status === 'running'
-                              ? '任务还在运行，完成后结果会出现在这里。'
+                              ? t('The task is still running. The result appears here when it finishes.')
                               : task.status === 'blocked'
-                                ? '等待依赖任务完成，就绪后会自动开始。'
-                                : '无结果。'}
+                                ? t('Waiting for dependent tasks to finish. It starts automatically when ready.')
+                                : t('No result.')}
                           </div>
                         )
                       )}
@@ -271,7 +279,7 @@ export function TaskPanelModal({
                             ) : (
                               <LuGitMerge className="h-3 w-3" />
                             )}
-                            合并到主仓
+                            {t('Merge into main repo')}
                           </button>
                           <button
                             type="button"
@@ -281,7 +289,7 @@ export function TaskPanelModal({
                             data-task-discard
                           >
                             <LuTrash2 className="h-3 w-3" />
-                            丢弃
+                            {t('Discard')}
                           </button>
                         </div>
                       )}
@@ -299,7 +307,9 @@ export function TaskPanelModal({
         </div>
 
         <div className="border-t border-agent-border px-3 py-1.5 text-[10px] text-agent-muted-foreground/80">
-          任务由后台智能体独立执行。点任务名可在右侧看推理过程；Esc 关闭。
+          {t(
+            'Background agents run tasks on their own. Click a task name to see its reasoning on the right. Press Esc to close.',
+          )}
         </div>
       </div>
     </div>,