@miphamai/cli 0.32.3 → 0.32.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@miphamai/cli",
-  "version": "0.32.3",
+  "version": "0.32.5",
   "description": "Mipham Code — Multi-model open-core intelligent coding terminal by MiphamAI",
   "keywords": [
     "ai",

package/src/ui/app.tsx

@@ -444,7 +444,12 @@ export function App({
 
       // Start agent progress indicator immediately for ALL processing
       const progressStart = Date.now()
-      const progress: AgentProgress = { name: '', description: '', startTime: progressStart, tokensUsed: 0 }
+      const progress: AgentProgress = {
+        name: '',
+        description: '',
+        startTime: progressStart,
+        tokensUsed: 0,
+      }
       agentProgressRef.current = progress
       setAgentProgress(progress)
       setAgentTick((t) => t + 1)
@@ -700,14 +705,6 @@ export function App({
   if (apiKeyPrompt) {
     return (
       <Box flexDirection="column" padding={1} height="100%">
-        {/* Header */}
-        <Box flexDirection="column" marginBottom={1}>
-          <Text color="#FFD700" bold>
-            Mipham Code
-          </Text>
-          <Text dimColor>v{version || '0.0.0'}</Text>
-        </Box>
-
         {/* Chat panel — show existing messages */}
         <ChatPanel messages={messages} focusMode={false} />
 
@@ -747,15 +744,6 @@ export function App({
 
   return (
     <Box flexDirection="column" padding={1} height="100%">
-      {/* Header — left-aligned */}
-      <Box flexDirection="column" marginBottom={1}>
-        <Text color="#FFD700" bold>
-          Mipham Code
-        </Text>
-        <Text dimColor>v{version || '0.0.0'}</Text>
-        <Text dimColor>{modelId}</Text>
-      </Box>
-
       {/* Workflow progress — auto-detects active workflows, renders nothing when idle */}
       <WorkflowProgress />
 

package/src/ui/chat.tsx

@@ -79,17 +79,15 @@ const MessageRow = React.memo(
           </Box>
         ) : (
           <>
-            <Text
-              bold
-              color={msg.role === 'user' ? 'green' : msg.role === 'system' ? 'yellow' : 'blue'}
-            >
-              {msg.role === 'user'
-                ? `▸ ${displayCwd()}`
-                : msg.role === 'assistant'
-                  ? t('ui.assistant.role_label')
-                  : `⚠ ${t('ui.system.role_label')}`}
-              :
-            </Text>
+            {msg.role === 'user' ? (
+              <Text bold color="green">
+                ▸ {displayCwd()}:
+              </Text>
+            ) : msg.role === 'system' ? (
+              <Text bold color="yellow">
+                ⚠ {t('ui.system.role_label')}:
+              </Text>
+            ) : null}
             <Text>{msg.content}</Text>
           </>
         )}

package/src/ui/input.tsx

@@ -79,6 +79,11 @@ export function InputBar({
 }: InputBarProps) {
   const { t } = useI18n()
   const [value, setValue] = useState('')
+  // Ref mirror of value — used by useInput to read latest without stale closure.
+  // Also used by throttled onChange to hold the latest pending value.
+  const valueRef = useRef(value)
+  // Throttle timer for onChange — prevents React render floods during paste.
+  const onChangeTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null)
   const [verb, setVerb] = useState(() => t(pick(LOADING_KEYS)))
   const [completionVerb, setCompletionVerb] = useState<string | null>(null)
   const prevLoading = useRef(isLoading)
@@ -330,14 +335,27 @@ export function InputBar({
     prevValueRef.current = value
   }, [value, vimMode])
 
+  // Keep valueRef in sync with state (so useInput handlers read latest value)
+  useEffect(() => {
+    valueRef.current = value
+  }, [value])
+
   const handleSubmit = (val: string) => {
-    if (!val.trim() || isLoading) return
+    // Flush any pending throttled onChange before submitting
+    if (onChangeTimerRef.current) {
+      clearTimeout(onChangeTimerRef.current)
+      onChangeTimerRef.current = null
+    }
+    // Use latest value from ref (may be ahead of state during throttle)
+    const finalValue = val || valueRef.current
+    if (!finalValue.trim() || isLoading) return
     // Save to message history for arrow-key navigation
-    setSubmittedHistory((prev) => [...prev, val])
+    setSubmittedHistory((prev) => [...prev, finalValue])
     historyIndexRef.current = -1
     savedDraftRef.current = ''
-    onSubmit(val)
+    onSubmit(finalValue)
     setValue('')
+    valueRef.current = ''
     setPickerActive(false)
   }
 
@@ -380,7 +398,17 @@ export function InputBar({
               historyIndexRef.current = -1
               savedDraftRef.current = ''
             }
+            // Throttle: first keystroke renders immediately, then batch at ~30fps.
+            // During paste, the terminal may send hundreds of characters in rapid
+            // succession — without throttling, each triggers a React render+Ink write
+            // cycle that starves the event loop and freezes the UI.
+            valueRef.current = val
+            if (onChangeTimerRef.current) return // timer pending, latest value in ref
             setValue(val)
+            onChangeTimerRef.current = setTimeout(() => {
+              onChangeTimerRef.current = null
+              setValue(valueRef.current)
+            }, 33) // ~30fps
           }}
           onSubmit={handleSubmit}
           placeholder={