@robota-sdk/agent-cli 3.0.0-beta.29 → 3.0.0-beta.30

package/dist/node/bin.cjs

@@ -163,16 +163,42 @@ var PrintTerminal = class {
 };
 
 // src/ui/render.tsx
-var import_ink11 = require("ink");
+var import_ink12 = require("ink");
 
 // src/ui/App.tsx
 var import_react13 = require("react");
-var import_ink10 = require("ink");
+var import_ink11 = require("ink");
 var import_agent_core3 = require("@robota-sdk/agent-core");
 
 // src/ui/hooks/useSession.ts
 var import_react = require("react");
 var import_agent_sdk = require("@robota-sdk/agent-sdk");
+
+// src/utils/edit-diff.ts
+function generateDiffLines(oldStr, newStr) {
+  if (oldStr === newStr) return [];
+  const lines = [];
+  for (const line of oldStr.split("\n")) {
+    lines.push({ type: "remove", text: line });
+  }
+  for (const line of newStr.split("\n")) {
+    lines.push({ type: "add", text: line });
+  }
+  return lines;
+}
+function extractEditDiff(toolName, toolArgs) {
+  if (toolName !== "Edit" || !toolArgs) return null;
+  const filePath = toolArgs.file_path ?? toolArgs.filePath;
+  const oldStr = toolArgs.old_string ?? toolArgs.oldString;
+  const newStr = toolArgs.new_string ?? toolArgs.newString;
+  if (typeof filePath !== "string") return null;
+  if (typeof oldStr !== "string" || typeof newStr !== "string") return null;
+  const lines = generateDiffLines(oldStr, newStr);
+  if (lines.length === 0) return null;
+  return { file: filePath, lines };
+}
+
+// src/ui/hooks/useSession.ts
 var TOOL_ARG_DISPLAY_MAX = 80;
 var TAIL_KEEP = 30;
 var MAX_COMPLETED_TOOLS = 50;
