@miphamai/cli 0.16.3 → 0.16.5

package/package.json

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

package/src/ui/app.tsx

@@ -59,16 +59,21 @@ interface AgentProgress {
 // Version is read fresh from package.json at startup via runApp prop
 // (bypasses Bun module caching after npm update)
 
+// Cycle order: Claude Code modes first (manual → accept edits → bypass),
+// then Mipham-specific modes (plan → auto → dont ask).
 const PERMISSION_MODES: PermissionMode[] = [
   'default',
   'acceptEdits',
+  'bypassPermissions',
   'plan',
   'auto',
   'dontAsk',
-  'bypassPermissions',
 ]
+// 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: 'reads free',
+  default: 'manual mode',
   acceptEdits: 'accept edits on',
   plan: 'plan mode · read-only',
   auto: 'auto mode',
@@ -348,18 +353,10 @@ export function App({
 
       try {
         for await (const chunk of engine.process(input, controller.signal)) {
-          // Show thinking indicator when model is reasoning (DeepSeek V4 thinking mode)
-          if (chunk.reasoning_content && turnContent === '') {
-            setMessages((prev) => {
-              const updated = [...prev]
-              const last = updated[updated.length - 1]
-              if (last?.role === 'assistant' && last.content === '') {
-                last.content = '💭 思考中…'
-              } else if (!last || last.role !== 'assistant' || last.content !== '💭 思考中…') {
-                updated.push({ role: 'assistant', content: '💭 思考中…' })
-              }
-              return updated
-            })
+          // Reasoning content (DeepSeek V4 thinking mode) — silently consumed,
+          // not shown to user to avoid noise.
+          if (chunk.reasoning_content) {
+            continue
           }
 
           if (chunk.type === 'text' && chunk.content) {
@@ -367,17 +364,10 @@ export function App({
             if (isNewTurn) {
               turnContent = chunk.content
               isNewTurn = false
-              setMessages((prev) => {
-                const updated = [...prev]
-                const last = updated[updated.length - 1]
-                // Replace "thinking" placeholder with real content
-                if (last?.role === 'assistant' && last.content === '💭 思考中…') {
-                  last.content = turnContent
-                } else {
-                  updated.push({ role: 'assistant', content: turnContent })
-                }
-                return updated
-              })
+              setMessages((prev) => [
+                ...prev,
+                { role: 'assistant', content: turnContent },
+              ])
             } else {
               turnContent += chunk.content
               setMessages((prev) => {
@@ -425,9 +415,10 @@ export function App({
             setAgentProgress(null)
             // Sync background agents (e.g. Agent tool may have spawned them)
             syncBgAgents()
-            // Show tool result as a compact indented line
+            // Only show tool results with meaningful content.
+            // Skip empty results, "(no matches)", and other noise.
             const output = chunk.content ? String(chunk.content).trim() : ''
-            if (output) {
+            if (output && output !== '(no matches)' && output.length > 20) {
               const firstLine = output.split('\n')[0]!.slice(0, 200)
               const preview = firstLine.length < output.length ? `${firstLine}...` : firstLine
               setMessages((prev) => [
@@ -608,7 +599,7 @@ export function App({
       {/* Agent status footer — shows running background agents */}
       <AgentFooter agents={Object.values(runningAgents)} gitBranch={gitBranch} tick={agentTick} />
 
-      {/* Status line — Claude Code style: compact, action-oriented */}
+      {/* Status line — Claude Code style */}
       <Box marginTop={1} flexDirection="column">
         {goalText && (
           <Box>
@@ -619,8 +610,8 @@ export function App({
           <Text color={PERMISSION_COLORS[permissionMode]}>
             ⏵⏵ {PERMISSION_LABELS[permissionMode]} (shift+tab to cycle)
           </Text>
-          <Text dimColor> · Esc to interrupt</Text>
-          <Text dimColor> · ← agents</Text>
+          <Text dimColor> · esc to interrupt</Text>
+          <Text dimColor> · ← for agents</Text>
         </Box>
       </Box>
     </Box>

package/src/ui/chat.tsx

@@ -93,8 +93,11 @@ const MessageRow = React.memo(
 )
 
 export function ChatPanel({ messages, focusMode }: ChatPanelProps) {
-  // In focus mode, compact tool activity into summary lines
-  const displayMessages = focusMode ? compactForFocus(messages) : messages
+  // 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)
 
   return (
     <Box flexDirection="column" marginY={1} flexGrow={1}>
@@ -141,6 +144,56 @@ export function ChatPanel({ messages, focusMode }: ChatPanelProps) {
   )
 }
 
+/**
+ * Group consecutive tool calls into compact one-liners for the normal view.
+ * Single tools show normally; 2+ consecutive tools get folded:
+ *   ⏺ Read · Glob · Bash (3 tools)
+ */
+function compactToolGroups(messages: ChatMessage[]): ChatMessage[] {
+  const result: ChatMessage[] = []
+  let toolGroup: ChatMessage[] = []
+
+  const flush = () => {
+    if (toolGroup.length === 0) return
+    if (toolGroup.length === 1) {
+      result.push(toolGroup[0]!)
+    } else {
+      const names = toolGroup
+        .filter((t) => t.toolMeta?.name && !t.toolMeta.name.startsWith('tools ('))
+        .map((t) => t.toolMeta!.name)
+      const uniqueNames = [...new Set(names)]
+      result.push({
+        role: 'system',
+        content: `⏺ ${uniqueNames.join(' · ')} (${names.length} tools)`,
+        toolMeta: {
+          name: `tools (${names.length})`,
+          input: uniqueNames.join(', '),
+          collapsed: true,
+        },
+      })
+    }
+    toolGroup = []
+  }
+
+  for (const msg of messages) {
+    // Tool results (no name, has output) get folded into the preceding tool group
+    if (msg.toolMeta && !msg.toolMeta.name && msg.toolMeta.output) {
+      toolGroup.push(msg)
+      continue
+    }
+    // Tool calls with a name
+    if (msg.toolMeta?.name && !msg.toolMeta.name.startsWith('tools (')) {
+      toolGroup.push(msg)
+      continue
+    }
+    // Already-grouped or non-tool message
+    flush()
+    result.push(msg)
+  }
+  flush()
+  return result
+}
+
 /**
  * Compact messages for focus view:
  * - Groups consecutive tool calls into [▶ N tools] ↳ name1 ↳ name2 summary lines