@zhongqian97-code/ecode 0.2.3 → 0.2.5

package/dist/index.js

@@ -95,8 +95,8 @@ function loadConfig() {
 }
 
 // src/ui/App.tsx
-import { useState as useState3, useCallback, useRef as useRef2, useEffect as useEffect3 } from "react";
-import { Box as Box5, useInput as useInput2 } from "ink";
+import { useState as useState3, useCallback, useRef as useRef2, useEffect as useEffect3, useMemo } from "react";
+import { Box as Box5, useInput as useInput2, useStdout } from "ink";
 
 // src/llm.ts
 import OpenAI from "openai";
@@ -472,162 +472,123 @@ function StatusBar({
 
 // src/ui/ConversationHistory.tsx
 import { Box as Box2, Text as Text2 } from "ink";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+
+// src/ui/messageLines.ts
 var TOOL_RESULT_MAX_LINES = 3;
-function truncateLines(text, maxLines) {
-  const lines = text.split("\n");
-  if (lines.length <= maxLines) return text;
-  return lines.slice(0, maxLines).join("\n") + "\n\u2026";
-}
-function UserMessage({
-  content
-}) {
-  return (
-    // marginBottom={0} 避免 Ink 默认添加的底部间距，使历史区域更紧凑
-    /* @__PURE__ */ jsx2(Box2, { flexDirection: "row", marginBottom: 0, children: /* @__PURE__ */ jsxs2(Text2, { color: "white", children: [
-      "> ",
-      content
-    ] }) })
-  );
-}
-function AssistantMessage({
-  content,
-  tool_calls,
-  reasoning_content,
-  expandTools
-}) {
-  return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", marginBottom: 0, children: [
-    reasoning_content && reasoning_content.length > 0 && (expandTools ? (
-      // 展开：显示 <thinking> 标题和完整推理内容
-      /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", children: [
-        /* @__PURE__ */ jsx2(Text2, { color: "gray", children: "<thinking>" }),
-        /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: reasoning_content })
-      ] })
-    ) : (
-      // 折叠：一行简短占位符，告知用户有隐藏的思考内容
-      /* @__PURE__ */ jsx2(Text2, { color: "gray", children: "[+ thinking]" })
-    )),
-    content && content.trim().length > 0 && /* @__PURE__ */ jsx2(Text2, { color: "cyan", children: content }),
-    tool_calls && tool_calls.length > 0 && (expandTools ? (
-      // 展开：逐条渲染每个工具调用
-      tool_calls.map((tc, idx) => {
-        let argsDisplay = tc.function.arguments;
-        try {
-          const parsed = JSON.parse(tc.function.arguments);
-          if (typeof parsed === "object" && parsed !== null) {
-            argsDisplay = Object.values(parsed).map(String).join(", ");
-          }
-        } catch {
-        }
-        return (
-          // 黄色 ⚙ 图标 + 工具名 + 格式化参数
-          /* @__PURE__ */ jsxs2(Text2, { color: "yellow", children: [
-            "\u2699 \u8C03\u7528\u5DE5\u5177: ",
-            tc.function.name,
-            "(",
-            argsDisplay,
-            ")"
-          ] }, idx)
-        );
-      })
-    ) : (
-      // 折叠：用计数占位符替代，避免占用多行
-      /* @__PURE__ */ jsxs2(Text2, { color: "gray", children: [
-        "[+ ",
-        tool_calls.length,
-        " \u4E2A\u5DE5\u5177\u8C03\u7528]"
-      ] })
-    ))
-  ] });
-}
-function ToolMessage({
-  content,
-  expandTools
-}) {
-  if (!expandTools) {
-    return /* @__PURE__ */ jsx2(Box2, { flexDirection: "row", marginBottom: 0, children: /* @__PURE__ */ jsx2(Text2, { color: "gray", children: "[+ \u5DE5\u5177\u7ED3\u679C]" }) });
+function wrapText(text, terminalWidth) {
+  const logicalLines = text.split("\n");
+  if (terminalWidth <= 0) return logicalLines;
+  const result = [];
+  for (const line of logicalLines) {
+    if (line.length === 0) {
+      result.push("");
+      continue;
+    }
+    for (let i = 0; i < line.length; i += terminalWidth) {
+      result.push(line.slice(i, i + terminalWidth));
+    }
   }
-  const truncated = truncateLines(content, TOOL_RESULT_MAX_LINES);
-  return /* @__PURE__ */ jsx2(Box2, { flexDirection: "row", marginBottom: 0, children: /* @__PURE__ */ jsxs2(Text2, { color: "gray", children: [
-    "[\u5DE5\u5177\u7ED3\u679C] ",
-    truncated
-  ] }) });
+  return result;
 }
-function estimateLines(msg, expandTools) {
+function messageToLines(msg, expandTools, terminalWidth) {
   if (msg.role === "user") {
-    return Math.max(1, msg.content.split("\n").length);
+    return wrapText(`> ${msg.content}`, terminalWidth).map((text) => ({
+      text,
+      color: "white"
+    }));
   }
   if (msg.role === "assistant") {
-    const contentLines = msg.content ? msg.content.split("\n").length : 0;
-    const assistantMsg = msg;
-    let reasoningLines = 0;
-    if (assistantMsg.reasoning_content && assistantMsg.reasoning_content.length > 0) {
+    const lines = [];
+    const aMsg = msg;
+    if (aMsg.reasoning_content && aMsg.reasoning_content.length > 0) {
       if (expandTools) {
-        reasoningLines = 1 + assistantMsg.reasoning_content.split("\n").length;
+        lines.push({ text: "<thinking>", color: "gray" });
+        for (const t of wrapText(aMsg.reasoning_content, terminalWidth)) {
+          lines.push({ text: t, dimColor: true });
+        }
       } else {
-        reasoningLines = 1;
+        lines.push({ text: "[+ thinking]", color: "gray" });
+      }
+    }
+    if (aMsg.content && aMsg.content.trim().length > 0) {
+      for (const t of wrapText(aMsg.content, terminalWidth)) {
+        lines.push({ text: t, color: "cyan" });
       }
     }
-    let toolLines = 0;
-    if (assistantMsg.tool_calls && assistantMsg.tool_calls.length > 0) {
+    if (aMsg.tool_calls && aMsg.tool_calls.length > 0) {
       if (expandTools) {
-        toolLines = assistantMsg.tool_calls.length;
+        for (const tc of aMsg.tool_calls) {
+          let argsDisplay = tc.function.arguments;
+          try {
+            const parsed = JSON.parse(tc.function.arguments);
+            if (typeof parsed === "object" && parsed !== null) {
+              argsDisplay = Object.values(parsed).map(String).join(", ");
+            }
+          } catch {
+          }
+          const lineText = `\u2699 \u8C03\u7528\u5DE5\u5177: ${tc.function.name}(${argsDisplay})`;
+          for (const t of wrapText(lineText, terminalWidth)) {
+            lines.push({ text: t, color: "yellow" });
+          }
+        }
       } else {
-        toolLines = 1;
+        lines.push({
+          text: `[+ ${aMsg.tool_calls.length} \u4E2A\u5DE5\u5177\u8C03\u7528]`,
+          color: "gray"
+        });
       }
     }
-    return Math.max(1, contentLines + reasoningLines + toolLines);
+    return lines.length > 0 ? lines : [{ text: "" }];
   }
   if (msg.role === "tool") {
     if (!expandTools) {
-      return 1;
+      return [{ text: "[+ \u5DE5\u5177\u7ED3\u679C]", color: "gray" }];
     }
-    return Math.min(TOOL_RESULT_MAX_LINES, msg.content.split("\n").length) + 1;
+    const rawLines = msg.content.split("\n");
+    const truncated = rawLines.length > TOOL_RESULT_MAX_LINES ? rawLines.slice(0, TOOL_RESULT_MAX_LINES - 1).join("\n") + "\n\u2026" : msg.content;
+    return [
+      { text: "[\u5DE5\u5177\u7ED3\u679C]", color: "gray" },
+      ...wrapText(truncated, terminalWidth).map((text) => ({
+        text,
+        color: "gray"
+      }))
+    ];
   }
-  return 1;
+  return [];
 }
+
+// src/ui/ConversationHistory.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function ConversationHistory({
   messages,
   maxHeight = 20,
-  expandTools = false
+  expandTools = false,
+  terminalWidth = 0,
+  scrollOffset = 0
 }) {
   const visible = messages.filter(
     (m) => m.role !== "system"
   );
-  let totalLines = 0;
-  let startIdx = visible.length;
-  for (let i = visible.length - 1; i >= 0; i--) {
-    const lines = estimateLines(visible[i], expandTools);
-    if (totalLines + lines > maxHeight) break;
-    totalLines += lines;
-    startIdx = i;
-  }
-  const displayMessages = visible.slice(startIdx);
-  return (
-    // 纵向堆叠所有消息
-    /* @__PURE__ */ jsx2(Box2, { flexDirection: "column", children: displayMessages.map((msg, idx) => {
-      if (msg.role === "user") {
-        return /* @__PURE__ */ jsx2(UserMessage, { content: msg.content }, idx);
-      }
-      if (msg.role === "assistant") {
-        const assistantMsg = msg;
-        return /* @__PURE__ */ jsx2(
-          AssistantMessage,
-          {
-            content: assistantMsg.content,
-            tool_calls: assistantMsg.tool_calls,
-            reasoning_content: assistantMsg.reasoning_content,
-            expandTools
-          },
-          idx
-        );
-      }
-      if (msg.role === "tool") {
-        return /* @__PURE__ */ jsx2(ToolMessage, { content: msg.content, expandTools }, idx);
-      }
-      return null;
-    }) })
+  const allLines = visible.flatMap(
+    (msg) => messageToLines(msg, expandTools, terminalWidth)
   );
+  const totalLines = allLines.length;
+  const end = Math.max(0, Math.min(totalLines, totalLines - scrollOffset));
+  let start = Math.max(0, end - maxHeight);
+  let linesAbove = start;
+  if (linesAbove > 0 && maxHeight > 1) {
+    start = Math.max(0, end - (maxHeight - 1));
+    linesAbove = start;
+  }
+  const visibleLines = allLines.slice(start, end);
+  return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", children: [
+    linesAbove > 0 && /* @__PURE__ */ jsxs2(Text2, { color: "gray", dimColor: true, children: [
+      "\u2191 ",
+      linesAbove,
+      " \u884C \xB7 PageUp/Down \u6EDA\u52A8"
+    ] }),
+    visibleLines.map((line, idx) => /* @__PURE__ */ jsx2(Text2, { color: line.color, dimColor: line.dimColor, children: line.text }, idx))
+  ] });
 }
 
 // src/ui/Input.tsx
@@ -636,19 +597,45 @@ import { Box as Box3, Text as Text3, useInput } from "ink";
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 var CURSOR_CHAR = "\u258C";
 var BLINK_INTERVAL_MS = 530;
+function wordBackward(s, pos) {
+  let i = pos;
+  while (i > 0 && s[i - 1] === " ") {
+    i--;
+  }
+  while (i > 0 && s[i - 1] !== " ") {
+    i--;
+  }
+  return i;
+}
+function wordForward(s, pos) {
+  let i = pos;
+  const len = s.length;
+  while (i < len && s[i] !== " ") {
+    i++;
+  }
+  while (i < len && s[i] === " ") {
+    i++;
+  }
+  return i;
+}
 var Input = forwardRef(function Input2({ isActive, onSubmit, onChange, placeholder }, ref) {
-  const [lines, setLines] = useState2([""]);
+  const [value, setValue] = useState2("");
+  const [cursorPos, setCursorPos] = useState2(0);
   const [cursorVisible, setCursorVisible] = useState2(true);
-  const linesRef = useRef(lines);
-  linesRef.current = lines;
+  const valueRef = useRef(value);
+  valueRef.current = value;
+  const cursorPosRef = useRef(cursorPos);
+  cursorPosRef.current = cursorPos;
   const onChangeRef = useRef(onChange);
   onChangeRef.current = onChange;
   const onSubmitRef = useRef(onSubmit);
   onSubmitRef.current = onSubmit;
   useImperativeHandle(ref, () => ({
     fill(text) {
-      const newLines = text ? text.split("\n") : [""];
-      setLines(newLines);
+      valueRef.current = text;
+      cursorPosRef.current = text.length;
+      setValue(text);
+      setCursorPos(text.length);
       onChangeRef.current?.(text);
     }
   }));
@@ -664,49 +651,124 @@ var Input = forwardRef(function Input2({ isActive, onSubmit, onChange, placehold
       clearInterval(timer);
     };
   }, [isActive]);
+  function setValueSync(newValue) {
+    valueRef.current = newValue;
+    setValue(newValue);
+  }
+  function setCursorPosSync(newPos) {
+    cursorPosRef.current = newPos;
+    setCursorPos(newPos);
+  }
   useInput(
     (input, key) => {
-      const currentLines = linesRef.current;
+      const v = valueRef.current;
+      const pos = cursorPosRef.current;
       if (key.return && key.shift) {
-        const newLines = [...currentLines, ""];
-        setLines(newLines);
-        onChangeRef.current?.(newLines.join("\n"));
+        const newValue = v.slice(0, pos) + "\n" + v.slice(pos);
+        setValueSync(newValue);
+        setCursorPosSync(pos + 1);
+        onChangeRef.current?.(newValue);
         return;
       }
       if (key.return) {
-        const text = currentLines.join("\n");
-        onSubmitRef.current(text);
-        setLines([""]);
+        onSubmitRef.current(v);
+        setValueSync("");
+        setCursorPosSync(0);
         onChangeRef.current?.("");
         return;
       }
       if (key.backspace || key.delete) {
-        const lastIdx = currentLines.length - 1;
-        const lastLine = currentLines[lastIdx];
-        let newLines;
-        if (lastLine.length > 0) {
-          newLines = [...currentLines.slice(0, lastIdx), lastLine.slice(0, -1)];
-        } else if (currentLines.length > 1) {
-          newLines = currentLines.slice(0, -1);
-        } else {
+        if (pos === 0) return;
+        const newValue = v.slice(0, pos - 1) + v.slice(pos);
+        setValueSync(newValue);
+        setCursorPosSync(pos - 1);
+        onChangeRef.current?.(newValue);
+        return;
+      }
+      if (key.ctrl) {
+        switch (input) {
+          case "a": {
+            setCursorPosSync(0);
+            return;
+          }
+          case "e": {
+            setCursorPosSync(v.length);
+            return;
+          }
+          case "b": {
+            setCursorPosSync(Math.max(0, pos - 1));
+            return;
+          }
+          case "f": {
+            setCursorPosSync(Math.min(v.length, pos + 1));
+            return;
+          }
+          case "k": {
+            const nextNl = v.indexOf("\n", pos);
+            const lineEnd = nextNl === -1 ? v.length : nextNl;
+            const newValue = v.slice(0, pos) + v.slice(lineEnd);
+            setValueSync(newValue);
+            onChangeRef.current?.(newValue);
+            return;
+          }
+          case "u": {
+            const newValue = v.slice(pos);
+            setValueSync(newValue);
+            setCursorPosSync(0);
+            onChangeRef.current?.(newValue);
+            return;
+          }
+          case "w": {
+            const newPos = wordBackward(v, pos);
+            const newValue = v.slice(0, newPos) + v.slice(pos);
+            setValueSync(newValue);
+            setCursorPosSync(newPos);
+            onChangeRef.current?.(newValue);
+            return;
+          }
+          case "d": {
+            if (pos >= v.length) return;
+            const newValue = v.slice(0, pos) + v.slice(pos + 1);
+            setValueSync(newValue);
+            onChangeRef.current?.(newValue);
+            return;
+          }
+          default:
+            return;
+        }
+      }
+      if (key.meta) {
+        if (input === "b") {
+          setCursorPosSync(wordBackward(v, pos));
+          return;
+        }
+        if (input === "f") {
+          setCursorPosSync(wordForward(v, pos));
           return;
         }
-        setLines(newLines);
-        onChangeRef.current?.(newLines.join("\n"));
         return;
       }
-      if (key.ctrl || key.escape || key.upArrow || key.downArrow || key.leftArrow || key.rightArrow || key.tab || key.pageUp || key.pageDown) {
+      if (key.leftArrow) {
+        setCursorPosSync(Math.max(0, pos - 1));
+        return;
+      }
+      if (key.rightArrow) {
+        setCursorPosSync(Math.min(v.length, pos + 1));
+        return;
+      }
+      if (key.escape || key.upArrow || key.downArrow || key.tab || key.pageUp || key.pageDown) {
         return;
       }
       if (input.length > 0) {
-        const newLines = [...currentLines.slice(0, -1), currentLines[currentLines.length - 1] + input];
-        setLines(newLines);
-        onChangeRef.current?.(newLines.join("\n"));
+        const newValue = v.slice(0, pos) + input + v.slice(pos);
+        setValueSync(newValue);
+        setCursorPosSync(pos + input.length);
+        onChangeRef.current?.(newValue);
       }
     },
     { isActive }
   );
-  const isEmpty = lines.every((line) => line === "");
+  const isEmpty = value === "";
   const renderLines = () => {
     if (isEmpty && placeholder) {
       return /* @__PURE__ */ jsxs3(Box3, { children: [
@@ -715,19 +777,41 @@ var Input = forwardRef(function Input2({ isActive, onSubmit, onChange, placehold
         isActive && cursorVisible && /* @__PURE__ */ jsx3(Text3, { color: "cyan", children: CURSOR_CHAR })
       ] });
     }
+    const lines = value.split("\n");
+    let remaining = cursorPos;
+    let cursorLine = 0;
+    let cursorCol = 0;
+    for (let i = 0; i < lines.length; i++) {
+      const lineLen = lines[i].length;
+      if (remaining <= lineLen) {
+        cursorLine = i;
+        cursorCol = remaining;
+        break;
+      }
+      remaining -= lineLen + 1;
+    }
     return /* @__PURE__ */ jsx3(Box3, { flexDirection: "column", children: lines.map((line, idx) => {
-      const isLastLine = idx === lines.length - 1;
       const prefix = idx === 0 ? "> " : "  ";
+      const showCursor = isActive && cursorVisible && idx === cursorLine;
+      if (!showCursor) {
+        return /* @__PURE__ */ jsxs3(Box3, { children: [
+          /* @__PURE__ */ jsx3(Text3, { color: "cyan", children: prefix }),
+          /* @__PURE__ */ jsx3(Text3, { children: line })
+        ] }, idx);
+      }
+      const before = line.slice(0, cursorCol);
+      const after = line.slice(cursorCol);
       return /* @__PURE__ */ jsxs3(Box3, { children: [
         /* @__PURE__ */ jsx3(Text3, { color: "cyan", children: prefix }),
-        /* @__PURE__ */ jsx3(Text3, { children: line }),
-        isActive && isLastLine && cursorVisible && /* @__PURE__ */ jsx3(Text3, { color: "cyan", children: CURSOR_CHAR })
+        /* @__PURE__ */ jsx3(Text3, { children: before }),
+        /* @__PURE__ */ jsx3(Text3, { color: "cyan", children: CURSOR_CHAR }),
+        /* @__PURE__ */ jsx3(Text3, { children: after })
       ] }, idx);
     }) });
   };
   return /* @__PURE__ */ jsx3(Box3, { children: isActive ? renderLines() : /* @__PURE__ */ jsxs3(Box3, { children: [
     /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "> " }),
-    /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: isEmpty ? placeholder ?? "" : lines.join(" ") })
+    /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: isEmpty ? placeholder ?? "" : value })
   ] }) });
 });
 var Input_default = Input;
