@miphamai/cli 0.19.5 → 0.20.1

package/src/i18n-core/t.ts

@@ -0,0 +1,19 @@
+import type { TranslationMap } from './types'
+
+function getNested(obj: TranslationMap, key: string): unknown {
+  return key.split('.').reduce((o, k) => (o as any)?.[k], obj as any)
+}
+
+export function createT(
+  current: TranslationMap,
+  fallback: TranslationMap,
+): (key: string, params?: Record<string, string>) => string {
+  return function t(key: string, params?: Record<string, string>): string {
+    const val = getNested(current, key) ?? getNested(fallback, key) ?? key
+    if (typeof val !== 'string') return key
+    if (params) {
+      return val.replace(/\{(\w+)\}/g, (_, k: string) => params[k] ?? '')
+    }
+    return val
+  }
+}

package/src/i18n-core/types.ts

@@ -0,0 +1,10 @@
+export type Locale = 'en-US' | 'zh-CN'
+
+export const SUPPORTED_LOCALES: Locale[] = ['en-US', 'zh-CN']
+
+export const FALLBACK_LOCALE: Locale = 'en-US'
+
+/** A TranslationMap is a nested object where leaves are template strings. */
+export interface TranslationMap {
+  [key: string]: string | TranslationMap
+}

package/src/index.tsx

@@ -1,3 +1,4 @@
+import React from 'react'
 import { join } from 'node:path'
 import { existsSync } from 'node:fs'
 import { render } from 'ink'
@@ -23,6 +24,12 @@ import { getMetrics } from './core/metrics'
 import { ARTIFACTS_DIR, ARTIFACT_PORT, MIPHAM_DIR } from './shared/constants'
 import { AgentViewManager } from './agent-view/agent-view-manager'
 import { AgentViewDashboard } from './agent-view/dashboard'
