mocode-ai 0.4.4 → 0.4.6

package/dist/ui/prompt.js

@@ -1,7 +1,7 @@
 import readline from 'node:readline';
 import { stdin, stdout } from 'node:process';
 import { ui } from './theme.js';
-import { displayWidth, padEndDisplay, truncateDisplay } from './render.js';
+import { displayWidth, padEndDisplay, truncateDisplay, visColToCharCol, wrapByDisplayWidth } from './render.js';
 import * as layout from './layout.js';
 import * as mouse from './mouse.js';
 // ── 粘贴检测(块级 + 时间窗)──
@@ -249,8 +249,105 @@ export async function promptWithSlashMenu(opts) {
             menu: menuLines().length ? { lines: menuLines() } : null,
         });
     }
+    /** 鼠标点击输入框:layout 已把"屏 tap 位置"以 (flatIdx, inSegVis) 形式传进来
+     *  (flatIdx = flat 中的绝对段号;inSegVis = 段内显示列)。
+     *  本函数在 prompt 自己的 (lines + chip) 上复刻 wrap/flat 还原 (cl, cc)→ redraw。
+     *  chip 模式自动扣 chip prefix:
+     *  - dispLines() 把 chipPre 末行 + chipPrefix + suffix[0] 拼成一行 "mergedRow"
+     *  - flat 中对应的"合并行段"是 mergedRow 的折行段,段内 inChar 累加从 mergedRow 起
+     *  - 要得到 lines[cl=0] 内的字符索引,扣掉 mergedRow 起始到 lines[0] 起始的字符数
+     *    = chipPre 末行字符数 + chipPrefix 字符数。 */
+    function applyExternalCursor(flatIdx, inSegVis) {
+        const g = layout.getGeo();
+        const promptW = displayWidth(opts.prompt);
+        const W = Math.max(1, g.cols - promptW);
+        const dispLs = dispLines();
+        const lineVis = dispLs.map((l) => wrapByDisplayWidth(l, W));
+        const flat = [];
+        for (const lv of lineVis)
+            for (const r of lv)
+                flat.push(r);
+        let newCl;
+        let newCc;
+        if (flat.length === 0) {
+            newCl = 0;
+            newCc = 0;
+        }
+        else {
+            const safeIdx = Math.max(0, Math.min(flatIdx, flat.length - 1));
+            const seg = flat[safeIdx];
+            const segW = displayWidth(seg);
+            const safeInSeg = Math.max(0, Math.min(inSegVis, segW));
+            const inChar = visColToCharCol(seg, safeInSeg);
+            // safeIdx → (dispLine, segInLine)
+            let dispLine = 0;
+            let segInLine = safeIdx;
+            while (dispLine < lineVis.length && segInLine >= lineVis[dispLine].length) {
+                segInLine -= lineVis[dispLine].length;
+                dispLine++;
+            }
+            if (dispLine >= lineVis.length) {
+                dispLine = lineVis.length - 1;
+                segInLine = lineVis[dispLine].length - 1;
+            }
+            // dispLine → cl(chip-aware)
+            if (chip) {
+                const preLen = chipPreLines().length;
+                if (dispLine < preLen - 1) {
+                    // 落在 chipPre 内(非末行)→ 走出 chip 到 suffix 起点
+                    newCl = 0;
+                }
+                else if (dispLine === preLen - 1) {
+                    // 合并行 = suffix 第 0 行(cl=0)
+                    newCl = 0;
+                }
+                else {
+                    newCl = dispLine - (preLen - 1);
+                }
+            }
+            else {
+                newCl = dispLine;
+            }
+            newCl = Math.max(0, Math.min(newCl, lines.length - 1));
+            const lineText = lines[newCl] ?? '';
+            // cc 必须在 lines[newCl] 内。flat 中 seg 是 dispLs[dispLine] 的某折行段,
+            // seg 内 inChar 是段内字符偏移,但 lines[newCl] 的字符是按 (dispLs 前段累加) + (本段 inChar) 算的。
+            // ——非 chip 模式下:dispLine = newCl, segStartChars = sum(lineVis[dispLine][0..segInLine-1].length)
+            //   ccInLine = segStartChars + inChar
+            // ——chip 模式下 newCl=0(合并行):dispLine 是合并行 dispLine,segStartChars 同上,
+            //   但 lines[0] 在合并行中"起始处"在 (mergedRow.length - lines[0].length) 字符处,
+            //   故 ccInLine = segStartChars + inChar - chipOverheadChars。
+            let segStartChars = 0;
+            const segs = lineVis[dispLine];
+            for (let s = 0; s < segInLine; s++)
+                segStartChars += segs[s]?.length ?? 0;
+            let ccInLine = segStartChars + inChar;
+            if (chip && newCl === 0) {
+                const pre = chipPreLines();
+                const mergedRow = pre[pre.length - 1] ?? '';
+                const prefix = chipPrefix();
+                // mergedRow 起始到 lines[0] 起始的字符数 = (chipPreLast + chipPrefix) 字符数
+                const chipOverheadChars = mergedRow.length + prefix.length - lineText.length;
+                ccInLine = ccInLine - chipOverheadChars;
+            }
+            newCc = Math.max(0, Math.min(ccInLine, lineText.length));
+        }
+        cl = newCl;
+        cc = newCc;
+        // 收起菜单/过滤态:点击输入框关闭菜单,回到纯文本编辑。
+        if (menuOpen) {
+            menuOpen = false;
+            filtered = [];
+            selected = 0;
+            menuTop = 0;
+        }
+        justSawCR = false;
+        computeFiltered();
+        redraw();
+    }
     function cleanup() {
         layout.setPasteHandler(null);
+        layout.setCursorChangeHandler(null);
         try {
             stdin.setRawMode(false);
         }
@@ -566,6 +663,7 @@ export async function promptWithSlashMenu(opts) {
             return;
         }
         layout.setPasteHandler(onMousePaste); // 鼠标右键单击输入框(未拖动)→ 读剪贴板贴入;cleanup 时注销
+        layout.setCursorChangeHandler(applyExternalCursor); // 鼠标左键单击输入框(未拖动)→ 改 cl/cc 到点击位;cleanup 时注销
         stdin.resume();
         emitter.on('keypress', onKey);
         computeFiltered();
@@ -615,7 +713,6 @@ export async function promptTurnPicker(items) {
             cursorLine: 0,
             cursorCol: displayWidth(hint),
             menu: { lines: menuLines() },
-            caret: false, // 纯导航菜单(非文本输入):不画输入框块状光标,聚焦由菜单 ▸ 标记
         });
     }
     function cleanup() {
@@ -756,7 +853,6 @@ export async function promptSessionPicker(items, recentCap = 10) {
             cursorLine: 0,
             cursorCol: displayWidth(h),
             menu: { lines: menuLines() },
-            caret: false, // 纯导航菜单(非文本输入):不画输入框块状光标,聚焦由菜单 ▸ 标记
         });
     }
     function cleanup() {
@@ -894,7 +990,6 @@ export async function promptThemePicker(items) {
             cursorLine: 0,
             cursorCol: displayWidth(hint),
             menu: { lines: menuLines() },
-            caret: false, // 纯导航菜单:不画输入框块状光标,聚焦由菜单 ▸ 标记
         });
     }
     function cleanup() {
@@ -1008,7 +1103,6 @@ export async function promptRevertChoice(fileCount) {
             cursorLine: 0,
             cursorCol: displayWidth(hint),
             menu: { lines: menuLines() },
-            caret: false, // 纯导航菜单:不画输入框块状光标,聚焦由菜单 ▸ 标记
         });
     }
     function cleanup() {

package/dist/ui/render.js

@@ -99,6 +99,28 @@ export function sliceByDisplayCol(str, start, end) {
     }
     return out;
 }