@@ -788,7 +872,9 @@ function dismiss(state) {
 
 // src/ui/App.tsx
 import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
-function App({ config: config2, version: version2, autoMode: autoMode2 = false, registry: registry2 }) {
+function App({ config: config2, version: version2, autoMode: autoMode2 = false, registry: registry2, llmClient }) {
+  const { stdout } = useStdout();
+  const historyMaxHeight = Math.max(5, (stdout?.rows ?? 24) - 4);
   const [messages, setMessages] = useState3([]);
   const [status, setStatus] = useState3("idle");
   const contextLimit = getContextLimit(config2.model, config2.contextLimit);
@@ -800,8 +886,21 @@ function App({ config: config2, version: version2, autoMode: autoMode2 = false,
   const [toolName, setToolName] = useState3(void 0);
   const [confirmPrompt, setConfirmPrompt] = useState3(void 0);
   const [expandTools, setExpandTools] = useState3(false);
+  const [scrollOffset, setScrollOffset] = useState3(0);
+  const [inputHistory, setInputHistory] = useState3([]);
+  const inputHistoryRef = useRef2([]);
+  inputHistoryRef.current = inputHistory;
+  const historyIndexRef = useRef2(-1);
+  const isNavigatingHistoryRef = useRef2(false);
+  const totalLines = useMemo(() => {
+    const visible = messages.filter((m) => m.role !== "system");
+    return visible.reduce(
+      (acc, msg) => acc + messageToLines(msg, expandTools, stdout?.columns ?? 0).length,
+      0
+    );
+  }, [messages, expandTools, stdout?.columns]);
   const pendingConfirmRef = useRef2(null);
-  const llmRef = useRef2(createLLMClient(config2));
+  const llmRef = useRef2(llmClient ?? createLLMClient(config2));
   const inputRef = useRef2(null);
   const [acState, setAcState] = useState3(getInitialState());
   const loggerRef = useRef2(null);
@@ -828,7 +927,7 @@ function App({ config: config2, version: version2, autoMode: autoMode2 = false,
     }
     loggedCountRef.current = messages.length;
   }, [messages]);
-  useInput2((_input, key) => {
+  useInput2((input, key) => {
     const skillList = registry2?.list() ?? [];
     const suggestions = computeSuggestions(skillList, acState);
     const open = isOpen(acState, suggestions);
@@ -855,6 +954,48 @@ function App({ config: config2, version: version2, autoMode: autoMode2 = false,
     }
     if (key.tab) {
       setExpandTools((prev) => !prev);
+      return;
+    }
+    const scrollStep = Math.max(1, Math.floor(historyMaxHeight / 2));
+    if (key.pageUp) {
+      setScrollOffset((prev) => Math.min(prev + scrollStep, Math.max(0, totalLines - 1)));
+      return;
+    }
+    if (key.pageDown) {
+      setScrollOffset((prev) => Math.max(0, prev - scrollStep));
+      return;
+    }
+    if (key.ctrl && input === "v") {
+      setScrollOffset((prev) => Math.max(0, prev - scrollStep));
+      return;
+    }
+    if (key.meta && input === "v") {
+      setScrollOffset((prev) => Math.min(prev + scrollStep, Math.max(0, totalLines - 1)));
+      return;
+    }
+    if (key.ctrl && input === "p") {
+      const history = inputHistoryRef.current;
+      const newIndex = Math.min(historyIndexRef.current + 1, history.length - 1);
+      if (newIndex >= 0 && newIndex < history.length) {
+        historyIndexRef.current = newIndex;
+        isNavigatingHistoryRef.current = true;
+        inputRef.current?.fill(history[newIndex]);
+      }
+      return;
+    }
+    if (key.ctrl && input === "n") {
+      const history = inputHistoryRef.current;
+      if (historyIndexRef.current > 0) {
+        const newIndex = historyIndexRef.current - 1;
+        historyIndexRef.current = newIndex;
+        isNavigatingHistoryRef.current = true;
+        inputRef.current?.fill(history[newIndex]);
+      } else if (historyIndexRef.current === 0) {
+        historyIndexRef.current = -1;
+        isNavigatingHistoryRef.current = true;
+        inputRef.current?.fill("");
+      }
+      return;
     }
   });
   const confirm = useCallback((prompt) => {
@@ -999,6 +1140,9 @@ function App({ config: config2, version: version2, autoMode: autoMode2 = false,
         return;
       }
       if (!trimmed) return;
+      setInputHistory((prev) => [trimmed, ...prev.slice(0, 99)]);
+      historyIndexRef.current = -1;
+      setScrollOffset(0);
       if (registry2) {
         const skillResult = handleSkillInput(trimmed, registry2);
         if (skillResult.type === "error") {
@@ -1039,6 +1183,11 @@ function App({ config: config2, version: version2, autoMode: autoMode2 = false,
   );
   const isInputActive = status === "idle" || status === "awaiting_confirm";
   const handleInputTextChange = useCallback((text) => {
+    if (isNavigatingHistoryRef.current) {
+      isNavigatingHistoryRef.current = false;
+    } else {
+      historyIndexRef.current = -1;
+    }
     if (status !== "awaiting_confirm") {
       setAcState((prev) => handleInputChange(prev, text));
     }
@@ -1046,7 +1195,16 @@ function App({ config: config2, version: version2, autoMode: autoMode2 = false,
   const skillSuggestions = registry2 ? computeSuggestions(registry2.list(), acState) : [];
   const acOpen = isOpen(acState, skillSuggestions);
   return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", height: "100%", children: [
-    /* @__PURE__ */ jsx5(ConversationHistory, { messages, expandTools }),
+    /* @__PURE__ */ jsx5(
+      ConversationHistory,
+      {
+        messages,
+        expandTools,
+        maxHeight: historyMaxHeight,
+        terminalWidth: stdout?.columns,
+        scrollOffset
+      }
+    ),
     /* @__PURE__ */ jsx5(
       StatusBar,
       {
@@ -1205,4 +1363,21 @@ for (const dir of [builtinSkillsDir, userSkillsDir, projectSkillsDir]) {
   const skills = await loadSkillsFromDir(dir);
   for (const skill of skills) registry.register(skill);
 }
+if (process.stdout.isTTY) {
+  process.stdout.write("\x1B[?1049h");
+  const exitAltScreen = () => process.stdout.write("\x1B[?1049l");
+  process.on("exit", exitAltScreen);
+  process.on("SIGINT", () => {
+    exitAltScreen();
+    process.exit(0);
+  });
+  process.on("SIGTERM", () => {
+    exitAltScreen();
+    process.exit(0);
+  });
+  process.on("SIGHUP", () => {
+    exitAltScreen();
+    process.exit(0);
+  });
+}
 render(React4.createElement(App, { config: finalConfig, version: VERSION, autoMode, registry }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zhongqian97-code/ecode",
-  "version": "0.2.3",
+  "version": "0.2.5",
   "description": "A minimal Claude Code clone with REPL interface and bash tool calling",
   "type": "module",
   "author": "zhongqian97-code",