@zhongqian97-code/ecode 0.5.56 → 0.5.58

package/dist/index.js

@@ -814,7 +814,7 @@ if (rawArgs[0] === "web") {
       webAutoApprove = true;
     }
   }
-  const { buildServer, generateAccessToken } = await import("./web-XPP3PJJZ.js");
+  const { buildServer, generateAccessToken } = await import("./web-3CS3TO2E.js");
   const token = finalConfig.webToken ?? generateAccessToken();
   const manager = new SessionManager(finalConfig);
   const __webDirname = dirname(fileURLToPath(import.meta.url));
@@ -923,7 +923,7 @@ Node.js 16/18 \u8BF7\u4F7F\u7528 --web \u6216 --pipe \u6A21\u5F0F\u3002
     );
     process.exit(1);
   }
-  const { App, React, render, createStdinFilter } = await import("./ui-YEBPUMP7.js");
+  const { App, React, render, createStdinFilter } = await import("./ui-STSJVDXD.js");
   const stdinFilter = process.stdin.isTTY ? createStdinFilter(process.stdin) : process.stdin;
   render(
     React.createElement(App, { config: finalConfig, version: VERSION, autoMode, registry, trustedSkillDirs, initialMessages, stdinFilter }),

package/dist/{ui-YEBPUMP7.js → ui-STSJVDXD.js}

@@ -200,6 +200,7 @@ function StatusBar({
 import { Box as Box2, Text as Text2 } from "ink";
 
 // src/ui/messageLines.ts
+import stringWidth from "string-width";
 var TOOL_RESULT_MAX_LINES = 3;
 function wrapText(text, terminalWidth) {
   const logicalLines = text.split("\n");
@@ -210,9 +211,20 @@ function wrapText(text, terminalWidth) {
       result.push("");
       continue;
     }
-    for (let i = 0; i < line.length; i += terminalWidth) {
-      result.push(line.slice(i, i + terminalWidth));
+    let chunk = "";
+    let chunkW = 0;
+    for (const ch of line) {
+      const w = stringWidth(ch);
+      if (chunkW + w > terminalWidth && chunk.length > 0) {
+        result.push(chunk);
+        chunk = ch;
+        chunkW = w;
+      } else {
+        chunk += ch;
+        chunkW += w;
+      }
     }
+    if (chunk.length > 0) result.push(chunk);
   }
   return result;
 }
@@ -853,6 +865,28 @@ ${blocks.join("\n\n")}`;
 ${contextSection}` : contextSection;
 }
 
+// src/ui/mouseCoords.ts
+var STATUS_BAR_ROWS = 1;
+function computeVisibleWindow(totalLines, scrollOffset, historyMaxHeight) {
+  const end = Math.max(0, Math.min(totalLines, totalLines - scrollOffset));
+  const initialStart = Math.max(0, end - historyMaxHeight);
+  const hasScrollIndicator = initialStart > 0 && historyMaxHeight > 1;
+  const start = hasScrollIndicator ? Math.max(0, end - (historyMaxHeight - 1)) : initialStart;
+  const visibleCount = (hasScrollIndicator ? 1 : 0) + (end - start);
+  return { start, end, visibleCount, hasScrollIndicator };
+}
+function mouseRowToLineIndex(opts) {
+  if (opts.visibleCount <= 0) return null;
+  const bottomRows = STATUS_BAR_ROWS + opts.skillAcRows + opts.fileAcRows + opts.selectedItemsRows + opts.inputRows;
+  const innerBoxHeight = opts.terminalRows - bottomRows;
+  const chTopRow = innerBoxHeight - opts.visibleCount;
+  const chBottomRow = innerBoxHeight - 1;
+  if (opts.mouseRow < chTopRow || opts.mouseRow > chBottomRow) return null;
+  const indicatorOffset = opts.hasScrollIndicator ? 1 : 0;
+  if (opts.mouseRow < chTopRow + indicatorOffset) return null;
+  return opts.mouseRow - chTopRow - indicatorOffset;
+}
+
 // src/ui/App.tsx
 import { homedir as homedir2 } from "os";
 import { join as join5 } from "path";
@@ -2439,6 +2473,12 @@ function App({ config, version, autoMode = false, registry, trustedSkillDirs = [
   historyMaxHeightRef.current = historyMaxHeight;
   const selectionStateRef = useRef2(selectionState);
   selectionStateRef.current = selectionState;
+  const inputRowsRef = useRef2(1);
+  const skillAcRowsRef = useRef2(0);
+  const fileAcRowsRef = useRef2(0);
+  const selectedItemsRowsRef = useRef2(0);
+  const terminalRowsRef = useRef2((stdout == null ? void 0 : stdout.rows) ?? 24);
+  terminalRowsRef.current = (stdout == null ? void 0 : stdout.rows) ?? 24;
   const pendingConfirmRef = useRef2(null);
   const abortControllerRef = useRef2(null);
   const llmRef = useRef2(llmClient ?? createProvider(resolveActiveProfile(config)));
@@ -2520,13 +2560,22 @@ function App({ config, version, autoMode = false, registry, trustedSkillDirs = [
         }
         return;
       }
-      const totalL = totalLinesRef.current;
-      const scrollOff = scrollOffsetRef.current;
-      const histH = historyMaxHeightRef.current;
-      const visibleCount = Math.min(Math.max(0, totalL - scrollOff), histH);
-      const contentStartRow = histH - visibleCount;
-      const lineIdx = e.row - contentStartRow;
-      if (lineIdx < 0 || lineIdx >= visibleCount) return;
+      const window = computeVisibleWindow(
+        totalLinesRef.current,
+        scrollOffsetRef.current,
+        historyMaxHeightRef.current
+      );
+      const lineIdx = mouseRowToLineIndex({
+        mouseRow: e.row,
+        terminalRows: terminalRowsRef.current,
+        inputRows: inputRowsRef.current,
+        skillAcRows: skillAcRowsRef.current,
+        fileAcRows: fileAcRowsRef.current,
+        selectedItemsRows: selectedItemsRowsRef.current,
+        visibleCount: window.visibleCount,
+        hasScrollIndicator: window.hasScrollIndicator
+      });
+      if (lineIdx === null) return;
       const pt = { row: lineIdx, col: e.col };
       if (e.type === "leftDown") setSelectionState(startSelection(selectionStateRef.current, pt));
       else if (e.type === "leftDrag") setSelectionState(updateSelection(selectionStateRef.current, pt));
@@ -2541,11 +2590,8 @@ function App({ config, version, autoMode = false, registry, trustedSkillDirs = [
     if (selectionState.dragging || !selectionState.anchor || !selectionState.focus) return;
     const visible = messages.filter((m) => m.role !== "system");
     const allLines = visible.flatMap((msg) => messageToLines(msg, expandTools, (stdout == null ? void 0 : stdout.columns) ?? 0));
-    const totalL = allLines.length;
-    const end = Math.max(0, Math.min(totalL, totalL - scrollOffset));
-    const histH = historyMaxHeight;
-    const start = Math.max(0, end - histH);
-    const lineTexts = allLines.slice(start, end).map((l) => l.text);
+    const window = computeVisibleWindow(allLines.length, scrollOffset, historyMaxHeight);
+    const lineTexts = allLines.slice(window.start, window.end).map((l) => l.text);
     const text = extractSelectedText(lineTexts, selectionState);
     if (text && stdout) {
       const b64 = Buffer.from(text, "utf8").toString("base64");
@@ -2999,6 +3045,7 @@ function App({ config, version, autoMode = false, registry, trustedSkillDirs = [
     } else {
       historyIndexRef.current = -1;
     }
+    inputRowsRef.current = Math.max(1, text.split("\n").length);
     if (status !== "awaiting_confirm") {
       setAcState((prev) => handleInputChange(prev, text));
       setFileAcState((prev) => handleInputChange2(prev, text));
@@ -3006,6 +3053,10 @@ function App({ config, version, autoMode = false, registry, trustedSkillDirs = [
   }, [status]);
   const skillSuggestions = registry ? computeSuggestions(registry.list(), acState) : [];
   const acOpen = isOpen(acState, skillSuggestions);
+  const facOpen = isOpen2(fileAcState, fileSuggestions);
+  skillAcRowsRef.current = acOpen ? skillSuggestions.length + 2 : 0;
+  fileAcRowsRef.current = facOpen ? fileSuggestions.length + 2 : 0;
+  selectedItemsRowsRef.current = selectedItems.length > 0 ? 1 : 0;
   return /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", height: "100%", children: [
     /* @__PURE__ */ jsx6(Box6, { flexGrow: 1, flexDirection: "column", justifyContent: "flex-end", children: /* @__PURE__ */ jsx6(
       ConversationHistory,
@@ -3041,7 +3092,7 @@ function App({ config, version, autoMode = false, registry, trustedSkillDirs = [
       {
         suggestions: fileSuggestions,
         selectedIndex: fileAcState.selectedIndex,
-        isOpen: isOpen2(fileAcState, fileSuggestions)
+        isOpen: facOpen
       }
     ),
     selectedItems.length > 0 && /* @__PURE__ */ jsx6(Box6, { paddingLeft: 1, children: /* @__PURE__ */ jsxs6(Text6, { color: "cyan", dimColor: true, children: [

package/dist/{web-XPP3PJJZ.js → web-3CS3TO2E.js}

@@ -221,6 +221,15 @@ function generateAdminHtml(version) {
       font-size: 12px;
       overflow: hidden;
       margin: 4px 0;
+      /* #messages \u662F flex column \u5BB9\u5668\uFF0Cflex item \u9ED8\u8BA4 flex-shrink:1\u3002
+       * .tool-box \u6709 overflow:hidden \u4F1A\u8BA9 min-height \u9ED8\u8BA4\u5F52 0\uFF08CSS Flexbox \u89C4\u8303\uFF09\uFF0C
+       * \u7D2F\u79EF\u591A\u4E2A tool-box \u65F6\u6574\u5217\u88AB\u6324\u538B\uFF0Cbody \u88AB\u88C1\u6389\u5BFC\u81F4"\u6846\u9AD8\u5EA6\u53D8\u6210\u4E00\u6761\u7EBF"\u3002
+       * flex-shrink:0 \u5F3A\u5236\u4FDD\u7559\u81EA\u7136\u9AD8\u5EA6\uFF0C\u7531 #messages \u7684 overflow-y:auto \u6EDA\u52A8\u3002 */
+      flex-shrink: 0;
+    }
+    .thinking-block,
+    .msg {
+      flex-shrink: 0;
     }
     .tool-box-header {
       background: #21262d;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zhongqian97-code/ecode",
-  "version": "0.5.56",
+  "version": "0.5.58",
   "description": "A minimal Claude Code clone with REPL interface and bash tool calling",
   "type": "module",
   "author": "zhongqian97-code",
@@ -49,7 +49,8 @@
     "fastify": "^5.8.5",
     "ink": "^7.0.2",
     "openai": "^4.0.0",
-    "react": "^19.2.5"
+    "react": "^19.2.5",
+    "string-width": "^8.2.1"
   },
   "devDependencies": {
     "@playwright/test": "^1.60.0",