zencode-cli 0.2.3 → 0.4.1

package/dist/bin/zencode.js

@@ -817,7 +817,16 @@ function formatToolDetail(toolName, params) {
 }
 async function confirmExecution(toolName, params) {
   if (structuredConfirmHandler) {
-    return structuredConfirmHandler(toolName, params);
+    const result = await new Promise((resolve10) => {
+      pendingConfirmResolver = resolve10;
+      structuredConfirmHandler(toolName, params).then((res) => {
+        if (pendingConfirmResolver === resolve10) {
+          pendingConfirmResolver = null;
+          resolve10(res);
+        }
+      });
+    });
+    return result;
   }
   const detail = formatToolDetail(toolName, params);
   const prompt = `
@@ -828,12 +837,13 @@ ${detail}
   const approved = await globalConfirmHandler(`${chalk.yellow("?")} \u662F\u5426\u6267\u884C\uFF1F(${chalk.green("y")}/${chalk.red("N")}) `);
   return { approved };
 }
-var globalConfirmHandler, structuredConfirmHandler;
+var globalConfirmHandler, structuredConfirmHandler, pendingConfirmResolver;
 var init_permission = __esm({
   "src/tools/permission.ts"() {
     "use strict";
     globalConfirmHandler = async () => false;
     structuredConfirmHandler = null;
+    pendingConfirmResolver = null;
   }
 });
 
@@ -990,21 +1000,32 @@ var init_agent = __esm({
             tools.length > 0 ? tools : void 0,
             callbacks
           );
+          const validToolCalls = [];
+          const invalidToolCalls = [];
+          if (assistantMsg.tool_calls) {
+            for (const toolCall of assistantMsg.tool_calls) {
+              try {
+                JSON.parse(toolCall.function.arguments);
+                validToolCalls.push(toolCall);
+              } catch {
+                invalidToolCalls.push(toolCall);
+              }
+            }
+          }
+          assistantMsg.tool_calls = validToolCalls.length > 0 ? validToolCalls : void 0;
           this.conversation.addAssistantMessage(assistantMsg);
-          if (!assistantMsg.tool_calls || assistantMsg.tool_calls.length === 0) {
+          for (const toolCall of invalidToolCalls) {
+            callbacks.onToolResult?.(toolCall.function.name, `\u53C2\u6570\u89E3\u6790\u5931\u8D25\uFF1A\u65E0\u6548\u7684 JSON \u5B57\u7B26\u4E32
+${toolCall.function.arguments}`, false);
+          }
+          if (validToolCalls.length === 0) {
             lastContent = assistantMsg.content || "";
             break;
           }
-          for (const toolCall of assistantMsg.tool_calls) {
+          for (const toolCall of validToolCalls) {
             if (this.interrupted) break;
             const toolName = toolCall.function.name;
-            let params;
-            try {
-              params = JSON.parse(toolCall.function.arguments);
-            } catch {
-              this.conversation.addToolResult(toolCall.id, "\u53C2\u6570\u89E3\u6790\u5931\u8D25\uFF1A\u65E0\u6548\u7684 JSON");
-              continue;
-            }
+            const params = JSON.parse(toolCall.function.arguments);
             try {
               if (toolName === "edit-file") {
                 const editPath = params["path"];
@@ -1110,6 +1131,8 @@ function buildCorePrompt() {
 - \u4E0D\u8981\u6DFB\u52A0\u7528\u6237\u672A\u8981\u6C42\u7684\u6CE8\u91CA\u3001\u6587\u6863\u3001\u7C7B\u578B\u6CE8\u89E3
 - \u4E0D\u8981\u5F15\u5165\u5B89\u5168\u6F0F\u6D1E\uFF08\u6CE8\u5165\u3001XSS\u3001SQL \u6CE8\u5165\u7B49 OWASP Top 10\uFF09
 - \u5F15\u7528\u4EE3\u7801\u65F6\u4F7F\u7528 \`\u6587\u4EF6\u8DEF\u5F84:\u884C\u53F7\` \u683C\u5F0F\uFF08\u5982 \`src/app.ts:42\`\uFF09\uFF0C\u65B9\u4FBF\u7528\u6237\u8DF3\u8F6C
+- \u7EDD\u5BF9\u7981\u6B62\u4F7F\u7528 \`// ... existing code\`\u3001\`// TODO\` \u6216\u4EFB\u4F55\u5F62\u5F0F\u7684\u7701\u7565\u5360\u4F4D\u7B26\u3002\u5FC5\u987B\u63D0\u4F9B\u5B8C\u6574\u4E14\u53EF\u8FD0\u884C\u7684\u4EE3\u7801\u3002
+- \u6C38\u8FDC\u4E0D\u8981\u5047\u8BBE\u67D0\u4E2A\u7B2C\u4E09\u65B9\u5E93\u5DF2\u5B89\u88C5\u3002\u5728\u4F7F\u7528\u4EFB\u4F55\u975E Node.js \u5185\u7F6E\u6A21\u5757\u524D\uFF0C\u5FC5\u987B\u786E\u8BA4\u5176\u5728\u9879\u76EE\u4E2D\u5DF2\u914D\u7F6E\u3002
 
 # \u4EA4\u4E92\u98CE\u683C
 
@@ -1142,7 +1165,8 @@ function buildPlanningPrompt() {
 
 \u4EE3\u7801\u8D28\u91CF\uFF1A
 - \u5982\u679C\u5220\u9664\u4E86\u4EE3\u7801\uFF0C\u5C31\u5F7B\u5E95\u5220\u9664\uFF0C\u4E0D\u8981\u7559\u6CE8\u91CA\u8BF4"\u5DF2\u79FB\u9664"\uFF0C\u4E0D\u8981\u4FDD\u7559\u672A\u4F7F\u7528\u7684\u517C\u5BB9\u6027\u53D8\u91CF
-- \u4E0D\u8981\u7559\u4E0BTODO\u7136\u540E\u653E\u7740\u4E0D\u7BA1`;
+- \u4E0D\u8981\u7559\u4E0BTODO\u7136\u540E\u653E\u7740\u4E0D\u7BA1
+- \u6267\u884C\u4FEE\u6539\u540E\u5FC5\u987B\u8FDB\u884C\u95ED\u73AF\u9A8C\u8BC1\u3002\u4E3B\u52A8\u68C0\u67E5\u4EE3\u7801\u903B\u8F91\uFF0C\u6216\u4F7F\u7528 bash \u8FD0\u884C\u6784\u5EFA\u3001Lint \u7B49\u547D\u4EE4\u786E\u4FDD\u4FEE\u6539\u6CA1\u6709\u5F15\u5165\u9519\u8BEF`;
 }
 var init_planning = __esm({
   "src/core/prompt/layers/planning.ts"() {
@@ -1161,6 +1185,7 @@ function buildParallelPrompt() {
 - \u9700\u8981\u641C\u7D22 2+ \u4E2A\u6A21\u5F0F \u2192 spawn-agents \u5E76\u884C\u641C\u7D22
 - \u9700\u8981\u4E86\u89E3 2+ \u4E2A\u6A21\u5757 \u2192 spawn-agents \u5E76\u884C\u5206\u6790
 - \u53EA\u6709 1 \u4E2A\u76EE\u6807 \u2192 \u76F4\u63A5\u7528\u5DE5\u5177\uFF0C\u65E0\u9700 spawn-agents
+- \u5FC5\u987B\u4E3A\u6BCF\u4E2A\u5B50 Agent \u5206\u914D\u660E\u786E\u4E14\u65E0\u91CD\u53E0\u7684\u76EE\u6807\uFF0C\u907F\u514D\u591A\u4E2A Agent \u91CD\u590D\u5904\u7406\u540C\u4E00\u5BF9\u8C61\u9020\u6210\u6D6A\u8D39
 
 \u793A\u4F8B - \u7528\u6237\u8BF4"\u5E2E\u6211\u7406\u89E3\u8BA4\u8BC1\u6A21\u5757"\uFF1A
   \u6B63\u786E\uFF1Aspawn-agents \u540C\u65F6\u8BFB auth controller\u3001auth service\u3001auth middleware\u3001auth types
@@ -1182,7 +1207,8 @@ function buildGitPrompt() {
 
 \u63D0\u4EA4\u89C4\u8303\uFF1A
 - \u53EA\u5728\u7528\u6237\u660E\u786E\u8981\u6C42\u65F6\u624D\u521B\u5EFA commit
-- \u7528 git diff \u67E5\u770B\u53D8\u66F4\uFF0C\u518D\u5199 commit message
+- \u63D0\u4EA4\u524D\u5FC5\u987B\u7528 git status \u548C git diff --staged \u68C0\u67E5\u5373\u5C06\u63D0\u4EA4\u7684\u5185\u5BB9\uFF0C\u786E\u4FDD\u6CA1\u6709\u6DF7\u5165\u4E0D\u76F8\u5173\u6587\u4EF6\u6216\u8C03\u8BD5\u4EE3\u7801
+- \u5EFA\u8BAE\u9075\u5FAA Conventional Commits \u89C4\u8303\uFF08\u5982 feat: ..., fix: ...\uFF09
 - commit message \u63CF\u8FF0"\u4E3A\u4EC0\u4E48"\u800C\u975E"\u6539\u4E86\u4EC0\u4E48"
 
 \u5B89\u5168\u89C4\u5219\uFF1A
@@ -2152,6 +2178,26 @@ var init_dispatch = __esm({
   }
 });
 
+// src/cli/tui/stores/progressStore.ts
+import { EventEmitter } from "events";
+var ProgressStore, progressStore;
+var init_progressStore = __esm({
+  "src/cli/tui/stores/progressStore.ts"() {
+    "use strict";
+    ProgressStore = class extends EventEmitter {
+      current;
+      update(progress) {
+        this.current = progress;
+        this.emit("change", progress);
+      }
+      get() {
+        return this.current;
+      }
+    };
+    progressStore = new ProgressStore();
+  }
+});
+
 // src/cli/tui/bridge.ts
 function gray(text) {
   return `${ANSI_GRAY}${text}${ANSI_RESET}`;
@@ -2245,19 +2291,19 @@ function createThinkFilter() {
     return result;
   };
 }
-function createTokenBatcher(dispatch, type) {
-  let buffer = "";
+function createActionBatcher(dispatch) {
+  let pendingActions = /* @__PURE__ */ new Map();
   let timer = null;
   function flush() {
-    if (buffer.length > 0) {
-      const text = buffer;
-      buffer = "";
-      dispatch({ type, text });
+    if (pendingActions.size > 0) {
+      const actions = Array.from(pendingActions.values());
+      pendingActions.clear();
+      dispatch({ type: "BATCH", actions });
     }
   }
   function start() {
     if (!timer) {
-      timer = setInterval(flush, BATCH_INTERVAL_MS);
+      timer = setInterval(flush, 200);
     }
   }
   function stop() {
@@ -2267,17 +2313,17 @@ function createTokenBatcher(dispatch, type) {
       timer = null;
     }
   }
-  function append(text) {
-    buffer += text;
-    start();
-  }
-  function pause() {
-    if (timer) {
-      clearInterval(timer);
-      timer = null;
+  function queue(key, action) {
+    if (action.type === "APPEND_CONTENT" || action.type === "APPEND_THOUGHT") {
+      const existing = pendingActions.get(key);
+      if (existing) {
+        action = { ...action, text: existing.text + action.text };
+      }
     }
+    pendingActions.set(key, action);
+    start();
   }
-  return { append, stop, flush, pause };
+  return { queue, stop, flush };
 }
 function extractCodeFromArgs(name, args) {
   const field = name === "write-file" ? "content" : "new_string";
@@ -2297,98 +2343,84 @@ function registerConfirmToolId(toolName, id) {
   activeToolIds.set(toolName, id);
 }
 function createBridgeCallbacks(dispatch) {
-  const contentBatcher = createTokenBatcher(dispatch, "APPEND_CONTENT");
-  const thoughtBatcher = createTokenBatcher(dispatch, "APPEND_THOUGHT");
+  const batcher = createActionBatcher(dispatch);
   let inThink = false;
   let tagBuffer = "";
   activeToolIds = /* @__PURE__ */ new Map();
   streamingToolIds = /* @__PURE__ */ new Map();
-  lastStreamingArgs = /* @__PURE__ */ new Map();
+  lastStreamingValues = /* @__PURE__ */ new Map();
   toolCallCounter = 0;
-  let streamingThrottleTimer = null;
-  let pendingStreamingUpdate = null;
-  function flushStreamingUpdate() {
-    if (pendingStreamingUpdate) {
-      pendingStreamingUpdate();
-      pendingStreamingUpdate = null;
-    }
-    if (streamingThrottleTimer) {
-      clearTimeout(streamingThrottleTimer);
-      streamingThrottleTimer = null;
-    }
-  }
   return {
     onContent: (text) => {
+      let contentAcc = "";
+      let thoughtAcc = "";
       for (let i = 0; i < text.length; i++) {
         const ch = text[i];
         if (tagBuffer.length > 0 || ch === "<") {
           tagBuffer += ch;
           if (tagBuffer === "<think>") {
-            contentBatcher.flush();
+            if (contentAcc) batcher.queue("content", { type: "APPEND_CONTENT", text: contentAcc });
+            contentAcc = "";
+            batcher.flush();
             inThink = true;
             tagBuffer = "";
             continue;
           } else if (tagBuffer === "</think>") {
-            thoughtBatcher.flush();
+            if (thoughtAcc) batcher.queue("thought", { type: "APPEND_THOUGHT", text: thoughtAcc });
+            thoughtAcc = "";
+            batcher.flush();
             inThink = false;
             tagBuffer = "";
             continue;
           } else if (!"<think>".startsWith(tagBuffer) && !"</think>".startsWith(tagBuffer)) {
-            if (inThink) {
-              thoughtBatcher.append(tagBuffer);
-            } else {
-              contentBatcher.append(tagBuffer);
-            }
+            if (inThink) thoughtAcc += tagBuffer;
+            else contentAcc += tagBuffer;
             tagBuffer = "";
           }
           continue;
         }
-        if (inThink) {
-          thoughtBatcher.append(ch);
-        } else {
-          contentBatcher.append(ch);
-        }
+        if (inThink) thoughtAcc += ch;
+        else contentAcc += ch;
       }
+      if (thoughtAcc) batcher.queue("thought", { type: "APPEND_THOUGHT", text: thoughtAcc });
+      if (contentAcc) batcher.queue("content", { type: "APPEND_CONTENT", text: contentAcc });
     },
     onToolCallStreaming: (index, name, accumulatedArgs) => {
       if (!streamingToolIds.has(index)) {
-        contentBatcher.flush();
-        thoughtBatcher.flush();
+        batcher.flush();
         const id2 = `tool-${++toolCallCounter}`;
         streamingToolIds.set(index, id2);
         activeToolIds.set(name, id2);
-        dispatch({ type: "TOOL_STREAMING", id: id2, name, streamingContent: "0" });
+        lastStreamingValues.set(id2, "0");
+        batcher.queue(`tool-${id2}`, { type: "TOOL_STREAMING", id: id2, name, streamingContent: "0" });
       }
       const id = streamingToolIds.get(index);
-      lastStreamingArgs.set(id, accumulatedArgs);
       const lineCount = (accumulatedArgs.match(/\\n/g) || []).length;
-      pendingStreamingUpdate = () => {
-        dispatch({ type: "TOOL_STREAMING", id, name, streamingContent: String(lineCount) });
-      };
-      if (!streamingThrottleTimer) {
-        streamingThrottleTimer = setTimeout(() => {
-          flushStreamingUpdate();
-        }, 80);
+      const streamingContent = String(lineCount);
+      if (lastStreamingValues.get(id) !== streamingContent) {
+        lastStreamingValues.set(id, streamingContent);
+        progressStore.update({ name, progress: `${streamingContent} lines` });
       }
     },
     onToolExecuting: (name, params) => {
-      flushStreamingUpdate();
-      contentBatcher.flush();
-      thoughtBatcher.flush();
-      contentBatcher.pause();
-      thoughtBatcher.pause();
+      progressStore.update(void 0);
+      batcher.flush();
       const existingId = activeToolIds.get(name);
       const id = existingId || `tool-${++toolCallCounter}`;
       activeToolIds.set(name, id);
+      lastStreamingValues.set(id, JSON.stringify(params));
       dispatch({ type: "TOOL_EXECUTING", id, name, params });
     },
     onToolResult: (name, result, truncated) => {
+      progressStore.update(void 0);
+      batcher.flush();
       const id = activeToolIds.get(name) || `tool-${++toolCallCounter}`;
       const lines = result.split("\n");
       const isWriteTool = name === "write-file" || name === "edit-file";
       let summary;
       if (isWriteTool) {
-        const code = extractCodeFromArgs(name, lastStreamingArgs.get(id) || "");
+        const stored = lastStreamingValues.get(id) || "";
+        const code = extractCodeFromArgs(name, stored);
         const codeLines = code ? code.split("\n").length : 0;
         summary = codeLines > 0 ? `${codeLines} lines` : truncated ? "truncated" : `${lines.length} lines`;
       } else {
@@ -2399,31 +2431,119 @@ function createBridgeCallbacks(dispatch) {
       dispatch({ type: "TOOL_RESULT", id, resultSummary: summary, resultContent });
     },
     onDenied: (toolName, feedback) => {
+      batcher.flush();
       const id = activeToolIds.get(toolName) || `tool-${++toolCallCounter}`;
       dispatch({ type: "TOOL_DENIED", id, feedback });
     },
     onError: (err) => {
-      contentBatcher.stop();
-      thoughtBatcher.stop();
+      batcher.stop();
       dispatch({ type: "SET_ERROR", error: err.message });
     },
     _stopBatcher: () => {
-      contentBatcher.stop();
-      thoughtBatcher.stop();
+      batcher.stop();
     }
   };
 }
-var BATCH_INTERVAL_MS, ANSI_GRAY, ANSI_RESET, toolCallCounter, activeToolIds, streamingToolIds, lastStreamingArgs;
+var ANSI_GRAY, ANSI_RESET, toolCallCounter, activeToolIds, streamingToolIds, lastStreamingValues;
 var init_bridge = __esm({
   "src/cli/tui/bridge.ts"() {
     "use strict";
-    BATCH_INTERVAL_MS = 64;
+    init_progressStore();
     ANSI_GRAY = "\x1B[90m";
     ANSI_RESET = "\x1B[0m";
     toolCallCounter = 0;
     activeToolIds = /* @__PURE__ */ new Map();
     streamingToolIds = /* @__PURE__ */ new Map();
-    lastStreamingArgs = /* @__PURE__ */ new Map();
+    lastStreamingValues = /* @__PURE__ */ new Map();
+  }
+});
+
+// src/cli/ui.ts
+import chalk2 from "chalk";
+import ora from "ora";
+import { Marked } from "marked";
+import * as _markedTerminal from "marked-terminal";
+import { createTwoFilesPatch } from "diff";
+function renderMarkdown(text) {
+  const rendered = marked.parse(text);
+  return rendered.replace(/\n+$/, "");
+}
+function printStream(text) {
+  process.stdout.write(text);
+}
+function printToolCall(toolName, params) {
+  let detail = "";
+  if (toolName === "bash" && params["command"]) {
+    detail = ` ${chalk2.dim(String(params["command"]).slice(0, 80))}`;
+  } else if ((toolName === "read-file" || toolName === "write-file" || toolName === "edit-file") && params["path"]) {
+    detail = ` ${chalk2.dim(String(params["path"]))}`;
+  } else if (toolName === "glob" && params["pattern"]) {
+    detail = ` ${chalk2.dim(String(params["pattern"]))}`;
+  } else if (toolName === "grep" && params["pattern"]) {
+    detail = ` ${chalk2.dim(String(params["pattern"]))}`;
+  } else if (toolName === "spawn-agents" && params["tasks"]) {
+    const tasks = params["tasks"];
+    detail = ` ${chalk2.dim(`${tasks.length} \u4E2A\u5E76\u884C\u4EFB\u52A1`)}`;
+  } else if (toolName === "todo" && params["action"]) {
+    const action = String(params["action"]);
+    const id = params["id"] ? ` [${params["id"]}]` : "";
+    detail = ` ${chalk2.dim(`${action}${id}`)}`;
+  }
+  const icon = toolName === "spawn-agents" ? ">>" : toolName === "todo" ? "#" : ">";
+  console.log(chalk2.yellow(`  ${icon} ${toolName}`) + detail);
+}
+function printToolResult(toolName, result, truncated) {
+  if (truncated) {
+    console.log(chalk2.dim(`  \u2713 ${toolName} (\u8F93\u51FA\u5DF2\u622A\u65AD)`));
+  } else {
+    const lines = result.split("\n").length;
+    console.log(chalk2.dim(`  \u2713 ${toolName} (${lines} \u884C)`));
+  }
+}
+function printError(message) {
+  console.error(chalk2.red(`\u2717 ${message}`));
+}
+function printInfo(message) {
+  console.log(chalk2.cyan(`\u2139 ${message}`));
+}
+function printWarning(message) {
+  console.log(chalk2.yellow(`\u26A0 ${message}`));
+}
+function printSuccess(message) {
+  console.log(chalk2.green(`\u2713 ${message}`));
+}
+function printWelcome(modelName) {
+  console.log(chalk2.bold.cyan("\n  ZenCode") + chalk2.dim(" - \u6781\u7B80 AI \u7F16\u7A0B\u52A9\u624B\n"));
+  console.log(chalk2.dim(`  \u6A21\u578B: ${modelName}`));
+  console.log(chalk2.dim(`  \u8F93\u5165 /help \u67E5\u770B\u547D\u4EE4\uFF0CCtrl+C \u9000\u51FA
+`));
+}
+var markedTerminal2, marked;
+var init_ui = __esm({
+  "src/cli/ui.ts"() {
+    "use strict";
+    markedTerminal2 = _markedTerminal.markedTerminal;
+    marked = new Marked(markedTerminal2({
+      reflowText: false,
+      code: chalk2.cyan,
+      codespan: chalk2.yellow,
+      heading: chalk2.bold.magenta,
+      hr: () => chalk2.dim("\u2500".repeat(Math.max(0, (process.stdout.columns || 80) - 12))),
+      strong: chalk2.bold,
+      em: chalk2.italic,
+      link: chalk2.blue,
+      href: chalk2.blue.underline
+    }));
+    marked.use({
+      renderer: {
+        text(token) {
+          if (typeof token === "object" && token.tokens) {
+            return this.parser.parseInline(token.tokens);
+          }
+          return typeof token === "string" ? token : token.text;
+        }
+      }
+    });
   }
 });
 
@@ -2501,19 +2621,26 @@ function updateLastAssistant(messages, updater) {
   const result = [...messages];
   for (let i = result.length - 1; i >= 0; i--) {
     if (result[i].role === "assistant") {
-      result[i] = updater(result[i]);
+      const updated = updater(result[i]);
+      if (updated === result[i]) return messages;
+      result[i] = updated;
       return result;
     }
   }
   return result;
 }
 function updateToolInBlocks(blocks, toolId, updater) {
-  return blocks.map((b) => {
+  let changed = false;
+  const newBlocks = blocks.map((b) => {
     if (b.type === "tool" && b.toolCall.id === toolId) {
-      return { type: "tool", toolCall: updater(b.toolCall) };
+      const updatedTc = updater(b.toolCall);
+      if (updatedTc === b.toolCall) return b;
+      changed = true;
+      return { type: "tool", toolCall: updatedTc };
     }
     return b;
   });
+  return changed ? newBlocks : blocks;
 }
 function tuiReducer(state, action) {
   switch (action.type) {
@@ -2545,186 +2672,190 @@ function tuiReducer(state, action) {
         ]
       };
     case "APPEND_CONTENT": {
-      return {
-        ...state,
-        messages: updateLastAssistant(state.messages, (msg) => {
-          const blocks = [...msg.blocks];
-          const last = blocks[blocks.length - 1];
-          if (last && last.type === "text") {
-            blocks[blocks.length - 1] = { type: "text", text: last.text + action.text };
-          } else {
-            blocks.push({ type: "text", text: action.text });
-          }
-          return { ...msg, blocks };
-        })
-      };
+      if (!action.text) return state;
+      const newMessages2 = updateLastAssistant(state.messages, (msg) => {
+        const blocks = [...msg.blocks];
+        const last = blocks[blocks.length - 1];
+        if (last && last.type === "text") {
+          blocks[blocks.length - 1] = { type: "text", text: last.text + action.text };
+        } else {
+          blocks.push({ type: "text", text: action.text });
+        }
+        return { ...msg, blocks };
+      });
+      if (newMessages2 === state.messages) return state;
+      return { ...state, messages: newMessages2 };
     }
     case "APPEND_THOUGHT": {
-      return {
-        ...state,
-        messages: updateLastAssistant(state.messages, (msg) => {
-          const blocks = [...msg.blocks];
-          const last = blocks[blocks.length - 1];
-          if (last && last.type === "thought") {
-            blocks[blocks.length - 1] = { type: "thought", text: last.text + action.text };
-          } else {
-            blocks.push({ type: "thought", text: action.text });
-          }
-          return { ...msg, blocks };
-        })
-      };
+      if (!action.text) return state;
+      const newMessages2 = updateLastAssistant(state.messages, (msg) => {
+        const blocks = [...msg.blocks];
+        const last = blocks[blocks.length - 1];
+        if (last && last.type === "thought") {
+          blocks[blocks.length - 1] = { type: "thought", text: last.text + action.text };
+        } else {
+          blocks.push({ type: "thought", text: action.text });
+        }
+        return { ...msg, blocks };
+      });
+      if (newMessages2 === state.messages) return state;
+      return { ...state, messages: newMessages2 };
     }
     case "TOOL_EXECUTING": {
-      return {
-        ...state,
-        messages: updateLastAssistant(state.messages, (msg) => {
-          const existingIdx = msg.blocks.findIndex(
-            (b) => b.type === "tool" && b.toolCall.id === action.id
-          );
-          if (existingIdx >= 0) {
-            return {
-              ...msg,
-              blocks: updateToolInBlocks(msg.blocks, action.id, (tc) => ({
-                ...tc,
-                status: "running",
-                params: action.params
-              }))
-            };
-          }
-          return {
-            ...msg,
-            blocks: [
-              ...msg.blocks,
-              {
-                type: "tool",
-                toolCall: {
-                  id: action.id,
-                  name: action.name,
-                  params: action.params,
-                  status: "running"
-                }
+      const newMessages2 = updateLastAssistant(state.messages, (msg) => {
+        const existingIdx = msg.blocks.findIndex(
+          (b) => b.type === "tool" && b.toolCall.id === action.id
+        );
+        if (existingIdx >= 0) {
+          const newBlocks = updateToolInBlocks(msg.blocks, action.id, (tc) => {
+            if (tc.status === "running" && JSON.stringify(tc.params) === JSON.stringify(action.params)) return tc;
+            return { ...tc, status: "running", params: action.params };
+          });
+          if (newBlocks === msg.blocks) return msg;
+          return { ...msg, blocks: newBlocks };
+        }
+        return {
+          ...msg,
+          blocks: [
+            ...msg.blocks,
+            {
+              type: "tool",
+              toolCall: {
+                id: action.id,
+                name: action.name,
+                params: action.params,
+                status: "running"
               }
-            ]
-          };
-        })
-      };
+            }
+          ]
+        };
+      });
+      if (newMessages2 === state.messages) return state;
+      return { ...state, messages: newMessages2 };
     }
     case "TOOL_STREAMING": {
-      return {
-        ...state,
-        messages: updateLastAssistant(state.messages, (msg) => {
-          const existingIdx = msg.blocks.findIndex(
-            (b) => b.type === "tool" && b.toolCall.id === action.id
-          );
-          if (existingIdx >= 0) {
-            return {
-              ...msg,
-              blocks: updateToolInBlocks(msg.blocks, action.id, (tc) => ({
-                ...tc,
-                streamingContent: action.streamingContent
-              }))
-            };
-          }
+      const { id, streamingContent, name } = action;
+      const newMessages2 = updateLastAssistant(state.messages, (msg) => {
+        const existingBlock = msg.blocks.find(
+          (b) => b.type === "tool" && b.toolCall.id === id
+        );
+        if (existingBlock && existingBlock.type === "tool" && existingBlock.toolCall.streamingContent === streamingContent) {
+          return msg;
+        }
+        if (existingBlock) {
           return {
             ...msg,
-            blocks: [
-              ...msg.blocks,
-              {
-                type: "tool",
-                toolCall: {
-                  id: action.id,
-                  name: action.name,
-                  params: {},
-                  status: "running",
-                  streamingContent: action.streamingContent
-                }
-              }
-            ]
+            blocks: updateToolInBlocks(msg.blocks, id, (tc) => ({
+              ...tc,
+              streamingContent
+            }))
           };
-        })
-      };
-    }
-    case "TOOL_RESULT": {
-      return {
-        ...state,
-        messages: updateLastAssistant(state.messages, (msg) => ({
-          ...msg,
-          blocks: updateToolInBlocks(msg.blocks, action.id, (tc) => ({
-            ...tc,
-            status: "done",
-            resultSummary: action.resultSummary,
-            resultContent: action.resultContent
-          }))
-        }))
-      };
-    }
-    case "TOOL_DENIED": {
-      return {
-        ...state,
-        messages: updateLastAssistant(state.messages, (msg) => ({
-          ...msg,
-          blocks: updateToolInBlocks(msg.blocks, action.id, (tc) => ({
-            ...tc,
-            status: "denied",
-            denyFeedback: action.feedback
-          }))
-        }))
-      };
-    }
-    case "TOOL_CONFIRMING": {
-      return {
-        ...state,
-        messages: updateLastAssistant(state.messages, (msg) => ({
+        }
+        return {
           ...msg,
           blocks: [
             ...msg.blocks,
             {
               type: "tool",
               toolCall: {
-                id: action.id,
-                name: action.name,
-                params: action.params,
-                status: "confirming"
+                id,
+                name,
+                params: {},
+                status: "running",
+                streamingContent
               }
             }
-          ],
-          confirmPending: {
-            toolName: action.name,
-            params: action.params,
-            resolve: action.resolve
+          ]
+        };
+      });
+      if (newMessages2 === state.messages) {
+        return state;
+      }
+      return { ...state, messages: newMessages2 };
+    }
+    case "TOOL_RESULT": {
+      const newMessages2 = updateLastAssistant(state.messages, (msg) => {
+        const newBlocks = updateToolInBlocks(msg.blocks, action.id, (tc) => {
+          if (tc.status === "done" && tc.resultSummary === action.resultSummary) return tc;
+          return { ...tc, status: "done", resultSummary: action.resultSummary, resultContent: action.resultContent };
+        });
+        if (newBlocks === msg.blocks) return msg;
+        return { ...msg, blocks: newBlocks };
+      });
+      if (newMessages2 === state.messages) return state;
+      return { ...state, messages: newMessages2 };
+    }
+    case "TOOL_DENIED": {
+      const newMessages2 = updateLastAssistant(state.messages, (msg) => {
+        const newBlocks = updateToolInBlocks(msg.blocks, action.id, (tc) => ({
+          ...tc,
+          status: "denied",
+          denyFeedback: action.feedback
+        }));
+        if (newBlocks === msg.blocks) return msg;
+        return { ...msg, blocks: newBlocks };
+      });
+      if (newMessages2 === state.messages) return state;
+      return { ...state, messages: newMessages2 };
+    }
+    case "TOOL_CONFIRMING": {
+      const newMessages2 = updateLastAssistant(state.messages, (msg) => ({
+        ...msg,
+        blocks: [
+          ...msg.blocks,
+          {
+            type: "tool",
+            toolCall: {
+              id: action.id,
+              name: action.name,
+              params: action.params,
+              status: "confirming"
+            }
           }
-        }))
-      };
+        ],
+        confirmPending: {
+          toolName: action.name,
+          params: action.params,
+          resolve: action.resolve
+        }
+      }));
+      return { ...state, messages: newMessages2 };
     }
     case "CONFIRM_RESPONDED": {
-      return {
-        ...state,
-        messages: updateLastAssistant(state.messages, (msg) => ({
-          ...msg,
-          confirmPending: void 0
-        }))
-      };
+      const newMessages2 = updateLastAssistant(state.messages, (msg) => {
+        if (!msg.confirmPending) return msg;
+        return { ...msg, confirmPending: void 0 };
+      });
+      if (newMessages2 === state.messages) return state;
+      return { ...state, messages: newMessages2 };
     }
     case "FINISH_STREAMING":
-      return {
-        ...state,
-        messages: updateLastAssistant(state.messages, (msg) => ({
-          ...msg,
-          isStreaming: false
-        }))
-      };
+      const newMessages = updateLastAssistant(state.messages, (msg) => {
+        if (!msg.isStreaming) return msg;
+        return { ...msg, isStreaming: false };
+      });
+      if (newMessages === state.messages) return state;
+      return { ...state, messages: newMessages };
     case "SET_RUNNING":
+      if (state.isRunning === action.running) return state;
       return { ...state, isRunning: action.running };
     case "SET_ERROR":
       return { ...state, error: action.error, isRunning: false };
     case "CLEAR_ERROR":
+      if (state.error === void 0) return state;
       return { ...state, error: void 0 };
     case "CLEAR_MESSAGES":
+      if (state.messages.length === 0) return state;
       return { ...state, messages: [] };
     case "SET_TODO_PLAN":
+      if (state.todoPlan === action.plan) return state;
       return { ...state, todoPlan: action.plan };
     case "SET_SUB_AGENT_PROGRESS":
+      if (JSON.stringify(state.subAgentProgress) === JSON.stringify(action.progress)) return state;
       return { ...state, subAgentProgress: action.progress };
+    case "BATCH":
+      const newState = action.actions.reduce((s, a) => tuiReducer(s, a), state);
+      return newState === state ? state : newState;
     default:
       return state;
   }
@@ -2738,6 +2869,7 @@ var init_state = __esm({
 });
 
 // src/cli/tui/components/ToolCallLine.tsx
+import React from "react";
 import { Box, Text } from "ink";
 import { jsx, jsxs } from "react/jsx-runtime";
 function getToolParamSummary(name, params) {
@@ -2780,70 +2912,81 @@ function truncateContent(text, maxLines) {
   }
   return result;
 }
-function ToolCallLine({ toolCall }) {
-  const { name, params, status, resultContent, denyFeedback } = toolCall;
-  const summary = getToolParamSummary(name, params);
-  let borderColor = "#504945";
-  let titleColor = "#fabd2f";
-  let statusColor = "#fabd2f";
-  let statusText = "RUNNING";
-  if (status === "done") {
-    borderColor = "#b8bb26";
-    titleColor = "#b8bb26";
-    statusColor = "#b8bb26";
-    statusText = "DONE";
-  } else if (status === "denied") {
-    borderColor = "#fb4934";
-    titleColor = "#fb4934";
-    statusColor = "#fb4934";
-    statusText = "DENIED";
-  } else if (status === "confirming") {
-    borderColor = "#fe8019";
-    titleColor = "#fe8019";
-    statusColor = "#fe8019";
-    statusText = "CONFIRM";
-  }
-  const contentLines = resultContent ? truncateContent(resultContent, 15) : [];
-  return /* @__PURE__ */ jsx(Box, { flexDirection: "column", marginTop: 0, marginBottom: 1, width: "100%", children: /* @__PURE__ */ jsxs(
-    Box,
-    {
-      flexDirection: "column",
-      borderStyle: "round",
-      borderColor,
-      paddingX: 1,
-      width: "100%",
-      children: [
-        /* @__PURE__ */ jsxs(Box, { gap: 1, children: [
-          /* @__PURE__ */ jsx(Box, { backgroundColor: statusColor, width: 9, justifyContent: "center", children: /* @__PURE__ */ jsx(Text, { color: "#282828", bold: true, children: statusText }) }),
-          /* @__PURE__ */ jsx(Text, { color: titleColor, bold: true, children: name.toUpperCase() }),
-          /* @__PURE__ */ jsx(Text, { color: "#ebdbb2", dimColor: true, italic: true, wrap: "truncate-end", children: summary })
-        ] }),
-        status === "done" && contentLines.length > 0 && /* @__PURE__ */ jsx(Box, { flexDirection: "column", marginTop: 1, children: contentLines.map((line, i) => /* @__PURE__ */ jsx(Text, { color: "#ebdbb2", wrap: "truncate-end", children: line }, i)) }),
-        status === "denied" && denyFeedback && /* @__PURE__ */ jsxs(Box, { gap: 1, marginTop: 0, children: [
-          /* @__PURE__ */ jsx(Text, { color: "#fb4934", bold: true, children: "REASON:" }),
-          /* @__PURE__ */ jsx(Text, { color: "#ebdbb2", children: denyFeedback })
-        ] }),
-        status === "confirming" && /* @__PURE__ */ jsx(Box, { marginTop: 0, children: /* @__PURE__ */ jsx(Text, { color: "#fe8019", italic: true, children: "Waiting for your permission..." }) })
-      ]
-    }
-  ) });
-}
+var ToolCallLine;
 var init_ToolCallLine = __esm({
   "src/cli/tui/components/ToolCallLine.tsx"() {
     "use strict";
+    ToolCallLine = React.memo(function ToolCallLine2({ toolCall }) {
+      const { name, params, status, resultContent, denyFeedback } = toolCall;
+      const summary = getToolParamSummary(name, params);
+      let borderColor = "#504945";
+      let titleColor = "#fabd2f";
+      let statusColor = "#fabd2f";
+      let statusText = "RUNNING";
+      if (status === "done") {
+        borderColor = "#b8bb26";
+        titleColor = "#b8bb26";
+        statusColor = "#b8bb26";
+        statusText = "DONE";
+      } else if (status === "denied") {
+        borderColor = "#fb4934";
+        titleColor = "#fb4934";
+        statusColor = "#fb4934";
+        statusText = "DENIED";
+      } else if (status === "confirming") {
+        borderColor = "#fe8019";
+        titleColor = "#fe8019";
+        statusColor = "#fe8019";
+        statusText = "CONFIRM";
+      }
+      const contentLines = resultContent ? truncateContent(resultContent, 15) : [];
+      return /* @__PURE__ */ jsx(Box, { flexDirection: "column", marginTop: 0, marginBottom: 1, width: "100%", children: /* @__PURE__ */ jsxs(
+        Box,
+        {
+          flexDirection: "column",
+          borderStyle: "round",
+          borderColor,
+          paddingX: 1,
+          width: "100%",
+          children: [
+            /* @__PURE__ */ jsxs(Box, { gap: 1, children: [
+              /* @__PURE__ */ jsx(Box, { backgroundColor: statusColor, width: 9, justifyContent: "center", children: /* @__PURE__ */ jsx(Text, { color: "#282828", bold: true, children: statusText }) }),
+              /* @__PURE__ */ jsx(Text, { color: titleColor, bold: true, children: name.toUpperCase() }),
+              /* @__PURE__ */ jsx(Text, { color: "#ebdbb2", dimColor: true, italic: true, wrap: "truncate-end", children: summary })
+            ] }),
+            status === "done" && contentLines.length > 0 && /* @__PURE__ */ jsx(Box, { flexDirection: "column", marginTop: 1, children: contentLines.map((line, i) => /* @__PURE__ */ jsx(Text, { color: "#ebdbb2", wrap: "truncate-end", children: line }, i)) }),
+            status === "denied" && denyFeedback && /* @__PURE__ */ jsxs(Box, { gap: 1, marginTop: 0, children: [
+              /* @__PURE__ */ jsx(Text, { color: "#fb4934", bold: true, children: "REASON:" }),
+              /* @__PURE__ */ jsx(Text, { color: "#ebdbb2", children: denyFeedback })
+            ] }),
+            status === "confirming" && /* @__PURE__ */ jsx(Box, { marginTop: 0, children: /* @__PURE__ */ jsx(Text, { color: "#fe8019", italic: true, children: "Waiting for your permission..." }) })
+          ]
+        }
+      ) });
+    });
   }
 });
 
 // src/cli/tui/components/MessageBubble.tsx
-import React from "react";
-import { Box as Box2, Text as Text2 } from "ink";
+import React2, { useMemo } from "react";
+import { Box as Box2, Text as Text2, useStdout } from "ink";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var MessageBubble;
+var MemoizedMarkdown, MemoizedThought, MessageBubble;
 var init_MessageBubble = __esm({
   "src/cli/tui/components/MessageBubble.tsx"() {
     "use strict";
+    init_ui();
     init_ToolCallLine();
-    MessageBubble = React.memo(function MessageBubble2({ message }) {
+    MemoizedMarkdown = React2.memo(({ text }) => {
+      const { stdout } = useStdout();
+      const rendered = useMemo(() => renderMarkdown(text), [text, stdout.columns]);
+      return /* @__PURE__ */ jsx2(Text2, { children: rendered });
+    });
+    MemoizedThought = React2.memo(({ text, isStreaming }) => {
+      const displayText = isStreaming ? text : text.trim();
+      return /* @__PURE__ */ jsx2(Text2, { color: "#928374", italic: true, children: displayText });
+    });
+    MessageBubble = React2.memo(function MessageBubble2({ message }) {
       const { role, blocks, isStreaming } = message;
       const isUser = role === "user";
       const label = isUser ? "USER" : "AI";
@@ -2860,11 +3003,11 @@ var init_MessageBubble = __esm({
             if (block.type === "text") {
               const text = block.text.trim();
               if (!text && !isStreaming) return null;
-              return /* @__PURE__ */ jsx2(Box2, { paddingLeft: 2, marginBottom: i < blocks.length - 1 ? 1 : 0, width: "100%", children: /* @__PURE__ */ jsx2(Text2, { color: contentColor, children: text }) }, `text-${i}`);
+              return /* @__PURE__ */ jsx2(Box2, { paddingLeft: 2, marginBottom: i < blocks.length - 1 ? 1 : 0, width: "100%", children: isUser ? /* @__PURE__ */ jsx2(Text2, { color: contentColor, children: text }) : /* @__PURE__ */ jsx2(MemoizedMarkdown, { text }) }, `text-${i}`);
             } else if (block.type === "thought") {
               return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", marginBottom: 0, width: "100%", children: [
                 /* @__PURE__ */ jsx2(Box2, { gap: 1, marginBottom: 0, children: /* @__PURE__ */ jsx2(Box2, { backgroundColor: "#504945", width: 9, justifyContent: "center", children: /* @__PURE__ */ jsx2(Text2, { color: "#a89984", bold: true, children: "THINK" }) }) }),
-                /* @__PURE__ */ jsx2(Box2, { paddingLeft: 2, marginBottom: 0, children: /* @__PURE__ */ jsx2(Text2, { color: "#928374", italic: true, children: block.text.trim() }) })
+                /* @__PURE__ */ jsx2(Box2, { paddingLeft: 2, marginBottom: 0, children: /* @__PURE__ */ jsx2(MemoizedThought, { text: block.text, isStreaming }) })
               ] }, `thought-${i}`);
             } else {
               return /* @__PURE__ */ jsx2(Box2, { paddingLeft: 2, width: "100%", children: /* @__PURE__ */ jsx2(ToolCallLine, { toolCall: block.toolCall }) }, block.toolCall.id);
@@ -2877,25 +3020,88 @@ var init_MessageBubble = __esm({
   }
 });
 
+// src/cli/tui/components/Header.tsx
+import { Box as Box3, Text as Text3, useStdout as useStdout2 } from "ink";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function Header({ modelName }) {
+  const { stdout } = useStdout2();
+  const logo = [
+    " \u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557\u2588\u2588\u2588\u2557   \u2588\u2588\u2557 \u2588\u2588\u2588\u2588\u2588\u2588\u2557  \u2588\u2588\u2588\u2588\u2588\u2588\u2557 \u2588\u2588\u2588\u2588\u2588\u2588\u2557 \u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557",
+    " \u255A\u2550\u2550\u2588\u2588\u2588\u2554\u255D\u2588\u2588\u2554\u2550\u2550\u2550\u2550\u255D\u2588\u2588\u2588\u2588\u2557  \u2588\u2588\u2551\u2588\u2588\u2554\u2550\u2550\u2550\u2550\u255D \u2588\u2588\u2554\u2550\u2550\u2550\u2588\u2588\u2557\u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2557\u2588\u2588\u2554\u2550\u2550\u2550\u2550\u255D",
+    "   \u2588\u2588\u2588\u2554\u255D \u2588\u2588\u2588\u2588\u2588\u2557  \u2588\u2588\u2554\u2588\u2588\u2557 \u2588\u2588\u2551\u2588\u2588\u2551      \u2588\u2588\u2551   \u2588\u2588\u2551\u2588\u2588\u2551  \u2588\u2588\u2551\u2588\u2588\u2588\u2588\u2588\u2557  ",
+    "  \u2588\u2588\u2588\u2554\u255D  \u2588\u2588\u2554\u2550\u2550\u255D  \u2588\u2588\u2551\u255A\u2588\u2588\u2557\u2588\u2588\u2551\u2588\u2588\u2551      \u2588\u2588\u2551   \u2588\u2588\u2551\u2588\u2588\u2551  \u2588\u2588\u2551\u2588\u2588\u2554\u2550\u2550\u255D  ",
+    " \u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557\u2588\u2588\u2551 \u255A\u2588\u2588\u2588\u2588\u2551\u255A\u2588\u2588\u2588\u2588\u2588\u2588\u2557 \u255A\u2588\u2588\u2588\u2588\u2588\u2588\u2554\u255D\u2588\u2588\u2588\u2588\u2588\u2588\u2554\u255D\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557",
+    " \u255A\u2550\u2550\u2550\u2550\u2550\u2550\u255D\u255A\u2550\u2550\u2550\u2550\u2550\u2550\u255D\u255A\u2550\u255D  \u255A\u2550\u2550\u2550\u255D \u255A\u2550\u2550\u2550\u2550\u2550\u255D  \u255A\u2550\u2550\u2550\u2550\u2550\u255D \u255A\u2550\u2550\u2550\u2550\u2550\u255D \u255A\u2550\u2550\u2550\u2550\u2550\u2550\u255D"
+  ];
+  const width = (stdout?.columns ?? 80) - 2;
+  return /* @__PURE__ */ jsxs3(
+    Box3,
+    {
+      flexDirection: "column",
+      width,
+      borderStyle: "round",
+      borderColor: "#504945",
+      paddingX: 1,
+      marginTop: 0,
+      marginBottom: 1,
+      children: [
+        /* @__PURE__ */ jsx3(Box3, { flexDirection: "column", marginBottom: 1, alignItems: "center", children: logo.map((line, i) => /* @__PURE__ */ jsx3(Text3, { color: "#fe8019", bold: true, children: line }, i)) }),
+        /* @__PURE__ */ jsxs3(Box3, { justifyContent: "space-between", borderStyle: "single", borderTop: true, borderBottom: false, borderLeft: false, borderRight: false, borderColor: "#3c3836", paddingTop: 0, children: [
+          /* @__PURE__ */ jsxs3(Box3, { gap: 1, children: [
+            /* @__PURE__ */ jsx3(Text3, { bold: true, color: "#fabd2f", children: "ZEN CODE" }),
+            /* @__PURE__ */ jsx3(Text3, { color: "#a89984", dimColor: true, children: "v0.4.1" })
+          ] }),
+          /* @__PURE__ */ jsx3(Text3, { color: "#83a598", bold: true, children: modelName })
+        ] })
+      ]
+    }
+  );
+}
+var init_Header = __esm({
+  "src/cli/tui/components/Header.tsx"() {
+    "use strict";
+  }
+});
+
 // src/cli/tui/components/ChatArea.tsx
-import React2 from "react";
-import { Box as Box3 } from "ink";
-import { jsx as jsx3 } from "react/jsx-runtime";
-var ChatArea;
+import React3, { useMemo as useMemo2 } from "react";
+import { Box as Box4, Static } from "ink";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var HEADER_ITEM, ChatArea;
 var init_ChatArea = __esm({
   "src/cli/tui/components/ChatArea.tsx"() {
     "use strict";
     init_MessageBubble();
-    ChatArea = React2.memo(function ChatArea2({ messages }) {
-      return /* @__PURE__ */ jsx3(Box3, { flexDirection: "column", width: "100%", children: messages.map((msg) => /* @__PURE__ */ jsx3(MessageBubble, { message: msg }, msg.id)) });
+    init_Header();
+    HEADER_ITEM = { id: "static-header", isHeader: true };
+    ChatArea = React3.memo(function ChatArea2({ messages, modelName }) {
+      const completedMessages = messages.filter((m) => !m.isStreaming);
+      const activeMessages = messages.filter((m) => m.isStreaming);
+      const completedCount = completedMessages.length;
+      const lastCompletedId = completedMessages[completedMessages.length - 1]?.id;
+      const staticItems = useMemo2(() => [
+        HEADER_ITEM,
+        ...completedMessages
+      ], [completedCount, lastCompletedId]);
+      return /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", width: "100%", children: [
+        /* @__PURE__ */ jsx4(Static, { items: staticItems, children: (item) => {
+          if (item.isHeader) {
+            return /* @__PURE__ */ jsx4(Header, { modelName }, "header");
+          }
+          return /* @__PURE__ */ jsx4(MessageBubble, { message: item }, item.id);
+        } }),
+        activeMessages.map((msg) => /* @__PURE__ */ jsx4(MessageBubble, { message: msg }, msg.id))
+      ] });
+    }, (prev, next) => {
+      return prev.messages === next.messages && prev.modelName === next.modelName;
     });
   }
 });
 
 // src/cli/tui/components/InputArea.tsx
-import { useRef, useState } from "react";
-import { Box as Box4, Text as Text3, useInput } from "ink";
-import { Fragment, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+import React4, { useRef, useState } from "react";
+import { Box as Box5, Text as Text4, useInput, useStdout as useStdout4 } from "ink";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 function CleanTextInput({
   onSubmit,
   placeholder,
@@ -2905,6 +3111,7 @@ function CleanTextInput({
   const [value, setValue] = useState("");
   const [cursor, setCursor] = useState(0);
   const lastCtrlCAtRef = useRef(0);
+  const pastedTextsRef = useRef([]);
   useInput((input, key) => {
     if (onScroll) {
       if (key.pageUp || key.upArrow && key.shift) {
@@ -2921,6 +3128,7 @@ function CleanTextInput({
         setValue("");
         setCursor(0);
         lastCtrlCAtRef.current = 0;
+        pastedTextsRef.current = [];
         return;
       }
       const now = Date.now();
@@ -2934,12 +3142,18 @@ function CleanTextInput({
       return;
     }
     if (key.return) {
-      const trimmed = value.trim();
+      let trimmed = value.trim();
       if (trimmed) {
+        const stored = pastedTextsRef.current;
+        trimmed = trimmed.replace(/\[pasted text#(\d+)\]/g, (_match, numStr) => {
+          const idx = parseInt(numStr, 10) - 1;
+          return idx >= 0 && idx < stored.length ? stored[idx] : _match;
+        });
         onSubmit(trimmed);
       }
       setValue("");
       setCursor(0);
+      pastedTextsRef.current = [];
       return;
     }
     if (key.backspace || key.delete) {
@@ -2970,6 +3184,16 @@ function CleanTextInput({
       setCursor(0);
       return;
     }
+    if (input.includes("\n") || input.includes("\r")) {
+      const cleaned = input.replace(/\x1b\[[0-9;]*[A-Za-z]/g, "").replace(/\r\n/g, "\n").replace(/\r/g, "\n").trim();
+      if (cleaned.length > 0) {
+        pastedTextsRef.current.push(cleaned);
+        const placeholder2 = `[pasted text#${pastedTextsRef.current.length}]`;
+        setValue((prev) => prev.slice(0, cursor) + placeholder2 + prev.slice(cursor));
+        setCursor((prev) => prev + placeholder2.length);
+      }
+      return;
+    }
     if (key.ctrl || key.meta || key.escape) return;
     if (!input || input.length === 0) return;
     if (input.includes("\x1B") || input.includes("\0")) return;
