@steerable/agent-shell-web 0.6.53 → 0.6.56

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(

package/src/components/chat/turn-files.ts

@@ -141,7 +141,7 @@ export function getDeliverableMeta(filePath: string): DeliverableFileMeta {
     case '.tsv':
     case '.numbers':
       return {
-        label: '电子表格',
+        label: 'Spreadsheet',
         extBadge: extClean,
         kind: 'spreadsheet',
         themeColor: 'emerald',
@@ -150,7 +150,7 @@ export function getDeliverableMeta(filePath: string): DeliverableFileMeta {
     case '.ppt': // shell-neutral:allow — Office 幻灯片扩展名，不是产品品牌
     case '.key':
       return {
-        label: '演示文稿',
+        label: 'Presentation',
         extBadge: extClean,
         kind: 'presentation',
         themeColor: 'amber',
@@ -160,14 +160,14 @@ export function getDeliverableMeta(filePath: string): DeliverableFileMeta {
     case '.pages':
     case '.rtf':
       return {
-        label: '文档',
+        label: 'Document',
         extBadge: extClean,
         kind: 'document',
         themeColor: 'blue',
       };
     case '.pdf':
       return {
-        label: '文档',
+        label: 'Document',
         extBadge: 'PDF',
         kind: 'pdf',
         themeColor: 'rose',
@@ -179,7 +179,7 @@ export function getDeliverableMeta(filePath: string): DeliverableFileMeta {
     case '.webp':
     case '.svg':
       return {
-        label: '图像',
+        label: 'Image',
         extBadge: extClean,
         kind: 'image',
         themeColor: 'purple',
@@ -189,7 +189,7 @@ export function getDeliverableMeta(filePath: string): DeliverableFileMeta {
     case '.gz':
     case '.7z':
       return {
-        label: '压缩包',
+        label: 'Archive',
         extBadge: extClean,
         kind: 'archive',
         themeColor: 'amber',
@@ -197,14 +197,14 @@ export function getDeliverableMeta(filePath: string): DeliverableFileMeta {
     case '.html':
     case '.htm':
       return {
-        label: '网页',
+        label: 'Web page',
         extBadge: 'HTML',
         kind: 'document',
         themeColor: 'blue',
       };
     default:
       return {
-        label: '文件',
+        label: 'File',
         extBadge: extClean,
         kind: 'file',
         themeColor: 'slate',

package/src/components/chat/useChatTasks.ts

@@ -10,7 +10,7 @@
 
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { listChatTasks, type LocalTask } from '@/lib/local-api';
-import { getElectronBridge, isElectron } from '@/lib/electron-bridge';
+import { getHostBridge, hasHostBridge } from '@/lib/host-bridge';
 
 export interface ChatTaskSummary {
   total: number;
@@ -68,7 +68,7 @@ export function useChatTasks(chatId: string | null): ChatTasksState {
   const seenRef = useRef<Map<string, LocalTask['status']> | null>(null);
 
   const refresh = useCallback(async () => {
-    if (!chatId || !isElectron()) {
+    if (!chatId || !hasHostBridge()) {
       setTasks(NO_TASKS);
       return;
     }
@@ -105,7 +105,7 @@ export function useChatTasks(chatId: string | null): ChatTasksState {
 
   useEffect(() => {
     if (!chatId) return;
-    const bridge = getElectronBridge();
+    const bridge = getHostBridge();
     if (!bridge?.onTaskUpdated) return;
     return bridge.onTaskUpdated((payload) => {
       if (payload.chatId === chatId) void refresh();

package/src/components/settings/AgentCapabilityFields.tsx

@@ -1,6 +1,7 @@
 import { useCallback, useEffect, useMemo, useState } from 'react';
 import { LuLoaderCircle, LuSearch } from 'react-icons/lu';
-import { isElectron } from '@/lib/electron-bridge';
+import { t } from '@/i18n';
+import { hasHostBridge } from '@/lib/host-bridge';
 import {
   listChatAgentSkills,
   listChatAgentTools,
@@ -43,16 +44,16 @@ const TOOL_POLICY_MODES: Array<{
   label: string;
   hint: string;
 }> = [
-  { mode: 'all', label: '全部工具', hint: '不限制，可调用所有已接线的工具。' },
+  { mode: 'all', label: 'All tools', hint: 'No restriction. The agent can call every wired tool.' },
   {
     mode: 'allowlist',
-    label: '仅允许勾选',
-    hint: '只有勾选的工具进入工具列表，其余连名字都看不到。',
+    label: 'Only checked',
+    hint: 'Only checked tools enter the tool list. The agent cannot even see the names of the rest.',
   },
   {
     mode: 'denylist',
-    label: '禁用勾选',
-    hint: '勾选的工具被拒绝，其余照常可用。',
+    label: 'Block checked',
+    hint: 'Checked tools are refused. The rest stay available.',
   },
 ];
 
@@ -153,7 +154,7 @@ export function AgentCapabilityFields({
   const [toolFilter, setToolFilter] = useState('');
 
   const fetchCatalogs = useCallback(async () => {
-    if (!isElectron()) return;
+    if (!hasHostBridge()) return;
     setLoading(true);
     try {
       const [skillRes, toolRes] = await Promise.all([
@@ -203,24 +204,26 @@ export function AgentCapabilityFields({
     <div className="space-y-3 rounded-agent-md border border-agent-border/50 bg-agent-canvas/60 p-3">
       <section className="space-y-1.5">
         <div className="flex items-center justify-between gap-2">
-          <h5 className="text-[11px] font-semibold text-agent-foreground">技能</h5>
+          <h5 className="text-[11px] font-semibold text-agent-foreground">{t('Skills')}</h5>
           {value.skillIds.length > 0 && (
             <span className="text-[10px] text-agent-muted-foreground">
-              已选 {value.skillIds.length}
+              {t('{count} selected', { count: value.skillIds.length })}
             </span>
           )}
         </div>
         <p className="text-[10px] text-agent-muted-foreground">
-          勾选的技能正文会常驻该智能体的系统提示词，不必等触发条件命中。
+          {t(
+            "Checked skills stay in this agent's system prompt without waiting for their triggers to match.",
+          )}
         </p>
         {loading ? (
           <div className="flex items-center gap-2 py-3 text-[11px] text-agent-muted-foreground">
             <LuLoaderCircle className="h-3 w-3 animate-spin" />
-            获取技能目录...
+            {t('Loading skill catalog...')}
           </div>
         ) : skills.length === 0 ? (
           <p className="py-2 text-[11px] text-agent-muted-foreground">
-            暂无可勾选的技能，可在「Skill 设置」里导入。
+            {t('No skills to check yet. Import them in "Skill settings".')}
           </p>
         ) : (
           <>
@@ -231,7 +234,7 @@ export function AgentCapabilityFields({
                   type="text"
                   value={skillFilter}
                   onChange={(event) => setSkillFilter(event.target.value)}
-                  placeholder="筛选技能"
+                  placeholder={t('Filter skills')}
                   className="h-7 w-full rounded-agent-md border border-agent-border bg-agent-canvas pl-7 pr-2 text-[11px] text-agent-foreground focus:outline-none focus:ring-2 focus:ring-agent-foreground/30"
                   data-testid="agent-form-skill-filter"
                 />
@@ -247,7 +250,7 @@ export function AgentCapabilityFields({
                   }
                   testId={`agent-form-skill-${skill.id}`}
                   title={skill.displayName || skill.name}
-                  badge={skill.layer === 'eager' ? '常驻' : '按需'}
+                  badge={skill.layer === 'eager' ? t('Always on') : t('On demand')}
                   description={skill.description}
                 />
               ))}
@@ -261,21 +264,21 @@ export function AgentCapabilityFields({
               onChange({ ...value, allowExternalSkills: !value.allowExternalSkills })
             }
             testId="agent-form-allow-external-skills"
-            label="允许使用未勾选的技能"
-            hint="关掉后这个智能体只能用上面勾选的技能，其余一律加载不到。"
+            label={t('Allow unchecked skills')}
+            hint={t('When off, this agent can only use the skills checked above. No other skill can load.')}
           />
           <SwitchRow
             checked={value.loadAllSkills}
             onChange={() => onChange({ ...value, loadAllSkills: !value.loadAllSkills })}
             testId="agent-form-load-all-skills"
-            label="无视触发条件，加载全部技能"
-            hint="内置「智能助手」就是这个模式。会显著增加每轮提示词长度。"
+            label={t('Ignore triggers and load all skills')}
+            hint={t('The built-in "Assistant" uses this mode. It makes every turn\'s prompt much longer.')}
           />
         </div>
       </section>
 
       <section className="space-y-1.5 border-t border-agent-border/40 pt-3">
-        <h5 className="text-[11px] font-semibold text-agent-foreground">工具权限</h5>
+        <h5 className="text-[11px] font-semibold text-agent-foreground">{t('Tool permissions')}</h5>
         <div className="flex flex-wrap gap-1" data-testid="agent-form-tool-modes">
           {TOOL_POLICY_MODES.map((item) => (
             <button
@@ -290,12 +293,12 @@ export function AgentCapabilityFields({
                   : 'bg-agent-muted text-agent-muted-foreground hover:text-agent-foreground'
               }`}
             >
-              {item.label}
+              {t(item.label)}
             </button>
           ))}
         </div>
         {activeMode && (
-          <p className="text-[10px] text-agent-muted-foreground">{activeMode.hint}</p>
+          <p className="text-[10px] text-agent-muted-foreground">{t(activeMode.hint)}</p>
         )}
         {policy.mode !== 'all' && (
           <>
@@ -304,7 +307,7 @@ export function AgentCapabilityFields({
                 className="text-[10px] text-agent-destructive"
                 data-testid="agent-form-tool-policy-empty"
               >
-                一个工具都没勾选——保存后按「全部工具」处理。
+                {t('No tool is checked. Saving treats this as "All tools".')}
               </p>
             )}
             <div className="relative">
@@ -313,7 +316,7 @@ export function AgentCapabilityFields({
                 type="text"
                 value={toolFilter}
                 onChange={(event) => setToolFilter(event.target.value)}
-                placeholder="筛选工具"
+                placeholder={t('Filter tools')}
                 className="h-7 w-full rounded-agent-md border border-agent-border bg-agent-canvas pl-7 pr-2 text-[11px] text-agent-foreground focus:outline-none focus:ring-2 focus:ring-agent-foreground/30"
                 data-testid="agent-form-tool-filter"
               />