codemini-cli 0.3.9 → 0.4.1

package/src/tui/chat-app.js

@@ -132,7 +132,18 @@ const TUI_COPY = {
       pendingQueue: '等待队列',
       commandPaletteGroupedSelect: '命令面板 | 分组选择模式',
       commandPaletteGroupedSuggestions: '命令面板 | 分组候选',
-      startupHint: '使用 /help、/commands、/compact、/exit、/stop、!<shell>。Tab 可自动补全 slash 命令。',
+      startupHints: [
+        '🧭 使用 /help 可查看命令帮助。Tab 可自动补全 slash 命令。',
+        '📋 试试用 /plan 模式来规划复杂任务，让 AI 先给出方案再动手。',
+        '⏫ 使用 ↑↓ 键可以浏览历史输入，快速重复之前的操作。',
+        '🐚 输入 !<shell命令> 可以直接执行本地终端命令，如 !ls、!git status。',
+        '🔧 Ctrl+T 可以切换工具调用详情的展开/收起状态。',
+        '📊 试试 /status 查看当前会话模式、模型和 token 用量。',
+        '🧩 用 /mode plan 切换到规划模式，让 AI 先出方案再动手。',
+        '🆕 /new 可以新建一个干净的会话，重新开始工作。',
+        '🧠 /memory 查看和管理 AI 的持久记忆，帮助它更好地理解你的偏好。',
+        '💤 CodeMini 会自动"做梦"休息，整理错误信息并自我优化，越用越聪明~'
+      ],
       toolSummaryExpanded: '工具摘要：已展开',
       toolSummaryCollapsed: '工具摘要：已收起',
       toolChainCollapsed: (count) => `已折叠更早的 ${count} 个工具调用`,
@@ -169,6 +180,10 @@ const TUI_COPY = {
       doingGlob: '正在按模式查找文件',
       doneGrep: '已搜索关键词',
       doingGrep: '正在搜索关键词',
+      doneWebFetch: '已抓取网页',
+      doingWebFetch: '正在抓取网页',
+      doneWebSearch: '已搜索网页',
+      doingWebSearch: '正在搜索网页',
       doneCommand: '已执行命令',
       doingCommand: '正在执行命令',
       doneUpdateTodos: '已更新待办',
@@ -264,6 +279,30 @@ const TUI_COPY = {
       answerLabel: '确认输入（yes/no）',
       answerPlaceholder: 'yes 或 no'
     },
+    runApproval: {
+      title: '确认执行命令？',
+      commandLabel: '命令',
+      riskLabel: '风险等级',
+      descriptionLabel: '说明',
+      sideEffectsLabel: '副作用',
+      lowRisk: '低',
+      mediumRisk: '中',
+      highRisk: '高',
+      prompt: '输入 yes 执行，输入 no 取消。',
+      invalidAnswer: '请输入 yes 或 no。',
+      inputLocked: '命令审批进行中，请输入 yes 或 no',
+      answerLabel: '审批输入（yes/no）',
+      answerPlaceholder: 'yes 或 no'
+    },
+    fileChangeSummary: {
+      title: '文件改动',
+      fileLabel: '文件',
+      statusLabel: '状态',
+      editStatus: '编辑',
+      createStatus: '新建',
+      deleteStatus: '删除',
+      changesLabel: '改动'
+    },
     planApproval: {
       title: '确认执行计划？',
       goalLabel: '目标',
@@ -305,7 +344,18 @@ const TUI_COPY = {
       pendingQueue: 'pending queue',
       commandPaletteGroupedSelect: 'command palette | grouped select mode',
       commandPaletteGroupedSuggestions: 'command palette | grouped suggestions',
-      startupHint: 'Use /help, /commands, /compact, /stop, /exit, !<shell>. Tab for slash autocomplete.',
+      startupHints: [
+        '🧭 Use /help to view command help. Tab for slash autocomplete.',
+        '📋 Try /plan mode for complex tasks — let the AI propose a plan before coding.',
+        '⏫ Use ↑↓ arrow keys to browse input history and repeat previous actions.',
+        '🐚 Type !<shell command> to run local terminal commands, e.g. !ls, !git status.',
+        '🔧 Ctrl+T toggles tool call detail expansion/collapse.',
+        '📊 Try /status to check current session mode, model, and token usage.',
+        '🧩 Use /mode plan to switch to planning mode — AI proposes a plan before coding.',
+        '🆕 /new starts a fresh session to begin a clean slate.',
+        '🧠 /memory lets you view and manage the AI\'s persistent memory for better personalization.',
+        '💤 CodeMini auto-"dreams" to rest, consolidate errors, and self-optimize — it gets smarter over time~'
+      ],
       toolSummaryExpanded: 'Tool summary: expanded',
       toolSummaryCollapsed: 'Tool summary: collapsed',
       toolChainCollapsed: (count) => `${count} earlier tool calls hidden`,
@@ -342,6 +392,10 @@ const TUI_COPY = {
       doingGlob: 'Matching files by pattern',
       doneGrep: 'Searched keywords',
       doingGrep: 'Searching keywords',
+      doneWebFetch: 'Fetched page',
+      doingWebFetch: 'Fetching page',
+      doneWebSearch: 'Searched web',
+      doingWebSearch: 'Searching web',
       doneCommand: 'Ran command',
       doingCommand: 'Running command',
       doneUpdateTodos: 'Updated todos',
@@ -437,6 +491,30 @@ const TUI_COPY = {
       answerLabel: 'Approval input (yes/no)',
       answerPlaceholder: 'yes or no'
     },
+    runApproval: {
+      title: 'Confirm command execution?',
+      commandLabel: 'Command',
+      riskLabel: 'Risk Level',
+      descriptionLabel: 'Description',
+      sideEffectsLabel: 'Side Effects',
+      lowRisk: 'Low',
+      mediumRisk: 'Medium',
+      highRisk: 'High',
+      prompt: 'Type yes to execute, or no to cancel.',
+      invalidAnswer: 'Please enter yes or no.',
+      inputLocked: 'Command approval is active; type yes or no',
+      answerLabel: 'Approval input (yes/no)',
+      answerPlaceholder: 'yes or no'
+    },
+    fileChangeSummary: {
+      title: 'File Changes',
+      fileLabel: 'File',
+      statusLabel: 'Status',
+      editStatus: 'Edit',
+      createStatus: 'Create',
+      deleteStatus: 'Delete',
+      changesLabel: 'Changes'
+    },
     planApproval: {
       title: 'Approve this plan?',
       goalLabel: 'Goal',
@@ -993,6 +1071,25 @@ export function parseDeleteApprovalAnswer(value) {
   return normalized ? 'invalid' : 'empty';
 }
 
+export function normalizeRunApprovalRequest(request) {
+  if (!request || String(request?.name || '').trim() !== 'run') return null;
+  const details =
+    request?.approvalDetails && typeof request.approvalDetails === 'object' && !Array.isArray(request.approvalDetails)
+      ? request.approvalDetails
+      : {};
+  const command = String(details.command || request?.arguments?.command || '').trim();
+  if (!command) return null;
+  return {
+    id: String(request?.id || '').trim(),
+    toolName: 'run',
+    command,
+    risk: details.risk || 'high',
+    description: details.evaluation?.description || '',
+    sideEffects: details.evaluation?.sideEffects || '',
+    recommendation: details.evaluation?.recommendation || 'deny'
+  };
+}
+
 export function parsePlanApprovalAnswer(value) {
   const raw = String(value || '').trim();
   if (!raw) return { action: 'empty', command: '' };
@@ -1039,36 +1136,42 @@ export function formatDeleteApprovalLines(copy, request) {
   ];
 }
 
+export function formatPlanApprovalLines(copy, request) {
+  if (!request) return [];
+  return [String(copy?.planApproval?.title || '').trim()].filter(Boolean);
+}
+
 function getActivityDisplayParts(activity) {
   if (isCodeGenerationActivityName(activity?.name)) {
     return {
-      primary: 'Code',
+      primary: '🧠 Code',
       secondary: ' (generation)'
     };
   }
   const parsed = parseToolDisplayName(activity?.name);
-  if (parsed.base === 'run') {
+  const base = String(parsed.base || '').toLowerCase();
+  if (base === 'run') {
     const intent = classifyCommandIntent(parsed.target);
     return {
-      primary: getIntentLabel(intent.kind),
+      primary: `${getIntentEmoji(intent.kind)} ${getIntentLabel(intent.kind)}`,
       secondary: parsed.target ? `(${parsed.target})` : ''
     };
   }
   if ((activity?.type || 'tool') === 'skill') {
     return {
-      primary: `Skill`,
+      primary: '🧩 Skill',
       secondary: `(${activity?.name || 'unknown'})`
     };
   }
   if ((activity?.type || 'tool') === 'system_tool') {
-    if (parsed.base === 'project_index') {
-      return { primary: 'Project Index', secondary: '' };
+    if (base === 'project_index') {
+      return { primary: '🗂️ Project Index', secondary: '' };
     }
-    if (parsed.base === 'file_index') {
-      return { primary: 'File Index', secondary: parsed.target ? `(${parsed.target})` : '' };
+    if (base === 'file_index') {
+      return { primary: '🗂️ File Index', secondary: parsed.target ? `(${parsed.target})` : '' };
     }
     return {
-      primary: 'Index',
+      primary: '🗂️ Index',
       secondary: parsed.target ? `(${parsed.target})` : parsed.base ? `(${parsed.base})` : ''
     };
   }
@@ -1080,6 +1183,8 @@ function getActivityDisplayParts(activity) {
     patch: 'Patch',
     run: 'Run',
     grep: 'Search',
+    web_fetch: 'Fetch',
+    web_search: 'Web Search',
     glob: 'Glob',
     list: 'List',
     list_background_tasks: 'Tasks',
@@ -1090,19 +1195,55 @@ function getActivityDisplayParts(activity) {
     read_plan: 'Read Plan',
     update_plan: 'Update Plan'
   };
+  const emojis = {
+    read: '📖',
+    edit: '✏️',
+    write: '📝',
+    delete: '🗑️',
+    patch: '🩹',
+    run: '⚙️',
+    grep: '🔍',
+    web_fetch: '🌐',
+    web_search: '🌐',
+    glob: '🧭',
+    list: '📂',
+    list_background_tasks: '🗃️',
+    get_background_task: '📌',
+    stop_background_task: '⏹️',
+    list_files: '🧭',
+    update_todos: '✅',
+    read_plan: '📋',
+    update_plan: '🗓️'
+  };
   return {
-    primary: labels[parsed.base] || parsed.base || 'Tool',
+    primary: `${emojis[base] || '🔧'} ${labels[base] || parsed.base || 'Tool'}`,
     secondary: parsed.target ? `(${parsed.target})` : ''
   };
 }
 
+function getIntentEmoji(kind) {
+  const map = {
+    test: '🧪',
+    install: '📦',
+    build: '🏗️',
+    frontend: '🖥️',
+    backend: '🛰️',
+    database: '🗄️',
+    docker: '🐳',
+    command: '⚙️'
+  };
+  return map[kind] || '⚙️';
+}
+
 export function isIndexSystemToolName(name) {
   const parsed = parseToolDisplayName(name);
   return parsed.base === 'project_index' || parsed.base === 'file_index';
 }
 
 export function shouldShowCompletionFooter(msg) {
-  return Boolean(msg && msg.label === 'coder' && !msg.loading && !(msg.phase || '').trim());
+  if (!msg || msg.loading || (msg.phase || '').trim()) return false;
+  const label = (msg.label || '').toLowerCase();
+  return label === 'coder' || label === 'planner' || label === 'reviewer' || label === 'tester';
 }
 
 function describeToolActivity(name, copy, { done = false, blocked = false } = {}) {
@@ -1183,7 +1324,6 @@ function stageDescriptor(inputStage, busy, runtimeStatus, copy) {
 
 function RuntimeStrip({ busy, runtimeStatus, loaderTick, copy }) {
   const status = normalizeRuntimeStatus(runtimeStatus, copy);
-  const spinnerChar = SPINNER_FRAMES[loaderTick % SPINNER_FRAMES.length];
   return h(
     Box,
     {
@@ -1195,7 +1335,7 @@ function RuntimeStrip({ busy, runtimeStatus, loaderTick, copy }) {
     },
     h(Text, { color: busy ? 'greenBright' : 'gray' }, busy ? copy.generic.live : copy.generic.idle),
     h(Text, { color: 'gray' }, '  '),
-    h(Text, { color: busy ? 'cyanBright' : 'gray' }, spinnerChar),
+    h(Text, { color: busy ? 'cyanBright' : 'gray' }, busy ? '●' : '○'),
     h(Text, { color: 'gray' }, '  '),
     h(Text, { color: busy ? 'white' : 'gray' }, status.title || copy.generic.waitingForInput)
   );
@@ -2273,7 +2413,17 @@ export function buildMessageRows(msg, showToolDetails, contentWidth = 72, copy)
   } else {
     pushTextRows(msg?.text || '');
     const toolCalls = Array.isArray(msg?.toolCalls) ? msg.toolCalls : [];
-    toolCalls.forEach((tool, idx) => pushActivityRows(tool, idx, toolCalls.length));
+    const pendingToolCalls = Array.isArray(msg?.pendingToolCalls) ? msg.pendingToolCalls : [];
+    const visibleCalls = [
+      ...toolCalls,
+      ...pendingToolCalls.filter((pending) => {
+        if (!pending) return false;
+        if (pending.id && toolCalls.some((tool) => tool?.id && tool.id === pending.id)) return false;
+        const pendingBase = parseToolDisplayName(pending.name).base;
+        return !toolCalls.some((tool) => parseToolDisplayName(tool?.name).base === pendingBase && tool?.status === 'running');
+      })
+    ];
+    visibleCalls.forEach((tool, idx) => pushActivityRows(tool, idx, visibleCalls.length));
   }
 
   const codeGenerationRows = getCodeGenerationActivityRows(msg);
@@ -2320,15 +2470,20 @@ export function renderMessageRow(msg, row, idx, loaderTick) {
           ? 'redBright'
           : 'cyanBright';
     const durationText = formatActivityDurationText(row);
+    const trailingLoader =
+      row.status === 'running'
+        ? h(Text, { color: 'gray' }, ` ${SPINNER_FRAMES[loaderTick % SPINNER_FRAMES.length]}`)
+        : null;
     return h(
       Box,
       { key: `row-tool-${msg.id}-${idx}` },
       h(Text, { color: 'gray' }, ' '),
-      h(Text, { color: dotColor }, row.status === 'running' ? SPINNER_FRAMES[loaderTick % SPINNER_FRAMES.length] : '●'),
+      h(Text, { color: dotColor }, '●'),
       h(Text, { color: 'gray' }, ' '),
       h(Text, { color: textColor }, display.primary),
       h(Text, { color: 'gray' }, display.secondary),
-      durationText ? h(Text, { color: row.statusColor }, ` ${durationText}`) : null
+      durationText ? h(Text, { color: row.statusColor }, ` ${durationText}`) : null,
+      trailingLoader
     );
   }
   if (row.kind === 'activity-summary') {
@@ -2594,8 +2749,11 @@ const MessageBubble = React.memo(function MessageBubble({ msg, loaderTick, showT
       shouldShowCompletionFooter(msg)
         ? h(
             Box,
-            { marginTop: 1, marginLeft: 1, key: `row-completion-${msg.id}` },
-            h(Text, { color: 'gray', dimColor: true }, copy.generic.taskCompleted)
+            { marginTop: 1, flexDirection: 'column', key: `row-completion-${msg.id}` },
+            h(FileChangeSummary, { segments: msg.segments, copy }),
+            h(Box, { marginLeft: 1, marginTop: 1 },
+              h(Text, { color: 'gray', dimColor: true }, copy.generic.taskCompleted)
+            )
           )
         : null
     )
@@ -2868,12 +3026,102 @@ function DeleteApprovalPanel({ request, inputValue, errorText, copy, cursorVisib
   );
 }
 
+function RunApprovalPanel({ request, inputValue, errorText, copy, cursorVisible }) {
+  if (!request) return null;
+  const details = request?.toolName === 'run' ? request : normalizeRunApprovalRequest(request);
+  if (!details) return null;
+  const c = copy.runApproval || {};
+  const riskColor = details.risk === 'low' ? 'green' : details.risk === 'medium' ? 'yellow' : 'redBright';
+  const borderColor = details.risk === 'medium' ? 'yellow' : 'redBright';
+  const riskLabel = details.risk === 'low' ? c.lowRisk : details.risk === 'medium' ? c.mediumRisk : c.highRisk;
+  const placeholder = String(c.answerPlaceholder || '').trim();
+  return h(
+    Box,
+    {
+      marginTop: 1,
+      flexDirection: 'column',
+      borderStyle: 'round',
+      borderColor,
+      paddingX: 1,
+      paddingY: 0
+    },
+    h(Text, { color: borderColor }, c.title),
+    h(Text, { color: 'white' }, `${c.commandLabel}: ${details.command}`),
+    h(Text, null, `${c.riskLabel}: `, h(Text, { color: riskColor, bold: true }, riskLabel || details.risk)),
+    details.description ? h(Text, { color: 'gray' }, `${c.descriptionLabel}: ${details.description}`) : null,
+    details.sideEffects ? h(Text, { color: 'gray' }, `${c.sideEffectsLabel}: ${details.sideEffects}`) : null,
+    h(Text, { color: 'gray' }, c.prompt),
+    h(
+      Box,
+      { marginTop: 1 },
+      h(Text, { color: borderColor }, `${c.answerLabel}: `),
+      h(ApprovalCursorLine, {
+        inputValue,
+        placeholder: placeholder || ' ',
+        cursorVisible,
+        accent: borderColor
+      })
+    ),
+    errorText ? h(Text, { color: 'yellowBright' }, errorText) : null
+  );
+}
+
+function FileChangeSummary({ segments, copy }) {
+  if (!Array.isArray(segments) || segments.length === 0) return null;
+  const c = copy.fileChangeSummary || {};
+  const changes = new Map();
+  for (const seg of segments) {
+    if (!seg.fileChange) continue;
+    const p = seg.fileChange.path;
+    if (!p) continue;
+    const existing = changes.get(p);
+    if (existing) {
+      /* 同一文件多次编辑，合并行数，取最高 action */
+      existing.linesAdded += seg.fileChange.linesAdded || 0;
+      existing.linesRemoved += seg.fileChange.linesRemoved || 0;
+      const ACTION_ORDER = { delete: 3, create: 2, edit: 1 };
+      if ((ACTION_ORDER[seg.fileChange.action] || 0) > (ACTION_ORDER[existing.action] || 0)) {
+        existing.action = seg.fileChange.action;
+      }
+    } else {
+      changes.set(p, { path: p, action: seg.fileChange.action, linesAdded: seg.fileChange.linesAdded || 0, linesRemoved: seg.fileChange.linesRemoved || 0 });
+    }
+  }
+  if (changes.size === 0) return null;
+  const entries = [...changes.values()];
+  return h(
+    Box,
+    { marginTop: 1, flexDirection: 'column', borderStyle: 'round', borderColor: 'gray', paddingX: 1 },
+    h(Text, { color: 'cyan', bold: true }, c.title || 'File Changes'),
+    ...entries.map((entry) => {
+      const statusMap = { edit: c.editStatus || 'Edit', create: c.createStatus || 'Create', delete: c.deleteStatus || 'Delete' };
+      const statusColor = entry.action === 'create' ? 'green' : entry.action === 'delete' ? 'red' : 'yellow';
+      const statusText = statusMap[entry.action] || entry.action;
+      let changesText = '';
+      if (entry.action !== 'delete') {
+        const parts = [];
+        if (entry.linesAdded > 0) parts.push(h(Text, { color: 'green' }, `+${entry.linesAdded}`));
+        if (entry.linesRemoved > 0) parts.push(h(Text, { color: 'red' }, `-${entry.linesRemoved}`));
+        if (parts.length > 0) {
+          changesText = parts.reduce((acc, el, i) => i === 0 ? [el] : [...acc, ' ', el], []);
+        }
+      }
+      return h(
+        Box,
+        { key: entry.path },
+        h(Text, { color: 'white' }, `  ${entry.path}`),
+        h(Text, { color: 'gray' }, '  '),
+        h(Text, { color: statusColor }, statusText),
+        changesText ? h(Text, null, '  ', changesText) : null
+      );
+    })
+  );
+}
+
 function PlanApprovalPanel({ request, inputValue, errorText, copy, cursorVisible }) {
   if (!request) return null;
-  const goal = String(request.goal || '').trim();
-  const summary = String(request.summary || '').trim();
-  const filePath = String(request.filePath || '').trim();
   const placeholder = String(copy.planApproval.answerPlaceholder || '').trim();
+  const lines = formatPlanApprovalLines(copy, request);
   return h(
     Box,
     {
@@ -2884,11 +3132,9 @@ function PlanApprovalPanel({ request, inputValue, errorText, copy, cursorVisible
       paddingX: 1,
       paddingY: 0
     },
-    h(Text, { color: 'yellowBright' }, copy.planApproval.title),
-    goal ? h(Text, { color: 'white' }, `${copy.planApproval.goalLabel}: ${goal}`) : null,
-    summary ? h(Text, { color: 'white' }, `${copy.planApproval.summaryLabel}: ${summary}`) : null,
-    filePath ? h(Text, { color: 'gray' }, `${copy.planApproval.fileLabel}: ${filePath}`) : null,
-    h(Text, { color: 'gray' }, copy.planApproval.prompt),
+    ...lines.map((line, index) =>
+      h(Text, { key: `plan-approval-line-${index}`, color: 'yellowBright' }, line)
+    ),
     h(
       Box,
       { marginTop: 1 },
@@ -2988,10 +3234,13 @@ export function ChatApp({ runtime, sessionId, model, sdkProvider = 'openai-compa
   const [pendingDeleteApproval, setPendingDeleteApproval] = useState(null);
   const [deleteApprovalInput, setDeleteApprovalInput] = useState('');
   const [deleteApprovalError, setDeleteApprovalError] = useState('');
+  const [pendingRunApproval, setPendingRunApproval] = useState(null);
+  const [runApprovalInput, setRunApprovalInput] = useState('');
+  const [runApprovalError, setRunApprovalError] = useState('');
   const [pendingPlanApproval, setPendingPlanApproval] = useState(null);
   const [planApprovalInput, setPlanApprovalInput] = useState('');
   const [planApprovalError, setPlanApprovalError] = useState('');
-  const approvalLockActive = Boolean(pendingDeleteApproval || pendingPlanApproval);
+  const approvalLockActive = Boolean(pendingDeleteApproval || pendingRunApproval || pendingPlanApproval);
   const activeAssistantIdRef = useRef(null);
   const activeAssistantAutoSkillNamesRef = useRef([]);
   const streamedAssistantHandledRef = useRef(false);
@@ -3006,6 +3255,7 @@ export function ChatApp({ runtime, sessionId, model, sdkProvider = 'openai-compa
   const activePlanStepInfoRef = useRef(null);
   const activePlanStepTitleRef = useRef('');
   const deleteApprovalResolverRef = useRef(null);
+  const runApprovalResolverRef = useRef(null);
 
   useEffect(() => {
     const rawStartupActivities = runtime.consumeStartupEvents?.();
@@ -3031,27 +3281,42 @@ export function ChatApp({ runtime, sessionId, model, sdkProvider = 'openai-compa
   useEffect(() => {
     if (typeof runtime.setRequestToolApproval !== 'function') return () => {};
     runtime.setRequestToolApproval((request) => {
-      const normalized = normalizeDeleteApprovalRequest(request);
-      if (!normalized) {
-        return Promise.resolve({ approved: false });
+      const deleteNorm = normalizeDeleteApprovalRequest(request);
+      if (deleteNorm) {
+        setDeleteApprovalInput('');
+        setDeleteApprovalError('');
+        setPendingDeleteApproval(deleteNorm);
+        return new Promise((resolve) => {
+          deleteApprovalResolverRef.current = resolve;
+        });
       }
-      setDeleteApprovalInput('');
-      setDeleteApprovalError('');
-      setPendingDeleteApproval(normalized);
-      return new Promise((resolve) => {
-        deleteApprovalResolverRef.current = resolve;
-      });
+      const runNorm = normalizeRunApprovalRequest(request);
+      if (runNorm) {
+        setRunApprovalInput('');
+        setRunApprovalError('');
+        setPendingRunApproval(runNorm);
+        return new Promise((resolve) => {
+          runApprovalResolverRef.current = resolve;
+        });
+      }
+      return Promise.resolve({ approved: false });
     });
     return () => {
       runtime.setRequestToolApproval(null);
       deleteApprovalResolverRef.current = null;
+      runApprovalResolverRef.current = null;
     };
   }, [runtime]);
 
   useEffect(() => {
     messagesRef.current = messages;
   }, [messages]);
-  const startupHint = copy.generic.startupHint;
+  const startupHints = copy.generic.startupHints;
+  const startupHint = useMemo(() => {
+    const arr = Array.isArray(startupHints) ? startupHints : [];
+    if (arr.length === 0) return '';
+    return arr[Math.floor(Math.random() * arr.length)];
+  }, [startupHints]);
   const isBackspaceKey = (value, key) =>
     Boolean(key?.backspace) || value === '\u0008' || value === '\u007f' || (key?.ctrl && value === 'h');
   const isDeleteKey = (value, key) =>
@@ -3239,7 +3504,8 @@ export function ChatApp({ runtime, sessionId, model, sdkProvider = 'openai-compa
             ...(toolEvent.arguments !== undefined ? { arguments: toolEvent.arguments } : {}),
             ...(startedAt ? { startedAt } : {}),
             ...(toolEvent.durationMs !== undefined ? { durationMs: toolEvent.durationMs } : {}),
-            ...(toolEvent.summary ? { summary: toolEvent.summary } : {})
+            ...(toolEvent.summary ? { summary: toolEvent.summary } : {}),
+            ...(toolEvent.fileChange ? { fileChange: toolEvent.fileChange } : {})
           });
         } else {
           toolCalls[idx] = {
@@ -3265,7 +3531,8 @@ export function ChatApp({ runtime, sessionId, model, sdkProvider = 'openai-compa
           ...(toolEvent.arguments !== undefined ? { arguments: toolEvent.arguments } : {}),
           ...(startedAt ? { startedAt } : {}),
           ...(toolEvent.durationMs !== undefined ? { durationMs: toolEvent.durationMs } : {}),
-          ...(toolEvent.summary ? { summary: toolEvent.summary } : {})
+          ...(toolEvent.summary ? { summary: toolEvent.summary } : {}),
+          ...(toolEvent.fileChange ? { fileChange: toolEvent.fileChange } : {})
         };
         if (segmentIdx === -1) {
           segments.push(patch);
@@ -3716,7 +3983,8 @@ export function ChatApp({ runtime, sessionId, model, sdkProvider = 'openai-compa
             status: 'done',
             durationMs: event.durationMs,
             summary: event.summary,
-            arguments: event.arguments
+            arguments: event.arguments,
+            fileChange: event.fileChange || null
           });
         }
         if (event?.type === 'tool:blocked') {
@@ -4137,6 +4405,46 @@ export function ChatApp({ runtime, sessionId, model, sdkProvider = 'openai-compa
       return;
     }
 
+    if (pendingRunApproval) {
+      if (key.return) {
+        const answer = parseDeleteApprovalAnswer(runApprovalInput);
+        if (answer === 'approve' || answer === 'deny') {
+          const resolver = runApprovalResolverRef.current;
+          runApprovalResolverRef.current = null;
+          setPendingRunApproval(null);
+          setRunApprovalInput('');
+          setRunApprovalError('');
+          if (resolver) resolver({ approved: answer === 'approve' });
+        } else {
+          setRunApprovalError(copy.runApproval.invalidAnswer);
+        }
+        return;
+      }
+
+      if (isBackspaceKey(value, key) || isDeleteKey(value, key)) {
+        setRunApprovalInput((prev) => prev.slice(0, -1));
+        setRunApprovalError('');
+        return;
+      }
+
+      if (isPrintableInput(value, key)) {
+        setRunApprovalInput((prev) => `${prev}${value}`);
+        setRunApprovalError('');
+        return;
+      }
+
+      if (key.ctrl && value === 'c') {
+        if (busy && typeof runtime.abort === 'function') {
+          runtime.abort();
+          return;
+        }
+        exit();
+        return;
+      }
+
+      return;
+    }
+
     if (pendingPlanApproval) {
       if (key.return) {
         const parsed = parsePlanApprovalAnswer(planApprovalInput);
@@ -4488,9 +4796,11 @@ export function ChatApp({ runtime, sessionId, model, sdkProvider = 'openai-compa
   );
   const activeApprovalLock = pendingDeleteApproval
     ? { text: copy.deleteApproval.inputLocked }
-    : pendingPlanApproval
-      ? { text: copy.planApproval.inputLocked }
-      : null;
+    : pendingRunApproval
+      ? { text: copy.runApproval.inputLocked }
+      : pendingPlanApproval
+        ? { text: copy.planApproval.inputLocked }
+        : null;
 
   return h(
     Box,
@@ -4526,6 +4836,13 @@ export function ChatApp({ runtime, sessionId, model, sdkProvider = 'openai-compa
       copy,
       cursorVisible
     }),
+    h(RunApprovalPanel, {
+      request: pendingRunApproval,
+      inputValue: runApprovalInput,
+      errorText: runApprovalError,
+      copy,
+      cursorVisible
+    }),
     h(PlanApprovalPanel, {
       request: pendingPlanApproval,
       inputValue: planApprovalInput,

package/src/tui/tool-activity/presenters/misc.js

@@ -12,5 +12,19 @@ export function describeMiscToolActivity(copy, parsed, rawName, { done = false,
   if (parsed.base === 'update_todos') {
     return blocked ? makeBlocked(copy, 'update_todos') : done ? copy.toolActivity.doneUpdateTodos : copy.toolActivity.doingUpdateTodos;
   }
+  if (parsed.base === 'web_fetch') {
+    const target = parsed.target || parsed.raw;
+    const label = done
+      ? (copy.toolActivity.doneWebFetch || copy.toolActivity.doneGeneric)
+      : (copy.toolActivity.doingWebFetch || copy.toolActivity.doingGeneric);
+    return blocked ? makeBlocked(copy, target) : `${label}: ${target}`;
+  }
+  if (parsed.base === 'web_search') {
+    const target = parsed.target || parsed.raw;
+    const label = done
+      ? (copy.toolActivity.doneWebSearch || copy.toolActivity.doneGeneric)
+      : (copy.toolActivity.doingWebSearch || copy.toolActivity.doingGeneric);
+    return blocked ? makeBlocked(copy, target) : `${label}: ${target}`;
+  }
   return blocked ? `${copy.toolActivity.blocked}: ${parsed.raw}` : done ? `${copy.toolActivity.doneGeneric}: ${parsed.raw}` : `${copy.toolActivity.doingGeneric}: ${parsed.raw}`;
 }

package/src/tui/tool-activity/presenters/system.js

@@ -6,7 +6,7 @@ export function describeSystemToolActivity(copy, parsed, { done = false, blocked
     return done ? copy.toolActivity.doneProjectIndex : copy.toolActivity.doingProjectIndex;
   }
   if (parsed.base === 'file_index') {
-    const safeTarget = trimText(parsed.target || '.codemini-project/file-index.json', 72);
+    const safeTarget = trimText(parsed.target || '.codemini/file-index.json', 72);
     if (blocked) return makeBlocked(copy, safeTarget);
     return done ? `${copy.toolActivity.doneFileIndex}: ${safeTarget}` : `${copy.toolActivity.doingFileIndex}: ${safeTarget}`;
   }