@@ -238,14 +264,26 @@ function useSession(props) {
         }
         setActiveTools((prev) => [
           ...prev,
-          { toolName: event.toolName, firstArg, isRunning: true }
+          { toolName: event.toolName, firstArg, isRunning: true, _toolArgs: event.toolArgs }
         ]);
       } else {
         const toolResult = event.denied ? "denied" : event.success === false ? "error" : "success";
         setActiveTools((prev) => {
-          const updated = prev.map(
-            (t) => t.toolName === event.toolName && t.isRunning ? { ...t, isRunning: false, result: toolResult } : t
-          );
+          const updated = prev.map((t) => {
+            if (!(t.toolName === event.toolName && t.isRunning)) return t;
+            const editDiff = extractEditDiff(event.toolName, t._toolArgs);
+            const finished = {
+              ...t,
+              isRunning: false,
+              result: toolResult
+            };
+            if (editDiff) {
+              finished.diffLines = editDiff.lines;
+              finished.diffFile = editDiff.file;
+            }
+            delete finished._toolArgs;
+            return finished;
+          });
           const completed = updated.filter((t) => !t.isRunning);
           if (completed.length > MAX_COMPLETED_TOOLS) {
             const excess = completed.length - MAX_COMPLETED_TOOLS;
@@ -626,19 +664,33 @@ var import_react4 = require("react");
 // src/utils/tool-call-extractor.ts
 var TOOL_ARG_MAX_LENGTH = 80;
 var TAIL_KEEP2 = 30;
-function extractToolCalls(history, startIndex) {
-  const lines = [];
+function extractToolCallsWithDiff(history, startIndex) {
+  const summaries = [];
   for (let i = startIndex; i < history.length; i++) {
     const msg = history[i];
     if (msg.role === "assistant" && msg.toolCalls) {
       for (const tc of msg.toolCalls) {
         const value = parseFirstArgValue(tc.function.arguments);
         const truncated = value.length > TOOL_ARG_MAX_LENGTH ? value.slice(0, TOOL_ARG_MAX_LENGTH - TAIL_KEEP2 - 3) + "..." + value.slice(-TAIL_KEEP2) : value;
-        lines.push(`${tc.function.name}(${truncated})`);
+        const summary = {
+          line: `${tc.function.name}(${truncated})`
+        };
+        if (tc.function.name === "Edit") {
+          try {
+            const args = JSON.parse(tc.function.arguments);
+            const diff = extractEditDiff("Edit", args);
+            if (diff) {
+              summary.diffLines = diff.lines;
+              summary.diffFile = diff.file;
+            }
+          } catch {
+          }
+        }
+        summaries.push(summary);
       }
     }
   }
-  return lines;
+  return summaries;
 }
 function parseFirstArgValue(argsJson) {
   try {
@@ -725,15 +777,15 @@ async function runSessionPrompt(prompt, session, addMessage, clearStreamingText,
     const response = await session.run(prompt, rawInput);
     clearStreamingText();
     const history = session.getHistory();
-    const toolLines = extractToolCalls(
+    const toolSummaries = extractToolCallsWithDiff(
       history,
       historyBefore
     );
-    if (toolLines.length > 0) {
+    if (toolSummaries.length > 0) {
       addMessage({
         role: "tool",
-        content: toolLines.join("\n"),
-        toolName: `${toolLines.length} tools`
+        content: JSON.stringify(toolSummaries),
+        toolName: `${toolSummaries.length} tools`
       });
     }
     addMessage({ role: "assistant", content: response || "(empty response)" });
@@ -1227,7 +1279,7 @@ function usePluginCallbacks(cwd) {
 
 // src/ui/MessageList.tsx
 var import_react7 = __toESM(require("react"), 1);
-var import_ink = require("ink");
+var import_ink2 = require("ink");
 
 // src/ui/render-markdown.ts
 var import_marked = require("marked");
@@ -1240,48 +1292,103 @@ function renderMarkdown(md) {
   return typeof result === "string" ? result.trimEnd() : md;
 }
 
-// src/ui/MessageList.tsx
+// src/ui/DiffBlock.tsx
+var import_ink = require("ink");
 var import_jsx_runtime = require("react/jsx-runtime");
+var MAX_DIFF_LINES = 10;
+var TRUNCATED_SHOW = 8;
+function DiffBlock({ file, lines }) {
+  const truncated = lines.length > MAX_DIFF_LINES;
+  const visible = truncated ? lines.slice(0, TRUNCATED_SHOW) : lines;
+  const remaining = lines.length - TRUNCATED_SHOW;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { flexDirection: "column", marginLeft: 4, children: [
+    file && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "white", dimColor: true, children: [
+      "\u2502 ",
+      file
+    ] }),
+    visible.map((line, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: line.type === "remove" ? "red" : "greenBright", children: [
+      "\u2502 ",
+      line.type === "remove" ? "-" : "+",
+      " ",
+      line.text
+    ] }, i)),
+    truncated && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "white", dimColor: true, children: [
+      "\u2502 ... and ",
+      remaining,
+      " more lines"
+    ] })
+  ] });
+}
+
+// src/ui/MessageList.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
 function RoleLabel({ role }) {
   switch (role) {
     case "user":
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "green", bold: true, children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_ink2.Text, { color: "green", bold: true, children: [
         "You:",
         " "
       ] });
     case "assistant":
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "cyan", bold: true, children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_ink2.Text, { color: "cyan", bold: true, children: [
         "Robota:",
         " "
       ] });
     case "system":
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "yellow", bold: true, children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_ink2.Text, { color: "yellow", bold: true, children: [
         "System:",
         " "
       ] });
     case "tool":
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "white", bold: true, children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_ink2.Text, { color: "white", bold: true, children: [
         "Tool:",
         " "
       ] });
   }
 }
 function ToolMessage({ message }) {
-  const lines = message.content.split("\n").filter((l) => l.trim());
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { flexDirection: "column", marginBottom: 1, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "white", bold: true, children: [
-        "Tool:",
-        " "
+  let summaries = null;
+  try {
+    const parsed = JSON.parse(message.content);
+    if (Array.isArray(parsed) && parsed.length > 0 && typeof parsed[0].line === "string") {
+      summaries = parsed;
+    }
+  } catch {
+  }
+  if (summaries) {
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_ink2.Box, { flexDirection: "column", marginBottom: 1, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_ink2.Box, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ink2.Text, { color: "white", bold: true, children: "Tool: " }),
+        message.toolName && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_ink2.Text, { color: "white", dimColor: true, children: [
+          "[",
+          message.toolName,
+          "]"
+        ] })
       ] }),
-      message.toolName && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "white", dimColor: true, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ink2.Text, { children: " " }),
+      summaries.map((s, i) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_ink2.Box, { flexDirection: "column", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_ink2.Text, { color: "green", children: [
+          "  ",
+          "\u2713",
+          " ",
+          s.line
+        ] }),
+        s.diffLines && s.diffLines.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(DiffBlock, { file: s.diffFile, lines: s.diffLines })
+      ] }, i))
+    ] });
+  }
+  const lines = message.content.split("\n").filter((l) => l.trim());
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_ink2.Box, { flexDirection: "column", marginBottom: 1, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_ink2.Box, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ink2.Text, { color: "white", bold: true, children: "Tool: " }),
+      message.toolName && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_ink2.Text, { color: "white", dimColor: true, children: [
         "[",
         message.toolName,
         "]"
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { children: " " }),
-    lines.map((line, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "green", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ink2.Text, { children: " " }),
+    lines.map((line, i) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_ink2.Text, { color: "green", children: [
       "  ",
       "\u2713",
       " ",
@@ -1293,30 +1400,30 @@ var MessageItem = import_react7.default.memo(function MessageItem2({
   message
 }) {
   if (message.role === "tool") {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToolMessage, { message });
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ToolMessage, { message });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { flexDirection: "column", marginBottom: 1, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RoleLabel, { role: message.role }),
-      message.toolName && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "magenta", dimColor: true, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_ink2.Box, { flexDirection: "column", marginBottom: 1, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_ink2.Box, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(RoleLabel, { role: message.role }),
+      message.toolName && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_ink2.Text, { color: "magenta", dimColor: true, children: [
         "[",
         message.toolName,
         "]",
         " "
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { children: " " }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginLeft: 2, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { wrap: "wrap", children: message.role === "assistant" ? renderMarkdown(message.content) : message.content }) })
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ink2.Text, { children: " " }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ink2.Box, { marginLeft: 2, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ink2.Text, { wrap: "wrap", children: message.role === "assistant" ? renderMarkdown(message.content) : message.content }) })
   ] });
 });
 function MessageList({ messages }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { flexDirection: "column", children: messages.map((msg) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MessageItem, { message: msg }, msg.id)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ink2.Box, { flexDirection: "column", children: messages.map((msg) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(MessageItem, { message: msg }, msg.id)) });
 }
 
 // src/ui/StatusBar.tsx
