codemini-cli 0.1.12 → 0.1.14

package/src/tui/chat-app.js

@@ -3,6 +3,7 @@ import { Box, Text, useApp, useInput } from 'ink';
 import { shouldCaptureEscapeSequence } from './input-escape.js';
 
 const h = React.createElement;
+const SUGGESTION_PAGE_SIZE = 8;
 const BANNER = [
   ' ██████  ██████  ██████  ███████ ███    ███ ██ ███    ██ ██ ',
   '██      ██    ██ ██   ██ ██      ████  ████ ██ ████   ██ ██ ',
@@ -122,13 +123,13 @@ const TUI_COPY = {
     },
     suggestion: {
       singleTab: 'Tab 补全当前命令',
-      navFill: 'Tab 保持切换模式，↑↓选择，Enter 填入',
-      navEnter: 'Tab 进入切换模式，再用 ↑↓ 选择',
+      navFill: 'Tab 保持切换模式，↑↓选择，←→翻页，Enter 填入',
+      navEnter: 'Tab 进入切换模式，再用 ↑↓ 选择，←→翻页',
       noSuggestions: '/ 查看命令，Tab 自动补全，↑↓ 历史，Ctrl+T 展开工具',
       oneNav: 'Tab 或 Enter 填入当前命令，↑↓ 历史',
       oneIdle: 'Tab 补全当前唯一候选，Enter 直接发送，↑↓ 历史',
-      manyNav: (count) => `Tab 切换候选，↑↓选择，Enter 填入 (${count} 项)`,
-      manyIdle: (count) => `Tab 进入候选切换 (${count} 项)，↑↓ 历史`
+      manyNav: (count) => `Tab 切换候选，↑↓选择，←→翻页，Enter 填入 (${count} 项)`,
+      manyIdle: (count) => `Tab 进入候选切换 (${count} 项)，↑↓ 历史，←→翻页`
     },
     runtime: {
       sendingToGateway: '正在发送到网关',
@@ -224,13 +225,13 @@ const TUI_COPY = {
     },
     suggestion: {
       singleTab: 'Tab completes the current command',
-      navFill: 'Tab stays in pick mode, ↑↓ select, Enter applies',
-      navEnter: 'Tab enters pick mode, then use ↑↓ to choose',
+      navFill: 'Tab stays in pick mode, ↑↓ select, ←→ page, Enter applies',
+      navEnter: 'Tab enters pick mode, then use ↑↓ to choose, ←→ page',
       noSuggestions: '/ shows commands, Tab autocompletes, ↑↓ history, Ctrl+T tools',
       oneNav: 'Tab or Enter applies the current command, ↑↓ history',
       oneIdle: 'Tab completes the only candidate, Enter sends, ↑↓ history',
-      manyNav: (count) => `Tab cycles candidates, ↑↓ select, Enter applies (${count} items)`,
-      manyIdle: (count) => `Tab enters candidate mode (${count} items), ↑↓ history`
+      manyNav: (count) => `Tab cycles candidates, ↑↓ select, ←→ page, Enter applies (${count} items)`,
+      manyIdle: (count) => `Tab enters candidate mode (${count} items), ↑↓ history, ←→ page`
     },
     runtime: {
       sendingToGateway: 'sending to gateway',
@@ -315,6 +316,11 @@ function getActivityDisplayParts(activity) {
     read_file: 'Read',
     write_file: 'Write',
     run_command: 'Command',
+    start_service: 'Service',
+    list_services: 'Service',
+    get_service_status: 'Service',
+    get_service_logs: 'Service',
+    stop_service: 'Service',
     list_files: 'Glob',
     create_task: 'Task',
     update_task: 'Task'
@@ -356,6 +362,13 @@ function describeToolActivity(name, copy, { done = false, blocked = false } = {}
         ? `${copy.toolActivity.doneCommand}: ${safeTarget || 'run_command'}`
         : `${copy.toolActivity.doingCommand}: ${safeTarget || 'run_command'}`;
   }
+  if (base === 'start_service' || base === 'list_services' || base === 'get_service_status' || base === 'get_service_logs' || base === 'stop_service') {
+    return blocked
+      ? `${copy.toolActivity.blocked}: ${safeTarget || base}`
+      : done
+        ? `${copy.toolActivity.doneGeneric}: ${safeTarget || base}`
+        : `${copy.toolActivity.doingGeneric}: ${safeTarget || base}`;
+  }
   if (base === 'create_task') {
     return blocked ? `${copy.toolActivity.blocked}: create_task` : done ? copy.toolActivity.doneCreateTask : copy.toolActivity.doingCreateTask;
   }
@@ -471,9 +484,13 @@ function PlanStrip({ planState, copy }) {
           ...planState.steps.slice(-4).map((step, idx) =>
             h(
               Box,
-              { key: `plan-step-${idx}` },
+              { key: `plan-step-${idx}`, marginTop: idx === 0 ? 0 : 1 },
               h(Text, { color: step.status === 'active' ? 'cyanBright' : step.status === 'failed' ? 'redBright' : 'gray' }, `${step.status === 'active' ? '>' : step.status === 'failed' ? 'x' : '·'} `),
-              h(Text, { color: step.status === 'active' ? 'white' : step.status === 'failed' ? 'redBright' : 'gray' }, `${step.index}/${step.total} ${step.role}: ${step.title}`)
+              h(Text, { color: step.status === 'active' ? 'yellowBright' : step.status === 'failed' ? 'redBright' : 'gray' }, `${step.index}/${step.total}`),
+              h(Text, { color: 'gray' }, '  '),
+              h(Text, { color: step.status === 'active' ? 'magentaBright' : step.status === 'failed' ? 'redBright' : 'gray' }, String(step.role || 'agent').toUpperCase()),
+              h(Text, { color: 'gray' }, '  '),
+              h(Text, { color: step.status === 'active' ? 'white' : step.status === 'failed' ? 'redBright' : 'gray' }, step.title)
             )
           )
         )
@@ -582,6 +599,39 @@ export function parseAutoPlanSummaryMessage(text) {
   return parsed;
 }
 
+export function parsePlanProgressLine(text) {
+  const raw = String(text || '').trim();
+  const match = raw.match(/^\[plan\]\s+Step\s+(\d+)\/(\d+)\s+->\s+([^:]+):\s+(.+)$/i);
+  if (!match) return null;
+  return {
+    current: Number(match[1]),
+    total: Number(match[2]),
+    role: String(match[3] || '').trim(),
+    title: String(match[4] || '').trim()
+  };
+}
+
+export function injectPlanStateMessage(messages, planState, activeUserMessageId, activeAssistantId) {
+  const source = Array.isArray(messages) ? messages : [];
+  if (!planState || !planState.total) return source;
+  const synthetic = {
+    id: `plan-state-${planState.current}-${planState.total}-${planState.role || 'agent'}`,
+    label: 'system',
+    planStrip: true,
+    planState
+  };
+  const withNoPlanStrip = source.filter((message) => !message?.planStrip);
+  const userIdx = withNoPlanStrip.findIndex((message) => message.id === activeUserMessageId);
+  if (userIdx !== -1) {
+    return [...withNoPlanStrip.slice(0, userIdx + 1), synthetic, ...withNoPlanStrip.slice(userIdx + 1)];
+  }
+  const assistantIdx = withNoPlanStrip.findIndex((message) => message.id === activeAssistantId);
+  if (assistantIdx !== -1) {
+    return [...withNoPlanStrip.slice(0, assistantIdx), synthetic, ...withNoPlanStrip.slice(assistantIdx)];
+  }
+  return [...withNoPlanStrip, synthetic];
+}
+
 function PlanSummaryBubble({ msg, copy }) {
   const theme = roleStyle(msg.label);
   const summary = msg.planSummary || parseAutoPlanSummaryMessage(msg.text);
@@ -759,6 +809,114 @@ function pushWrappedRow(rows, baseRow, contentWidth) {
   });
 }
 
+function isActivityRow(row) {
+  return row?.kind === 'activity' || row?.kind === 'activity-summary';
+}
+
+function isBlankTextRow(row) {
+  return row?.kind === 'text' && String(row?.text || '').trim() === '';
+}
+
+export function normalizeActivitySpacingRows(inputRows) {
+  const rows = Array.isArray(inputRows) ? inputRows : [];
+  const normalized = [];
+
+  for (let index = 0; index < rows.length; index += 1) {
+    const row = rows[index];
+    const prev = normalized.at(-1);
+    const next = rows[index + 1];
+
+    if (isBlankTextRow(row)) {
+      let lookahead = index + 1;
+      while (lookahead < rows.length && isBlankTextRow(rows[lookahead])) {
+        lookahead += 1;
+      }
+      if (isActivityRow(rows[lookahead])) {
+        continue;
+      }
+    }
+
+    if (isBlankTextRow(row) && isActivityRow(next)) {
+      continue;
+    }
+
+    normalized.push(row);
+
+    if (isActivityRow(row) && !isActivityRow(next) && next) {
+      const last = normalized.at(-1);
+      if (!isBlankTextRow(last) && !(next.kind === 'status')) {
+        normalized.push({
+          kind: 'text',
+          text: ' ',
+          color: 'white'
+        });
+      }
+    }
+
+    if (isBlankTextRow(row) && isBlankTextRow(prev)) {
+      normalized.pop();
+    }
+  }
+
+  return normalized;
+}
+
+function isReadActivityName(name) {
+  const parsed = parseToolDisplayName(name);
+  return parsed.base === 'read_file' || parsed.base === 'Read';
+}
+
+function isIgnorableSegmentAfterRead(item, activityType, activityName) {
+  if (!item) return true;
+  if (item.type === 'text') {
+    return String(item.text || '').trim() === '';
+  }
+  return (item.type || 'tool') === activityType && item.name === activityName;
+}
+
+export function findActivityUpdateIndex(items, toolEvent) {
+  const source = Array.isArray(items) ? items : [];
+  const activityType = toolEvent?.type || 'tool';
+  const byId = toolEvent?.id
+    ? source.findIndex((item) => item.type === activityType && item.id && item.id === toolEvent.id)
+    : -1;
+  if (byId !== -1) return byId;
+
+  const byNameRunning = source.findIndex(
+    (item) => (item.type || 'tool') === activityType && item.name === toolEvent?.name && item.status !== 'done'
+  );
+  if (byNameRunning !== -1) return byNameRunning;
+
+  if (isReadActivityName(toolEvent?.name)) {
+    for (let index = source.length - 1; index >= 0; index -= 1) {
+      const item = source[index];
+      if ((item?.type || 'tool') !== activityType || item?.name !== toolEvent?.name) continue;
+      const trailing = source.slice(index + 1);
+      if (trailing.every((entry) => isIgnorableSegmentAfterRead(entry, activityType, toolEvent?.name))) {
+        return index;
+      }
+    }
+  }
+
+  return -1;
+}
+
+export function mergeActivitySummary(previousSummary, nextSummary, activityName) {
+  const prev = String(previousSummary || '').trim();
+  const next = String(nextSummary || '').trim();
+  if (!next) return prev;
+  if (!prev) return next;
+  if (!isReadActivityName(activityName) || prev === next) return next;
+
+  const lines = [];
+  for (const line of `${prev}\n${next}`.split('\n')) {
+    const trimmed = String(line || '').trim();
+    if (!trimmed) continue;
+    if (!lines.includes(trimmed)) lines.push(trimmed);
+  }
+  return lines.join('\n');
+}
+
 function buildMessageRows(msg, showToolDetails, contentWidth = 72) {
   const rows = [];
   const pushTextRows = (text) => {
@@ -766,6 +924,17 @@ function buildMessageRows(msg, showToolDetails, contentWidth = 72) {
     let codeFence = false;
     for (const line of lines) {
       const trimmed = line.trim();
+      const planProgress = parsePlanProgressLine(trimmed);
+      if (planProgress) {
+        rows.push({
+          kind: 'plan-progress',
+          current: planProgress.current,
+          total: planProgress.total,
+          role: planProgress.role,
+          title: trimText(planProgress.title, Math.max(12, contentWidth - 18))
+        });
+        continue;
+      }
       if (trimmed.startsWith('```')) {
         codeFence = !codeFence;
         continue;
@@ -842,7 +1011,7 @@ function buildMessageRows(msg, showToolDetails, contentWidth = 72) {
     );
   }
 
-  return rows;
+  return normalizeActivitySpacingRows(rows);
 }
 
 
@@ -883,7 +1052,74 @@ function getSuggestionDisplay(item) {
   return typeof item === 'string' ? item : String(item?.display || item?.value || '');
 }
 
+function getSuggestionDescription(item) {
+  return typeof item === 'string' ? '' : String(item?.description || '');
+}
+
+export function formatSuggestionDescription(text, maxChars = 40) {
+  const value = String(text || '').replace(/\s+/g, ' ').trim();
+  if (!value) return '';
+  const limit = Math.max(4, Number(maxChars) || 40);
+  if (value.length <= limit) return value;
+  return `${value.slice(0, limit - 3)}...`;
+}
+
+export function getSuggestionPageState(commandSuggestions, menuIndex, pageSize = SUGGESTION_PAGE_SIZE) {
+  const items = Array.isArray(commandSuggestions) ? commandSuggestions : [];
+  const normalizedPageSize = Math.max(1, Number(pageSize) || SUGGESTION_PAGE_SIZE);
+  const safeIndex = items.length === 0 ? 0 : Math.max(0, Math.min(Number(menuIndex) || 0, items.length - 1));
+  const pageIndex = Math.floor(safeIndex / normalizedPageSize);
+  const pageCount = Math.max(1, Math.ceil(items.length / normalizedPageSize));
+  const pageStart = pageIndex * normalizedPageSize;
+  const pageEnd = Math.min(items.length, pageStart + normalizedPageSize);
+  return {
+    pageSize: normalizedPageSize,
+    safeIndex,
+    pageIndex,
+    pageCount,
+    pageStart,
+    pageEnd,
+    pageItems: items.slice(pageStart, pageEnd)
+  };
+}
+
+export function moveSuggestionSelection(currentIndex, itemCount, direction, pageSize = SUGGESTION_PAGE_SIZE) {
+  const total = Math.max(0, Number(itemCount) || 0);
+  if (total <= 0) return 0;
+  const normalizedPageSize = Math.max(1, Number(pageSize) || SUGGESTION_PAGE_SIZE);
+  const safeIndex = Math.max(0, Math.min(Number(currentIndex) || 0, total - 1));
+
+  if (direction === 'left') {
+    if (safeIndex < normalizedPageSize) return 0;
+    return Math.max(0, safeIndex - normalizedPageSize);
+  }
+
+  if (direction === 'right') {
+    const currentPageStart = Math.floor(safeIndex / normalizedPageSize) * normalizedPageSize;
+    const currentPageEnd = Math.min(total, currentPageStart + normalizedPageSize);
+    if (currentPageEnd >= total) return safeIndex;
+    return Math.min(total - 1, safeIndex + normalizedPageSize);
+  }
+
+  if (direction === 'up') {
+    return Math.max(0, safeIndex - 1);
+  }
+
+  if (direction === 'down') {
+    return Math.min(total - 1, safeIndex + 1);
+  }
+
+  return safeIndex;
+}
+
 function MessageBubble({ msg, loaderTick, showToolDetails, rowWindow = null, contentWidth = 72, copy }) {
+  if (msg?.planStrip) {
+    return h(
+      Box,
+      { marginBottom: 1 },
+      h(PlanStrip, { planState: msg.planState, copy })
+    );
+  }
   if (msg?.planSummary || parseAutoPlanSummaryMessage(msg?.text)) {
     return h(PlanSummaryBubble, { msg, copy });
   }
@@ -930,6 +1166,18 @@ function MessageBubble({ msg, loaderTick, showToolDetails, rowWindow = null, con
         h(Text, { color: 'gray' }, `└ ${row.text}`)
       );
     }
+    if (row.kind === 'plan-progress') {
+      return h(
+        Box,
+        { key: `row-plan-progress-${msg.id}-${idx}`, marginTop: 1, marginBottom: 1 },
+        h(Text, { color: 'cyanBright' }, '[plan] '),
+        h(Text, { color: 'yellowBright' }, `Step ${row.current}/${row.total}`),
+        h(Text, { color: 'gray' }, '  ->  '),
+        h(Text, { color: 'magentaBright' }, String(row.role || 'agent').toUpperCase()),
+        h(Text, { color: 'gray' }, ': '),
+        h(Text, { color: 'white' }, row.title)
+      );
+    }
     if (row.kind === 'status') {
       const dots = '.'.repeat((loaderTick % 3) + 1);
       const phase = msg.phase;
@@ -1028,7 +1276,8 @@ function MessageList({ messages, loaderTick, showToolDetails, contentWidth = 72,
 
 function SuggestionPanel({ commandSuggestions, suggestionNav, menuIndex, copy }) {
   if (commandSuggestions.length === 0) return null;
-  const grouped = groupCommandSuggestions(commandSuggestions);
+  const pageState = getSuggestionPageState(commandSuggestions, menuIndex);
+  const grouped = groupCommandSuggestions(pageState.pageItems);
   let flatIndex = -1;
   const panelHint =
     commandSuggestions.length === 1
@@ -1050,7 +1299,7 @@ function SuggestionPanel({ commandSuggestions, suggestionNav, menuIndex, copy })
       Box,
       { marginBottom: 1 },
       h(Text, { color: 'magentaBright' }, suggestionNav ? copy.generic.commandPaletteGroupedSelect : copy.generic.commandPaletteGroupedSuggestions),
-      h(Text, { color: 'gray' }, `  ${panelHint}`)
+      h(Text, { color: 'gray' }, `  ${panelHint}  ·  ${pageState.pageIndex + 1}/${pageState.pageCount}`)
     ),
     ...grouped.flatMap(([group, items]) => {
       const nodes = [
@@ -1063,13 +1312,17 @@ function SuggestionPanel({ commandSuggestions, suggestionNav, menuIndex, copy })
       ];
       items.forEach((c) => {
         flatIndex += 1;
-        const active = suggestionNav && menuIndex === flatIndex;
+        const active = suggestionNav && menuIndex === pageState.pageStart + flatIndex;
         const label = getSuggestionDisplay(c);
+        const description = formatSuggestionDescription(getSuggestionDescription(c), 42);
         nodes.push(
           h(
             Box,
             { key: `opt-${group}-${getSuggestionValue(c)}` },
-            h(Text, { color: active ? 'black' : 'magenta', backgroundColor: active ? 'magentaBright' : undefined }, `${active ? ' > ' : '   '}${label}`)
+            h(Text, { color: active ? 'black' : 'magenta', backgroundColor: active ? 'magentaBright' : undefined }, `${active ? ' > ' : '   '}${label}`),
+            description
+              ? h(Text, { color: active ? 'black' : 'gray', backgroundColor: active ? 'magentaBright' : undefined }, `  ${description}`)
+              : null
           )
         );
       });
@@ -1301,7 +1554,7 @@ export function ChatApp({ runtime, sessionId, model, language = 'zh', shellName
 
   const commandSuggestions =
     inputValue.startsWith('/')
-      ? (runtime.getCompletionOptions(inputValue) || []).slice(0, 8)
+      ? runtime.getCompletionOptions(inputValue) || []
       : [];
   const hasTransientPanels =
     commandSuggestions.length > 0 || pendingQueue.length > 0 || debugKeys || Boolean(planState?.total);
@@ -1390,13 +1643,7 @@ export function ChatApp({ runtime, sessionId, model, language = 'zh', shellName
         if (m.id !== targetId) return m;
         const toolCalls = Array.isArray(m.toolCalls) ? [...m.toolCalls] : [];
         const activityType = toolEvent.type || 'tool';
-        const byId = toolEvent.id
-          ? toolCalls.findIndex((t) => t.type === activityType && t.id && t.id === toolEvent.id)
-          : -1;
-        const byNameRunning = toolCalls.findIndex(
-          (t) => (t.type || 'tool') === activityType && t.name === toolEvent.name && t.status !== 'done'
-        );
-        const idx = byId !== -1 ? byId : byNameRunning;
+        const idx = findActivityUpdateIndex(toolCalls, toolEvent);
 
         if (idx === -1) {
           toolCalls.push({
@@ -1414,17 +1661,13 @@ export function ChatApp({ runtime, sessionId, model, language = 'zh', shellName
             id: toolEvent.id || toolCalls[idx].id,
             status: toolEvent.status,
             ...(toolEvent.durationMs !== undefined ? { durationMs: toolEvent.durationMs } : {}),
-            ...(toolEvent.summary ? { summary: toolEvent.summary } : {})
+            ...(toolEvent.summary
+              ? { summary: mergeActivitySummary(toolCalls[idx].summary, toolEvent.summary, toolEvent.name) }
+              : {})
           };
         }
         const segments = Array.isArray(m.segments) ? [...m.segments] : [];
-        const bySegmentId = toolEvent.id
-          ? segments.findIndex((segment) => segment.type === activityType && segment.id === toolEvent.id)
-          : -1;
-        const bySegmentName = segments.findIndex(
-          (segment) => segment.type === activityType && segment.name === toolEvent.name && segment.status !== 'done'
-        );
-        const segmentIdx = bySegmentId !== -1 ? bySegmentId : bySegmentName;
+        const segmentIdx = findActivityUpdateIndex(segments, toolEvent);
         const patch = {
           type: activityType,
           id: toolEvent.id || '',
@@ -1438,7 +1681,10 @@ export function ChatApp({ runtime, sessionId, model, language = 'zh', shellName
         } else {
           segments[segmentIdx] = {
             ...segments[segmentIdx],
-            ...patch
+            ...patch,
+            ...(toolEvent.summary
+              ? { summary: mergeActivitySummary(segments[segmentIdx].summary, toolEvent.summary, toolEvent.name) }
+              : {})
           };
         }
         return { ...m, toolCalls, segments };
@@ -1853,7 +2099,7 @@ export function ChatApp({ runtime, sessionId, model, language = 'zh', shellName
 
     if (key.upArrow) {
       if (suggestionNav && commandSuggestions.length > 0) {
-        setMenuIndex((prev) => Math.max(0, prev - 1));
+        setMenuIndex((prev) => moveSuggestionSelection(prev, commandSuggestions.length, 'up'));
         return;
       }
       if (history.length === 0) return;
@@ -1879,7 +2125,7 @@ export function ChatApp({ runtime, sessionId, model, language = 'zh', shellName
 
     if (key.downArrow) {
       if (suggestionNav && commandSuggestions.length > 0) {
-        setMenuIndex((prev) => Math.min(commandSuggestions.length - 1, prev + 1));
+        setMenuIndex((prev) => moveSuggestionSelection(prev, commandSuggestions.length, 'down'));
         return;
       }
       if (history.length === 0 || historyIndex === null) return;
@@ -1900,6 +2146,10 @@ export function ChatApp({ runtime, sessionId, model, language = 'zh', shellName
       return;
     }
     if (key.leftArrow) {
+      if (suggestionNav && commandSuggestions.length > 0) {
+        setMenuIndex((prev) => moveSuggestionSelection(prev, commandSuggestions.length, 'left'));
+        return;
+      }
       setSuggestionNav(false);
       const next = Math.max(0, cursorIndexRef.current - 1);
       cursorIndexRef.current = next;
@@ -1907,6 +2157,10 @@ export function ChatApp({ runtime, sessionId, model, language = 'zh', shellName
       return;
     }
     if (key.rightArrow) {
+      if (suggestionNav && commandSuggestions.length > 0) {
+        setMenuIndex((prev) => moveSuggestionSelection(prev, commandSuggestions.length, 'right'));
+        return;
+      }
       setSuggestionNav(false);
       const next = Math.min(inputValue.length, cursorIndexRef.current + 1);
       cursorIndexRef.current = next;
@@ -2118,16 +2372,21 @@ export function ChatApp({ runtime, sessionId, model, language = 'zh', shellName
   const hasConversationStarted = messages.some((m) =>
     ['you', 'coder', 'pending', 'error'].includes(m.label)
   );
-  const visibleMessages = hasConversationStarted
+  const baseVisibleMessages = hasConversationStarted
     ? messages.filter((m) => !(m.label === 'system' && m.text === startupHint))
     : messages;
+  const visibleMessages = injectPlanStateMessage(
+    baseVisibleMessages,
+    planState,
+    activeUserMessageIdRef.current,
+    activeAssistantIdRef.current
+  );
 
   return h(
     Box,
     { flexDirection: 'column' },
     h(Header, { sessionId: displaySessionId, model: displayModel, shellName }),
     h(RuntimeStrip, { busy, runtimeStatus, loaderTick, copy }),
-    h(PlanStrip, { planState, copy }),
     h(MessageList, {
       messages: visibleMessages,
       loaderTick,