@miphamai/cli 0.2.3 → 0.3.0

package/src/ui/commands.ts

@@ -7,6 +7,15 @@
 import type { QueryEngine } from '../core/engine'
 import type { MiphamConfig } from '../shared/index.ts'
 import type { SkillsLoader } from '../skills/loader'
+import { McpClient } from '../mcp/client'
+import {
+  PACKAGE_NAME,
+  NPM_INSTALL_COMMAND,
+  NPM_UPDATE_COMMAND,
+  NPM_URL,
+  PRODUCT_URL_INTERNATIONAL,
+  PRODUCT_URL_CHINA,
+} from '@mipham/shared'
 
 export interface CommandContext {
   engine: QueryEngine
@@ -1139,7 +1148,7 @@ To upgrade:
   curl -fsSL https://mipham.ai/install.sh | bash
 
 Or if installed via npm:
-  npm update -g @mipham/cli
+    ${NPM_UPDATE_COMMAND}
 
 Release channels:
   • stable  — recommended for most users
@@ -1819,7 +1828,7 @@ JetBrains (IntelliJ / WebStorm / PyCharm):
 Terminal (any):
   alias mipham='cd your-project && bun run path/to/mipham'
 
-Or install globally: npm install -g @mipham/cli
+Or install globally: ${NPM_INSTALL_COMMAND}
 
 Coming soon: dedicated VS Code & JetBrains plugin extensions.`,
 })
@@ -1832,7 +1841,7 @@ const terminalSetupCmd: CommandHandler = () => ({
   content: `── Terminal Setup ──
 
 Install globally:
-  npm install -g @mipham/cli
+  ${NPM_INSTALL_COMMAND}
   mipham
 
 One-liner install:
@@ -1846,7 +1855,7 @@ Add to shell profile (~/.zshrc or ~/.bashrc):
 
 Upgrade:
   curl -fsSL https://mipham.ai/install.sh | bash
-  # or: npm update -g @mipham/cli
+  # or:   ${NPM_UPDATE_COMMAND}
 
 Verify installation:
   mipham --version
@@ -1860,18 +1869,40 @@ Works with: Bash, Zsh, Fish, PowerShell, Windows Terminal`,
 // ═══════════════════════════════════════════════════════════════
 
 const mcpCmd: CommandHandler = (ctx) => {
-  const mcpServers = ctx.config.skills?.mcpServers ?? []
+  const configuredServers = ctx.config.skills?.mcpServers ?? []
+  const liveConnections = McpClient.getInstance().listConnections()
 
   const lines: string[] = ['── MCP Servers ──', '']
 
-  if (mcpServers.length > 0) {
-    lines.push(`Configured servers (${mcpServers.length}):`)
+  if (configuredServers.length > 0) {
+    lines.push(`Configured servers (${configuredServers.length}):`)
     lines.push('')
-    for (const s of mcpServers) {
+    for (const s of configuredServers) {
+      const live = liveConnections.find((c) => c.config.name === s.name)
+      const statusIcon = live
+        ? live.status === 'connected'
+          ? '🟢'
+          : live.status === 'connecting'
+            ? '🟡'
+            : live.status === 'error'
+              ? '🔴'
+              : '⚪'
+        : '⚪'
+      const statusLabel = live ? live.status : 'not started'
       const envKeys = s.env ? Object.keys(s.env).join(', ') : '(none)'
-      lines.push(`  📡 ${s.name}`)
+
+      lines.push(`  ${statusIcon} ${s.name}  [${statusLabel}]`)
       lines.push(`     Command: ${s.command} ${s.args.join(' ')}`)
       lines.push(`     Env vars: ${envKeys}`)
+      if (live?.tools && live.tools.length > 0) {
+        lines.push(`     Tools: ${live.tools.map((t) => t.name).join(', ')}`)
+      }
+      if (live?.error) {
+        lines.push(`     Error: ${live.error}`)
+      }
+      if (live?.serverInfo) {
+        lines.push(`     Server: ${live.serverInfo.name} v${live.serverInfo.version}`)
+      }
       lines.push('')
     }
   } else {
@@ -1900,11 +1931,10 @@ const mcpCmd: CommandHandler = (ctx) => {
   }
 
   lines.push('')
-  lines.push('── Status ──')
-  lines.push('MCP stdio protocol: full implementation in M3 milestone.')
-  lines.push('Current: config parsing + server registry ready.')
+  lines.push('── Protocol ──')
+  lines.push('MCP stdio transport (JSON-RPC 2.0) — fully implemented.')
+  lines.push('Servers auto-connect on startup when configured.')
   lines.push('')
-  lines.push('MCP enables AI to interact with external tools via standardized servers.')
   lines.push('Learn more: https://modelcontextprotocol.io')
 
   return { content: lines.join('\n') }

package/src/ui/input.tsx

@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from 'react'
+import React, { useState, useEffect, useRef } from 'react'
 import { Box, Text } from 'ink'
 import TextInput from 'ink-text-input'
 
@@ -7,32 +7,37 @@ interface InputBarProps {
   isLoading: boolean
 }
 
-// ── Creative status messages (inspired by Claude Code's whimsical verbs) ──
+// ── Status verbs — English (Claude Code-aligned) + Chinese (Mipham originals) ──
 
-const STATUS_VERBS = [
-  '思忖中', // Pondering
-  '推演中', // Deducting
-  '凝炼中', // Condensing
-  '熬煮中', // Simmering
-  '锻造中', // Forging
-  '研磨中', // Grinding
-  '解构中', // Deconstructing
-  '冥思中', // Contemplating
-  '编织中', // Weaving
-  '萃取中', // Extracting
-  '烹制中', // Cooking
-  '淬火中', // Quenching
-  '雕琢中', // Chiseling
-  '融汇中', // Fusing
-  '觉照中', // Illuminating
-  '运转中', // Operating
-  '参详中', // Studying
-  '化合中', // Synthesizing
-  '浸润中', // Infusing
-  '焙烤中', // Baking
+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',
 ]
 
-const STATUS_EMOJI = ['🔮', '⚙️', '💎', '🔥', '🧪', '🌊', '⚡', '🌀', '🎯', '💡']
+const STATUS_CN = [
+  '思忖中', '推演中', '凝炼中', '熬煮中', '锻造中',
+  '研磨中', '解构中', '冥思中', '编织中', '萃取中',
+  '烹制中', '淬火中', '雕琢中', '融汇中', '觉照中',
+  '运转中', '参详中', '化合中', '浸润中', '焙烤中',
+]
+
+// 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)]!
@@ -40,25 +45,35 @@ function pick<T>(arr: T[]): T {
 
 export function InputBar({ onSubmit, isLoading }: InputBarProps) {
   const [value, setValue] = useState('')
-  const [verb, setVerb] = useState(() => pick(STATUS_VERBS))
-  const [emoji, setEmoji] = useState(() => pick(STATUS_EMOJI))
+  const [verb, setVerb] = useState(() => pick(STATUS_GERUNDS))
+  const [completionVerb, setCompletionVerb] = useState<string | null>(null)
+  const prevLoading = useRef(isLoading)
 
-  // Rotate status messages while loading
+  // Rotate gerunds while loading
   useEffect(() => {
     if (!isLoading) return
     const interval = setInterval(() => {
-      setVerb(pick(STATUS_VERBS))
-      setEmoji(pick(STATUS_EMOJI))
-    }, 2000)
+      setVerb(pick(STATUS_GERUNDS))
+    }, 1200)
     return () => clearInterval(interval)
   }, [isLoading])
 
-  // Reset when loading starts
+  // Pick a fresh gerund when loading starts
   useEffect(() => {
     if (isLoading) {
-      setVerb(pick(STATUS_VERBS))
-      setEmoji(pick(STATUS_EMOJI))
+      setVerb(pick(STATUS_GERUNDS))
+      setCompletionVerb(null)
+    }
+  }, [isLoading])
+
+  // Flash a past participle when loading stops
+  useEffect(() => {
+    if (prevLoading.current === true && isLoading === false) {
+      setCompletionVerb(pick(STATUS_PAST))
+      const timer = setTimeout(() => setCompletionVerb(null), 1500)
+      return () => clearTimeout(timer)
     }
+    prevLoading.current = isLoading
   }, [isLoading])
 
   const handleSubmit = (val: string) => {
@@ -70,13 +85,19 @@ export function InputBar({ onSubmit, isLoading }: InputBarProps) {
   return (
     <Box marginTop={1}>
       <Box marginRight={1}>
-        <Text color={isLoading ? 'yellow' : 'cyan'}>{isLoading ? `${emoji}` : '▸'}</Text>
+        <Text color={isLoading ? 'yellow' : 'cyan'}>{'>'}</Text>
       </Box>
       <TextInput
         value={value}
         onChange={setValue}
         onSubmit={handleSubmit}
-        placeholder={isLoading ? `${verb}...` : 'Type a message (Esc to exit)...'}
+        placeholder={
+          isLoading
+            ? `${verb}...`
+            : completionVerb
+              ? completionVerb
+              : 'Type a message (Esc to cancel)...'
+        }
       />
     </Box>
   )