+/** 把可视列(0-based)反推为 str 内的字符偏移(JS 字符串下标,UTF-16 code unit)。
+ *  点击落在宽字符的"列中段"时归到该字符之前的偏移(停在它左侧边界)——与终端光标行为一致。
+ *  visCol 大于串的显示宽度时返回 str.length(点行末的"右边")。
+ *  输入框点击定位专用;与 sliceByDisplayCol 互为逆,但语义只关心单点、不关心区间。 */
+export function visColToCharCol(str, visCol) {
+    if (visCol <= 0)
+        return 0;
+    let w = 0;
+    let i = 0;
+    for (const ch of str) {
+        const cw = charWidth(ch.codePointAt(0) ?? 0);
+        if (cw <= 0) {
+            i += ch.length;
+            continue;
+        } // 零宽(组合符):不占列
+        if (w + cw > visCol)
+            break; // 落在该字符显示区间内 → 停在其左侧
+        w += cw;
+        i += ch.length;
+    }
+    return i;
+}
 /** 带色串的可见显示宽度(先去 ANSI 再按 displayWidth 度量)。 */
 export function ansiDisplayWidth(s) {
     return displayWidth(stripAnsi(s));

package/dist/ui/theme.js

@@ -29,6 +29,9 @@ const DEFAULT = {
     brightCyan: '\x1B[38;2;86;182;194m',
     brightMagenta: '\x1B[38;2;198;120;221m',
     userBg: '\x1B[48;2;44;49;60m', // One Dark current-line bg,深色终端上微妙可辨
+    // diff 行底色:One Dark bg #282c34 上加 ~14% 亮度的对应色,够辨识但不刺眼
+    addBg: '\x1B[48;2;44;62;42m', // 偏暗绿(One Dark green(152,195,121)暗化)
+    delBg: '\x1B[48;2;62;38;42m', // 偏暗红(One Dark red(224,108,117)暗化)
 };
 /**
  * 内建主题表。default=One Dark、light=Solarized Light、solarized=Solarized Dark、
@@ -49,6 +52,10 @@ const THEMES = {
         brightCyan: '\x1B[38;2;42;161;152m',
         brightMagenta: '\x1B[38;2;108;113;196m',
         userBg: '\x1B[48;2;238;232;213m',
+        // diff 行底色:Solarized Light base2(238,232,213)上贴同色族浅 tint,
+        // 比直接用 base1 更柔,跟深 fg(red/green)对比充足
+        addBg: '\x1B[48;2;220;235;205m',
+        delBg: '\x1B[48;2;245;218;215m',
     },
     solarized: {
         red: '\x1B[38;2;220;50;47m',
@@ -61,6 +68,9 @@ const THEMES = {
         brightCyan: '\x1B[38;2;147;161;161m',
         brightMagenta: '\x1B[38;2;108;113;196m',
         userBg: '\x1B[48;2;7;54;66m',
+        // diff 行底色:Solarized Dark base03(0,43,54)上加对应色族暗 tint
+        addBg: '\x1B[48;2;20;50;38m',
+        delBg: '\x1B[48;2;55;30;30m',
     },
     gruvbox: {
         red: '\x1B[38;2;251;73;52m',
@@ -73,6 +83,9 @@ const THEMES = {
         brightCyan: '\x1B[38;2;142;192;124m',
         brightMagenta: '\x1B[38;2;211;134;155m',
         userBg: '\x1B[48;2;40;40;40m',
+        // diff 行底色:Gruvbox dark bg(40,40,40)上贴暗 bg0_a 风格
+        addBg: '\x1B[48;2;40;55;30m',
+        delBg: '\x1B[48;2;70;35;30m',
     },
     nord: {
         red: '\x1B[38;2;191;97;106m',
@@ -85,6 +98,9 @@ const THEMES = {
         brightCyan: '\x1B[38;2;136;192;208m',
         brightMagenta: '\x1B[38;2;180;142;173m',
         userBg: '\x1B[48;2;67;76;94m',
+        // diff 行底色:Nord polar night(46,52,64)上贴对应色族暗 tint
+        addBg: '\x1B[48;2;46;66;52m',
+        delBg: '\x1B[48;2;72;46;52m',
     },
 };
 let currentName = 'default';
@@ -155,4 +171,10 @@ export const ui = {
     get userBg() {
         return color('userBg');
     },
+    get addBg() {
+        return color('addBg');
+    },
+    get delBg() {
+        return color('delBg');
+    },
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mocode-ai",
-  "version": "0.4.4",
+  "version": "0.4.6",
   "description": "终端编码 agent:LLM + tool-call 循环 + 流式输出(含思考)+ 16 个工具,接任意 OpenAI 兼容后端。",
   "type": "module",
   "bin": {