@@ -2985,94 +3209,119 @@ function CleanTextInput({
     setCursor((prev) => prev + input.length);
   });
   if (value.length === 0) {
-    return /* @__PURE__ */ jsxs3(Fragment, { children: [
-      /* @__PURE__ */ jsx4(Text3, { inverse: true, children: " " }),
-      /* @__PURE__ */ jsx4(Text3, { dimColor: true, children: placeholder || "" })
+    return /* @__PURE__ */ jsxs5(Text4, { wrap: "wrap", children: [
+      /* @__PURE__ */ jsx5(Text4, { inverse: true, children: " " }),
+      /* @__PURE__ */ jsx5(Text4, { dimColor: true, children: placeholder || "" })
     ] });
   }
   const before = value.slice(0, cursor);
   const at = cursor < value.length ? value[cursor] : " ";
   const after = cursor < value.length ? value.slice(cursor + 1) : "";
-  return /* @__PURE__ */ jsxs3(Fragment, { children: [
-    /* @__PURE__ */ jsx4(Text3, { children: before }),
-    /* @__PURE__ */ jsx4(Text3, { inverse: true, children: at }),
-    /* @__PURE__ */ jsx4(Text3, { children: after })
-  ] });
-}
-function InputArea({ onSubmit, isRunning, onExitRequest, onScroll }) {
-  return /* @__PURE__ */ jsxs3(Box4, { paddingX: 0, children: [
-    /* @__PURE__ */ jsx4(Box4, { backgroundColor: isRunning ? "#504945" : "#b8bb26", paddingX: 1, marginRight: 1, children: /* @__PURE__ */ jsx4(Text3, { color: "#282828", bold: true, children: isRunning ? " WAIT " : " INPUT " }) }),
-    /* @__PURE__ */ jsx4(Box4, { flexGrow: 1, children: isRunning ? /* @__PURE__ */ jsx4(Box4, { flexGrow: 1, onWheel: (event) => {
-    }, children: /* @__PURE__ */ jsx4(Text3, { color: "#a89984", italic: true, children: "Thinking..." }) }) : /* @__PURE__ */ jsx4(
-      CleanTextInput,
-      {
-        onSubmit,
-        placeholder: "Type a message or /command...",
-        onExitRequest,
-        onScroll
-      }
-    ) })
+  return /* @__PURE__ */ jsxs5(Text4, { wrap: "wrap", children: [
+    before,
+    /* @__PURE__ */ jsx5(Text4, { inverse: true, children: at }),
+    after
   ] });
 }
+var InputArea;
 var init_InputArea = __esm({
   "src/cli/tui/components/InputArea.tsx"() {
     "use strict";
+    InputArea = React4.memo(function InputArea2({ onSubmit, isRunning, onExitRequest, onScroll }) {
+      const { stdout } = useStdout4();
+      const labelCols = 10;
+      const textWidth = (stdout?.columns ?? 80) - 2 - labelCols;
+      return /* @__PURE__ */ jsxs5(Box5, { paddingX: 0, children: [
+        /* @__PURE__ */ jsx5(Box5, { backgroundColor: isRunning ? "#504945" : "#b8bb26", paddingX: 1, marginRight: 1, children: /* @__PURE__ */ jsx5(Text4, { color: "#282828", bold: true, children: isRunning ? " WAIT " : " INPUT " }) }),
+        /* @__PURE__ */ jsx5(Box5, { width: textWidth, children: isRunning ? /* @__PURE__ */ jsx5(Text4, { color: "#a89984", italic: true, children: "Thinking..." }) : /* @__PURE__ */ jsx5(
+          CleanTextInput,
+          {
+            onSubmit,
+            placeholder: "Type a message or /command...",
+            onExitRequest,
+            onScroll
+          }
+        ) })
+      ] });
+    });
   }
 });
 
 // src/cli/tui/components/StatusBar.tsx
-import { Box as Box5, Text as Text4 } from "ink";
-import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+import React5, { useEffect, useState as useState2 } from "react";
+import { Box as Box6, Text as Text5 } from "ink";
+import { Fragment, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 function formatTokens(n) {
   if (n >= 1e6) return `${(n / 1e6).toFixed(1)}M`;
   if (n >= 1e3) return `${(n / 1e3).toFixed(1)}K`;
   return String(n);
 }
-function StatusBar({ isRunning, modelName, todoPlan, subAgentProgress }) {
-  const todoProgress = todoPlan ? `${todoPlan.items.filter((i) => i.status === "completed").length}/${todoPlan.items.length}` : null;
-  return /* @__PURE__ */ jsxs4(Box5, { marginTop: 1, children: [
-    /* @__PURE__ */ jsx5(Box5, { backgroundColor: "#3c3836", paddingX: 1, children: /* @__PURE__ */ jsx5(Text4, { color: "#ebdbb2", bold: true, children: " ZENCODE " }) }),
-    /* @__PURE__ */ jsxs4(Box5, { backgroundColor: "#504945", paddingX: 1, flexGrow: 1, children: [
-      /* @__PURE__ */ jsx5(Text4, { color: "#ebdbb2", children: modelName }),
-      isRunning && !subAgentProgress && /* @__PURE__ */ jsxs4(Fragment2, { children: [
-        /* @__PURE__ */ jsx5(Text4, { color: "#ebdbb2", children: " \u2502 " }),
-        /* @__PURE__ */ jsx5(Text4, { color: "#8ec07c", children: "\u25CF thinking..." })
-      ] }),
-      subAgentProgress && /* @__PURE__ */ jsxs4(Fragment2, { children: [
-        /* @__PURE__ */ jsx5(Text4, { color: "#ebdbb2", children: " \u2502 " }),
-        /* @__PURE__ */ jsxs4(Text4, { color: "#b8bb26", children: [
-          "Agents: ",
-          subAgentProgress.completed + subAgentProgress.failed,
-          "/",
-          subAgentProgress.total
-        ] }),
-        /* @__PURE__ */ jsx5(Text4, { color: "#ebdbb2", children: " \u2502 " }),
-        /* @__PURE__ */ jsxs4(Text4, { color: "#83a598", children: [
-          "tokens: ",
-          formatTokens(subAgentProgress.tokens)
-        ] })
-      ] }),
-      todoProgress && /* @__PURE__ */ jsxs4(Fragment2, { children: [
-        /* @__PURE__ */ jsx5(Text4, { color: "#ebdbb2", children: " \u2502 " }),
-        /* @__PURE__ */ jsxs4(Text4, { color: "#fabd2f", children: [
-          "Plan: ",
-          todoProgress
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx5(Box5, { backgroundColor: "#3c3836", paddingX: 1, children: /* @__PURE__ */ jsx5(Text4, { color: "#ebdbb2", children: "/help" }) })
-  ] });
-}
+var StatusBar;
 var init_StatusBar = __esm({
   "src/cli/tui/components/StatusBar.tsx"() {
     "use strict";
+    init_progressStore();
+    StatusBar = React5.memo(function StatusBar2({ isRunning, modelName, todoPlan, subAgentProgress }) {
+      const [activeStreamingTool, setActiveStreamingTool] = useState2(progressStore.get());
+      useEffect(() => {
+        const handleUpdate = (progress) => {
+          setActiveStreamingTool(progress);
+        };
+        progressStore.on("change", handleUpdate);
+        return () => {
+          progressStore.off("change", handleUpdate);
+        };
+      }, []);
+      const todoProgress = todoPlan ? `${todoPlan.items.filter((i) => i.status === "completed").length}/${todoPlan.items.length}` : null;
+      return /* @__PURE__ */ jsxs6(Box6, { marginTop: 1, height: 1, width: "100%", children: [
+        /* @__PURE__ */ jsx6(Box6, { backgroundColor: "#3c3836", paddingX: 1, flexShrink: 0, children: /* @__PURE__ */ jsx6(Text5, { color: "#ebdbb2", bold: true, children: "ZENCODE" }) }),
+        /* @__PURE__ */ jsxs6(Box6, { backgroundColor: "#504945", paddingX: 1, flexGrow: 1, flexBasis: 0, children: [
+          /* @__PURE__ */ jsx6(Text5, { color: "#ebdbb2", wrap: "truncate-end", children: modelName }),
+          isRunning && !subAgentProgress && !activeStreamingTool && /* @__PURE__ */ jsxs6(Fragment, { children: [
+            /* @__PURE__ */ jsx6(Text5, { color: "#ebdbb2", children: " \u2502 " }),
+            /* @__PURE__ */ jsx6(Text5, { color: "#8ec07c", children: "\u25CF thinking..." })
+          ] }),
+          activeStreamingTool && /* @__PURE__ */ jsxs6(Fragment, { children: [
+            /* @__PURE__ */ jsx6(Text5, { color: "#ebdbb2", children: " \u2502 " }),
+            /* @__PURE__ */ jsxs6(Text5, { color: "#fabd2f", wrap: "truncate-end", children: [
+              "\u25CF ",
+              activeStreamingTool.name,
+              ": ",
+              activeStreamingTool.progress
+            ] })
+          ] }),
+          subAgentProgress && /* @__PURE__ */ jsxs6(Fragment, { children: [
+            /* @__PURE__ */ jsx6(Text5, { color: "#ebdbb2", children: " \u2502 " }),
+            /* @__PURE__ */ jsxs6(Text5, { color: "#b8bb26", children: [
+              "Agents: ",
+              subAgentProgress.completed + subAgentProgress.failed,
+              "/",
+              subAgentProgress.total
+            ] }),
+            /* @__PURE__ */ jsx6(Text5, { color: "#ebdbb2", children: " \u2502 " }),
+            /* @__PURE__ */ jsxs6(Text5, { color: "#83a598", children: [
+              "tokens: ",
+              formatTokens(subAgentProgress.tokens)
+            ] })
+          ] }),
+          todoProgress && /* @__PURE__ */ jsxs6(Fragment, { children: [
+            /* @__PURE__ */ jsx6(Text5, { color: "#ebdbb2", children: " \u2502 " }),
+            /* @__PURE__ */ jsxs6(Text5, { color: "#fabd2f", children: [
+              "Plan: ",
+              todoProgress
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx6(Box6, { backgroundColor: "#3c3836", paddingX: 1, flexShrink: 0, children: /* @__PURE__ */ jsx6(Text5, { color: "#ebdbb2", children: "/help" }) })
+      ] });
+    });
   }
 });
 
 // src/cli/tui/components/ConfirmPrompt.tsx
-import { useState as useState2 } from "react";
-import { Box as Box6, Text as Text5, useInput as useInput2 } from "ink";
-import { Fragment as Fragment3, jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+import { useState as useState3 } from "react";
+import { Box as Box7, Text as Text6, useInput as useInput2 } from "ink";
+import { Fragment as Fragment2, jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
 function getToolDetails(toolName, params) {
   const lines = [];
   let label = toolName;
@@ -3118,8 +3367,8 @@ function getToolDetails(toolName, params) {
   return { lines, label };
 }
 function FeedbackInput({ onSubmit }) {
-  const [value, setValue] = useState2("");
-  const [cursor, setCursor] = useState2(0);
+  const [value, setValue] = useState3("");
+  const [cursor, setCursor] = useState3(0);
   useInput2((input, key) => {
     if (key.return) {
       onSubmit(value);
@@ -3158,23 +3407,23 @@ function FeedbackInput({ onSubmit }) {
     setCursor((prev) => prev + input.length);
   });
   if (value.length === 0) {
-    return /* @__PURE__ */ jsxs5(Fragment3, { children: [
-      /* @__PURE__ */ jsx6(Text5, { inverse: true, children: " " }),
-      /* @__PURE__ */ jsx6(Text5, { dimColor: true, children: "\u8F93\u5165\u53CD\u9988\u6307\u4EE4\u7ED9 AI..." })
+    return /* @__PURE__ */ jsxs7(Fragment2, { children: [
+      /* @__PURE__ */ jsx7(Text6, { inverse: true, children: " " }),
+      /* @__PURE__ */ jsx7(Text6, { dimColor: true, children: "\u8F93\u5165\u53CD\u9988\u6307\u4EE4\u7ED9 AI..." })
     ] });
   }
   const before = value.slice(0, cursor);
   const at = cursor < value.length ? value[cursor] : " ";
   const after = cursor < value.length ? value.slice(cursor + 1) : "";
-  return /* @__PURE__ */ jsxs5(Fragment3, { children: [
-    /* @__PURE__ */ jsx6(Text5, { children: before }),
-    /* @__PURE__ */ jsx6(Text5, { inverse: true, children: at }),
-    /* @__PURE__ */ jsx6(Text5, { children: after })
+  return /* @__PURE__ */ jsxs7(Fragment2, { children: [
+    /* @__PURE__ */ jsx7(Text6, { children: before }),
+    /* @__PURE__ */ jsx7(Text6, { inverse: true, children: at }),
+    /* @__PURE__ */ jsx7(Text6, { children: after })
   ] });
 }
 function ConfirmPrompt({ confirm, onRespond }) {
-  const [selected, setSelected] = useState2(0);
-  const [feedbackMode, setFeedbackMode] = useState2(false);
+  const [selected, setSelected] = useState3(0);
+  const [feedbackMode, setFeedbackMode] = useState3(false);
   useInput2((input, key) => {
     if (feedbackMode) return;
     if (key.leftArrow) {
@@ -3197,21 +3446,21 @@ function ConfirmPrompt({ confirm, onRespond }) {
   }, { isActive: !feedbackMode });
   const { lines, label } = getToolDetails(confirm.toolName, confirm.params);
   if (feedbackMode) {
-    return /* @__PURE__ */ jsxs5(Box6, { flexDirection: "column", paddingX: 0, marginY: 1, children: [
-      /* @__PURE__ */ jsx6(Box6, { backgroundColor: "#fe8019", paddingX: 1, children: /* @__PURE__ */ jsx6(Text5, { color: "#282828", bold: true, children: " FEEDBACK " }) }),
-      /* @__PURE__ */ jsxs5(
-        Box6,
+    return /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", paddingX: 0, marginY: 0, children: [
+      /* @__PURE__ */ jsx7(Box7, { backgroundColor: "#fe8019", paddingX: 1, children: /* @__PURE__ */ jsx7(Text6, { color: "#282828", bold: true, children: " FEEDBACK " }) }),
+      /* @__PURE__ */ jsxs7(
+        Box7,
         {
           flexDirection: "column",
           borderStyle: "round",
           borderColor: "#fe8019",
           paddingX: 1,
           children: [
-            /* @__PURE__ */ jsx6(Text5, { bold: true, color: "#fabd2f", children: label }),
-            lines.map((line, i) => /* @__PURE__ */ jsx6(Text5, { color: "#a89984", children: line }, i)),
-            /* @__PURE__ */ jsxs5(Box6, { marginTop: 1, gap: 1, children: [
-              /* @__PURE__ */ jsx6(Text5, { color: "#83a598", bold: true, children: "Reason: " }),
-              /* @__PURE__ */ jsx6(
+            /* @__PURE__ */ jsx7(Text6, { bold: true, color: "#fabd2f", children: label }),
+            lines.map((line, i) => /* @__PURE__ */ jsx7(Text6, { color: "#a89984", children: line }, i)),
+            /* @__PURE__ */ jsxs7(Box7, { marginTop: 0, gap: 1, children: [
+              /* @__PURE__ */ jsx7(Text6, { color: "#83a598", bold: true, children: "Reason: " }),
+              /* @__PURE__ */ jsx7(
                 FeedbackInput,
                 {
                   onSubmit: (text) => {
@@ -3228,29 +3477,29 @@ function ConfirmPrompt({ confirm, onRespond }) {
           ]
         }
       ),
-      /* @__PURE__ */ jsx6(Box6, { paddingX: 1, children: /* @__PURE__ */ jsx6(Text5, { dimColor: true, children: "Enter to send \xB7 Esc to cancel" }) })
+      /* @__PURE__ */ jsx7(Box7, { paddingX: 1, children: /* @__PURE__ */ jsx7(Text6, { dimColor: true, children: "Enter to send \xB7 Esc to cancel" }) })
     ] });
   }
-  return /* @__PURE__ */ jsxs5(Box6, { flexDirection: "column", paddingX: 0, marginY: 1, children: [
-    /* @__PURE__ */ jsx6(Box6, { backgroundColor: "#fe8019", paddingX: 1, children: /* @__PURE__ */ jsx6(Text5, { color: "#282828", bold: true, children: " CONFIRMATION REQUIRED " }) }),
-    /* @__PURE__ */ jsxs5(
-      Box6,
+  return /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", paddingX: 0, marginY: 0, children: [
+    /* @__PURE__ */ jsx7(Box7, { backgroundColor: "#fe8019", paddingX: 1, children: /* @__PURE__ */ jsx7(Text6, { color: "#282828", bold: true, children: " CONFIRMATION REQUIRED " }) }),
+    /* @__PURE__ */ jsxs7(
+      Box7,
       {
         flexDirection: "column",
         borderStyle: "round",
         borderColor: "#fe8019",
         paddingX: 1,
         children: [
-          /* @__PURE__ */ jsx6(Text5, { bold: true, color: "#fabd2f", children: label }),
-          lines.map((line, i) => /* @__PURE__ */ jsx6(Text5, { color: "#a89984", children: line }, i)),
-          /* @__PURE__ */ jsx6(Box6, { marginTop: 1, gap: 2, justifyContent: "center", children: OPTIONS.map((opt, i) => {
+          /* @__PURE__ */ jsx7(Text6, { bold: true, color: "#fabd2f", children: label }),
+          lines.map((line, i) => /* @__PURE__ */ jsx7(Text6, { color: "#a89984", children: line }, i)),
+          /* @__PURE__ */ jsx7(Box7, { marginTop: 0, gap: 2, justifyContent: "center", children: OPTIONS.map((opt, i) => {
             const isSelected = i === selected;
             const optColor = opt.key === "deny" ? "#fb4934" : opt.key === "allow" ? "#b8bb26" : "#8ec07c";
-            return /* @__PURE__ */ jsx6(Box6, { children: isSelected ? /* @__PURE__ */ jsxs5(Text5, { bold: true, backgroundColor: optColor, color: "#282828", children: [
+            return /* @__PURE__ */ jsx7(Box7, { children: isSelected ? /* @__PURE__ */ jsxs7(Text6, { bold: true, backgroundColor: optColor, color: "#282828", children: [
               " ",
               opt.label,
               " "
-            ] }) : /* @__PURE__ */ jsxs5(Text5, { color: optColor, children: [
+            ] }) : /* @__PURE__ */ jsxs7(Text6, { color: optColor, children: [
               " ",
               opt.label,
               " "
@@ -3259,7 +3508,7 @@ function ConfirmPrompt({ confirm, onRespond }) {
         ]
       }
     ),
-    /* @__PURE__ */ jsx6(Box6, { paddingX: 1, children: /* @__PURE__ */ jsx6(Text5, { dimColor: true, children: "\u2190 \u2192 select \xB7 Enter confirm \xB7 y/n shortcuts \xB7 Tab feedback" }) })
+    /* @__PURE__ */ jsx7(Box7, { paddingX: 1, children: /* @__PURE__ */ jsx7(Text6, { dimColor: true, children: "\u2190 \u2192 select \xB7 Enter confirm \xB7 y/n shortcuts \xB7 Tab feedback" }) })
   ] });
 }
 var OPTIONS;
@@ -3275,16 +3524,17 @@ var init_ConfirmPrompt = __esm({
 });
 
 // src/cli/tui/components/TodoPanel.tsx
-import { Box as Box7, Text as Text6 } from "ink";
-import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+import React7 from "react";
+import { Box as Box8, Text as Text7 } from "ink";
+import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
 function getStatusIcon(status) {
   switch (status) {
     case "completed":
-      return "\u2705";
+      return "*";
     case "in-progress":
-      return "\u23F3";
+      return ">";
     default:
-      return "\u26AA";
+      return " ";
   }
 }
 function getStatusColor(status) {
@@ -3297,100 +3547,89 @@ function getStatusColor(status) {
       return "#928374";
   }
 }
-function TodoPanel({ plan }) {
-  const completed = plan.items.filter((i) => i.status === "completed").length;
-  const total = plan.items.length;
-  return /* @__PURE__ */ jsxs6(
-    Box7,
-    {
-      flexDirection: "column",
-      borderStyle: "round",
-      borderColor: "#83a598",
-      paddingX: 1,
-      marginY: 1,
-      children: [
-        /* @__PURE__ */ jsxs6(Box7, { justifyContent: "space-between", marginBottom: 1, children: [
-          /* @__PURE__ */ jsx7(Text6, { bold: true, color: "#83a598", children: "\u{1F4CB} PROJECT PLAN" }),
-          /* @__PURE__ */ jsxs6(Text6, { color: "#ebdbb2", children: [
-            completed,
-            "/",
-            total,
-            " tasks"
-          ] })
-        ] }),
-        plan.items.map((item) => /* @__PURE__ */ jsxs6(Box7, { gap: 1, children: [
-          /* @__PURE__ */ jsx7(Text6, { color: getStatusColor(item.status), children: getStatusIcon(item.status) }),
-          /* @__PURE__ */ jsx7(
-            Text6,
-            {
-              color: item.status === "completed" ? "#b8bb26" : item.status === "in-progress" ? "#fabd2f" : "#ebdbb2",
-              dimColor: item.status === "pending",
-              strikethrough: item.status === "completed",
-              children: item.title
-            }
-          )
-        ] }, item.id))
-      ]
-    }
-  );
-}
+var TodoPanel;
 var init_TodoPanel = __esm({
   "src/cli/tui/components/TodoPanel.tsx"() {
     "use strict";
-  }
-});
-
-// src/cli/tui/components/Header.tsx
-import { Box as Box8, Text as Text7 } from "ink";
-import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
-function Header({ modelName }) {
-  return /* @__PURE__ */ jsx8(
-    Box8,
-    {
-      flexDirection: "column",
-      width: "100%",
-      borderStyle: "round",
-      borderColor: "#504945",
-      paddingX: 1,
-      marginTop: 0,
-      marginBottom: 1,
-      children: /* @__PURE__ */ jsxs7(Box8, { justifyContent: "space-between", children: [
-        /* @__PURE__ */ jsxs7(Box8, { gap: 1, children: [
-          /* @__PURE__ */ jsx8(Text7, { bold: true, color: "#fe8019", children: "ZEN CODE" }),
-          /* @__PURE__ */ jsx8(Text7, { color: "#a89984", dimColor: true, children: "v0.2.1" })
-        ] }),
-        /* @__PURE__ */ jsx8(Text7, { color: "#83a598", bold: true, children: modelName })
-      ] })
-    }
-  );
-}
-var init_Header = __esm({
-  "src/cli/tui/components/Header.tsx"() {
-    "use strict";
+    TodoPanel = React7.memo(function TodoPanel2({ plan }) {
+      const completed = plan.items.filter((i) => i.status === "completed").length;
+      const total = plan.items.length;
+      return /* @__PURE__ */ jsxs8(
+        Box8,
+        {
+          flexDirection: "column",
+          borderStyle: "round",
+          borderColor: "#83a598",
+          paddingX: 1,
+          marginY: 0,
+          width: "100%",
+          children: [
+            /* @__PURE__ */ jsxs8(Box8, { justifyContent: "space-between", marginBottom: 0, children: [
+              /* @__PURE__ */ jsx8(Text7, { bold: true, color: "#83a598", children: "PROJECT PLAN" }),
+              /* @__PURE__ */ jsxs8(Text7, { color: "#ebdbb2", children: [
+                completed,
+                "/",
+                total,
+                " tasks"
+              ] })
+            ] }),
+            plan.items.map((item) => /* @__PURE__ */ jsxs8(Box8, { gap: 0, children: [
+              /* @__PURE__ */ jsxs8(Text7, { color: getStatusColor(item.status), children: [
+                "[",
+                getStatusIcon(item.status),
+                "]"
+              ] }),
+              /* @__PURE__ */ jsx8(Text7, { children: " " }),
+              /* @__PURE__ */ jsx8(
+                Text7,
+                {
+                  color: item.status === "completed" ? "#b8bb26" : item.status === "in-progress" ? "#fabd2f" : "#ebdbb2",
+                  dimColor: item.status === "pending",
+                  strikethrough: item.status === "completed",
+                  children: item.title
+                }
+              )
+            ] }, item.id))
+          ]
+        }
+      );
+    }, (prev, next) => {
+      return prev.plan === next.plan;
+    });
   }
 });
 
 // src/cli/tui/App.tsx
-import { useReducer, useCallback, useEffect, useRef as useRef2, useState as useState3 } from "react";
-import { Box as Box9, Text as Text8, useInput as useInput3, useStdout } from "ink";
-import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+import { useReducer, useCallback, useEffect as useEffect2, useRef as useRef2, useState as useState4 } from "react";
+import { Box as Box9, Text as Text8, useInput as useInput3, useStdout as useStdout5 } from "ink";
+import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
 function App({ config, client, agent, registry, todoStore, subAgentTracker, agentRegistry, skillRegistry }) {
-  const { stdout } = useStdout();
-  const [, setWidth] = useState3(stdout.columns);
-  useEffect(() => {
+  const { stdout } = useStdout5();
+  const [resetKey, setResetKey] = useState4(0);
+  useEffect2(() => {
+    let timer;
+    let lastCols = stdout.columns;
+    let lastRows = stdout.rows;
     const onResize = () => {
-      setWidth(stdout.columns);
+      if (stdout.columns === lastCols && stdout.rows === lastRows) return;
+      lastCols = stdout.columns;
+      lastRows = stdout.rows;
+      clearTimeout(timer);
+      timer = setTimeout(() => {
+        process.stdout.write("\x1B[2J\x1B[3J\x1B[H");
+        setResetKey((prev) => prev + 1);
+      }, 100);
     };
     stdout.on("resize", onResize);
     return () => {
       stdout.off("resize", onResize);
+      clearTimeout(timer);
     };
   }, [stdout]);
   const [state, dispatch] = useReducer(
     tuiReducer,
     createInitialState(config.model)
   );
-  const [resetKey, setResetKey] = useState3(0);
   const currentCallbacksRef = useRef2(null);
   const agentRef = useRef2(agent);
   const todoStoreRef = useRef2(todoStore);
@@ -3398,12 +3637,12 @@ function App({ config, client, agent, registry, todoStore, subAgentTracker, agen
   agentRef.current = agent;
   todoStoreRef.current = todoStore;
   subAgentTrackerRef.current = subAgentTracker;
-  useEffect(() => {
+  useEffect2(() => {
     return todoStoreRef.current.subscribe((plan) => {
       dispatch({ type: "SET_TODO_PLAN", plan });
     });
   }, []);
-  useEffect(() => {
+  useEffect2(() => {
     let timer = null;
     let latest = null;
     const unsub = subAgentTrackerRef.current.subscribe((progress) => {
@@ -3433,7 +3672,7 @@ function App({ config, client, agent, registry, todoStore, subAgentTracker, agen
     (found, msg) => found || msg.confirmPending,
     void 0
   );
-  useEffect(() => {
+  useEffect2(() => {
     setStructuredConfirmHandler((toolName, params) => {
       return new Promise((resolve10) => {
         const id = `confirm-${Date.now()}`;
@@ -3493,7 +3732,7 @@ function App({ config, client, agent, registry, todoStore, subAgentTracker, agen
         await runAgent(expandedPrompt);
         return;
       }
-      handleSlashCommand2(text, {
+      handleSlashCommand(text, {
         config,
         agent: agentRef.current,
         registry,
@@ -3536,9 +3775,10 @@ function App({ config, client, agent, registry, todoStore, subAgentTracker, agen
       return;
     }
     if (input === "c" && key.ctrl) {
-      if (state.isRunning) {
+      if (state.isRunning || confirmPending) {
         agentRef.current.interrupt();
         currentCallbacksRef.current?._stopBatcher?.();
+        dispatch({ type: "CONFIRM_RESPONDED", id: "" });
         dispatch({ type: "SET_RUNNING", running: false });
         dispatch({ type: "FINISH_STREAMING" });
         return;
@@ -3548,18 +3788,21 @@ function App({ config, client, agent, registry, todoStore, subAgentTracker, agen
       process.exit(0);
     }
   });
-  return /* @__PURE__ */ jsxs8(Box9, { flexDirection: "column", paddingX: 0, width: "100%", children: [
-    /* @__PURE__ */ jsxs8(Box9, { paddingX: 1, flexDirection: "column", children: [
-      /* @__PURE__ */ jsx9(Header, { modelName: state.modelName }),
-      /* @__PURE__ */ jsx9(ChatArea, { messages: state.messages })
-    ] }),
-    state.error && /* @__PURE__ */ jsxs8(Box9, { borderStyle: "round", borderColor: "#fb4934", paddingX: 1, marginBottom: 1, children: [
+  return /* @__PURE__ */ jsxs9(Box9, { flexDirection: "column", paddingLeft: 1, paddingRight: 1, width: "100%", children: [
+    /* @__PURE__ */ jsx9(
+      ChatArea,
+      {
+        messages: state.messages,
+        modelName: state.modelName
+      }
+    ),
+    state.error && /* @__PURE__ */ jsxs9(Box9, { borderStyle: "round", borderColor: "#fb4934", paddingX: 1, marginBottom: 0, children: [
       /* @__PURE__ */ jsx9(Text8, { color: "#fb4934", bold: true, children: "ERROR: " }),
       /* @__PURE__ */ jsx9(Text8, { color: "#fb4934", children: state.error })
     ] }),
     confirmPending && /* @__PURE__ */ jsx9(ConfirmPrompt, { confirm: confirmPending, onRespond: handleConfirmResponse }),
     state.todoPlan && /* @__PURE__ */ jsx9(TodoPanel, { plan: state.todoPlan }),
-    /* @__PURE__ */ jsx9(Box9, { marginTop: 1, children: /* @__PURE__ */ jsx9(
+    /* @__PURE__ */ jsx9(Box9, { marginTop: 0, children: /* @__PURE__ */ jsx9(
       InputArea,
       {
         onSubmit: handleSubmit,
@@ -3567,7 +3810,7 @@ function App({ config, client, agent, registry, todoStore, subAgentTracker, agen
         onExitRequest: () => process.exit(0)
       }
     ) }),
-    /* @__PURE__ */ jsx9(Box9, { marginTop: 0, children: /* @__PURE__ */ jsx9(
+    /* @__PURE__ */ jsx9(
       StatusBar,
       {
         isRunning: state.isRunning,
@@ -3575,125 +3818,9 @@ function App({ config, client, agent, registry, todoStore, subAgentTracker, agen
         todoPlan: state.todoPlan,
         subAgentProgress: state.subAgentProgress
       }
-    ) })
+    )
   ] }, resetKey);
 }
-function handleSlashCommand2(input, ctx) {
-  const { config, agent, registry, dispatch, setResetKey, client, todoStore, subAgentTracker, agentRegistry, skillRegistry } = ctx;
-  const parts = input.trim().split(/\s+/);
-  const command = parts[0];
-  switch (command) {
-    case "/help":
-      dispatch({ type: "ADD_USER_MESSAGE", text: input });
-      dispatch({ type: "START_ASSISTANT" });
-      {
-        let helpText = `\u53EF\u7528\u547D\u4EE4:
-  /help                \u663E\u793A\u6B64\u5E2E\u52A9\u4FE1\u606F
-  /skills              \u5217\u51FA\u6240\u6709\u53EF\u7528\u6280\u80FD
-  /agents              \u5217\u51FA\u6240\u6709\u53EF\u7528\u5B50 Agent
-  /parallel            \u5207\u6362\u5E76\u884C\u5B50 Agent \u529F\u80FD on/off
-  /todo                \u5207\u6362 todo \u8BA1\u5212\u529F\u80FD on/off
-  /clear               \u6E05\u7A7A\u5BF9\u8BDD\u5386\u53F2
-  /info                \u663E\u793A\u5F53\u524D\u914D\u7F6E
-  Ctrl+C               \u53D6\u6D88\u5F53\u524D\u8BF7\u6C42 / \u9000\u51FA
-  Ctrl+D               \u9000\u51FA`;
-        const skills = skillRegistry.list();
-        if (skills.length > 0) {
-          helpText += `
-
-\u53EF\u7528\u6280\u80FD:
-${skills.map((s) => `  /${s.name}  ${s.description}`).join("\n")}`;
-        }
-        dispatch({ type: "APPEND_CONTENT", text: helpText });
-      }
-      dispatch({ type: "FINISH_STREAMING" });
-      break;
-    case "/skills": {
-      const skills = skillRegistry.list();
-      dispatch({ type: "ADD_USER_MESSAGE", text: input });
-      dispatch({ type: "START_ASSISTANT" });
-      if (skills.length === 0) {
-        dispatch({ type: "APPEND_CONTENT", text: "\u6682\u65E0\u53EF\u7528\u6280\u80FD\u3002\u5728 ~/.zencode/skills/ \u6216 .zencode/skills/ \u653E\u7F6E YAML \u6587\u4EF6\u6DFB\u52A0\u6280\u80FD\u3002" });
-      } else {
-        const lines = skills.map((s) => `  /${s.name}: ${s.description}`);
-        dispatch({ type: "APPEND_CONTENT", text: `\u53EF\u7528\u6280\u80FD (${skills.length}):
-${lines.join("\n")}` });
-      }
-      dispatch({ type: "FINISH_STREAMING" });
-      break;
-    }
-    case "/agents": {
-      const agents = agentRegistry.list();
-      dispatch({ type: "ADD_USER_MESSAGE", text: input });
-      dispatch({ type: "START_ASSISTANT" });
-      if (agents.length === 0) {
-        dispatch({ type: "APPEND_CONTENT", text: "\u6682\u65E0\u53EF\u7528\u5B50 Agent\u3002" });
-      } else {
-        const lines = agents.map((a) => `  ${a.name}: ${a.description} [tools: ${a.tools.join(", ")}]`);
-        dispatch({ type: "APPEND_CONTENT", text: `\u53EF\u7528\u5B50 Agent (${agents.length}):
-${lines.join("\n")}` });
-      }
-      dispatch({ type: "FINISH_STREAMING" });
-      break;
-    }
-    case "/clear":
-      agent.getConversation().clear();
-      dispatch({ type: "CLEAR_MESSAGES" });
-      setResetKey((prev) => prev + 1);
-      break;
-    case "/parallel": {
-      const current = config.features.parallel_agents;
-      const next = current === "on" ? "off" : "on";
-      config.features.parallel_agents = next;
-      if (next === "off") {
-        registry.unregister("spawn-agents");
-      } else if (!registry.has("spawn-agents")) {
-        registry.register(createSpawnAgentsTool(client, registry, config, subAgentTracker));
-      }
-      dispatch({ type: "ADD_USER_MESSAGE", text: input });
-      dispatch({ type: "START_ASSISTANT" });
-      dispatch({ type: "APPEND_CONTENT", text: `\u5E76\u884C\u5B50 Agent \u529F\u80FD\u5DF2${next === "on" ? "\u5F00\u542F" : "\u5173\u95ED"}` });
-      dispatch({ type: "FINISH_STREAMING" });
-      break;
-    }
-    case "/todo": {
-      const current = config.features.todo;
-      const next = current === "on" ? "off" : "on";
-      config.features.todo = next;
-      if (next === "off") {
-        registry.unregister("todo");
-      } else if (!registry.has("todo")) {
-        registry.register(createTodoTool(todoStore));
-      }
-      dispatch({ type: "ADD_USER_MESSAGE", text: input });
-      dispatch({ type: "START_ASSISTANT" });
-      dispatch({ type: "APPEND_CONTENT", text: `Todo \u8BA1\u5212\u529F\u80FD\u5DF2${next === "on" ? "\u5F00\u542F" : "\u5173\u95ED"}` });
-      dispatch({ type: "FINISH_STREAMING" });
-      break;
-    }
-    case "/info":
-      dispatch({ type: "ADD_USER_MESSAGE", text: input });
-      dispatch({ type: "START_ASSISTANT" });
-      dispatch({
-        type: "APPEND_CONTENT",
-        text: `\u6A21\u578B: ${config.model}
-\u57FA\u7840 URL: ${config.base_url}
-\u5B50 Agent: ${agentRegistry.listNames().join(", ") || "\u65E0"}
-\u6280\u80FD: ${skillRegistry.listNames().map((n) => "/" + n).join(", ") || "\u65E0"}`
-      });
-      dispatch({ type: "FINISH_STREAMING" });
-      break;
-    default:
-      dispatch({ type: "ADD_USER_MESSAGE", text: input });
-      dispatch({ type: "START_ASSISTANT" });
-      dispatch({
-        type: "APPEND_CONTENT",
-        text: `\u672A\u77E5\u547D\u4EE4: ${command}\u3002\u8F93\u5165 /help \u67E5\u770B\u5E2E\u52A9\u3002`
-      });
-      dispatch({ type: "FINISH_STREAMING" });
-      break;
-  }
-}
 var init_App = __esm({
   "src/cli/tui/App.tsx"() {
     "use strict";
@@ -3701,14 +3828,11 @@ var init_App = __esm({
     init_permission();
     init_state();
     init_bridge();
-    init_spawn_agents();
-    init_todo();
     init_ChatArea();
     init_InputArea();
     init_StatusBar();
     init_ConfirmPrompt();
     init_TodoPanel();
-    init_Header();
   }
 });
 
@@ -3902,69 +4026,9 @@ init_spawn_agents();
 init_todo();
 init_dispatch();
 init_bridge();
+init_ui();
 import * as readline from "readline";
-
-// src/cli/ui.ts
-import chalk2 from "chalk";
-import ora from "ora";
-import { marked } from "marked";
-import * as _markedTerminal from "marked-terminal";
-import { createTwoFilesPatch } from "diff";
-var markedTerminal2 = _markedTerminal.markedTerminal;
-marked.use(markedTerminal2());
-function printStream(text) {
-  process.stdout.write(text);
-}
-function printToolCall(toolName, params) {
-  let detail = "";
-  if (toolName === "bash" && params["command"]) {
-    detail = ` ${chalk2.dim(String(params["command"]).slice(0, 80))}`;
-  } else if ((toolName === "read-file" || toolName === "write-file" || toolName === "edit-file") && params["path"]) {
-    detail = ` ${chalk2.dim(String(params["path"]))}`;
-  } else if (toolName === "glob" && params["pattern"]) {
-    detail = ` ${chalk2.dim(String(params["pattern"]))}`;
-  } else if (toolName === "grep" && params["pattern"]) {
-    detail = ` ${chalk2.dim(String(params["pattern"]))}`;
-  } else if (toolName === "spawn-agents" && params["tasks"]) {
-    const tasks = params["tasks"];
-    detail = ` ${chalk2.dim(`${tasks.length} \u4E2A\u5E76\u884C\u4EFB\u52A1`)}`;
-  } else if (toolName === "todo" && params["action"]) {
-    const action = String(params["action"]);
-    const id = params["id"] ? ` [${params["id"]}]` : "";
-    detail = ` ${chalk2.dim(`${action}${id}`)}`;
-  }
-  const icon = toolName === "spawn-agents" ? "\u26A1" : toolName === "todo" ? "\u{1F4CB}" : "\u2699";
-  console.log(chalk2.yellow(`  ${icon} ${toolName}`) + detail);
-}
-function printToolResult(toolName, result, truncated) {
-  if (truncated) {
-    console.log(chalk2.dim(`  \u2713 ${toolName} (\u8F93\u51FA\u5DF2\u622A\u65AD)`));
-  } else {
-    const lines = result.split("\n").length;
-    console.log(chalk2.dim(`  \u2713 ${toolName} (${lines} \u884C)`));
-  }
-}
-function printError(message) {
-  console.error(chalk2.red(`\u2717 ${message}`));
-}
-function printInfo(message) {
-  console.log(chalk2.cyan(`\u2139 ${message}`));
-}
-function printWarning(message) {
-  console.log(chalk2.yellow(`\u26A0 ${message}`));
-}
-function printSuccess(message) {
-  console.log(chalk2.green(`\u2713 ${message}`));
-}
-function printWelcome(modelName) {
-  console.log(chalk2.bold.cyan("\n  ZenCode") + chalk2.dim(" - \u6781\u7B80 AI \u7F16\u7A0B\u52A9\u624B\n"));
-  console.log(chalk2.dim(`  \u6A21\u578B: ${modelName}`));
-  console.log(chalk2.dim(`  \u8F93\u5165 /help \u67E5\u770B\u547D\u4EE4\uFF0CCtrl+C \u9000\u51FA
-`));
-}
-
-// src/cli/repl.ts
-function handleSlashCommand(input, context) {
+function handleSlashCommand2(input, context) {
   const parts = input.trim().split(/\s+/);
   const command = parts[0];
   switch (command) {
@@ -4156,7 +4220,7 @@ async function startRepl(options) {
         rl.prompt();
         return;
       }
-      const handled = handleSlashCommand(input, {
+      const handled = handleSlashCommand2(input, {
         config,
         registry,
         client,
@@ -4232,6 +4296,7 @@ init_spawn_agents();
 init_todo();
 init_dispatch();
 init_bridge();
+init_ui();
 async function runOnce(prompt, config) {
   const agentRegistry = new SubAgentConfigRegistry();
   for (const agentConfig of loadAllAgentConfigs()) {
@@ -4295,7 +4360,7 @@ async function runOnce(prompt, config) {
 }
 function createCli() {
   const program2 = new Command();
-  program2.name("zencode").description("\u6781\u7B80 CLI AI \u7F16\u7A0B\u5DE5\u5177").version("0.2.3").option("-m, --model <model>", "\u6307\u5B9A\u6A21\u578B\u540D\u79F0").option("-k, --api-key <key>", "API \u5BC6\u94A5").option("-u, --base-url <url>", "API \u57FA\u7840 URL").option("--simple", "\u4F7F\u7528\u7B80\u5355 REPL \u6A21\u5F0F\uFF08\u975E\u5168\u5C4F TUI\uFF09").argument("[prompt...]", "\u76F4\u63A5\u6267\u884C\u7684\u63D0\u793A\u8BCD\uFF08\u975E\u4EA4\u4E92\u5F0F\uFF09").action(async (promptParts, opts) => {
+  program2.name("zencode").description("\u6781\u7B80 CLI AI \u7F16\u7A0B\u5DE5\u5177").version("0.4.1").option("-m, --model <model>", "\u6307\u5B9A\u6A21\u578B\u540D\u79F0").option("-k, --api-key <key>", "API \u5BC6\u94A5").option("-u, --base-url <url>", "API \u57FA\u7840 URL").option("--simple", "\u4F7F\u7528\u7B80\u5355 REPL \u6A21\u5F0F\uFF08\u975E\u5168\u5C4F TUI\uFF09").argument("[prompt...]", "\u76F4\u63A5\u6267\u884C\u7684\u63D0\u793A\u8BCD\uFF08\u975E\u4EA4\u4E92\u5F0F\uFF09").action(async (promptParts, opts) => {
     const config = loadConfig(opts);
     if (!config.api_key) {
       printError("\u672A\u8BBE\u7F6E API \u5BC6\u94A5\u3002\u8BF7\u901A\u8FC7\u4EE5\u4E0B\u65B9\u5F0F\u4E4B\u4E00\u8BBE\u7F6E\uFF1A");
@@ -4311,6 +4376,7 @@ function createCli() {
       await startRepl({ config });
     } else {
       const { startTui: startTui2 } = await Promise.resolve().then(() => (init_tui(), tui_exports));
+      process.stdout.write("\x1Bc");
       await startTui2({ config });
     }
   });