@steerable/agent-shell-web 0.6.53 → 0.6.55

package/src/components/chat/TaskProcessPanel.tsx

@@ -3,6 +3,7 @@ import { LuArrowDown, LuLoaderCircle, LuTerminal } from 'react-icons/lu';
 import { DockHeaderButton, DockPanelHeader } from '@/components/DockPanelHeader';
 import { getChildProcess, getTaskProcess } from '@/lib/local-api';
 import { getElectronBridge } from '@/lib/electron-bridge';
+import { t } from '@/i18n';
 import { Markdown } from '@/components/chat/Markdown';
 import { TurnProcessGroup } from '@/components/chat/TurnProcessGroup';
 import {
@@ -168,11 +169,11 @@ export function TaskProcessPanel({
   }, [inspected.id, childRecordId]);
 
   const statusLabel = live
-    ? '正在推理'
+    ? t('Reasoning')
     : stale
-      ? '进程已中断（表上仍是运行中）'
-      : '已结束';
-  const panelTitle = `${childRecordId ? '子代理推理' : '后台推理'} · ${statusLabel}`;
+      ? t('Process interrupted (still marked running in the table)')
+      : t('Finished');
+  const panelTitle = `${childRecordId ? t('Subagent reasoning') : t('Background reasoning')} · ${statusLabel}`;
 
   return (
     <div
@@ -182,13 +183,13 @@ export function TaskProcessPanel({
       <DockPanelHeader
         title={panelTitle}
         onClose={onClose}
-        closeLabel="关闭过程面板"
+        closeLabel={t('Close process panel')}
         actions={
           onShowTerminal && (
             <DockHeaderButton
               icon={<LuTerminal className="h-3 w-3" />}
-              label="终端"
-              title="切换到终端"
+              label={t('Terminal')}
+              title={t('Switch to terminal')}
               onClick={onShowTerminal}
             />
           )
@@ -208,7 +209,7 @@ export function TaskProcessPanel({
           {loading ? (
             <div className="flex items-center gap-2 text-xs text-agent-muted-foreground">
               <LuLoaderCircle className="h-3.5 w-3.5 animate-spin" />
-              正在加载推理过程…
+              {t('Loading reasoning process...')}
             </div>
           ) : error ? (
             <div className="text-xs text-red-600 dark:text-red-300">{error}</div>
@@ -223,10 +224,10 @@ export function TaskProcessPanel({
               emptyFallback={
                 <div className="text-xs text-agent-muted-foreground">
                   {stale
-                    ? '任务流已随进程结束，没有留下可回放的推理记录。'
+                    ? t('The task stream ended with the process and left no reasoning record to replay.')
                     : live
-                      ? '任务已启动，推理过程会显示在这里。'
-                      : '没有可显示的推理过程。'}
+                      ? t('The task has started. Its reasoning process appears here.')
+                      : t('No reasoning process to show.')}
                 </div>
               }
               renderAnswer={(block) => (
@@ -246,8 +247,8 @@ export function TaskProcessPanel({
               scrollToBottom('smooth');
             }}
             className="absolute bottom-2 right-2 flex h-7 w-7 items-center justify-center rounded-full border border-agent-border bg-agent-canvas text-agent-foreground shadow-md transition-colors hover:bg-agent-foreground/5"
-            title="回到底部"
-            aria-label="回到底部"
+            title={t('Back to bottom')}
+            aria-label={t('Back to bottom')}
           >
             <LuArrowDown className="h-4 w-4" />
           </button>

package/src/components/chat/TurnFilesCard.tsx

@@ -16,6 +16,7 @@ import {
 } from 'react-icons/lu';
 import { openLocalPath } from '@/lib/local-api';
 import { hostToolChrome } from '@/lib/host-tools';
+import { t } from '@/i18n';
 import {
   formatFileSize,
   formatIntermediateDisplayPath,
@@ -67,7 +68,7 @@ export function TurnFilesCard({ files, executedActions }: TurnFilesCardProps) {
     try {
       const result = await openLocalPath(filePath);
       if (!result.success) {
-        setOpenError({ path: filePath, message: result.error || '打开失败' });
+        setOpenError({ path: filePath, message: result.error || t('Could not open') });
       }
     } catch (err) {
       setOpenError({
@@ -197,7 +198,7 @@ function DeliverableCard({
           </button>
           <div className="mt-0.5 flex min-w-0 items-center gap-1.5 text-[11px] text-agent-muted-foreground">
             <span className="truncate" title={file.description}>
-              {file.description ?? `${meta.label} · ${meta.extBadge}`}
+              {file.description ?? `${t(meta.label)} · ${meta.extBadge}`}
             </span>
             {size && (
               <>
@@ -221,13 +222,13 @@ function DeliverableCard({
               {busy ? (
                 <LuLoaderCircle className="h-3.5 w-3.5 animate-spin text-agent-muted-foreground" />
               ) : null}
-              <span>打开方式</span>
+              <span>{t('Open with')}</span>
             </button>
             <button
               type="button"
               onClick={() => setDropdownOpen(!dropdownOpen)}
               disabled={!allowOpen}
-              aria-label="更多操作"
+              aria-label={t('More actions')}
               className="border-l border-agent-border px-1.5 py-1 text-agent-muted-foreground hover:bg-agent-muted/50 hover:text-agent-foreground rounded-r-agent-md transition-colors"
             >
               <LuChevronDown className="h-3.5 w-3.5" />
@@ -246,7 +247,7 @@ function DeliverableCard({
                 className="flex w-full items-center gap-2 px-3 py-1.5 text-left text-agent-foreground hover:bg-agent-foreground/5"
               >
                 <LuExternalLink className="h-3.5 w-3.5 text-agent-muted-foreground" />
-                <span>用默认应用打开</span>
+                <span>{t('Open with default app')}</span>
               </button>
               <button
                 type="button"
@@ -257,7 +258,7 @@ function DeliverableCard({
                 className="flex w-full items-center gap-2 px-3 py-1.5 text-left text-agent-foreground hover:bg-agent-foreground/5"
               >
                 <LuFolderOpen className="h-3.5 w-3.5 text-agent-muted-foreground" />
-                <span>在文件夹中显示</span>
+                <span>{t('Show in folder')}</span>
               </button>
               <button
                 type="button"
@@ -272,7 +273,7 @@ function DeliverableCard({
                 ) : (
                   <LuCopy className="h-3.5 w-3.5 text-agent-muted-foreground" />
                 )}
-                <span>{copied ? '已复制完整路径' : '复制文件路径'}</span>
+                <span>{copied ? t('Copied full path') : t('Copy file path')}</span>
               </button>
             </div>
           )}
@@ -281,7 +282,7 @@ function DeliverableCard({
 
       {error && (
         <div className="mt-2 px-1 text-[11px] text-agent-destructive" role="status">
-          打开失败：{error}
+          {t('Could not open: {error}', { error })}
         </div>
       )}
     </div>
@@ -370,7 +371,7 @@ function EditedFilesCard({
           </div>
           <div className="min-w-0">
             <div className="truncate text-xs font-medium text-agent-foreground">
-              修改了 {files.length} 个文件
+              {t('Changed {count} files', { count: files.length })}
             </div>
             {(totalAdditions > 0 || totalDeletions > 0) && (
               <div className="flex items-center gap-1.5 font-mono text-[11px] tabular-nums text-agent-muted-foreground">
@@ -388,10 +389,10 @@ function EditedFilesCard({
           <button
             type="button"
             disabled
-            title="撤销本轮文件改动"
+            title={t('Undo file changes from this turn')}
             className="flex items-center gap-1 px-1.5 py-0.5 text-xs text-agent-muted-foreground/50 cursor-default"
           >
-            <span>撤销</span>
+            <span>{t('Undo')}</span>
             <LuUndo2 className="h-3 w-3" />
           </button>
           <button
@@ -400,7 +401,7 @@ function EditedFilesCard({
             onClick={() => setExpanded(!expanded)}
             className="rounded-agent-md border border-agent-border bg-agent-canvas px-2.5 py-0.5 text-xs font-medium text-agent-foreground hover:bg-agent-muted/50 transition-colors"
           >
-            查看详情
+            {t('View details')}
           </button>
         </div>
       </div>
@@ -457,7 +458,7 @@ function EditedFilesCard({
 
                 {error && (
                   <div className="px-3 pb-1 text-[11px] text-agent-destructive" role="status">
-                    打开失败：{error}
+                    {t('Could not open: {error}', { error })}
                   </div>
                 )}
               </li>

package/src/components/chat/UserMessage.tsx

@@ -3,6 +3,7 @@ import { motion } from 'framer-motion';
 import { LuChevronDown, LuChevronUp, LuCheck, LuCopy, LuCornerDownRight } from 'react-icons/lu';
 import type { ChatMessage } from '@steerable/agent-protocol';
 import type { LocalChat, LocalChatAgent } from '@/lib/local-api';
+import { t } from '@/i18n';
 import { useSlashSources } from '@/lib/slash-sources';
 import { Markdown } from './Markdown';
 import { getFriendlyDate } from './timestamp';
@@ -68,7 +69,7 @@ export function UserMessage({
           <div className="mb-1 flex items-center gap-1 text-[11px] font-medium text-agent-muted-foreground select-none">
             <LuCornerDownRight className="h-3 w-3 text-agent-primary/80" />
             <span className="rounded bg-agent-primary/10 px-1 py-0.5 text-[10px] text-agent-primary font-medium">
-              追加
+              {t('Appended')}
             </span>
           </div>
         )}
@@ -110,12 +111,12 @@ export function UserMessage({
           >
             {isExpanded ? (
               <>
-                收起
+                {t('Collapse')}
                 <LuChevronUp className="h-3 w-3" />
               </>
             ) : (
               <>
-                展开全部
+                {t('Expand all')}
                 <LuChevronDown className="h-3 w-3" />
               </>
             )}
@@ -127,14 +128,14 @@ export function UserMessage({
             type="button"
             onClick={() => void copy()}
             className="inline-flex items-center gap-0.5 rounded text-xs text-agent-muted-foreground opacity-0 transition-all duration-200 hover:text-agent-foreground focus:opacity-100 group-hover/message:opacity-100"
-            title={copied ? '已复制' : '复制消息'}
-            aria-label={copied ? '已复制' : '复制消息'}
+            title={copied ? t('Copied') : t('Copy message')}
+            aria-label={copied ? t('Copied') : t('Copy message')}
           >
             {copied ? (
               <>
                 <LuCheck className="h-3 w-3 text-emerald-600 dark:text-emerald-400" />
                 <span className="text-emerald-600 dark:text-emerald-400">
-                  已复制
+                  {t('Copied')}
                 </span>
               </>
             ) : (
@@ -200,12 +201,12 @@ export function UserMessage({
             >
               {isExpanded ? (
                 <>
-                  收起
+                  {t('Collapse')}
                   <LuChevronUp className="h-3 w-3" />
                 </>
               ) : (
                 <>
-                  展开全部
+                  {t('Expand all')}
                   <LuChevronDown className="h-3 w-3" />
                 </>
               )}
@@ -217,14 +218,14 @@ export function UserMessage({
               type="button"
               onClick={() => void copy()}
               className="inline-flex items-center gap-0.5 rounded text-xs text-agent-muted-foreground opacity-0 transition-all duration-200 hover:text-agent-foreground focus:opacity-100 group-hover/message:opacity-100"
-              title={copied ? '已复制' : '复制消息'}
-              aria-label={copied ? '已复制' : '复制消息'}
+              title={copied ? t('Copied') : t('Copy message')}
+              aria-label={copied ? t('Copied') : t('Copy message')}
             >
               {copied ? (
                 <>
                   <LuCheck className="h-3 w-3 text-emerald-600 dark:text-emerald-400" />
                   <span className="text-emerald-600 dark:text-emerald-400">
-                    已复制
+                    {t('Copied')}
                   </span>
                 </>
               ) : (

package/src/components/chat/executed-actions-model.ts

@@ -8,6 +8,8 @@
  * result_count / status / bytes / truncated 这些小字段原样保留。
  */
 
+import { t } from '@/i18n';
+import { agentLabel } from '@/i18n/agent-label';
 import { findAgentForProfile } from './orchestration-children-model';
 
 interface WebToolResultData {
@@ -61,19 +63,21 @@ export function summarizeWebAction(
 
   if (tool === 'web_search') {
     const query = typeof obj.query === 'string' ? obj.query : '';
-    const head = `搜索“${query.length > 40 ? `${query.slice(0, 37)}…` : query}”`;
+    const head = t('Search "{query}"', {
+      query: query.length > 40 ? `${query.slice(0, 37)}…` : query,
+    });
     if (failed || !data) return head;
     const count = typeof data.result_count === 'number' ? data.result_count : null;
-    return count === null ? head : `${head} → ${count} 条结果`;
+    return count === null ? head : t('{head} → {count} results', { head, count });
   }
   if (tool === 'web_fetch') {
-    const head = `抓取 ${shortUrl(obj.url) ?? '未知地址'}`;
+    const head = t('Fetch {url}', { url: shortUrl(obj.url) ?? t('unknown address') });
     if (failed || !data) return head;
     const parts: string[] = [];
     if (typeof data.status === 'number') parts.push(String(data.status));
     const size = formatBytes(data.bytes);
     if (size) parts.push(size);
-    if (data.truncated === true) parts.push('已截断');
+    if (data.truncated === true) parts.push(t('truncated'));
     return parts.length > 0 ? `${head} → ${parts.join(' · ')}` : head;
   }
   return null;
@@ -99,7 +103,7 @@ export function summarizeRunCodeAction(
   const description =
     typeof obj.description === 'string' && obj.description.trim()
       ? obj.description.trim()
-      : '程序';
+      : t('Program');
   const head =
     description.length > 40 ? `${description.slice(0, 37)}…` : description;
   const data = resultData(result);
@@ -110,10 +114,10 @@ export function summarizeRunCodeAction(
     result &&
     typeof result === 'object' &&
     (result as { success?: unknown }).success === false;
-  if (failed) return `程序「${head}」失败`;
+  if (failed) return t('Program "{name}" failed', { name: head });
   return calls.length > 0
-    ? `程序「${head}」· ${calls.length} 个内层工具`
-    : `程序「${head}」`;
+    ? t('Program "{name}" · {count} inner tools', { name: head, count: calls.length })
+    : t('Program "{name}"', { name: head });
 }
 
 export interface ExecutedActionLike {
@@ -129,12 +133,17 @@ export interface DelegateSubagentView {
 }
 
 const BUILTIN_DELEGATE_LABELS: Record<string, string> = {
-  explore: '探索',
-  research: '调研',
-  coder: '编程',
-  'general-purpose': '通用',
+  explore: 'Explore',
+  research: 'Research',
+  coder: 'Coding',
+  'general-purpose': 'General',
 };
 
+function builtinDelegateLabel(profile: string): string {
+  const source = BUILTIN_DELEGATE_LABELS[profile];
+  return source ? t(source) : profile;
+}
+
 const BUILTIN_DELEGATE_COLORS: Record<string, string> = {
   explore: '#0ea5e9',
   research: '#2563eb',
@@ -157,7 +166,7 @@ function participantFromProfile(
   const match = findAgentForProfile(profile, agents);
   return {
     key: match?.id ?? profile,
-    name: match?.name ?? BUILTIN_DELEGATE_LABELS[profile] ?? profile,
+    name: match ? agentLabel(match) : builtinDelegateLabel(profile),
     color: match?.color || BUILTIN_DELEGATE_COLORS[profile] || '#7c3aed',
   };
 }
@@ -187,7 +196,7 @@ export function collectTurnParticipants(
   const pushAgent = (agent: AgentRef) => {
     push({
       key: agent.id,
-      name: agent.name,
+      name: agentLabel(agent),
       color: agent.color || '#7c3aed',
     });
   };
@@ -196,7 +205,7 @@ export function collectTurnParticipants(
     if (parent && !mentioned.includes(parent.id)) {
       push({
         key: parent.id,
-        name: parent.name,
+        name: agentLabel(parent),
         color: parent.color || '#7c3aed',
       });
     }
@@ -209,7 +218,7 @@ export function collectTurnParticipants(
   if (parent) {
     push({
       key: parent.id,
-      name: parent.name,
+      name: agentLabel(parent),
       color: parent.color || '#7c3aed',
     });
   }
@@ -285,10 +294,10 @@ export function delegateSubagentDisplayName(
   profile: string | null,
   agents: ReadonlyArray<{ id: string; slug: string | null; name: string }>,
 ): string {
-  if (!profile) return '子代理';
+  if (!profile) return t('Subagent');
   const match = findAgentForProfile(profile, agents);
-  if (match) return match.name;
-  return BUILTIN_DELEGATE_LABELS[profile] ?? profile;
+  if (match) return agentLabel(match);
+  return builtinDelegateLabel(profile);
 }
 
 /** 任务正文作行摘要；没有任务时返回 null，调用方不再回落 JSON。 */
@@ -374,22 +383,25 @@ export function parseToolEnvelope(result: unknown): ToolEnvelope {
   };
 }
 
-const DELEGATE_STATUS_ZH: Record<string, string> = {
-  budget_exhausted: '额度耗尽',
-  failed: '失败',
-  cancelled: '已取消',
+const DELEGATE_STATUS_LABELS: Record<string, string> = {
+  budget_exhausted: 'budget exhausted',
+  failed: 'failure',
+  cancelled: 'cancellation',
 };
 
 /** 把 sidecar 的英文失败句收成行头/错误栏可读的中文。 */
 export function humanizeDelegateError(error: string | null): string | null {
   if (!error) return null;
-  if (error.includes('orchestration_budget_exceeded')) return '编排额度已用尽';
+  if (error.includes('orchestration_budget_exceeded')) return t('Orchestration budget used up');
   const ended = error.match(/sub-agent ended with status:\s*(\S+)/i);
   if (ended) {
     const status = ended[1].replace(/[.,;]+$/, '');
-    return `子代理因${DELEGATE_STATUS_ZH[status] ?? status}结束`;
+    const label = DELEGATE_STATUS_LABELS[status];
+    return t('Subagent ended due to {reason}', { reason: label ? t(label) : status });
+  }
+  if (error.includes('budget_exhausted')) {
+    return t('Subagent ended due to {reason}', { reason: t('budget exhausted') });
   }
-  if (error.includes('budget_exhausted')) return '子代理因额度耗尽结束';
   return error;
 }
 
@@ -475,7 +487,7 @@ export interface InspectTaskInput {
 }
 
 export function inspectTaskTitle(input: InspectTaskInput): string {
-  return input.title ?? input.task ?? '后台任务';
+  return input.title ?? input.task ?? t('Background task');
 }
 
 /** 工具行能打开右侧「后台推理」时抽出 taskId 和标题。 */
@@ -493,7 +505,7 @@ export function inspectableTaskFromAction(
     parseTaskRun(args).task
     ?? parsed.items[0]?.task
     ?? parsed.items[0]?.hint
-    ?? '后台任务';
+    ?? t('Background task');
   return { id, title };
 }
 
@@ -539,13 +551,13 @@ export function isTaskFamilyTool(tool: string): tool is TaskFamilyTool {
 export function taskToolLabel(tool: string, args: unknown): string | null {
   switch (tool) {
     case 'task_run':
-      return parseTaskRun(args).worktree ? '后台任务 · 隔离' : '后台任务';
+      return parseTaskRun(args).worktree ? t('Background task · Isolated') : t('Background task');
     case 'task_send':
-      return '转达任务';
+      return t('Relay to task');
     case 'task_status':
-      return '查询任务';
+      return t('Check tasks');
     case 'task_result':
-      return '收取结果';
+      return t('Collect result');
     default:
       return null;
   }
@@ -569,8 +581,8 @@ export function summarizeTaskAction(
     const parsed = parseTaskRun(args);
     if (!parsed.task) return null;
     const head = clip(parsed.task);
-    if (taskRunStatus(result) === 'blocked') return `${head} · 等待依赖`;
-    if (parsed.worktree) return `${head} · 隔离工作区`;
+    if (taskRunStatus(result) === 'blocked') return t('{head} · Waiting on dependencies', { head });
+    if (parsed.worktree) return t('{head} · Isolated workspace', { head });
     return head;
   }
   if (tool === 'task_send') {
@@ -581,7 +593,7 @@ export function summarizeTaskAction(
     const id = stringField(asObject(args), 'taskId');
     if (id) return shortTaskId(id);
     const total = asObject(result)?.total;
-    return typeof total === 'number' ? `${total} 个任务` : '本会话';
+    return typeof total === 'number' ? t('{count} tasks', { count: total }) : t('This chat');
   }
   if (tool === 'task_result') {
     const id = stringField(asObject(args), 'taskId');

package/src/components/chat/orchestration-flow-model.ts

@@ -7,6 +7,7 @@
 
 import type { ChildInfo } from './orchestration-children-model';
 import { parseToolEnvelope } from './executed-actions-model';
+import { t } from '@/i18n';
 
 export const ORCHESTRATION_TOOL_NAMES = [
   'agent_spawn',
@@ -102,11 +103,21 @@ function buildOrchestrationFlow(nodes: OrchestrationChildNode[]): OrchestrationF
 
   let summaryCopy = '';
   if (isAllCompleted) {
-    summaryCopy = `${completedCount}/${totalCount} 全部完成`;
+    summaryCopy = t('{completed}/{total} all done', {
+      completed: completedCount,
+      total: totalCount,
+    });
   } else if (hasActive) {
-    summaryCopy = `协同执行中 (${completedCount}/${totalCount} 完成)...`;
+    summaryCopy = t('Running together ({completed}/{total} done)...', {
+      completed: completedCount,
+      total: totalCount,
+    });
   } else {
-    summaryCopy = `${completedCount} 完成 · ${totalCount - completedCount} 结束 (${totalCount} 个子任务)`;
+    summaryCopy = t('{completed} done · {ended} ended ({total} subtasks)', {
+      completed: completedCount,
+      ended: totalCount - completedCount,
+      total: totalCount,
+    });
   }
 
   return {
@@ -226,7 +237,7 @@ export function extractOrchestrationFlow(
 
       if (envelope.success === false || envelope.error) {
         node.status = 'failed';
-        node.error = envelope.error || '派发失败';
+        node.error = envelope.error || t('Dispatch failed');
       }
     } else if (action.tool === 'agent_wait') {
       const childId = typeof rawArgs.childId === 'string' ? rawArgs.childId.trim() : '';
@@ -260,7 +271,7 @@ export function extractOrchestrationFlow(
           node.status = 'completed';
         } else if (waitStatus === 'failed' || waitStatus === 'error' || envelope.success === false) {
           node.status = 'failed';
-          node.error = envelope.error || '执行失败';
+          node.error = envelope.error || t('Run failed');
         } else if (waitStatus === 'cancelled') {
           node.status = 'cancelled';
         } else if (waitStatus === 'interrupted') {

package/src/components/chat/process-status.ts

@@ -4,6 +4,7 @@
  * output stage (reasoning + reply), excluding tool-wait gaps.
  */
 
+import { t } from '@/i18n';
 import { formatElapsedCompact } from './elapsed';
 import {
   countProcessReasoning,
@@ -75,16 +76,16 @@ export function processStatusLabel(input: {
   elapsedMs?: number;
 }): string {
   const { process, isStreaming, elapsedMs } = input;
-  if (isStreaming) return '工作中';
+  if (isStreaming) return t('Working');
 
   const parts: string[] = [];
   const thinks = countProcessReasoning(process);
   const tools = countProcessTools(process);
   const elapsed = formatElapsedPart(false, elapsedMs);
-  if (elapsed) parts.push(`工作了 ${elapsed}`);
-  if (thinks > 0) parts.push(`思考 ${thinks} 次`);
-  if (tools > 0) parts.push(`工具调用 ${tools} 次`);
-  if (parts.length === 0) return '执行过程';
+  if (elapsed) parts.push(t('Worked {elapsed}', { elapsed }));
+  if (thinks > 0) parts.push(t('Thought {count} times', { count: thinks }));
+  if (tools > 0) parts.push(t('{count} tool calls', { count: tools }));
+  if (parts.length === 0) return t('Run process');
   return parts.join(' · ');
 }
 
@@ -96,9 +97,9 @@ export function thinkingFoldLabel(input: {
 }): string {
   const elapsed = formatElapsedPart(input.isLive, input.elapsedMs);
   if (input.isLive) {
-    return elapsed ? `思考中 · ${elapsed}` : '思考中';
+    return elapsed ? t('Thinking · {elapsed}', { elapsed }) : t('Thinking...');
   }
-  return elapsed ? `思考 · ${elapsed}` : '思考';
+  return elapsed ? t('Thought for {elapsed}', { elapsed }) : t('Thinking');
 }
 
 /** Reasoning + reply tokens for the message-footer tok/s. */

package/src/components/chat/todo-list-model.ts

@@ -8,6 +8,7 @@
 
 import type { ExecutedAction } from './ExecutedActionsCard';
 import type { TurnBlock } from './turn-timeline';
+import { t } from '@/i18n';
 
 export const TODO_STATUSES = ['pending', 'in_progress', 'completed'] as const;
 export type TodoStatus = (typeof TODO_STATUSES)[number];
@@ -108,16 +109,16 @@ export function summarizeTodoWriteAction(
 ): string | null {
   if (tool !== 'todo_write') return null;
   const todos = extractTodosFromAction({ tool, arguments: args, result });
-  if (!todos) return '任务清单';
+  if (!todos) return t('Task list');
   const { completed, total, inProgress } = summarizeTodos(todos);
   const current = todos.find((todo) => todo.status === 'in_progress');
   if (inProgress > 0 && current) {
     const label =
       current.content.length > 28 ? `${current.content.slice(0, 25)}…` : current.content;
-    return `任务清单 ${completed}/${total} · ${label}`;
+    return t('Task list {completed}/{total} · {label}', { completed, total, label });
   }
-  if (completed === total) return `任务清单 ${completed}/${total} 已完成`;
-  return `任务清单 ${completed}/${total}`;
+  if (completed === total) return t('Task list {completed}/{total} done', { completed, total });
+  return t('Task list {completed}/{total}', { completed, total });
 }
 
 export function latestTodosFromActions(