@steerable/agent-shell-web 0.6.53 → 0.6.56

package/src/components/settings/SecuritySettingsPanel.tsx

@@ -1,6 +1,7 @@
 import { useCallback, useEffect, useState } from 'react';
 import { LuLoaderCircle, LuShieldCheck } from 'react-icons/lu';
-import { isElectron } from '@/lib/electron-bridge';
+import { t } from '@/i18n';
+import { hasHostBridge } from '@/lib/host-bridge';
 import {
   getSidecarSandboxPosture,
   type EgressPosture,
@@ -23,44 +24,52 @@ type PostureReason = SidecarSandboxPosture['reason'];
 
 /** 收容失败、已拒绝启动（告警行首句）。 */
 const REFUSED_REASON_TEXT: Partial<Record<PostureReason, string>> = {
-  platform_unsupported: '当前平台没有可用的进程沙箱后端',
-  seatbelt_missing: '未找到 /usr/bin/sandbox-exec',
-  profile_failed: '沙箱配置（Seatbelt profile）生成失败',
-  wrap_failed: 'Linux 进程沙箱（bwrap / Landlock）未能包住 sidecar',
-  helper_missing: '未找到 win-spawn-helper.exe',
+  platform_unsupported: 'No process sandbox backend is available on this platform',
+  seatbelt_missing: '/usr/bin/sandbox-exec not found',
+  profile_failed: 'Failed to generate the sandbox configuration (Seatbelt profile)',
+  wrap_failed: 'The Linux process sandbox (bwrap / Landlock) could not wrap the sidecar',
+  helper_missing: 'win-spawn-helper.exe not found',
 };
 
 /** 手动关闭原因的中文说明（中性行，不告警）。 */
 const OPT_OUT_REASON_TEXT: Partial<Record<PostureReason, string>> = {
-  disabled_by_option: '已通过 sandbox: false 关闭',
-  disabled_by_env: '已通过 STEERABLE_SIDECAR_SANDBOX=0 关闭',
+  disabled_by_option: 'Turned off with sandbox: false',
+  disabled_by_env: 'Turned off with STEERABLE_SIDECAR_SANDBOX=0',
 };
 
 function activeHeadline(backend: SidecarSandboxPosture['backend']): string {
   switch (backend) {
     case 'seatbelt':
-      return 'Seatbelt · 部分强制';
+      return t('Seatbelt · partial enforcement');
     case 'bwrap':
-      return 'bwrap · 部分强制';
+      return t('bwrap · partial enforcement');
     case 'landlock':
-      return 'Landlock · 部分强制';
+      return t('Landlock · partial enforcement');
     case 'windows-restricted-token':
-      return 'Windows 受限令牌 · 部分强制';
+      return t('Windows restricted token · partial enforcement');
     case 'none':
-      return '未沙箱';
+      return t('Not sandboxed');
   }
 }
 
 function activeBody(backend: SidecarSandboxPosture['backend']): string {
   switch (backend) {
     case 'seatbelt':
-      return 'sidecar 进程在 macOS Seatbelt 下运行：写入限制在 ~/.steerable 与临时目录。远程主机的出站网络只能按端口限制（Seatbelt 不识别主机名），故记为「部分」而非「完全」。';
+      return t(
+        'The sidecar process runs under macOS Seatbelt: writes are limited to ~/.steerable and the temp directory. Outbound network to remote hosts can only be limited by port (Seatbelt does not recognize host names), so this is recorded as "partial" rather than "full".',
+      );
     case 'bwrap':
-      return 'sidecar 进程在 bubblewrap 下运行：写入限制在 ~/.steerable 与临时目录。出站网络保持开启（sidecar 要访问 LLM），故记为「部分」。';
+      return t(
+        'The sidecar process runs under bubblewrap: writes are limited to ~/.steerable and the temp directory. Outbound network stays open (the sidecar needs to reach the LLM), so this is recorded as "partial".',
+      );
     case 'landlock':
-      return 'sidecar 进程在 Linux Landlock 下运行：写入限制在 ~/.steerable 与临时目录。出站网络保持开启（sidecar 要访问 LLM），故记为「部分」。';
+      return t(
+        'The sidecar process runs under Linux Landlock: writes are limited to ~/.steerable and the temp directory. Outbound network stays open (the sidecar needs to reach the LLM), so this is recorded as "partial".',
+      );
     case 'windows-restricted-token':
-      return 'sidecar 进程在 Windows 受限令牌 + Job Object 下运行：写入限制在 ~/.steerable。网络策略未由 helper 强制（无 WFP），故记为「部分」。';
+      return t(
+        'The sidecar process runs under a Windows restricted token + Job Object: writes are limited to ~/.steerable. The helper does not enforce network policy (no WFP), so this is recorded as "partial".',
+      );
     case 'none':
       return '';
   }
@@ -71,20 +80,24 @@ function EgressPostureRow({ egress }: { egress: EgressPosture }) {
   if (egress.mode === 'per-host-proxy') {
     return (
       <p className="text-[11px] text-agent-muted-foreground">
-        出网管控：按主机白名单代理生效中；白名单外的请求会请你逐项放行（仅本次会话有效）。
+        {t(
+          'Egress control: the per-host allowlist proxy is active. Requests outside the allowlist ask you to allow them one by one (valid for this session only).',
+        )}
       </p>
     );
   }
   if (egress.mode === 'disabled') {
     return (
       <p className="text-[11px] text-agent-muted-foreground">
-        出网管控：已关闭{egress.reason ? ` — ${egress.reason}` : ''}。
+        {t('Egress control: off{reason}.', { reason: egress.reason ? ` — ${egress.reason}` : '' })}
       </p>
     );
   }
   return (
     <p className="text-[11px] text-amber-600 dark:text-amber-400">
-      出网管控：已退回端口级（较弱的管控粒度）{egress.reason ? ` — ${egress.reason}` : ''}。
+      {t('Egress control: fell back to port level (coarser control){reason}.', {
+        reason: egress.reason ? ` — ${egress.reason}` : '',
+      })}
     </p>
   );
 }
@@ -96,19 +109,19 @@ export function SecuritySettingsPanel() {
   const [unavailable, setUnavailable] = useState<string | null>(null);
 
   const fetchPosture = useCallback(async () => {
-    if (!isElectron()) return;
+    if (!hasHostBridge()) return;
     setLoading(true);
     setUnavailable(null);
     try {
       const res = await getSidecarSandboxPosture();
       setPosture(res.posture ?? null);
       setEgress(res.egress ?? null);
-      if (!res.posture) setUnavailable('无法读取沙箱状态');
+      if (!res.posture) setUnavailable(t('Could not read sandbox status'));
     } catch {
       // 503 = sidecar 未就绪且没有收容失败记录。
       setPosture(null);
       setEgress(null);
-      setUnavailable('sidecar 未就绪 — 无法读取沙箱状态');
+      setUnavailable(t('Sidecar not ready — could not read sandbox status'));
     } finally {
       setLoading(false);
     }
@@ -125,35 +138,46 @@ export function SecuritySettingsPanel() {
     <div className="bg-agent-muted/30 border border-agent-border/60 rounded-agent-md p-2.5 space-y-2">
       <h4 className="text-xs font-semibold text-agent-foreground flex items-center gap-1.5">
         <LuShieldCheck className="h-3.5 w-3.5 text-agent-muted-foreground" />
-        Sidecar 进程沙箱
+        {t('Sidecar process sandbox')}
       </h4>
 
-      {!isElectron() ? (
-        <p className="text-[11px] text-agent-muted-foreground">需要在桌面客户端中打开</p>
+      {!hasHostBridge() ? (
+        <p className="text-[11px] text-agent-muted-foreground">{t('Open this in the desktop app')}</p>
       ) : loading ? (
         <div className="flex items-center gap-2 py-2 text-xs text-agent-muted-foreground">
           <LuLoaderCircle className="h-3.5 w-3.5 animate-spin" />
-          读取沙箱状态...
+          {t('Loading sandbox status...')}
         </div>
       ) : unavailable ? (
         <p className="text-[11px] text-agent-muted-foreground">{unavailable}</p>
       ) : posture && refusedReason ? (
         <div className="rounded-agent-md border border-agent-destructive/20 bg-agent-destructive/10 p-2.5 text-xs text-agent-destructive space-y-1.5">
-          <p className="font-medium">无法收容、已拒绝启动 — {refusedReason}。</p>
+          <p className="font-medium">
+            {t('Cannot contain the process, so startup was refused — {reason}.', {
+              reason: t(refusedReason),
+            })}
+          </p>
           <p>
-            持有服务商 API 密钥的 sidecar 进程没有启动，因此也没有在无隔离状态下运行。
-            唯一裸跑入口是显式设置 STEERABLE_SIDECAR_SANDBOX=0。
+            {t(
+              'The sidecar process that holds the provider API keys did not start, so it is not running without isolation either.',
+            )}{' '}
+            {t('The only way to run it unsandboxed is to set STEERABLE_SIDECAR_SANDBOX=0 explicitly.')}
           </p>
           <p>
-            如需隔离，请安装对应平台的收容后端（macOS Seatbelt、Linux bwrap/Landlock、Windows
-            win-spawn-helper），或将本应用运行在容器内。
+            {t(
+              'For isolation, install the containment backend for your platform (macOS Seatbelt, Linux bwrap/Landlock, Windows win-spawn-helper), or run this app in a container.',
+            )}
           </p>
         </div>
       ) : posture && optOutReason ? (
         <div className="rounded-agent-md border border-agent-border/60 bg-agent-canvas p-2.5 text-xs text-agent-muted-foreground space-y-1.5">
-          <p className="font-medium text-agent-foreground">已手动关闭 — {optOutReason}。</p>
+          <p className="font-medium text-agent-foreground">
+            {t('Turned off manually — {reason}.', { reason: t(optOutReason) })}
+          </p>
           <p>
-            sidecar 进程（持有服务商 API 密钥）无操作系统隔离运行。如需恢复，移除该设置并重启应用。
+            {t(
+              'The sidecar process (which holds the provider API keys) runs without OS isolation. To restore it, remove the setting and restart the app.',
+            )}
           </p>
         </div>
       ) : posture ? (

package/src/components/settings/SettingsNavMenu.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+import { t } from '@/i18n';
 
 export interface SettingsNavItem {
   id: string;
@@ -21,10 +22,10 @@ export function SettingsNavMenu({
     <aside
       className="sticky top-0 h-fit w-44 shrink-0 py-1 select-none"
       data-testid="settings-side-nav"
-      aria-label="设置目录导航"
+      aria-label={t('Settings section navigation')}
     >
       <div className="mb-2 px-2.5 text-[11px] font-semibold tracking-wider text-agent-muted-foreground uppercase">
-        设置导航
+        {t('Settings navigation')}
       </div>
       <nav className="space-y-0.5">
         {items.map((item) => {

package/src/components/settings/SettingsSaveButton.tsx

@@ -1,4 +1,5 @@
 import { LuCheck, LuLoaderCircle } from 'react-icons/lu';
+import { t } from '@/i18n';
 
 interface SettingsSaveButtonProps {
   saving: boolean;
@@ -29,7 +30,7 @@ export function SettingsSaveButton({
       ) : savedOk ? (
         <LuCheck className="h-3.5 w-3.5" />
       ) : null}
-      保存
+      {t('Save')}
     </button>
   );
 }

package/src/components/settings/SkillsSettingsPanel.tsx

@@ -5,7 +5,8 @@ import {
   LuLoaderCircle,
   LuTrash2,
 } from 'react-icons/lu';
-import { getElectronBridge, isElectron } from '@/lib/electron-bridge';
+import { t } from '@/i18n';
+import { getHostBridge, hasHostBridge } from '@/lib/host-bridge';
 import { getPackHiddenSlashSkills } from '@/packs/registry';
 
 /**
@@ -58,17 +59,17 @@ export function SkillsSettingsPanel() {
   const [error, setError] = useState<string | null>(null);
 
   const fetchSkills = useCallback(async () => {
-    if (!isElectron()) return;
+    if (!hasHostBridge()) return;
     setSkillsLoading(true);
     setError(null);
     try {
-      const res = await getElectronBridge()!.localBackend.request<{ skills: any[] }>({
+      const res = await getHostBridge()!.localBackend.request<{ skills: any[] }>({
         method: 'GET',
         path: '/api/v2/chat-agents/skills',
       });
       setSkills(res.skills || []);
     } catch (err) {
-      console.error('获取技能列表失败:', err);
+      console.error('Failed to load skill list:', err);
       setError(err instanceof Error ? err.message : String(err));
     } finally {
       setSkillsLoading(false);
@@ -80,24 +81,24 @@ export function SkillsSettingsPanel() {
   }, [fetchSkills]);
 
   const handleBrowseFolder = async () => {
-    if (!isElectron()) return;
+    if (!hasHostBridge()) return;
     try {
-      const bridge = getElectronBridge();
+      const bridge = getHostBridge();
       if (bridge?.local?.selectDirectory) {
-        setImportStatus('正在打开文件夹选择器...');
+        setImportStatus(t('Opening folder picker...'));
         const result = await bridge.local.selectDirectory();
         if (result && !result.canceled && result.filePaths.length > 0) {
           const selectedPath = result.filePaths[0];
           setImportPath(selectedPath);
-          setImportStatus(`已选择路径: ${selectedPath}`);
+          setImportStatus(t('Selected path: {path}', { path: selectedPath }));
         } else {
-          setImportStatus('已取消选择文件夹');
+          setImportStatus(t('Folder selection canceled'));
         }
       } else {
-        setError('当前版本的客户端不支持文件夹选择器');
+        setError(t('This version of the app does not support the folder picker'));
       }
     } catch (err) {
-      console.error('选择文件夹失败:', err);
+      console.error('Failed to select folder:', err);
       setError(err instanceof Error ? err.message : String(err));
     }
   };
@@ -107,25 +108,25 @@ export function SkillsSettingsPanel() {
     if (!trimmed) return;
     setImporting(true);
     setError(null);
-    setImportStatus('正在导入本地技能...');
+    setImportStatus(t('Importing local skill...'));
     try {
-      const res = await getElectronBridge()!.localBackend.request<{ success: boolean; name: string }>({
+      const res = await getHostBridge()!.localBackend.request<{ success: boolean; name: string }>({
         method: 'POST',
         path: '/api/v2/chat-agents/skills/import',
         body: { path: trimmed },
       });
       if (res.success) {
         setImportPath('');
-        setImportStatus(`导入成功! 已添加技能 "${res.name}"`);
+        setImportStatus(t('Import succeeded. Added skill "{name}"', { name: res.name }));
         await fetchSkills();
       } else {
-        setError('导入技能失败');
-        setImportStatus('导入失败: 无法将技能拷贝到运行目录');
+        setError(t('Failed to import skill'));
+        setImportStatus(t('Import failed: could not copy the skill to the runtime directory'));
       }
     } catch (err) {
       const errMsg = err instanceof Error ? err.message : String(err);
       setError(errMsg);
-      setImportStatus(`导入出错: ${errMsg}`);
+      setImportStatus(t('Import error: {error}', { error: errMsg }));
     } finally {
       setImporting(false);
     }
@@ -136,14 +137,14 @@ export function SkillsSettingsPanel() {
     setDeletingName(name);
     setError(null);
     try {
-      const res = await getElectronBridge()!.localBackend.request<{ success: boolean }>({
+      const res = await getHostBridge()!.localBackend.request<{ success: boolean }>({
         method: 'DELETE',
         path: `/api/v2/chat-agents/skills/delete/${encodeURIComponent(name)}`,
       });
       if (res.success) {
         await fetchSkills();
       } else {
-        setError('删除技能失败');
+        setError(t('Failed to delete skill'));
       }
     } catch (err) {
       setError(err instanceof Error ? err.message : String(err));
@@ -158,11 +159,15 @@ export function SkillsSettingsPanel() {
       <div className="bg-agent-muted/30 border border-agent-border/60 rounded-agent-md p-2.5 space-y-2">
         <h4 className="text-xs font-semibold text-agent-foreground flex items-center gap-1.5">
           <LuBlocks className="h-3.5 w-3.5 text-agent-muted-foreground" />
-          导入本地技能目录 (Import Local Skill Directory)
+          {t('Import local skill directory')}
         </h4>
         <p className="text-[11px] text-agent-muted-foreground">
-          写到当前项目（或工作目录）下 <code>skills/技能名/</code> 的技能会自动出现在下方列表，无需导入。
-          也可以在这里导入其它本地目录（包含 <code>SKILL.md</code> 的文件夹，例如：<code>my-team/sql-tools</code>）。
+          {t('Skills saved in the current project (or working directory) under')}{' '}
+          <code>skills/{t('skill-name')}/</code>{' '}
+          {t('appear in the list below automatically. No import needed.')}{' '}
+          {t('You can also import other local directories here (any folder with')}{' '}
+          <code>SKILL.md</code> {t('inside, for example')} <code>my-team/sql-tools</code>
+          {t(').')}
         </p>
         <div className="flex gap-2">
           <div className="relative flex-1 flex items-center">
@@ -170,7 +175,7 @@ export function SkillsSettingsPanel() {
               type="text"
               value={importPath}
               onChange={(e) => setImportPath(e.target.value)}
-              placeholder="请输入技能路径，或点击右侧选择文件夹"
+              placeholder={t('Enter a skill path, or click the button on the right to choose a folder')}
               className="w-full pl-3 pr-8 h-8 text-xs bg-agent-canvas text-agent-foreground border border-agent-border rounded-agent-md focus:outline-none focus:ring-2 focus:ring-agent-foreground/30"
               disabled={importing}
               data-testid="skills-import-path"
@@ -180,7 +185,7 @@ export function SkillsSettingsPanel() {
               onClick={handleBrowseFolder}
               disabled={importing}
               className="absolute right-2.5 text-agent-muted-foreground hover:text-agent-foreground transition-colors"
-              title="选择本地文件夹"
+              title={t('Choose a local folder')}
               data-testid="skills-import-browse"
             >
               <LuFolderOpen className="h-4 w-4" />
@@ -200,7 +205,7 @@ export function SkillsSettingsPanel() {
             {importing ? (
               <LuLoaderCircle className="h-3 w-3 animate-spin" />
             ) : (
-              '导入'
+              t('Import')
             )}
           </button>
         </div>
@@ -217,16 +222,16 @@ export function SkillsSettingsPanel() {
       {/* Skills List */}
       <div className="space-y-2">
         <h4 className="text-xs font-semibold text-agent-muted-foreground uppercase tracking-wide">
-          已加载技能
+          {t('Loaded skills')}
         </h4>
         {skillsLoading ? (
           <div className="flex items-center gap-2 py-4 text-xs text-agent-muted-foreground">
             <LuLoaderCircle className="h-3.5 w-3.5 animate-spin" />
-            获取已加载技能...
+            {t('Fetching loaded skills...')}
           </div>
         ) : skills.length === 0 ? (
           <div className="text-center py-6 text-xs text-agent-muted-foreground">
-            暂无已加载技能
+            {t('No loaded skills yet')}
           </div>
         ) : (
           <div className="divide-y divide-agent-border/40 pr-1">
@@ -257,38 +262,38 @@ export function SkillsSettingsPanel() {
                       )}
                       {isBuiltin && (
                         <span className="px-1 py-0.2 rounded bg-agent-muted text-[9px] text-agent-muted-foreground font-medium flex-shrink-0 scale-95 origin-left">
-                          内置
+                          {t('Built-in')}
                         </span>
                       )}
                       {isWorkspace && (
                         <span
                           className="px-1 py-0.2 rounded bg-agent-muted text-[9px] text-agent-muted-foreground font-medium flex-shrink-0 scale-95 origin-left"
-                          title="来自项目或工作目录的 skills/ 文件夹，写进去即出现在此列表"
+                          title={t('From the skills/ folder of the project or working directory. Anything saved there appears in this list.')}
                         >
-                          工作区
+                          {t('Workspace')}
                         </span>
                       )}
                       {skill.layer === 'eager' ? (
                         <span
                           className="px-1 py-0.2 rounded bg-agent-muted text-[9px] text-agent-muted-foreground font-medium flex-shrink-0 scale-95 origin-left"
-                          title="常驻层：正文始终注入系统提示词"
+                          title={t('Always-on layer: the body is always injected into the system prompt')}
                         >
-                          常驻
+                          {t('Always on')}
                         </span>
                       ) : (
                         <span
                           className="px-1 py-0.2 rounded bg-agent-muted text-[9px] text-agent-muted-foreground font-medium flex-shrink-0 scale-95 origin-left"
-                          title="按需层：仅在目录中列出，模型经 skill 工具按需加载"
+                          title={t('On-demand layer: only listed in the catalog. The model loads it through the skill tool when needed.')}
                         >
-                          按需
+                          {t('On demand')}
                         </span>
                       )}
                       {skill.modelInvocable === false && (
                         <span
                           className="px-1 py-0.2 rounded bg-agent-muted text-[9px] text-agent-muted-foreground font-medium flex-shrink-0 scale-95 origin-left"
-                          title="disable-model-invocation：模型不可调用，只能用 /名称 手动触发"
+                          title={t('disable-model-invocation: the model cannot call it. Trigger it manually with /name.')}
                         >
-                          仅手动
+                          {t('Manual only')}
                         </span>
                       )}
                     </div>
@@ -304,7 +309,7 @@ export function SkillsSettingsPanel() {
                       onClick={() => handleDeleteSkill(skill.name)}
                       disabled={deletingName === skill.name}
                       className="text-agent-muted-foreground hover:text-agent-destructive p-1 rounded-full hover:bg-agent-muted transition-colors"
-                      title="卸载此技能"
+                      title={t('Uninstall this skill')}
                       data-testid={`skill-uninstall-${skill.name}`}
                     >
                       {deletingName === skill.name ? (

package/src/components/settings/TelemetrySettingsPanel.tsx

@@ -1,6 +1,7 @@
 import { useCallback, useEffect, useState } from 'react';
 import { LuLoaderCircle, LuActivity } from 'react-icons/lu';
-import { getElectronBridge, isElectron } from '@/lib/electron-bridge';
+import { t } from '@/i18n';
+import { getHostBridge, hasHostBridge } from '@/lib/host-bridge';
 
 /**
  * TelemetrySettingsPanel — W6-6 遥测合规化的桌面 collector 配置面板。
@@ -35,11 +36,11 @@ export function TelemetrySettingsPanel() {
   const [error, setError] = useState<string | null>(null);
 
   const fetchSettings = useCallback(async () => {
-    if (!isElectron()) return;
+    if (!hasHostBridge()) return;
     setLoading(true);
     setError(null);
     try {
-      const res = await getElectronBridge()!.localBackend.request<TelemetrySettingsWire | null>({
+      const res = await getHostBridge()!.localBackend.request<TelemetrySettingsWire | null>({
         method: 'GET',
         path: '/api/v2/local-settings/telemetry',
       });
@@ -57,12 +58,12 @@ export function TelemetrySettingsPanel() {
   }, [fetchSettings]);
 
   const handleSave = async () => {
-    if (!isElectron()) return;
+    if (!hasHostBridge()) return;
     setSaving(true);
     setError(null);
     setStatus(null);
     try {
-      const saved = await getElectronBridge()!.localBackend.request<TelemetrySettingsWire>({
+      const saved = await getHostBridge()!.localBackend.request<TelemetrySettingsWire>({
         method: 'POST',
         path: '/api/v2/local-settings/telemetry',
         body: { endpoint: endpoint.trim(), privacyMode },
@@ -70,8 +71,10 @@ export function TelemetrySettingsPanel() {
       setEndpoint(saved.endpoint ?? '');
       setStatus(
         saved.endpoint
-          ? `已保存 — 遥测开启(${saved.privacyMode === 'full' ? '完整(已脱敏)' : '仅元数据'})`
-          : '已保存 — 未配置 collector 地址,遥测保持关闭',
+          ? t('Saved. Telemetry is on ({mode})', {
+              mode: saved.privacyMode === 'full' ? t('Full (redacted)') : t('Metadata only'),
+            })
+          : t('Saved. No collector URL is set, so telemetry stays off'),
       );
     } catch (err) {
       setError(err instanceof Error ? err.message : String(err));
@@ -91,32 +94,32 @@ export function TelemetrySettingsPanel() {
         {loading ? (
           <div className="flex items-center gap-2 py-2 text-xs text-agent-muted-foreground">
             <LuLoaderCircle className="h-3.5 w-3.5 animate-spin" />
-            读取遥测设置...
+            {t('Loading telemetry settings...')}
           </div>
         ) : (
           <>
             <div className="space-y-1.5">
               <label className="text-[11px] font-medium text-agent-muted-foreground">
-                Collector 地址(/v1/traces)
+                {t('Collector URL (/v1/traces)')}
               </label>
               <input
                 type="text"
                 value={endpoint}
                 onChange={(e) => setEndpoint(e.target.value)}
-                placeholder="http://127.0.0.1:4318/v1/traces(留空 = 关闭遥测)"
+                placeholder={t('http://127.0.0.1:4318/v1/traces (leave blank = telemetry off)')}
                 className="h-8 w-full rounded-agent-md border border-agent-border bg-agent-canvas px-3 font-mono text-[11px] text-agent-foreground focus:outline-none focus:ring-2 focus:ring-agent-foreground/30"
               />
             </div>
 
             <div className="space-y-1.5">
               <label className="text-[11px] font-medium text-agent-muted-foreground">
-                隐私档位
+                {t('Privacy level')}
               </label>
               <div className="flex gap-2">
                 {(
                   [
-                    { value: 'metadata', label: '仅元数据', hint: '结构/时延/状态,不含内容' },
-                    { value: 'full', label: '完整(已脱敏)', hint: '含 payload,密钥已打码' },
+                    { value: 'metadata', label: 'Metadata only', hint: 'Structure, latency, and status. No content.' },
+                    { value: 'full', label: 'Full (redacted)', hint: 'Includes payloads. Secrets are masked.' },
                   ] as const
                 ).map((opt) => (
                   <button
@@ -129,8 +132,8 @@ export function TelemetrySettingsPanel() {
                         : 'border-agent-border bg-agent-canvas hover:bg-agent-muted/40'
                     }`}
                   >
-                    <div className="text-xs font-medium text-agent-foreground">{opt.label}</div>
-                    <div className="text-[10px] text-agent-muted-foreground">{opt.hint}</div>
+                    <div className="text-xs font-medium text-agent-foreground">{t(opt.label)}</div>
+                    <div className="text-[10px] text-agent-muted-foreground">{t(opt.hint)}</div>
                   </button>
                 ))}
               </div>
@@ -138,7 +141,7 @@ export function TelemetrySettingsPanel() {
 
             <div className="flex items-center justify-between gap-2">
               <p className="text-[10px] text-agent-muted-foreground">
-                无论哪一档,密钥/令牌在导出前都会被脱敏;留空地址则完全不导出。
+                {t('At either level, keys and tokens are redacted before export. Leave the URL blank to export nothing.')}
               </p>
               <button
                 type="button"
@@ -150,7 +153,7 @@ export function TelemetrySettingsPanel() {
                     : 'bg-agent-foreground text-agent-canvas hover:opacity-90'
                 }`}
               >
-                {saving ? <LuLoaderCircle className="h-3 w-3 animate-spin" /> : '保存'}
+                {saving ? <LuLoaderCircle className="h-3 w-3 animate-spin" /> : t('Save')}
               </button>
             </div>