@miphamai/cli 0.47.0 → 0.49.0

package/src/ui/config-wizard.tsx

@@ -10,6 +10,7 @@
 
 import React, { useState, useEffect } from 'react'
 import { Box, Text, useInput } from 'ink'
+import { useI18n } from '../i18n-context'
 import TextInput from 'ink-text-input'
 import { DEFAULT_PROVIDERS, OLLAMA_PRESET_MODELS } from '../shared/constants'
 import type { ProviderConfig, ModelInfo } from '../shared/types'
@@ -167,6 +168,7 @@ function getOllamaModelList(installedModels: string[]): OllamaModelItem[] {
 // ── Component ──
 
 export function ConfigWizard({ onComplete, onSkip }: Props) {
+  const { t } = useI18n()
   const [step, setStep] = useState<Step>('welcome')
 
   // Selections
@@ -202,14 +204,14 @@ export function ConfigWizard({ onComplete, onSkip }: Props) {
 
   const finishCloud = () => {
     if (!providerId || !modelId || !apiKey.trim()) {
-      setError('请填写 API Key')
+      setError(t('ui.wizard.error_apikey_required'))
       return
     }
     try {
       writeConfigFile(providerId, modelId, apiKey.trim())
       onComplete({ providerId, modelId, apiKey: apiKey.trim() })
     } catch (err) {
-      setError(`写入配置失败: ${String(err)}`)
+      setError(t('ui.wizard.error_write_failed', { err: String(err) }))
     }
   }
 
@@ -220,7 +222,7 @@ export function ConfigWizard({ onComplete, onSkip }: Props) {
       writeConfigFile('ollama', model, 'ollama-local')
       onComplete({ providerId: 'ollama', modelId: model, apiKey: 'ollama-local' })
     } catch (err) {
-      setError(`写入配置失败: ${String(err)}`)
+      setError(t('ui.wizard.error_write_failed', { err: String(err) }))
     }
   }
 
@@ -366,7 +368,7 @@ export function ConfigWizard({ onComplete, onSkip }: Props) {
         <Text color="#FFD700" bold>
           Mipham Code
         </Text>
-        <Text dimColor> — 配置向导</Text>
+        <Text dimColor>{t('ui.wizard.header_subtitle')}</Text>
       </Box>
       <Box marginBottom={1}>
         <Text dimColor>━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━</Text>
@@ -377,16 +379,16 @@ export function ConfigWizard({ onComplete, onSkip }: Props) {
         <Box flexDirection="column">
           <Box marginBottom={1}>
             <Text bold color="cyan">
-              欢迎使用 Mipham Code！
+              {t('ui.wizard.welcome_title')}
             </Text>
           </Box>
-          <Text>在开始之前，需要先配置 AI 模型连接。</Text>
-          <Text>此向导只需 1 分钟，需要您准备好 API Key。</Text>
+          <Text>{t('ui.wizard.welcome_intro')}</Text>
+          <Text>{t('ui.wizard.welcome_time')}</Text>
           <Box marginTop={1}>
-            <Text color="yellow">按 Enter 开始 →</Text>
+            <Text color="yellow">{t('ui.wizard.welcome_start')}</Text>
           </Box>
           <Box marginTop={1}>
-            <Text dimColor>Esc 跳过配置</Text>
+            <Text dimColor>{t('ui.wizard.welcome_skip')}</Text>
           </Box>
         </Box>
       )}
@@ -395,25 +397,25 @@ export function ConfigWizard({ onComplete, onSkip }: Props) {
       {step === 'mode' && (
         <Box flexDirection="column">
           <Box marginBottom={1}>
-            <Text bold>选择模型连接方式：</Text>
+            <Text bold>{t('ui.wizard.mode_title')}</Text>
           </Box>
 
           <Box marginBottom={1}>
             <Text color={cursor === 0 ? SELECTED_COLOR : undefined}>
-              {cursor === 0 ? '▶' : ' '} 🌐 云端 AI 模型（推荐）
+              {cursor === 0 ? '▶' : ' '} {t('ui.wizard.mode_cloud')}
             </Text>
           </Box>
           <Text dimColor> Claude · DeepSeek · Gemini · 豆包 · Qwen · 混元 · OpenAI</Text>
 
           <Box marginTop={2} marginBottom={1}>
             <Text color={cursor === 1 ? SELECTED_COLOR : undefined}>
-              {cursor === 1 ? '▶' : ' '} 🖥️ 本地模型（Ollama）
+              {cursor === 1 ? '▶' : ' '} {t('ui.wizard.mode_local')}
             </Text>
           </Box>
-          <Text dimColor> 需要提前安装 Ollama 并下载模型</Text>
+          <Text dimColor>{t('ui.wizard.mode_local_hint')}</Text>
 
           <Box marginTop={2}>
-            <Text dimColor>↑↓ 选择 · Enter 确认 · Esc 返回</Text>
+            <Text dimColor>{t('ui.wizard.nav_hint')}</Text>
           </Box>
         </Box>
       )}
@@ -422,18 +424,22 @@ export function ConfigWizard({ onComplete, onSkip }: Props) {
       {step === 'provider' && (
         <Box flexDirection="column">
           <Box marginBottom={1}>
-            <Text bold>选择 AI 模型提供商：</Text>
+            <Text bold>{t('ui.wizard.provider_title')}</Text>
           </Box>
           {providerList.map((p, i) => (
             <Box key={p.id} marginBottom={1}>
               <Text color={i === cursor ? SELECTED_COLOR : undefined}>
                 {i === cursor ? '▶' : '  '} {p.name}
               </Text>
-              <Text dimColor> ({p.models.filter((m) => m.status === 'active').length} 个模型)</Text>
+              <Text dimColor>
+                {t('ui.wizard.provider_count', {
+                  count: String(p.models.filter((m) => m.status === 'active').length),
+                })}
+              </Text>
             </Box>
           ))}
           <Box marginTop={1}>
-            <Text dimColor>↑↓ 选择 · Enter 确认 · Esc 返回</Text>
+            <Text dimColor>{t('ui.wizard.nav_hint')}</Text>
           </Box>
         </Box>
       )}
@@ -443,7 +449,10 @@ export function ConfigWizard({ onComplete, onSkip }: Props) {
         <Box flexDirection="column">
           <Box marginBottom={1}>
             <Text bold>
-              选择模型（{DEFAULT_PROVIDERS.find((p) => p.id === providerId)?.name || providerId}）：
+              {t('ui.wizard.model_title', {
+                provider:
+                  DEFAULT_PROVIDERS.find((p) => p.id === providerId)?.name || providerId || '',
+              })}
             </Text>
           </Box>
           {modelList.map((m, i) => (
@@ -455,7 +464,7 @@ export function ConfigWizard({ onComplete, onSkip }: Props) {
             </Box>
           ))}
           <Box marginTop={1}>
-            <Text dimColor>↑↓ 选择 · Enter 确认 · Esc 返回</Text>
+            <Text dimColor>{t('ui.wizard.nav_hint')}</Text>
           </Box>
         </Box>
       )}
@@ -464,11 +473,17 @@ export function ConfigWizard({ onComplete, onSkip }: Props) {
       {step === 'apikey' && (
         <Box flexDirection="column">
           <Box marginBottom={1}>
-            <Text bold>粘贴 API Key：</Text>
+            <Text bold>{t('ui.wizard.apikey_title')}</Text>
           </Box>
-          <Text dimColor>提供商：{DEFAULT_PROVIDERS.find((p) => p.id === providerId)?.name}</Text>
           <Text dimColor>
-            模型：{getActiveModels(providerId!).find((m) => m.id === modelId)?.name}
+            {t('ui.wizard.apikey_provider', {
+              provider: DEFAULT_PROVIDERS.find((p) => p.id === providerId)?.name || '',
+            })}
+          </Text>
+          <Text dimColor>
+            {t('ui.wizard.apikey_model', {
+              model: getActiveModels(providerId!).find((m) => m.id === modelId)?.name || '',
+            })}
           </Text>
           {error && (
             <Box marginBottom={1}>
@@ -481,11 +496,11 @@ export function ConfigWizard({ onComplete, onSkip }: Props) {
               value={apiKey}
               onChange={setApiKey}
               onSubmit={() => goStep('confirm')}
-              placeholder="粘贴 API Key 后按 Enter..."
+              placeholder={t('ui.wizard.apikey_placeholder')}
             />
           </Box>
           <Box marginTop={1}>
-            <Text dimColor>Enter 继续 · Esc 返回选模型</Text>
+            <Text dimColor>{t('ui.wizard.apikey_continue')}</Text>
           </Box>
         </Box>
       )}
@@ -494,26 +509,29 @@ export function ConfigWizard({ onComplete, onSkip }: Props) {
       {step === 'ollama' && (
         <Box flexDirection="column">
           <Box marginBottom={1}>
-            <Text bold>Ollama 本地模型配置：</Text>
+            <Text bold>{t('ui.wizard.ollama_title')}</Text>
           </Box>
           {ollamaStatus ? (
             <Box flexDirection="column" marginBottom={1}>
               <Text>
-                状态：{ollamaStatus.installed ? '✅ 已安装' : '❌ 未安装'}
+                {t('ui.wizard.ollama_status')}
+                {ollamaStatus.installed
+                  ? t('ui.wizard.ollama_installed')
+                  : t('ui.wizard.ollama_not_installed')}
                 {ollamaStatus.running
-                  ? ' · 运行中'
+                  ? t('ui.wizard.ollama_running')
                   : ollamaStatus.installed
-                    ? ' · 未运行（请执行 ollama serve）'
+                    ? t('ui.wizard.ollama_not_running')
                     : ''}
               </Text>
             </Box>
           ) : (
-            <Text dimColor>正在检测 Ollama...</Text>
+            <Text dimColor>{t('ui.wizard.ollama_detecting')}</Text>
           )}
           {ollamaModelList.length > 0 && (
             <Box flexDirection="column" marginBottom={1}>
               <Box marginBottom={1}>
-                <Text dimColor>已下载模型（↑↓ 选择 · Enter 确认）：</Text>
+                <Text dimColor>{t('ui.wizard.ollama_downloaded')}</Text>
               </Box>
               {ollamaModelList.map((m, i) => (
                 <Box key={m.id}>
@@ -521,7 +539,10 @@ export function ConfigWizard({ onComplete, onSkip }: Props) {
                     {i === ollamaCursor ? '▶' : '  '} {m.id}
                   </Text>
                   {m.source !== 'local' && (
-                    <Text dimColor> [{m.source === 'MiphamAI' ? 'MiphamAI' : '热门'}]</Text>
+                    <Text dimColor>
+                      {' '}
+                      [{m.source === 'MiphamAI' ? 'MiphamAI' : t('ui.wizard.ollama_source_hot')}]
+                    </Text>
                   )}
                 </Box>
               ))}
@@ -529,14 +550,12 @@ export function ConfigWizard({ onComplete, onSkip }: Props) {
           )}
           {ollamaStatus && ollamaModelList.length === 0 && (
             <Box marginBottom={1}>
-              <Text dimColor>
-                未检测到已下载模型。请先运行 ollama pull &lt;model&gt; 下载模型。
-              </Text>
-              <Text dimColor>以下为预置模型列表，选择后可在对话中通过 /models 切换。</Text>
+              <Text dimColor>{t('ui.wizard.ollama_no_models')}</Text>
+              <Text dimColor>{t('ui.wizard.ollama_preset_hint')}</Text>
             </Box>
           )}
           <Box marginTop={1}>
-            <Text dimColor>↑↓ 选择 · Enter 确认 · Esc 返回</Text>
+            <Text dimColor>{t('ui.wizard.nav_hint')}</Text>
           </Box>
         </Box>
       )}
@@ -546,26 +565,37 @@ export function ConfigWizard({ onComplete, onSkip }: Props) {
         <Box flexDirection="column">
           <Box marginBottom={1}>
             <Text bold color="cyan">
-              配置确认：
+              {t('ui.wizard.confirm_title')}
             </Text>
           </Box>
-          <Text>连接方式：{mode === 'cloud' ? '🌐 云端' : '🖥️ 本地'}</Text>
+          <Text>
+            {t('ui.wizard.confirm_connection')}
+            {mode === 'cloud' ? t('ui.wizard.confirm_cloud') : t('ui.wizard.confirm_local')}
+          </Text>
           {mode === 'cloud' && (
             <>
-              <Text>提供商：{DEFAULT_PROVIDERS.find((p) => p.id === providerId)?.name}</Text>
-              <Text>模型：{modelId}</Text>
               <Text>
-                API Key：{apiKey.slice(0, 8)}...{apiKey.slice(-4)}
+                {t('ui.wizard.confirm_provider', {
+                  provider: DEFAULT_PROVIDERS.find((p) => p.id === providerId)?.name || '',
+                })}
+              </Text>
+              <Text>{t('ui.wizard.confirm_model', { model: modelId || '' })}</Text>
+              <Text>
+                {t('ui.wizard.confirm_apikey', {
+                  masked: `${apiKey.slice(0, 8)}...${apiKey.slice(-4)}`,
+                })}
               </Text>
             </>
           )}
           {mode === 'local' && (
             <Text>
-              Ollama 模型：{ollamaModelList[ollamaCursor]?.id || ollamaModel.trim() || 'llama3.2'}
+              {t('ui.wizard.confirm_ollama_model', {
+                model: ollamaModelList[ollamaCursor]?.id || ollamaModel.trim() || 'llama3.2',
+              })}
             </Text>
           )}
           <Box marginTop={1}>
-            <Text dimColor>配置文件将保存到 ~/.mipham/config.yml</Text>
+            <Text dimColor>{t('ui.wizard.confirm_save_path')}</Text>
           </Box>
           {error && (
             <Box marginBottom={1}>
@@ -573,10 +603,10 @@ export function ConfigWizard({ onComplete, onSkip }: Props) {
             </Box>
           )}
           <Box marginTop={1}>
-            <Text color="yellow">按 Enter 保存并启动 →</Text>
+            <Text color="yellow">{t('ui.wizard.confirm_save')}</Text>
           </Box>
           <Box marginTop={1}>
-            <Text dimColor>Esc 返回修改</Text>
+            <Text dimColor>{t('ui.wizard.confirm_back')}</Text>
           </Box>
         </Box>
       )}
@@ -586,10 +616,10 @@ export function ConfigWizard({ onComplete, onSkip }: Props) {
         <Box flexDirection="column">
           <Box marginBottom={1}>
             <Text color="green" bold>
-              ✅ 配置完成！
+              {t('ui.wizard.done_title')}
             </Text>
           </Box>
-          <Text>Mipham Code 正在启动...</Text>
+          <Text>{t('ui.wizard.done_launching')}</Text>
         </Box>
       )}
     </Box>

package/src/ui/error-boundary.tsx

@@ -11,6 +11,7 @@
 
 import React, { Component } from 'react'
 import { Text, Box } from 'ink'
+import { useI18n } from '../i18n-context'
 
 interface Props {
   children: React.ReactNode
@@ -63,23 +64,25 @@ export class ErrorBoundary extends Component<Props, State> {
 
   override render(): React.ReactNode {
     if (this.state.hasError) {
-      return (
-        <Box flexDirection="column" padding={1}>
-          <Text color="red" bold>
-            ⚠️ UI Render Error
-          </Text>
-          <Text dimColor>{this.state.error?.message || 'Unknown rendering error'}</Text>
-          <Text> </Text>
-          <Text dimColor>
-            The terminal interface encountered a rendering issue. Auto-recovery in 5 seconds...
-            Press Enter to attempt immediate recovery.
-          </Text>
-          <Text> </Text>
-          <Text color="yellow">Your session data and conversation history are preserved.</Text>
-        </Box>
-      )
+      return <ErrorFallback error={this.state.error} />
     }
 
     return this.props.children
   }
 }
+
+function ErrorFallback({ error }: { error: Error | null }): React.ReactNode {
+  const { t } = useI18n()
+  return (
+    <Box flexDirection="column" padding={1}>
+      <Text color="red" bold>
+        {t('ui.error_boundary.title')}
+      </Text>
+      <Text dimColor>{error?.message || t('ui.error_boundary.unknown')}</Text>
+      <Text> </Text>
+      <Text dimColor>{t('ui.error_boundary.recovery')}</Text>
+      <Text> </Text>
+      <Text color="yellow">{t('ui.error_boundary.preserved')}</Text>
+    </Box>
+  )
+}

package/src/ui/goal-progress.tsx

@@ -1,5 +1,6 @@
 import { useState, useEffect, useRef } from 'react'
 import { Box, Text } from 'ink'
+import { useI18n } from '../i18n-context'
 import { getTasks } from '../tools/exec/task.js'
 import type { Task } from '../tools/exec/task.js'
 
@@ -61,6 +62,7 @@ function taskIcon(status: Task['status']): { icon: string; color?: string; dim?:
 
 /** Live goal progress panel — mirrors ZCode's goal view: title + subtasks + done/total · elapsed · tokens. */
 export function GoalProgress({ goal, getTokens, listTasks }: GoalProgressProps) {
+  const { t } = useI18n()
   const [tasks, setTasks] = useState<Task[]>([])
   const [tokens, setTokens] = useState(0)
   const [elapsedMs, setElapsedMs] = useState(0)
@@ -103,11 +105,11 @@ export function GoalProgress({ goal, getTokens, listTasks }: GoalProgressProps)
       marginBottom={1}
     >
       <Text bold color="green">
-        🎯 Goal: {goal}
+        {t('ui.goal_progress.title', { goal })}
       </Text>
 
       {visibleTasks.length === 0 ? (
-        <Text dimColor> (no subtasks yet)</Text>
+        <Text dimColor>{t('ui.goal_progress.no_subtasks')}</Text>
       ) : (
         visibleTasks.map((t) => {
           const meta = taskIcon(t.status)
@@ -123,13 +125,17 @@ export function GoalProgress({ goal, getTokens, listTasks }: GoalProgressProps)
 
       <Box marginTop={1}>
         <Text dimColor>
-          ═══ {summary.done}/{summary.total} done
-          {summary.inProgress > 0 && ` · ${summary.inProgress} in progress`}
-          {summary.failed > 0 && ` · ${summary.failed} failed`}
+          {t('ui.goal_progress.summary', {
+            done: String(summary.done),
+            total: String(summary.total),
+          })}
+          {summary.inProgress > 0 &&
+            t('ui.goal_progress.in_progress', { n: String(summary.inProgress) })}
+          {summary.failed > 0 && t('ui.goal_progress.failed', { n: String(summary.failed) })}
           {' · '}
           {formatElapsed(elapsedMs)}
-          {tokens > 0 && ` · ${formatTokens(tokens)} tokens`}
-          {' ═══'}
+          {tokens > 0 && t('ui.goal_progress.tokens', { n: formatTokens(tokens) })}
+          {t('ui.goal_progress.border_end')}
         </Text>
       </Box>
     </Box>

package/src/ui/workflow-progress.tsx

@@ -1,5 +1,6 @@
 import React, { useState, useEffect, useMemo } from 'react'
 import { Box, Text } from 'ink'
+import { useI18n } from '../i18n-context'
 import { getEventBus } from '../workflow/event-bus.js'
 import type { WorkflowEvent } from '../workflow/event-bus.js'
 
@@ -16,6 +17,7 @@ interface WorkflowProgressProps {
 }
 
 export function WorkflowProgress({ runId }: WorkflowProgressProps) {
+  const { t } = useI18n()
   const [activeRunId, setActiveRunId] = useState<string | null>(null)
   const [phases, setPhases] = useState<Array<{ name: string; done: boolean }>>([])
   const [agents, setAgents] = useState<Map<string, AgentState>>(new Map())
@@ -129,7 +131,7 @@ export function WorkflowProgress({ runId }: WorkflowProgressProps) {
     <Box flexDirection="column" borderStyle="round" borderColor="cyan" paddingX={1}>
       <Box>
         <Text bold color="cyan">
-          ═══ Workflow: {activeRunId || runId} ═══
+          {t('ui.workflow.title', { runId: activeRunId ?? runId ?? '' })}
         </Text>
       </Box>
 
@@ -139,9 +141,12 @@ export function WorkflowProgress({ runId }: WorkflowProgressProps) {
         return (
           <Box key={i} flexDirection="column" marginTop={1}>
             <Text>
-              {phase.done ? '●' : '◌'} Phase: {phase.name}
+              {phase.done ? '●' : '◌'} {t('ui.workflow.phase', { name: phase.name })}
               {phaseAgents.length > 0 &&
-                ` [${phaseAgents.filter((a) => a.status === 'done').length}/${phaseAgents.length} done]`}
+                t('ui.workflow.done_count', {
+                  done: String(phaseAgents.filter((a) => a.status === 'done').length),
+                  total: String(phaseAgents.length),
+                })}
             </Text>
             {phaseAgents.map((agent, j) => (
               <Box key={j} marginLeft={2}>
@@ -163,12 +168,16 @@ export function WorkflowProgress({ runId }: WorkflowProgressProps) {
       {/* Summary footer */}
       <Box marginTop={1}>
         <Text dimColor>
-          ═══ Elapsed: {elapsedStr} | Agents: {doneCount}/{agentList.length}
-          {runningCount > 0 && ` (${runningCount} running)`}
-          {failedCount > 0 && ` (${failedCount} failed)`}
-          {done && ` | Cache hits: ${cacheHits}`}
-          {done && ' | DONE ═══'}
-          {!done && ' | Status: running ═══'}
+          {t('ui.workflow.footer', {
+            time: elapsedStr,
+            done: String(doneCount),
+            total: String(agentList.length),
+          })}
+          {runningCount > 0 && t('ui.workflow.running', { n: String(runningCount) })}
+          {failedCount > 0 && t('ui.workflow.failed', { n: String(failedCount) })}
+          {done && t('ui.workflow.cache_hits', { n: String(cacheHits) })}
+          {done && t('ui.workflow.done_marker')}
+          {!done && t('ui.workflow.running_marker')}
         </Text>
       </Box>
     </Box>