+import { createT } from './i18n-core/t'
+import { detectLocale } from './i18n-core/detect'
+import { I18nProvider } from './i18n-context'
+import enUS from './i18n-core/locales/en-US.json' with { type: 'json' }
+import zhCN from './i18n-core/locales/zh-CN.json' with { type: 'json' }
+import type { TranslationMap } from './i18n-core/types'
 
 interface RunOptions {
   model?: string
@@ -60,6 +67,14 @@ export async function runApp(options: RunOptions): Promise<void> {
   // Load configuration
   const config = loadConfig()
 
+  // Detect locale and create translation function
+  const locale = detectLocale({ lang: options.lang })
+  const localeBundles: Record<string, TranslationMap> = {
+    'en-US': enUS as TranslationMap,
+    'zh-CN': zhCN as TranslationMap,
+  }
+  const t = createT(localeBundles[locale] || enUS, enUS)
+
   // Bootstrap providers
   const defaultProvider = options.provider || config.defaultProvider
   const defaultModel = options.model || config.defaultModel
@@ -297,17 +312,21 @@ export async function runApp(options: RunOptions): Promise<void> {
   })
 
   const { waitUntilExit } = render(
-    <App
-      engine={engine}
-      config={config}
-      initialProvider={defaultProvider}
-      initialModel={defaultModel}
-      lang={options.lang}
-      skillsLoader={skillsLoader}
-      pluginManager={pluginManager}
-      version={options.version}
-      sessionId={sessionName}
-    />,
+    React.createElement(I18nProvider, {
+      locale,
+      t,
+      children: React.createElement(App, {
+        engine,
+        config,
+        initialProvider: defaultProvider,
+        initialModel: defaultModel,
+        lang: options.lang,
+        skillsLoader,
+        pluginManager,
+        version: options.version,
+        sessionId: sessionName,
+      }),
+    }),
   )
   await waitUntilExit()
   saveAndExit()

package/src/mcp/client.ts

@@ -10,6 +10,16 @@ import { StdioTransport } from './transport'
 import { McpProtocol } from './protocol'
 import { OAuthClient } from './oauth'
 import { TokenStore } from './token-store'
+import { createT } from '../i18n-core/t'
+import enUS from '../i18n-core/locales/en-US.json'
+import zhCN from '../i18n-core/locales/zh-CN.json'
+import type { TranslationMap } from '../i18n-core/types'
+
+const bundles: Record<string, TranslationMap> = {
+  'en-US': enUS as TranslationMap,
+  'zh-CN': zhCN as TranslationMap,
+}
+const t = createT(bundles['en-US'] || (enUS as TranslationMap), enUS as TranslationMap)
 
 interface ActiveConnection {
   config: McpServerConfig
@@ -98,7 +108,7 @@ export class McpClient {
   /** Reconnect with exponential backoff (1s→2s→4s→…max 60s, 10 attempts). */
   async reconnect(name: string): Promise<void> {
     const connection = this.connections.get(name)
-    if (!connection) throw new Error(`No connection for "${name}"`)
+    if (!connection) throw new Error(t('errors.mcp_no_connection', { name }))
 
     const config = connection.config
     let delay = 1000
@@ -262,7 +272,7 @@ export class McpClient {
     const conn = this.connections.get(serverName)
     if (!conn || conn.status !== 'connected') {
       return {
-        content: [{ type: 'text', text: `Error: MCP server "${serverName}" not connected` }],
+        content: [{ type: 'text', text: t('errors.mcp_not_connected', { server: serverName }) }],
         isError: true,
       }
     }
@@ -271,7 +281,7 @@ export class McpClient {
       return await conn.protocol.callTool(toolName, params)
     } catch (err) {
       return {
-        content: [{ type: 'text', text: `MCP tool error: ${String(err)}` }],
+        content: [{ type: 'text', text: t('errors.mcp_tool_error', { error: String(err) }) }],
         isError: true,
       }
     }

package/src/mcp/oauth.ts

@@ -4,6 +4,16 @@ import { createServer, Server } from 'node:http'
 import type { IncomingMessage, ServerResponse } from 'node:http'
 import type { McpServerConfig } from '../shared/types'
 import { TokenStore } from './token-store'
+import { createT } from '../i18n-core/t'
+import enUS from '../i18n-core/locales/en-US.json'
+import zhCN from '../i18n-core/locales/zh-CN.json'
+import type { TranslationMap } from '../i18n-core/types'
+
+const bundles: Record<string, TranslationMap> = {
+  'en-US': enUS as TranslationMap,
+  'zh-CN': zhCN as TranslationMap,
+}
+const t = createT(bundles['en-US'] || (enUS as TranslationMap), enUS as TranslationMap)
 
 interface TokenResponse {
   accessToken: string
@@ -41,18 +51,18 @@ export class OAuthClient {
           if (receivedState !== state) {
             res.writeHead(400)
             res.end('State mismatch')
-            reject(new Error('OAuth state mismatch — possible CSRF'))
+            reject(new Error(t('errors.oauth_state_mismatch')))
             return
           }
           if (!receivedCode) {
             res.writeHead(400)
             res.end('No code received')
-            reject(new Error('No authorization code received'))
+            reject(new Error(t('errors.oauth_no_code')))
             return
           }
           res.writeHead(200, { 'Content-Type': 'text/html' })
           res.end(
-            '<html><body><h1>Authenticated</h1><p>You may close this window.</p></body></html>',
+            `<html><body><h1>${t('system.oauth.authenticated')}</h1><p>${t('system.oauth.close_window')}</p></body></html>`,
           )
           server.close()
           resolve(receivedCode)
@@ -81,7 +91,7 @@ export class OAuthClient {
       })
       setTimeout(() => {
         server.close()
-        reject(new Error('OAuth flow timed out (5 minutes)'))
+        reject(new Error(t('errors.oauth_timeout')))
       }, 300_000)
     })
 

package/src/mcp/registry.ts

@@ -9,6 +9,16 @@
 import type { ToolDefinition as McpToolDefinition, ToolCallResult } from './types'
 import type { ToolDefinition, ToolResult, ToolContext } from '../shared/types'
 import { McpClient } from './client'
+import { createT } from '../i18n-core/t'
+import enUS from '../i18n-core/locales/en-US.json'
+import zhCN from '../i18n-core/locales/zh-CN.json'
+import type { TranslationMap } from '../i18n-core/types'
+
+const bundles: Record<string, TranslationMap> = {
+  'en-US': enUS as TranslationMap,
+  'zh-CN': zhCN as TranslationMap,
+}
+const t = createT(bundles['en-US'] || (enUS as TranslationMap), enUS as TranslationMap)
 
 const MCP_TOOL_PREFIX = 'mcp__'
 const MAX_NAME_LENGTH = 128
@@ -108,7 +118,7 @@ export function registerMcpServerTools(
 
       if (toolsMap.has(tool.name)) {
         process.stderr.write(
-          `[mcp] Tool collision: "${tool.name}" (from server "${serverName}") conflicts with existing tool. Skipping.\n`,
+          t('errors.mcp_register_collision', { name: tool.name, server: serverName }) + '\n',
         )
         continue
       }
@@ -117,7 +127,11 @@ export function registerMcpServerTools(
       registered++
     } catch (err) {
       process.stderr.write(
-        `[mcp] Failed to register tool "${mcpTool.name}" from server "${serverName}": ${String(err)}\n`,
+        t('errors.mcp_register_failed', {
+          tool: mcpTool.name,
+          server: serverName,
+          error: String(err),
+        }) + '\n',
       )
     }
   }

package/src/tools/index.ts

@@ -1,5 +1,9 @@
 import type { ToolDefinition, ToolResult } from '../shared/index.ts'
 import { sanitizeParams } from '../shared/sanitize'
+import { createT } from '../i18n-core/t'
+import enUS from '../i18n-core/locales/en-US.json'
+import zhCN from '../i18n-core/locales/zh-CN.json'
+import type { TranslationMap } from '../i18n-core/types'
 import { readTool } from './file/read'
 import { writeTool } from './file/write'
 import { editTool } from './file/edit'
@@ -29,6 +33,12 @@ import { computerUseTool } from './computer/computer-use'
 import { scheduleWakeupTool } from './scheduling/schedule-wakeup.js'
 import { cronCreateTool, cronDeleteTool, cronListTool } from './scheduling/cron.js'
 
+const bundles: Record<string, TranslationMap> = {
+  'en-US': enUS as TranslationMap,
+  'zh-CN': zhCN as TranslationMap,
+}
+const t = createT(bundles['en-US'] || (enUS as TranslationMap), enUS as TranslationMap)
+
 /**
  * Validate tool parameters against the tool's JSON Schema definition.
  * Returns an array of error messages (empty = valid).
@@ -44,7 +54,7 @@ function validateParams(
   if (required) {
     for (const field of required) {
       if (params[field] === undefined || params[field] === null) {
-        errors.push(`Missing required parameter: "${field}"`)
+        errors.push(t('errors.missing_param', { param: field }))
       }
     }
   }
@@ -59,25 +69,25 @@ function validateParams(
 
       switch (def.type) {
         case 'string':
-          if (typeof value !== 'string') errors.push(`"${key}" must be a string`)
+          if (typeof value !== 'string') errors.push(t('errors.type_string', { key }))
           else if (def.enum && !def.enum.includes(value)) {
-            errors.push(`"${key}" must be one of: ${def.enum.join(', ')}`)
+            errors.push(t('errors.type_enum', { key, values: def.enum.join(', ') }))
           }
           break
         case 'integer':
         case 'number':
-          if (typeof value !== 'number') errors.push(`"${key}" must be a number`)
+          if (typeof value !== 'number') errors.push(t('errors.type_number', { key }))
           break
         case 'boolean':
-          if (typeof value !== 'boolean') errors.push(`"${key}" must be a boolean`)
+          if (typeof value !== 'boolean') errors.push(t('errors.type_boolean', { key }))
           break
         case 'object':
           if (typeof value !== 'object' || Array.isArray(value)) {
-            errors.push(`"${key}" must be an object`)
+            errors.push(t('errors.type_object', { key }))
           }
           break
         case 'array':
-          if (!Array.isArray(value)) errors.push(`"${key}" must be an array`)
+          if (!Array.isArray(value)) errors.push(t('errors.type_array', { key }))
           break
       }
     }
@@ -100,7 +110,11 @@ function withValidation(tool: ToolDefinition): ToolDefinition {
       const cleanParams = sanitizeParams(params)
       const errors = validateParams(schema, cleanParams)
       if (errors.length > 0) {
-        return { success: false, content: '', error: `Invalid parameters: ${errors.join('; ')}` }
+        return {
+          success: false,
+          content: '',
+          error: t('errors.invalid_params', { errors: errors.join('; ') }),
+        }
       }
       return tool.execute(cleanParams, ctx)
     },

package/src/ui/agent-footer.tsx

@@ -1,5 +1,6 @@
 import React from 'react'
 import { Box, Text } from 'ink'
+import { useI18n } from '../i18n-context'
 
 export interface AgentEntry {
   id: string
@@ -33,6 +34,7 @@ function formatTokens(n: number): string {
 }
 
 export function AgentFooter({ agents, gitBranch, tick: _tick }: AgentFooterProps) {
+  const { t } = useI18n()
   const hasAgents = agents.length > 0
   const hasBranch = gitBranch.length > 0
 
@@ -73,7 +75,7 @@ export function AgentFooter({ agents, gitBranch, tick: _tick }: AgentFooterProps
             {/* Spacer pushes stats to the right — Ink handles this naturally */}
             <Text dimColor>
               {'  '}
-              {isRunning ? formatElapsed(elapsed) : 'finished'}
+              {isRunning ? formatElapsed(elapsed) : t('ui.agent.finished')}
             </Text>
             {isRunning && agent.tokensUsed > 0 && (
               <Text dimColor>

package/src/ui/app.tsx

@@ -19,6 +19,7 @@ import {
   handleSwitch,
   type CommandContext,
 } from './commands'
+import { useI18n } from '../i18n-context'
 import type { PermissionMode } from '../shared/index.ts'
 
 interface AppProps {
@@ -72,14 +73,6 @@ const PERMISSION_MODES: PermissionMode[] = [
 // Labels aligned with Claude Code terminology: describe behavior, not capability.
 // Claude Code modes: manual mode → accept edits on → bypass
 // Mipham extends with 3 extra modes (plan, auto, dontAsk) for finer control.
-const PERMISSION_LABELS: Record<PermissionMode, string> = {
-  default: 'manual mode',
-  acceptEdits: 'accept edits on',
-  plan: 'plan mode · read-only',
-  auto: 'auto mode',
-  dontAsk: "don't ask",
-  bypassPermissions: 'bypass',
-}
 const PERMISSION_COLORS: Record<PermissionMode, string> = {
   default: 'white',
   acceptEdits: 'blue',
@@ -128,6 +121,18 @@ export function App({
   version,
   sessionId,
 }: AppProps) {
+  const { t } = useI18n()
+  const PERMISSION_LABELS = useMemo<Record<PermissionMode, string>>(
+    () => ({
+      default: t('ui.permission.manual'),
+      acceptEdits: t('ui.permission.accept_edits'),
+      plan: t('ui.permission.plan_mode'),
+      auto: t('ui.permission.auto'),
+      dontAsk: t('ui.permission.dont_ask'),
+      bypassPermissions: t('ui.permission.bypass'),
+    }),
+    [t],
+  )
   const [messages, setMessages] = useState<ChatMessage[]>([])
   const [isLoading, setIsLoading] = useState(false)
   const [providerId, setProviderId] = useState(initialProvider || config.defaultProvider)
@@ -141,6 +146,15 @@ export function App({
   const [goalText, setGoalText] = useState('')
   const [permissionMode, setPermissionMode] = useState<PermissionMode>('default')
   const abortRef = useRef<AbortController | null>(null)
+  // Stream buffer: accumulate text chunks and throttle state updates to ~16fps.
+  // Without this, every SSE chunk triggers setMessages → copies full array →
+  // re-renders ChatPanel → re-runs compactToolGroups O(n). At 20-50 chunks/sec
+  // with 200+ messages, this saturates the event loop and freezes the UI.
+  const streamBufferRef = useRef<{
+    turnContent: string
+    isFirst: boolean
+    timer: ReturnType<typeof setTimeout> | null
+  }>({ turnContent: '', isFirst: true, timer: null })
   const [agentProgress, setAgentProgress] = useState<AgentProgress | null>(null)
   // Multi-agent tracking: keyed by agent/task ID, shows all running + recently completed agents
   const [runningAgents, setRunningAgents] = useState<Record<string, AgentEntry>>({})
@@ -244,8 +258,9 @@ export function App({
       setUltracodeMode: (on: boolean) => setUltracodeMode(on),
       skillsLoader,
       pluginManager,
+      t,
     }),
-    [engine, config, providerId, modelId, skillsLoader, pluginManager, sessionId],
+    [engine, config, providerId, modelId, skillsLoader, pluginManager, sessionId, t],
   )
 
   const handleSubmit = useCallback(
@@ -358,6 +373,25 @@ export function App({
       let turnContent = ''
       let isNewTurn = true
 
+      // Flush any pending stream buffer to state
+      const flushStreamBuffer = () => {
+        if (streamBufferRef.current.timer) {
+          clearTimeout(streamBufferRef.current.timer)
+          streamBufferRef.current.timer = null
+        }
+        const latest = streamBufferRef.current.turnContent
+        if (latest && !streamBufferRef.current.isFirst) {
+          setMessages((prev) => {
+            const updated = [...prev]
+            const last = updated[updated.length - 1]
+            if (last?.role === 'assistant') {
+              last.content = latest
+            }
+            return updated
+          })
+        }
+      }
+
       try {
         for await (const chunk of engine.process(input, controller.signal)) {
           // Reasoning content (DeepSeek V4 thinking mode) — silently consumed,
@@ -367,21 +401,34 @@ export function App({
           }
 
           if (chunk.type === 'text' && chunk.content) {
-            // New turn: reset per-turn accumulator and push a fresh assistant message
+            // New turn: push fresh assistant message, reset stream buffer
             if (isNewTurn) {
               turnContent = chunk.content
               isNewTurn = false
-              setMessages((prev) => [...prev, { role: 'assistant', content: turnContent }])
+              streamBufferRef.current = { turnContent: chunk.content, isFirst: false, timer: null }
+              setMessages((prev) => [
+                ...prev,
+                { role: 'assistant' as const, content: chunk.content || '' },
+              ])
             } else {
               turnContent += chunk.content
-              setMessages((prev) => {
-                const updated = [...prev]
-                const last = updated[updated.length - 1]
-                if (last?.role === 'assistant') {
-                  last.content = turnContent
-                }
-                return updated
-              })
+              streamBufferRef.current.turnContent = turnContent
+              // Throttle: flush to state at most every 60ms (~16 fps for text).
+              // The ref holds the latest text; state update copies the ref value.
+              if (!streamBufferRef.current.timer) {
+                streamBufferRef.current.timer = setTimeout(() => {
+                  streamBufferRef.current.timer = null
+                  const latest = streamBufferRef.current.turnContent
+                  setMessages((prev) => {
+                    const updated = [...prev]
+                    const last = updated[updated.length - 1]
+                    if (last?.role === 'assistant') {
+                      last.content = latest
+                    }
+                    return updated
+                  })
+                }, 60)
+              }
             }
             assistantContent += chunk.content
           }
@@ -411,6 +458,8 @@ export function App({
                 toolMeta: { name: toolName, input: detail, collapsed: true },
               },
             ])
+            // Flush stream buffer before showing tool card
+            flushStreamBuffer()
             // Mark that next text chunk starts a new turn
             isNewTurn = true
           }
@@ -481,6 +530,8 @@ export function App({
       } catch (err) {
         setMessages((prev) => [...prev, { role: 'system', content: `Error: ${String(err)}` }])
       } finally {
+        // Flush any remaining stream buffer before finishing
+        flushStreamBuffer()
         setIsLoading(false)
         abortRef.current = null
         // Auto-save checkpoint after each AI response
@@ -612,10 +663,10 @@ export function App({
         )}
         <Box flexDirection="row">
           <Text color={PERMISSION_COLORS[permissionMode]}>
-            ⏵⏵ {PERMISSION_LABELS[permissionMode]} (shift+tab to cycle)
+            ⏵⏵ {PERMISSION_LABELS[permissionMode]} ({t('ui.status.shift_tab_cycle')})
           </Text>
-          <Text dimColor> · esc to interrupt</Text>
-          <Text dimColor> · ← for agents</Text>
+          <Text dimColor> · {t('ui.status.esc_to_interrupt')}</Text>
+          <Text dimColor> · {t('ui.status.left_for_agents')}</Text>
         </Box>
       </Box>
     </Box>

package/src/ui/chat.tsx

@@ -1,5 +1,6 @@
-import React from 'react'
+import React, { useMemo } from 'react'
 import { Box, Text } from 'ink'
+import { useI18n } from '../i18n-context'
 import type { ChatMessage } from './app'
 
 interface ChatPanelProps {
@@ -49,6 +50,7 @@ function toolColor(name: string): string {
  */
 const MessageRow = React.memo(
   function MessageRow({ msg }: { msg: ChatMessage; isLast: boolean }) {
+    const { t } = useI18n()
     return (
       <Box
         flexDirection="column"
@@ -76,8 +78,8 @@ const MessageRow = React.memo(
               {msg.role === 'user'
                 ? `▸ ${displayCwd()}`
                 : msg.role === 'assistant'
-                  ? 'Mipham Code'
-                  : '⚠ System'}
+                  ? t('ui.assistant.role_label')
+                  : `⚠ ${t('ui.system.role_label')}`}
               :
             </Text>
             <Text>{msg.content}</Text>
@@ -93,17 +95,23 @@ const MessageRow = React.memo(
 )
 
 export function ChatPanel({ messages, focusMode }: ChatPanelProps) {
-  // Group consecutive tool calls into compact summaries to reduce visual noise.
-  // In focus mode, use the more aggressive compactForFocus.
-  const displayMessages = focusMode ? compactForFocus(messages) : compactToolGroups(messages)
+  const { t } = useI18n()
+  // Memoize display message computation to avoid O(n) compact on every render.
+  // During streaming, messages changes on every chunk; without memoization,
+  // compactToolGroups/compactForFocus re-iterates the full message list on each
+  // chunk, saturating the event loop at 20-50 chunks/sec.
+  const displayMessages = useMemo(
+    () => (focusMode ? compactForFocus(messages) : compactToolGroups(messages)),
+    [messages, focusMode],
+  )
 
   return (
     <Box flexDirection="column" marginY={1} flexGrow={1}>
       {focusMode && messages.length > 0 && (
         <Box marginBottom={1}>
           <Text dimColor>
-            🔍 Focus — {countHidden(messages, displayMessages)} hidden · /focus to toggle · Ctrl+O
-            to expand
+            🔍 {t('ui.chat.focus_hint')} — {countHidden(messages, displayMessages, t)} ·{' '}
+            {t('ui.chat.toggle_focus_hint')} · {t('ui.chat.expand_hint')}
           </Text>
         </Box>
       )}
@@ -111,23 +119,21 @@ export function ChatPanel({ messages, focusMode }: ChatPanelProps) {
         <Box flexDirection="column">
           <Box marginBottom={1}>
             <Text color="cyan" bold>
-              Mipham Code
+              {t('ui.banner.title')}
             </Text>
-            <Text dimColor> — AI-Powered Programming Assistant</Text>
+            <Text dimColor> — {t('ui.banner.subtitle')}</Text>
           </Box>
-          <Text dimColor>Multi-model · Multi-provider · Skills & Tools · Open-core</Text>
+          <Text dimColor>{t('ui.banner.tagline')}</Text>
           <Box marginTop={1}>
             <Text dimColor>
-              Type a message to start. <Text color="yellow">/help</Text> for commands ·{' '}
-              <Text color="yellow">Ctrl+P</Text> pick model · <Text color="yellow">Esc</Text> to
-              exit
+              {t('ui.banner.start_message')} <Text color="yellow">/help</Text>
             </Text>
           </Box>
           <Box marginTop={1}>
-            <Text dimColor>
-              Tip: Use <Text color="yellow">/clear</Text> to start fresh when switching topics and
-              free up context
-            </Text>
+            <Text dimColor>{t('ui.banner.controls_hint')}</Text>
+          </Box>
+          <Box marginTop={1}>
+            <Text dimColor>{t('ui.banner.tip_clear')}</Text>
           </Box>
         </Box>
       )}
@@ -239,9 +245,13 @@ function summarizeToolGroup(tools: ChatMessage[]): ChatMessage {
 }
 
 /** Count how many messages are hidden in focus mode. */
-function countHidden(all: ChatMessage[], compacted: ChatMessage[]): string {
+function countHidden(
+  all: ChatMessage[],
+  compacted: ChatMessage[],
+  t: (key: string, params?: Record<string, string>) => string,
+): string {
   const toolCount = all.filter((m) => m.toolMeta).length
   const hidden = all.length - compacted.length
-  if (hidden <= 0) return `showing all ${all.length} messages`
-  return `${hidden} tool outputs folded (${toolCount} total tool calls)`
+  if (hidden <= 0) return t('ui.chat.showing_all', { count: String(all.length) })
+  return t('ui.chat.tool_outputs_folded', { hidden: String(hidden), toolCount: String(toolCount) })
 }

package/src/ui/command-picker.tsx

@@ -1,6 +1,7 @@
 import React, { useState, useMemo, useEffect } from 'react'
 import { Box, Text, useInput } from 'ink'
 import TextInput from 'ink-text-input'
+import { useI18n } from '../i18n-context'
 import { getCommandList } from './commands.js'
 
 interface CommandPickerProps {
@@ -29,6 +30,7 @@ export function CommandPicker({
   onClose,
   maxVisible = PAGE_SIZE,
 }: CommandPickerProps) {
+  const { t } = useI18n()
   const allCommands = useMemo(() => getCommandList(), [])
   const [filter, setFilter] = useState(initialFilter)
   const [cursorIdx, setCursorIdx] = useState(0)
@@ -92,14 +94,16 @@ export function CommandPicker({
       {/* Title */}
       <Box marginBottom={1}>
         <Text bold color="cyan">
-          Commands
+          {t('ui.command_picker.title')}
         </Text>
-        <Text dimColor> ↑↓ navigate · Enter select · Esc close</Text>
+        <Text dimColor> {t('ui.command_picker.nav_help')}</Text>
       </Box>
 
       {/* Command list */}
       <Box flexDirection="column" marginBottom={1}>
-        {visible.length === 0 && <Text dimColor> No commands match "{filter}"</Text>}
+        {visible.length === 0 && (
+          <Text dimColor> {t('ui.command_picker.no_matches', { filter })}</Text>
+        )}
         {visible.map((cmd, i) => {
           const globalIdx = i + scrollStart
           const isCursor = globalIdx === cursorIdx
@@ -119,8 +123,11 @@ export function CommandPicker({
       {filtered.length > maxVisible && (
         <Box marginBottom={1}>
           <Text dimColor>
-            {scrollStart + 1}–{Math.min(scrollStart + maxVisible, filtered.length)} of{' '}
-            {filtered.length} commands
+            {t('ui.command_picker.scroll_indicator', {
+              start: String(scrollStart + 1),
+              end: String(Math.min(scrollStart + maxVisible, filtered.length)),
+              total: String(filtered.length),
+            })}
           </Text>
         </Box>
       )}
@@ -137,7 +144,7 @@ export function CommandPicker({
               onSelect(selected.name)
             }
           }}
-          placeholder="Type to filter commands..."
+          placeholder={t('ui.command_picker.placeholder')}
         />
       </Box>
     </Box>