@miphamai/cli 0.19.5 → 0.20.0

package/src/ui/input.tsx

@@ -4,6 +4,7 @@ import TextInput from 'ink-text-input'
 import { VimMotionEngine, type VimMode } from './vim-motions.js'
 import { getCommandList } from './commands.js'
 import { CommandPicker } from './command-picker.js'
+import { useI18n } from '../i18n-context'
 
 interface InputBarProps {
   onSubmit: (input: string) => void
@@ -20,99 +21,46 @@ interface InputBarProps {
   onCancel?: () => void
 }
 
-// ── Status verbs — English (Claude Code-aligned) + Chinese (Mipham originals) ──
-
-const STATUS_EN = [
-  'Doodling',
-  'Forging',
-  'Germinating',
-  'Mosmosing',
-  'Cerebrating',
-  'Boogieing',
-  'Finagling',
-  'Misting',
-  'Recombobulating',
-  'Slithering',
-  'Effecting',
-  'Roosting',
-  'Crystallizing',
-  'Canoodling',
-  'Billowing',
-  'Warping',
-  'Improvising',
-  'Metamorphing',
-  'Gusting',
-  'Whiring',
-  'Topsy-turvying',
-  'Flibbertigibetting',
-  'Wibbling',
-  'Thundering',
-  'Moseying',
-  'Julienning',
-  'Evaporating',
-  'Ruminating',
-  'Whisking',
-  'Scampering',
-  'Meandering',
-  'Concoting',
-  'Gesticulating',
-  'Flamebeing',
-  'Quantumizing',
-  'Waddling',
-  'Fluttering',
-  'Sprouting',
-  'Elucidating',
-  'Embellishing',
-  'Razzmatizing',
-  'Pondering',
-  'Cogitating',
-  'Garnishing',
-  'Actualizing',
-  'Zigzagging',
-  'Mustering',
-  'Frolicking',
-  'Hullaballooing',
-  'Doing',
-  'Fermenting',
-  'Considering',
-  'Skedaddling',
-  'Actioning',
-  'Orbiting',
-  'Perambulating',
-  'Drizzling',
-  'Schlepping',
-  'Ionizing',
-  'Scurrying',
+// ── Loading verb keys (i18n) ──
+
+const LOADING_KEYS = [
+  'ui.loading.doodling',
+  'ui.loading.forging',
+  'ui.loading.cerebrating',
+  'ui.loading.recombobulating',
+  'ui.loading.thinking',
+  'ui.loading.computing',
+  'ui.loading.processing',
+  'ui.loading.analyzing',
+  'ui.loading.generating',
+  'ui.loading.dreaming',
+  'ui.loading.pondering',
+  'ui.loading.ruminating',
+  'ui.loading.deliberating',
+  'ui.loading.contemplating',
+  'ui.loading.synthesizing',
+  'ui.loading.calculating',
+  'ui.loading.inferring',
+  'ui.loading.optimizing',
+  'ui.loading.compiling',
+  'ui.loading.orchestrating',
+  'ui.loading.harmonizing',
+  'ui.loading.galvanizing',
+  'ui.loading.illuminating',
+  'ui.loading.manifesting',
+  'ui.loading.transmogrifying',
+  'ui.loading.actualizing',
 ]
 
-const STATUS_CN = [
-  '思忖中',
-  '推演中',
-  '凝炼中',
-  '熬煮中',
-  '锻造中',
-  '研磨中',
-  '解构中',
-  '冥思中',
-  '编织中',
-  '萃取中',
-  '烹制中',
-  '淬火中',
-  '雕琢中',
-  '融汇中',
-  '觉照中',
-  '运转中',
-  '参详中',
-  '化合中',
-  '浸润中',
-  '焙烤中',
+const COMPLETED_KEYS = [
+  'ui.loading.completed_brewed',
+  'ui.loading.completed_churned',
+  'ui.loading.completed_cooked',
+  'ui.loading.completed_sauteed',
+  'ui.loading.completed_cogitated',
+  'ui.loading.completed_crunched',
 ]
 
-// Merge both — bilingual status verbs
-const STATUS_GERUNDS = [...STATUS_EN, ...STATUS_CN]
-
-const STATUS_PAST = ['Brewed', 'Churned', 'Cooked', 'Sautéed', 'Cogitated', 'Crunched']
-
 function pick<T>(arr: T[]): T {
   return arr[Math.floor(Math.random() * arr.length)]!
 }
@@ -126,8 +74,9 @@ export function InputBar({
   onCyclePermission,
   onCancel,
 }: InputBarProps) {
+  const { t } = useI18n()
   const [value, setValue] = useState('')
-  const [verb, setVerb] = useState(() => pick(STATUS_GERUNDS))
+  const [verb, setVerb] = useState(() => t(pick(LOADING_KEYS)))
   const [completionVerb, setCompletionVerb] = useState<string | null>(null)
   const prevLoading = useRef(isLoading)
 
@@ -144,28 +93,28 @@ export function InputBar({
   useEffect(() => {
     if (!isLoading) return
     const interval = setInterval(() => {
-      setVerb(pick(STATUS_GERUNDS))
+      setVerb(t(pick(LOADING_KEYS)))
     }, 1200)
     return () => clearInterval(interval)
-  }, [isLoading])
+  }, [isLoading, t])
 
   // Pick a fresh gerund when loading starts
   useEffect(() => {
     if (isLoading) {
-      setVerb(pick(STATUS_GERUNDS))
+      setVerb(t(pick(LOADING_KEYS)))
       setCompletionVerb(null)
     }
-  }, [isLoading])
+  }, [isLoading, t])
 
   // Flash a past participle when loading stops
   useEffect(() => {
     if (prevLoading.current === true && isLoading === false) {
-      setCompletionVerb(pick(STATUS_PAST))
+      setCompletionVerb(t(pick(COMPLETED_KEYS)))
       const timer = setTimeout(() => setCompletionVerb(null), 1500)
       return () => clearTimeout(timer)
     }
     prevLoading.current = isLoading
-  }, [isLoading])
+  }, [isLoading, t])
 
   const [vimMode, setVimMode] = useState<VimMode>('insert')
   // NOTE: Dual mode state — React state (vimMode) drives UI re-renders (prompt color,
