@steerable/agent-shell-web 0.6.53 → 0.6.55

package/src/components/chat/ExecutedActionsCard.tsx

@@ -3,6 +3,7 @@ import { LuCircleCheck, LuCircleX, LuListTodo } from 'react-icons/lu';
 import { ToolExecutionCard } from '@steerable/agent-ui/cards';
 import type { ToolExecutionPayload } from '@steerable/agent-protocol';
 import type { LocalChatAgent } from '@/lib/local-api';
+import { t } from '@/i18n';
 import { UnifiedDiff } from './UnifiedDiff';
 import {
   summarizeRunCodeAction,
@@ -117,11 +118,11 @@ function sandboxBadge(sandbox: ExecutedAction['sandbox']): string | null {
   if (!sandbox) return null;
   switch (sandbox.enforcement) {
     case 'full':
-      return '[沙箱]';
+      return t('[Sandboxed]');
     case 'partial':
-      return '[沙箱·部分]';
+      return t('[Sandboxed · partial]');
     default:
-      return '[未沙箱]';
+      return t('[Not sandboxed]');
   }
 }
 
@@ -252,7 +253,7 @@ function renderDelegateArgs(
       {profile ? (
         <section>
           <div className="mb-0.5 text-[10px] uppercase tracking-wider text-agent-muted-foreground">
-            子代理
+            {t('Subagent')}
           </div>
           <div className="text-[11px]">{displayName}</div>
         </section>
@@ -260,7 +261,7 @@ function renderDelegateArgs(
       {task ? (
         <section>
           <div className="mb-0.5 text-[10px] uppercase tracking-wider text-agent-muted-foreground">
-            任务
+            {t('Task')}
           </div>
           <pre className="whitespace-pre-wrap break-words rounded bg-agent-muted/40 px-2 py-1.5">
             {task}
@@ -277,7 +278,7 @@ function renderDelegateOutput(output: unknown): ReactNode {
     return (
       <div className="space-y-1.5">
         {kvBlock(
-          '回报',
+          t('Report'),
           <pre className="whitespace-pre-wrap break-words rounded bg-agent-muted/40 px-2 py-1.5">
             {env.message}
           </pre>,
@@ -286,7 +287,7 @@ function renderDelegateOutput(output: unknown): ReactNode {
     );
   }
   if (env.error || env.success === false) {
-    return <div className="text-[11px] text-agent-muted-foreground">没有文字回报</div>;
+    return <div className="text-[11px] text-agent-muted-foreground">{t('No text report')}</div>;
   }
   return renderActionOutput(output);
 }
@@ -303,11 +304,11 @@ function TaskLead() {
   );
 }
 
-const TASK_STATUS_ZH: Record<string, string> = {
-  running: '已启动',
-  blocked: '等待依赖',
-  completed: '已完成',
-  failed: '失败',
+const TASK_STATUS_LABELS: Record<string, string> = {
+  running: 'Started',
+  blocked: 'Waiting on dependencies',
+  completed: 'Completed',
+  failed: 'Failed',
 };
 
 function kvBlock(label: string, value: ReactNode): ReactNode {
@@ -331,17 +332,22 @@ function renderTaskArgs(tool: string, args: unknown): ReactNode {
       <div className="space-y-1.5">
         {parsed.task
           ? kvBlock(
-              '任务',
+              t('Task'),
               <pre className="whitespace-pre-wrap break-words rounded bg-agent-muted/40 px-2 py-1.5">
                 {parsed.task}
               </pre>,
             )
           : null}
         {parsed.dependsOn.length > 0
-          ? kvBlock('依赖', parsed.dependsOn.map(shortTaskId).join('、'))
+          ? kvBlock(t('Dependencies'), parsed.dependsOn.map(shortTaskId).join(t(', ')))
           : null}
         {parsed.worktree
-          ? kvBlock('工作区', parsed.worktreeName ? `隔离 · ${parsed.worktreeName}` : '隔离')
+          ? kvBlock(
+              t('Workspace'),
+              parsed.worktreeName
+                ? t('Isolated · {name}', { name: parsed.worktreeName })
+                : t('Isolated'),
+            )
           : null}
       </div>
     );
@@ -352,10 +358,10 @@ function renderTaskArgs(tool: string, args: unknown): ReactNode {
   if (!taskId && !message) return renderActionOutput(args);
   return (
     <div className="space-y-1.5">
-      {taskId ? kvBlock('编号', <span className="font-mono">{shortTaskId(taskId)}</span>) : null}
+      {taskId ? kvBlock(t('ID'), <span className="font-mono">{shortTaskId(taskId)}</span>) : null}
       {message
         ? kvBlock(
-            '消息',
+            t('Message'),
             <pre className="whitespace-pre-wrap break-words rounded bg-agent-muted/40 px-2 py-1.5">
               {message}
             </pre>,
@@ -375,32 +381,35 @@ function renderTaskOutput(output: unknown): ReactNode {
       {parsed.items.map((item, index) => (
         <div key={item.taskId ?? `task-${index}`} className="space-y-1.5">
           {item.taskId
-            ? kvBlock('编号', <span className="font-mono">{shortTaskId(item.taskId)}</span>)
+            ? kvBlock(t('ID'), <span className="font-mono">{shortTaskId(item.taskId)}</span>)
             : null}
-          {item.status ? kvBlock('状态', TASK_STATUS_ZH[item.status] ?? item.status) : null}
+          {item.status ? kvBlock(
+                t('Status'),
+                TASK_STATUS_LABELS[item.status] ? t(TASK_STATUS_LABELS[item.status]) : item.status,
+              ) : null}
           {item.task
             ? kvBlock(
-                '任务',
+                t('Task'),
                 <pre className="whitespace-pre-wrap break-words rounded bg-agent-muted/40 px-2 py-1.5">
                   {item.task}
                 </pre>,
               )
             : null}
-          {item.worktreeLabel ? kvBlock('工作区', item.worktreeLabel) : null}
-          {item.hint ? kvBlock('说明', item.hint) : null}
+          {item.worktreeLabel ? kvBlock(t('Workspace'), item.worktreeLabel) : null}
+          {item.hint ? kvBlock(t('Note'), item.hint) : null}
           {item.answer
             ? kvBlock(
-                '结果',
+                t('Result'),
                 <pre className="whitespace-pre-wrap break-words rounded bg-agent-muted/40 px-2 py-1.5">
                   {item.answer}
                 </pre>,
               )
             : null}
-          {item.error ? kvBlock('原因', item.error) : null}
+          {item.error ? kvBlock(t('Reason'), item.error) : null}
         </div>
       ))}
       {parsed.hint && parsed.items.every((item) => item.hint !== parsed.hint)
-        ? kvBlock('说明', parsed.hint)
+        ? kvBlock(t('Note'), parsed.hint)
         : null}
     </div>
   );
@@ -419,7 +428,7 @@ function toolCardExtras(
     const { profile } = parseDelegateSubagent(action.arguments);
     const displayName = delegateSubagentDisplayName(profile, agents);
     return {
-      label: `委派 · ${displayName}`,
+      label: t('Delegate · {name}', { name: displayName }),
       lead: <DelegateLead name={displayName} color={delegateColor(profile, agents)} />,
       renderArgs: (args) => renderDelegateArgs(args, agents),
       renderOutput: renderDelegateOutput,
@@ -453,16 +462,16 @@ function inspectActivate(
           chatId,
           recordId: child.recordId,
           live: child.status === 'running',
-          title: task ?? '子代理任务',
+          title: task ?? t('Subagent task'),
         }),
-      activateTitle: '查看子代理执行过程',
+      activateTitle: t('View subagent run'),
     };
   }
   const target = inspectableTaskFromAction(action.tool, action.arguments, action.result);
   if (!target) return {};
   return {
     onActivate: () => onInspectTask({ id: target.id, chatId, title: target.title }),
-    activateTitle: '查看后台执行过程',
+    activateTitle: t('View background run'),
   };
 }
 
@@ -558,15 +567,18 @@ export function ExecutedActionsCard({
             <LuCircleX className="h-3.5 w-3.5 text-agent-destructive" />
           )}
           <span className="font-medium text-agent-foreground">
-            已自动执行 {expanded.length} 个操作
+            {t('Ran {count} actions automatically', { count: expanded.length })}
           </span>
         </div>
         <span className="text-[11px] text-agent-muted-foreground">
           {runningCount > 0
-            ? `${runningCount} 执行中`
+            ? t('{count} running', { count: runningCount })
             : failureCount > 0
-              ? `${successCount} 成功 · ${failureCount} 失败`
-              : `全部成功`}
+              ? t('{success} succeeded · {failed} failed', {
+                  success: successCount,
+                  failed: failureCount,
+                })
+              : t('All succeeded')}
         </span>
       </div>
       <div className="space-y-px">

package/src/components/chat/FilePathCode.tsx

@@ -3,6 +3,7 @@ import { openLocalPath, type ResolvedLocalPath } from '@/lib/local-api';
 import { hostToolChrome } from '@/lib/host-tools';
 import { peekResolvedPath, subscribeResolvedPath } from './path-mentions';
 import { splitTurnFilePath } from './turn-files';
+import { t } from '@/i18n';
 
 /**
  * 行内代码里的文件路径：后端确认存在后变成可点击，点击用系统默认应用打开。
@@ -48,9 +49,9 @@ export function FilePathCode({ candidate, chatId, children, ...rest }: FilePathC
     setOpenError(null);
     try {
       const result = await openLocalPath(resolved.path);
-      if (!result.success) setOpenError(result.error || '打开失败');
+      if (!result.success) setOpenError(result.error || t('Failed to open'));
     } catch (err) {
-      setOpenError(err instanceof Error ? err.message : '打开失败');
+      setOpenError(err instanceof Error ? err.message : t('Failed to open'));
     }
   };
 
@@ -59,7 +60,11 @@ export function FilePathCode({ candidate, chatId, children, ...rest }: FilePathC
       type="button"
       data-file-path-chip=""
       onClick={handleClick}
-      title={openError ? `${resolved.path}（${openError}）` : `点击打开 ${resolved.path}`}
+      title={
+        openError
+          ? t('{path} ({error})', { path: resolved.path, error: openError })
+          : t('Click to open {path}', { path: resolved.path })
+      }
       className={`${INLINE_CODE_CLASS} cursor-pointer underline decoration-dotted underline-offset-2 transition-colors hover:bg-agent-accent/15 hover:text-agent-accent ${
         openError ? 'text-red-600 dark:text-red-400' : ''
       }`}

package/src/components/chat/InterruptedTurnCard.tsx

@@ -12,6 +12,7 @@
  * 写下的终态，不会进入本卡片：前者是用户的明确意图，后者已有错误展示。
  */
 import { LuTriangleAlert } from 'react-icons/lu';
+import { t } from '@/i18n';
 
 export interface InterruptedTurnCardProps {
   /** 点击「继续上次回复」——触发 resume 流（不再追加用户消息）。 */
@@ -28,7 +29,7 @@ export function InterruptedTurnCard({ onContinue, onDismiss }: InterruptedTurnCa
     >
       <div className="flex items-center gap-2 text-amber-700 dark:text-amber-300">
         <LuTriangleAlert className="h-4 w-4 shrink-0" />
-        <span>上次回复因应用退出或异常中断，未能完成。</span>
+        <span>{t('The last reply was interrupted because the app quit or crashed, so it did not finish.')}</span>
       </div>
       <div className="flex shrink-0 items-center gap-2">
         <button
@@ -36,14 +37,14 @@ export function InterruptedTurnCard({ onContinue, onDismiss }: InterruptedTurnCa
           onClick={onDismiss}
           className="rounded px-1.5 py-0.5 text-amber-700/80 transition-colors hover:text-amber-900 dark:text-amber-300/80 dark:hover:text-amber-100"
         >
-          忽略
+          {t('Dismiss')}
         </button>
         <button
           type="button"
           onClick={onContinue}
           className="inline-flex items-center gap-1 rounded-full bg-agent-foreground px-3 py-1 font-medium text-agent-canvas transition hover:opacity-90"
         >
-          继续上次回复
+          {t('Continue last reply')}
         </button>
       </div>
     </div>

package/src/components/chat/LocalChatPanel.tsx

@@ -20,6 +20,7 @@ import type { TurnBlock } from './turn-timeline';
 import type { TurnFile } from './turn-files';
 import type { LlmSpeedSnapshot } from './process-status';
 import { ComposerStatusStack } from './composer-status-stack';
+import { t } from '@/i18n';
 import { SessionTodoList } from './SessionTodoList';
 import { resolveLatestSessionTodos } from './todo-list-model';
 import { SessionOrchestrationFlow } from './SessionOrchestrationFlow';
@@ -418,7 +419,7 @@ export function LocalChatPanel({
         disabled={disabled}
         placeholder={
           mode === 'plan'
-            ? '描述你的目标，Agent 将先制定计划…'
+            ? t('Describe your goal. The Agent will make a plan first...')
             : inputPlaceholder
         }
         currentAgent={currentAgent}

package/src/components/chat/Markdown.tsx

@@ -11,6 +11,7 @@ import ReactMarkdown, { type Components } from 'react-markdown';
 import remarkGfm from 'remark-gfm';
 import rehypeRaw from 'rehype-raw';
 import { LuBlocks, LuMessageSquare, LuPlug } from 'react-icons/lu';
+import { t } from '@/i18n';
 import type { LocalChat, LocalChatAgent } from '@/lib/local-api';
 import {
   resolveSlashTool,
@@ -314,7 +315,7 @@ function renderTextWithMentions(
           );
         }
 
-        const chat = chats.find((c) => (c.title || '未命名对话') === name);
+        const chat = chats.find((c) => (c.title || t('Untitled chat')) === name);
         if (chat) {
           return (
             <span

package/src/components/chat/MessageList.tsx

@@ -10,6 +10,7 @@ import {
 import { LuArrowDown } from 'react-icons/lu';
 import type { ChatMessage } from '@steerable/agent-protocol';
 import type { LocalChat, LocalChatAgent, LocalTask } from '@/lib/local-api';
+import { t } from '@/i18n';
 import { UserMessage } from './UserMessage';
 import { AssistantMessage } from './AssistantMessage';
 import { InterruptedTurnCard } from './InterruptedTurnCard';
@@ -467,8 +468,8 @@ export function MessageList({
             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/ModelPicker.tsx

@@ -7,6 +7,7 @@ import {
   type GatewayModelCatalog,
   type GatewayModelEntry,
 } from '@/lib/local-api';
+import { t } from '@/i18n';
 
 /**
  * ModelPicker — 聊天输入框的模型/档位选择器。
@@ -97,11 +98,11 @@ export function ModelPicker({
   const statusBadge =
     status === 'offline' ? (
       <span className="inline-flex items-center gap-1 rounded-full border border-amber-400/50 bg-amber-400/10 px-1.5 py-0.5 text-[10px] text-amber-700 dark:text-amber-300">
-        目录不可用
+        {t('Catalog unavailable')}
       </span>
     ) : status === 'stale' ? (
       <span className="inline-flex items-center gap-1 rounded-full border border-agent-border bg-agent-muted px-1.5 py-0.5 text-[10px] text-agent-muted-foreground">
-        缓存
+        {t('Cached')}
       </span>
     ) : null;
 
@@ -124,16 +125,20 @@ export function ModelPicker({
           className="inline-flex h-6 min-w-0 max-w-[160px] items-center gap-1 rounded-full border border-agent-border bg-agent-canvas px-1.5 text-[12px] leading-[1.45] text-agent-foreground transition-colors hover:bg-agent-foreground/5 disabled:cursor-not-allowed disabled:opacity-70 @sm:max-w-[220px]"
           title={
             status === 'offline'
-              ? `模型目录不可用${catalog?.error ? `：${catalog.error}` : ''}（仍可手动指定模型）`
-              : `当前模型：${effectiveModel || '未配置'}`
+              ? catalog?.error
+                ? t('Model catalog unavailable: {error} (you can still enter a model manually)', {
+                    error: catalog.error,
+                  })
+                : t('Model catalog unavailable (you can still enter a model manually)')
+              : t('Current model: {model}', { model: effectiveModel || t('Not configured') })
           }
           aria-haspopup="menu"
           aria-expanded={modelMenuOpen}
         >
-          <span className="min-w-0 truncate">{effectiveModel || '选择模型'}</span>
+          <span className="min-w-0 truncate">{effectiveModel || t('Choose a model')}</span>
           {model != null && (
             <span className="inline-flex shrink-0 items-center rounded bg-agent-foreground/10 px-1 py-0.5 text-[9px] font-medium text-agent-foreground">
-              本会话
+              {t('This chat')}
             </span>
           )}
           <LuChevronDown className="h-3 w-3 shrink-0 text-agent-muted-foreground" />
@@ -146,7 +151,7 @@ export function ModelPicker({
           >
             <div className="flex items-center justify-between gap-2 px-2 py-1">
               <span className="text-[10px] font-semibold uppercase tracking-wider text-agent-muted-foreground">
-                模型（网关目录）
+                {t('Models (gateway catalog)')}
               </span>
               <span className="flex items-center gap-1">
                 {statusBadge}
@@ -154,8 +159,8 @@ export function ModelPicker({
                   type="button"
                   onClick={() => void refresh()}
                   className="flex h-4 w-4 items-center justify-center rounded text-agent-muted-foreground transition-colors hover:text-agent-foreground"
-                  title="刷新目录"
-                  aria-label="刷新目录"
+                  title={t('Refresh catalog')}
+                  aria-label={t('Refresh catalog')}
                 >
                   <LuRefreshCw className={`h-3 w-3 ${loading ? 'animate-spin' : ''}`} />
                 </button>
@@ -168,8 +173,8 @@ export function ModelPicker({
                       setEffortMenuOpen(false);
                     }}
                     className="flex h-4 w-4 items-center justify-center rounded text-agent-muted-foreground transition-colors hover:text-agent-foreground"
-                    title="LLM 设置"
-                    aria-label="LLM 设置"
+                    title={t('LLM settings')}
+                    aria-label={t('LLM settings')}
                     data-testid="chat-llm-settings"
                   >
                     <LuSettings className="h-3 w-3" />
@@ -192,7 +197,9 @@ export function ModelPicker({
               ].join(' ')}
             >
               <span className="min-w-0 flex-1 truncate">
-                跟随设置{settingsModel ? `（${settingsModel}）` : ''}
+                {settingsModel
+                  ? t('Follow settings ({model})', { model: settingsModel })
+                  : t('Follow settings')}
               </span>
             </button>
             {catalog?.models.map((entry) => {
@@ -236,7 +243,9 @@ export function ModelPicker({
             })}
             {catalog != null && catalog.models.length === 0 && (
               <div className="px-2 py-2 text-[11px] text-agent-muted-foreground">
-                目录为空——{status === 'offline' ? '网关不可达，仍按设置里的模型发送' : '网关未报告任何模型'}
+                {status === 'offline'
+                  ? t('The catalog is empty. The gateway is unreachable, so messages still use the model in Settings.')
+                  : t('The catalog is empty. The gateway reported no models.')}
               </div>
             )}
           </div>
@@ -253,11 +262,11 @@ export function ModelPicker({
             }}
             disabled={disabled}
             className="inline-flex h-6 items-center gap-1 rounded-full border border-agent-border bg-agent-canvas px-1.5 text-[12px] leading-[1.45] text-agent-foreground transition-colors hover:bg-agent-foreground/5 disabled:cursor-not-allowed disabled:opacity-70"
-            title="推理档位（随每轮请求下发；模型不支持会直接报错）"
+            title={t('Reasoning level (sent with every request; an error appears if the model does not support it)')}
             aria-haspopup="menu"
             aria-expanded={effortMenuOpen}
           >
-            <span className="truncate">{reasoningEffort ?? '自动'}</span>
+            <span className="truncate">{reasoningEffort ?? t('Auto')}</span>
             <LuChevronDown className="h-3 w-3 shrink-0 text-agent-muted-foreground" />
           </button>
           {effortMenuOpen && (
@@ -279,7 +288,7 @@ export function ModelPicker({
                     : 'text-agent-muted-foreground hover:bg-agent-foreground/5 hover:text-agent-foreground',
                 ].join(' ')}
               >
-                自动
+                {t('Auto')}
               </button>
               {reasoningLevels.map((level) => (
                 <button

package/src/components/chat/OrchestrationChildrenCard.tsx

@@ -11,6 +11,7 @@ import {
   type ChildInfo,
 } from './orchestration-children-model';
 import type { LocalChatAgent } from '@/lib/local-api';
+import { t } from '@/i18n';
 
 /**
  * OrchestrationChildrenCard — the desktop surface of the framework's P3.1
@@ -57,7 +58,7 @@ export function OrchestrationChildrenCard({
     <OrchestrationPlanCard
       payload={payload}
       taskStatuses={taskStatuses}
-      headerLabel={delegateOnly ? '子代理' : undefined}
+      headerLabel={delegateOnly ? t('Subagents') : undefined}
       hideMode={delegateOnly}
       renderTaskRow={(task, status) => {
         // 没有匹配的智能体：编排六件套的子代理（只有 lineage id）或被删掉的

package/src/components/chat/OrchestrationFlowCard.tsx

@@ -19,6 +19,7 @@ import {
   type OrchestrationNodeStatus,
 } from './orchestration-flow-model';
 import type { InspectTaskInput } from './executed-actions-model';
+import { t } from '@/i18n';
 
 function NodeStatusIcon({
   status,
@@ -50,20 +51,20 @@ function NodeStatusIcon({
 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':
     default:
-      return '等待中';
+      return t('Waiting');
   }
 }
 
@@ -302,9 +303,9 @@ export function OrchestrationFlowCard({
             <LuGitFork className="h-3 w-3" />
           </div>
           <div className="flex min-w-0 items-center gap-1.5 text-xs font-semibold text-agent-foreground">
-            <span>多智能体协同编排</span>
+            <span>{t('Multi-agent orchestration')}</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 流程
+              {t('Fork-Join flow')}
             </span>
           </div>
         </div>
@@ -343,9 +344,9 @@ export function OrchestrationFlowCard({
             {/* 1. 起点：目标分发 (Fork) 居中胶囊节点 */}
             <div className="inline-flex items-center gap-1.5 rounded-full border border-violet-500/30 bg-violet-500/10 px-3 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('Main agent 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>
 
@@ -370,7 +371,7 @@ export function OrchestrationFlowCard({
                         <div className="flex items-center gap-1.5 min-w-0">
                           <NodeStatusIcon status={node.status} />
                           <span className="font-semibold text-agent-foreground text-[11px] truncate">
-                            分支 #{index + 1}
+                            {t('Branch #{index}', { index: index + 1 })}
                           </span>
                         </div>
                         <div className="flex items-center gap-1">
@@ -390,14 +391,14 @@ export function OrchestrationFlowCard({
                                   chatId,
                                   recordId: node.recordId,
                                   live: node.status === 'running',
-                                  title: node.task || '子代理执行过程',
+                                  title: node.task || t('Subagent run'),
                                 })
                               }
                               className="inline-flex shrink-0 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 reasoning process')}
                             >
                               <LuExternalLink className="h-2.5 w-2.5" />
-                              <span>过程</span>
+                              <span>{t('Process')}</span>
                             </button>
                           ) : null}
                         </div>
@@ -415,7 +416,7 @@ export function OrchestrationFlowCard({
                           }`}
                           title={node.task}
                         >
-                          {node.task || `子任务 (${node.childId})`}
+                          {node.task || t('Subtask ({id})', { id: node.childId })}
                         </p>
                       </div>
 
@@ -437,7 +438,7 @@ export function OrchestrationFlowCard({
                       <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>
@@ -445,7 +446,7 @@ export function OrchestrationFlowCard({
                       </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>
@@ -465,13 +466,13 @@ export function OrchestrationFlowCard({
               }`}
             >
               <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/PlanTodoList.tsx

@@ -1,4 +1,5 @@
 import { LuCircle, LuCircleCheck, LuListChecks } from 'react-icons/lu';
+import { t } from '@/i18n';
 
 /**
  * PlanTodoList — renders the ```plan fenced block that the plan-mode skill
@@ -75,7 +76,7 @@ export function PlanTodoList({ content }: { content: string }) {
       <div className="flex items-center gap-2 border-b border-amber-400/30 bg-amber-400/10 px-3 py-2 dark:border-amber-500/20">
         <LuListChecks className="h-4 w-4 shrink-0 text-amber-600 dark:text-amber-400" />
         <span className="flex-1 truncate text-[13px] font-semibold text-amber-800 dark:text-amber-200">
-          {title || '执行计划'}
+          {title || t('Execution plan')}
         </span>
         {items.length > 0 && (
           <span className="shrink-0 rounded-full bg-amber-400/20 px-1.5 py-0.5 text-[10px] font-medium text-amber-700 dark:text-amber-300">