-var import_ink2 = require("ink");
+var import_ink3 = require("ink");
 var import_agent_core2 = require("@robota-sdk/agent-core");
-var import_jsx_runtime2 = require("react/jsx-runtime");
+var import_jsx_runtime3 = require("react/jsx-runtime");
 var CONTEXT_YELLOW_THRESHOLD = 70;
 var CONTEXT_RED_THRESHOLD = 90;
 function getContextColor(percentage) {
@@ -1335,8 +1442,8 @@ function StatusBar({
   contextMaxTokens
 }) {
   const contextColor = getContextColor(contextPercentage);
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-    import_ink2.Box,
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+    import_ink3.Box,
     {
       borderStyle: "single",
       borderColor: "gray",
@@ -1344,14 +1451,14 @@ function StatusBar({
       paddingRight: 1,
       justifyContent: "space-between",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_ink2.Text, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ink2.Text, { color: "cyan", bold: true, children: "Mode:" }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_ink3.Text, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ink3.Text, { color: "cyan", bold: true, children: "Mode:" }),
           " ",
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ink2.Text, { children: permissionMode }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ink3.Text, { children: permissionMode }),
           "  |  ",
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ink2.Text, { dimColor: true, children: modelName }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ink3.Text, { dimColor: true, children: modelName }),
           "  |  ",
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_ink2.Text, { color: contextColor, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_ink3.Text, { color: contextColor, children: [
             "Context: ",
             Math.round(contextPercentage),
             "% (",
@@ -1361,9 +1468,9 @@ function StatusBar({
             ")"
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_ink2.Text, { children: [
-          isThinking && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ink2.Text, { color: "yellow", children: "Thinking... " }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_ink2.Text, { dimColor: true, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_ink3.Text, { children: [
+          isThinking && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ink3.Text, { color: "yellow", children: "Thinking... " }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_ink3.Text, { dimColor: true, children: [
             "msgs: ",
             messageCount
           ] })
@@ -1375,13 +1482,13 @@ function StatusBar({
 
 // src/ui/InputArea.tsx
 var import_react10 = __toESM(require("react"), 1);
-var import_ink6 = require("ink");
+var import_ink7 = require("ink");
 
 // src/ui/CjkTextInput.tsx
 var import_react8 = require("react");
-var import_ink3 = require("ink");
+var import_ink4 = require("ink");
 var import_chalk = __toESM(require("chalk"), 1);
-var import_jsx_runtime3 = require("react/jsx-runtime");
+var import_jsx_runtime4 = require("react/jsx-runtime");
 function filterPrintable(input) {
   if (!input || input.length === 0) return "";
   return input.replace(/[\x00-\x1f\x7f]/g, "");
@@ -1407,7 +1514,7 @@ function CjkTextInput({
       cursorRef.current = value.length;
     }
   }
-  (0, import_ink3.useInput)(
+  (0, import_ink4.useInput)(
     (input, key) => {
       try {
         if (key.upArrow || key.downArrow || key.ctrl && input === "c" || key.tab || key.shift && key.tab) {
@@ -1452,7 +1559,7 @@ function CjkTextInput({
     },
     { isActive: focus }
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ink3.Text, { children: renderWithCursor(valueRef.current, cursorRef.current, placeholder, showCursor && focus) });
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_ink4.Text, { children: renderWithCursor(valueRef.current, cursorRef.current, placeholder, showCursor && focus) });
 }
 function renderWithCursor(value, cursorOffset, placeholder, showCursor) {
   if (!showCursor) {
@@ -1478,8 +1585,8 @@ function renderWithCursor(value, cursorOffset, placeholder, showCursor) {
 
 // src/ui/WaveText.tsx
 var import_react9 = require("react");
-var import_ink4 = require("ink");
-var import_jsx_runtime4 = require("react/jsx-runtime");
+var import_ink5 = require("ink");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 var WAVE_COLORS = ["#666666", "#888888", "#aaaaaa", "#888888"];
 var INTERVAL_MS = 400;
 var CHARS_PER_GROUP = 4;
@@ -1492,23 +1599,23 @@ function WaveText({ text }) {
     return () => clearInterval(timer);
   }, []);
   const chars = [...text];
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_ink4.Text, { children: chars.map((char, i) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ink5.Text, { children: chars.map((char, i) => {
     const group = Math.floor(i / CHARS_PER_GROUP);
     const colorIndex = (tick + group) % WAVE_COLORS.length;
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_ink4.Text, { color: WAVE_COLORS[colorIndex], children: char }, i);
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ink5.Text, { color: WAVE_COLORS[colorIndex], children: char }, i);
   }) });
 }
 
 // src/ui/SlashAutocomplete.tsx
-var import_ink5 = require("ink");
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_ink6 = require("ink");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 var MAX_VISIBLE = 8;
 function CommandRow(props) {
   const { cmd, isSelected, showSlash } = props;
   const indicator = isSelected ? "\u25B8 " : "  ";
   const nameColor = isSelected ? "cyan" : void 0;
   const dimmed = !isSelected;
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ink5.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_ink5.Text, { color: nameColor, dimColor: dimmed, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_ink6.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_ink6.Text, { color: nameColor, dimColor: dimmed, children: [
     indicator,
     showSlash ? `/${cmd.name}  ${cmd.description}` : cmd.description
   ] }) });
@@ -1522,7 +1629,7 @@ function SlashAutocomplete({
   if (!visible || commands.length === 0) return null;
   const scrollOffset = computeScrollOffset(selectedIndex, commands.length);
   const visibleCommands = commands.slice(scrollOffset, scrollOffset + MAX_VISIBLE);
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ink5.Box, { flexDirection: "column", borderStyle: "round", borderColor: "gray", paddingX: 1, children: visibleCommands.map((cmd, i) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_ink6.Box, { flexDirection: "column", borderStyle: "round", borderColor: "gray", paddingX: 1, children: visibleCommands.map((cmd, i) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     CommandRow,
     {
       cmd,
@@ -1540,7 +1647,7 @@ function computeScrollOffset(selectedIndex, total) {
 }
 
 // src/ui/InputArea.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 function parseSlashInput(value) {
   if (!value.startsWith("/")) return { isSlash: false, parentCommand: "", filter: "" };
   const afterSlash = value.slice(1);
@@ -1635,7 +1742,7 @@ function InputArea({ onSubmit, isDisabled, registry }) {
     },
     [value, onSubmit, setSelectedIndex]
   );
-  (0, import_ink6.useInput)(
+  (0, import_ink7.useInput)(
     (_input, key) => {
       if (!showPopup) return;
       if (key.upArrow) {
@@ -1651,8 +1758,8 @@ function InputArea({ onSubmit, isDisabled, registry }) {
     },
     { isActive: showPopup && !isDisabled }
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_ink6.Box, { flexDirection: "column", children: [
-    showPopup && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_ink7.Box, { flexDirection: "column", children: [
+    showPopup && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
       SlashAutocomplete,
       {
         commands: filteredCommands,
@@ -1661,9 +1768,9 @@ function InputArea({ onSubmit, isDisabled, registry }) {
         isSubcommandMode
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_ink6.Box, { borderStyle: "single", borderColor: isDisabled ? "gray" : "green", paddingLeft: 1, children: isDisabled ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(WaveText, { text: "  Waiting for response..." }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_ink6.Box, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_ink6.Text, { color: "green", bold: true, children: "> " }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_ink7.Box, { borderStyle: "single", borderColor: isDisabled ? "gray" : "green", paddingLeft: 1, children: isDisabled ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(WaveText, { text: "  Waiting for response..." }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_ink7.Box, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_ink7.Text, { color: "green", bold: true, children: "> " }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
         CjkTextInput,
         {
           value,
@@ -1678,8 +1785,8 @@ function InputArea({ onSubmit, isDisabled, registry }) {
 
 // src/ui/ConfirmPrompt.tsx
 var import_react11 = require("react");
-var import_ink7 = require("ink");
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_ink8 = require("ink");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 function ConfirmPrompt({
   message,
   options = ["Yes", "No"],
@@ -1695,7 +1802,7 @@ function ConfirmPrompt({
     },
     [onSelect]
   );
-  (0, import_ink7.useInput)((input, key) => {
+  (0, import_ink8.useInput)((input, key) => {
     if (resolvedRef.current) return;
     if (key.leftArrow || key.upArrow) {
       setSelected((prev) => prev > 0 ? prev - 1 : prev);
@@ -1709,20 +1816,20 @@ function ConfirmPrompt({
       doSelect(1);
     }
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_ink7.Box, { flexDirection: "column", borderStyle: "round", borderColor: "yellow", paddingX: 1, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_ink7.Text, { color: "yellow", children: message }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_ink7.Box, { marginTop: 1, children: options.map((opt, i) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_ink7.Box, { marginRight: 2, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_ink7.Text, { color: i === selected ? "cyan" : void 0, bold: i === selected, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_ink8.Box, { flexDirection: "column", borderStyle: "round", borderColor: "yellow", paddingX: 1, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_ink8.Text, { color: "yellow", children: message }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_ink8.Box, { marginTop: 1, children: options.map((opt, i) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_ink8.Box, { marginRight: 2, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_ink8.Text, { color: i === selected ? "cyan" : void 0, bold: i === selected, children: [
       i === selected ? "> " : "  ",
       opt
     ] }) }, opt)) }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_ink7.Text, { dimColor: true, children: " arrow keys to select, Enter to confirm" })
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_ink8.Text, { dimColor: true, children: " arrow keys to select, Enter to confirm" })
   ] });
 }
 
 // src/ui/PermissionPrompt.tsx
 var import_react12 = __toESM(require("react"), 1);
-var import_ink8 = require("ink");
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_ink9 = require("ink");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 var OPTIONS = ["Allow", "Allow always (this session)", "Deny"];
 function formatArgs(args) {
   const entries = Object.entries(args);
@@ -1748,7 +1855,7 @@ function PermissionPrompt({ request }) {
     },
     [request]
   );
-  (0, import_ink8.useInput)((input, key) => {
+  (0, import_ink9.useInput)((input, key) => {
     if (resolvedRef.current) return;
     if (key.upArrow || key.leftArrow) {
       setSelected((prev) => prev > 0 ? prev - 1 : prev);
@@ -1764,28 +1871,28 @@ function PermissionPrompt({ request }) {
       doResolve(2);
     }
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_ink8.Box, { flexDirection: "column", borderStyle: "round", borderColor: "yellow", paddingX: 1, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_ink8.Text, { color: "yellow", bold: true, children: "[Permission Required]" }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_ink8.Text, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_ink9.Box, { flexDirection: "column", borderStyle: "round", borderColor: "yellow", paddingX: 1, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_ink9.Text, { color: "yellow", bold: true, children: "[Permission Required]" }),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_ink9.Text, { children: [
       "Tool:",
       " ",
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_ink8.Text, { color: "cyan", bold: true, children: request.toolName })
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_ink9.Text, { color: "cyan", bold: true, children: request.toolName })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_ink8.Text, { dimColor: true, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_ink9.Text, { dimColor: true, children: [
       " ",
       formatArgs(request.toolArgs)
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_ink8.Box, { marginTop: 1, children: OPTIONS.map((opt, i) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_ink8.Box, { marginRight: 2, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_ink8.Text, { color: i === selected ? "cyan" : void 0, bold: i === selected, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_ink9.Box, { marginTop: 1, children: OPTIONS.map((opt, i) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_ink9.Box, { marginRight: 2, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_ink9.Text, { color: i === selected ? "cyan" : void 0, bold: i === selected, children: [
       i === selected ? "> " : "  ",
       opt
     ] }) }, opt)) }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_ink8.Text, { dimColor: true, children: " left/right to select, Enter to confirm" })
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_ink9.Text, { dimColor: true, children: " left/right to select, Enter to confirm" })
   ] });
 }
 
 // src/ui/StreamingIndicator.tsx
-var import_ink9 = require("ink");
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_ink10 = require("ink");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 function getToolStyle(t) {
   if (t.isRunning) return { color: "yellow", icon: "\u27F3", strikethrough: false };
   if (t.result === "error") return { color: "red", icon: "\u2717", strikethrough: true };
@@ -1796,35 +1903,38 @@ function StreamingIndicator({ text, activeTools }) {
   const hasTools = activeTools.length > 0;
   const hasText = text.length > 0;
   if (!hasTools && !hasText) {
-    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_ink9.Text, { color: "yellow", children: "Thinking..." });
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_ink10.Text, { color: "yellow", children: "Thinking..." });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_ink9.Box, { flexDirection: "column", children: [
-    hasTools && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_ink9.Box, { flexDirection: "column", marginBottom: 1, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_ink9.Text, { color: "white", bold: true, children: "Tools:" }),
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_ink9.Text, { children: " " }),
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_ink10.Box, { flexDirection: "column", children: [
+    hasTools && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_ink10.Box, { flexDirection: "column", marginBottom: 1, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_ink10.Text, { color: "white", bold: true, children: "Tools:" }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_ink10.Text, { children: " " }),
       activeTools.map((t, i) => {
         const { color, icon, strikethrough } = getToolStyle(t);
-        return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_ink9.Text, { color, strikethrough, children: [
-          "  ",
-          icon,
-          " ",
-          t.toolName,
-          "(",
-          t.firstArg,
-          ")"
+        return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_ink10.Box, { flexDirection: "column", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_ink10.Text, { color, strikethrough, children: [
+            "  ",
+            icon,
+            " ",
+            t.toolName,
+            "(",
+            t.firstArg,
+            ")"
+          ] }),
+          t.diffLines && t.diffLines.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(DiffBlock, { file: t.diffFile, lines: t.diffLines })
         ] }, `${t.toolName}-${i}`);
       })
     ] }),
-    hasText && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_ink9.Box, { flexDirection: "column", marginBottom: 1, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_ink9.Text, { color: "cyan", bold: true, children: "Robota:" }),
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_ink9.Text, { children: " " }),
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_ink9.Box, { marginLeft: 2, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_ink9.Text, { wrap: "wrap", children: renderMarkdown(text) }) })
+    hasText && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_ink10.Box, { flexDirection: "column", marginBottom: 1, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_ink10.Text, { color: "cyan", bold: true, children: "Robota:" }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_ink10.Text, { children: " " }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_ink10.Box, { marginLeft: 2, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_ink10.Text, { wrap: "wrap", children: renderMarkdown(text) }) })
     ] })
   ] });
 }
 
 // src/ui/App.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 var EXIT_DELAY_MS2 = 500;
 function mergeHooksIntoConfig(configHooks, pluginHooks) {
   const pluginKeys = Object.keys(pluginHooks);
@@ -1843,7 +1953,7 @@ function mergeHooksIntoConfig(configHooks, pluginHooks) {
   return merged;
 }
 function App(props) {
-  const { exit } = (0, import_ink10.useApp)();
+  const { exit } = (0, import_ink11.useApp)();
   const { registry, pluginHooks } = useCommandRegistry(props.cwd ?? process.cwd());
   const configWithPluginHooks = {
     ...props.config,
@@ -1885,33 +1995,33 @@ function App(props) {
     setContextState,
     registry
   );
-  (0, import_ink10.useInput)(
+  (0, import_ink11.useInput)(
     (_input, key) => {
       if (key.ctrl && _input === "c") exit();
       if (key.escape && isThinking) session.abort();
     },
     { isActive: !permissionRequest }
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_ink10.Box, { flexDirection: "column", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_ink10.Box, { flexDirection: "column", paddingX: 1, marginBottom: 1, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_ink10.Text, { color: "cyan", bold: true, children: `
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_ink11.Box, { flexDirection: "column", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_ink11.Box, { flexDirection: "column", paddingX: 1, marginBottom: 1, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_ink11.Text, { color: "cyan", bold: true, children: `
   ____   ___  ____   ___ _____  _
  |  _ \\ / _ \\| __ ) / _ \\_   _|/ \\
  | |_) | | | |  _ \\| | | || | / _ \\
  |  _ <| |_| | |_) | |_| || |/ ___ \\
  |_| \\_\\\\___/|____/ \\___/ |_/_/   \\_\\
 ` }),
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_ink10.Text, { dimColor: true, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_ink11.Text, { dimColor: true, children: [
         " v",
         props.version ?? "0.0.0"
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_ink10.Box, { flexDirection: "column", paddingX: 1, flexGrow: 1, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(MessageList, { messages }),
-      isThinking && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_ink10.Box, { flexDirection: "column", marginBottom: 1, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(StreamingIndicator, { text: streamingText, activeTools }) })
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_ink11.Box, { flexDirection: "column", paddingX: 1, flexGrow: 1, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(MessageList, { messages }),
+      isThinking && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_ink11.Box, { flexDirection: "column", marginBottom: 1, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(StreamingIndicator, { text: streamingText, activeTools }) })
     ] }),
-    permissionRequest && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(PermissionPrompt, { request: permissionRequest }),
-    pendingModelId && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    permissionRequest && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(PermissionPrompt, { request: permissionRequest }),
+    pendingModelId && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
       ConfirmPrompt,
       {
         message: `Change model to ${(0, import_agent_core3.getModelName)(pendingModelId)}? This will restart the session.`,
@@ -1939,7 +2049,7 @@ function App(props) {
         }
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
       StatusBar,
       {
         permissionMode: session.getPermissionMode(),
@@ -1952,7 +2062,7 @@ function App(props) {
         contextMaxTokens: contextState.maxTokens
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
       InputArea,
       {
         onSubmit: handleSubmit,
@@ -1960,12 +2070,12 @@ function App(props) {
         registry
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_ink10.Text, { children: " " })
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_ink11.Text, { children: " " })
   ] });
 }
 
 // src/ui/render.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 function renderApp(options) {
   process.on("unhandledRejection", (reason) => {
     process.stderr.write(`
@@ -1976,7 +2086,7 @@ function renderApp(options) {
 `);
     }
   });
-  const instance = (0, import_ink11.render)(/* @__PURE__ */ (0, import_jsx_runtime11.jsx)(App, { ...options }), {
+  const instance = (0, import_ink12.render)(/* @__PURE__ */ (0, import_jsx_runtime12.jsx)(App, { ...options }), {
     exitOnCtrlC: true
   });
   instance.waitUntilExit().catch((err) => {