@@ -376,19 +325,19 @@ export function InputBar({
             searchMode
               ? `/${searchQuery}`
               : vimMode === 'normal'
-                ? '[NORMAL] h/j/k/l w/b 0/$ dd yy p u / (Esc to insert)'
+                ? t('ui.input.vim_help')
                 : isLoading
                   ? `${verb}...`
                   : completionVerb
                     ? completionVerb
-                    : 'Type a message (Esc to cancel)...'
+                    : t('ui.input.placeholder')
           }
         />
       </Box>
       {/* Slash command hints — shown when typing / in INSERT mode (only when picker is NOT active) */}
       {slashHints.length > 0 && vimMode === 'insert' && !pickerActive && (
         <Box marginTop={1} flexDirection="column" gap={1}>
-          <Text dimColor>Commands: </Text>
+          <Text dimColor>{t('ui.slash_hints.label')} </Text>
           {slashHints.map((cmd, _i) => (
             <Text key={cmd.name} color="cyan">
               {cmd.name}
@@ -397,8 +346,11 @@ export function InputBar({
           <Text dimColor>
             (
             {slashHints.length === allCommands.length
-              ? 'all'
-              : `${slashHints.length} of ${allCommands.length}`}
+              ? t('ui.slash_hints.all')
+              : t('ui.slash_hints.count', {
+                  shown: String(slashHints.length),
+                  total: String(allCommands.length),
+                })}
             )
           </Text>
         </Box>

package/src/ui/picker.tsx

@@ -1,5 +1,6 @@
 import React, { useState, useCallback } from 'react'
 import { Box, Text, useInput } from 'ink'
+import { useI18n } from '../i18n-context'
 import type { MiphamConfig, ProviderConfig } from '../shared/index.ts'
 
 interface PickerProps {
@@ -19,6 +20,7 @@ export function ModelPicker({
   onSelect,
   onClose,
 }: PickerProps) {
+  const { t } = useI18n()
   // Get active providers only
   const providers = config.providers.filter((p) => p.status !== 'upcoming')
   const activeModels = (p: ProviderConfig) => p.models.filter((m) => m.status === 'active')
@@ -118,9 +120,9 @@ export function ModelPicker({
       {/* Title */}
       <Box marginBottom={1}>
         <Text bold color="cyan">
-          Select Model
+          {t('ui.picker.title')}
         </Text>
-        <Text dimColor> ←→ navigate · ↑↓ move · Enter select · Esc close</Text>
+        <Text dimColor> {t('ui.picker.nav_help')}</Text>
       </Box>
 
       {/* Two-column layout */}
@@ -134,7 +136,7 @@ export function ModelPicker({
           padding={1}
         >
           <Text bold underline dimColor>
-            PROVIDER {activePanel === 'provider' ? '◀' : ''}
+            {t('ui.picker.provider_label')} {activePanel === 'provider' ? '◀' : ''}
           </Text>
           {providers.map((p, i) => {
             const isCurrent = p.id === currentProvider
@@ -150,7 +152,7 @@ export function ModelPicker({
                   {isCurrent ? '✓' : ' '}
                   {p.name.padEnd(16)}
                 </Text>
-                <Text dimColor>{isUpcoming ? '[coming]' : `${activeModels(p).length}m`}</Text>
+                <Text dimColor>{isUpcoming ? t('ui.picker.coming_soon') : `${activeModels(p).length}m`}</Text>
               </Box>
             )
           })}
@@ -165,10 +167,10 @@ export function ModelPicker({
           padding={1}
         >
           <Text bold underline dimColor>
-            MODELS {activePanel === 'model' ? '◀' : ''}
+            {t('ui.picker.models_label')} {activePanel === 'model' ? '◀' : ''}
             {selectedProvider ? ` — ${selectedProvider.name}` : ''}
           </Text>
-          {models.length === 0 && <Text dimColor> (no active models)</Text>}
+          {models.length === 0 && <Text dimColor> {t('ui.picker.no_active_models')}</Text>}
           {models.map((m, i) => {
             const isCurrentModel = selectedProvider?.id === currentProvider && m.id === currentModel
             const isSelected = i === modelIdx
@@ -197,8 +199,8 @@ export function ModelPicker({
       <Box marginTop={1}>
         <Text dimColor>
           {activePanel === 'provider'
-            ? 'Select a provider → Enter to see models'
-            : 'Select a model → Enter to switch'}
+            ? t('ui.picker.select_provider_hint')
+            : t('ui.picker.select_model_hint')}
         </Text>
       </Box>
     </Box>