@steerable/agent-shell-web 0.6.52 → 0.6.55

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">

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>