mocode-ai 0.4.9 → 0.4.10

package/dist/ui/batch.js

@@ -26,6 +26,8 @@ const MUTATION_TOOLS = new Set(['write_file', 'edit_file']);
 function isMutationTool(name) {
     return MUTATION_TOOLS.has(name);
 }
+/** 展开时完整输出的最大行数;超出截断,避免巨型输出撑爆 viewport。 */
+const MAX_EXPAND_LINES = 200;
 /** 通知 buffer 整体清空(clearContent / exitAltScreen / 新一轮 turn)——本模块状态同步归零。 */
 export function reset() {
     batches.clear();
@@ -45,8 +47,9 @@ export function recordCall(id, name, callSummary) {
         return;
     b.entries.push({ name, callSummary, resultSummary: '', diffBlock: null });
 }
-/** 记一条工具结果(diff 块或单行 preview);agent 在 onToolResult 时调,匹配最后一条未填的 entry。 */
-export function recordResult(id, name, resultSummary, diffBlock) {
+/** 记一条工具结果(diff 块或单行 preview);agent 在 onToolResult 时调,匹配最后一条未填的 entry。
+ *  fullOutput:工具原始完整输出(纯文本),展开时显示;mutation 工具的 diff 块已自含无需传。 */
+export function recordResult(id, name, resultSummary, diffBlock, fullOutput) {
     const b = batches.get(id);
     if (!b || b.entries.length === 0)
         return;
@@ -55,6 +58,7 @@ export function recordResult(id, name, resultSummary, diffBlock) {
         if (b.entries[i].name === name && !b.entries[i].resultSummary) {
             b.entries[i].resultSummary = resultSummary;
             b.entries[i].diffBlock = diffBlock;
+            b.entries[i].fullOutput = fullOutput;
             return;
         }
     }
@@ -63,6 +67,7 @@ export function recordResult(id, name, resultSummary, diffBlock) {
     if (!last.resultSummary) {
         last.resultSummary = resultSummary;
         last.diffBlock = diffBlock;
+        last.fullOutput = fullOutput;
     }
 }
 // ── 摘要行文本生成 ──
@@ -104,6 +109,18 @@ function buildExpandedLines(entries, indent = '    ') {
                 lines.push(line.endsWith('\x1B[0m') ? line : line + '\x1B[0m');
             }
         }
+        else if (e.fullOutput) {
+            // 完整工具输出(纯文本):按行展开,每行缩进 + dim 样式;长输出截断到 MAX_EXPAND_LINES 行
+            const rawLines = e.fullOutput.split('\n');
+            const truncated = rawLines.length > MAX_EXPAND_LINES;
+            const displayLines = truncated ? rawLines.slice(0, MAX_EXPAND_LINES) : rawLines;
+            for (const line of displayLines) {
+                lines.push(`${indent}${ui.gray}${line}${ui.reset}\x1B[0m`);
+            }
+            if (truncated) {
+                lines.push(`${indent}${ui.dim}… (${rawLines.length - MAX_EXPAND_LINES} more lines)${ui.reset}\x1B[0m`);
+            }
+        }
         else if (e.resultSummary) {
             lines.push(`${indent}${ui.gray}↳ ${e.resultSummary}${ui.reset}\x1B[0m`);
         }

package/dist/ui/content.js

@@ -136,6 +136,60 @@ export function lineAt(abs) {
     const all = snapshot();
     return abs >= 0 && abs < all.length ? all[abs] : null;
 }
+/**
+ * 找「绝对行索引 < absStart 的最近一条用户消息」的文本(用于滚动回看时的「我刚发的
+ * 请求」sticky banner)。算法:从 absStart - 1 往上扫,识别「用户气泡行」(由 repl
+ * formatUserMessage 写入,剥 SGR 后首字符 = ❯);再从此行往下吞连续的同类行
+ * 收集多行消息,join('\n')。
+ *
+ * 检测 user-bubble 行靠「剥 SGR 后以 ❯ 开头」而非 userBg SGR 前缀:rowStartSgr 继承自
+ * 上一行末(可能残留 dim/cyan),且 bubble 起手有 userBg 包裹,直接 startsWith(userBg)
+ * 在残留 rowStartSgr 场景会漏判。剥光所有 SGR 后 → 首字符稳定为 ❯ (repl.PROMPT)。
+ *
+ * 返回的文本已经剥离 ANSI + 提示符,可直接给 banner 渲染(再做截断 / 折叠)。
+ * absStart ≤ 0 返 null(没东西在视口上方)。
+ */
+export function lastUserMessageBefore(absStart) {
+    if (absStart <= 0)
+        return null;
+    const all = snapshot();
+    const SGR = /\x1B\[[0-9;]*m/g;
+    const isUserBubbleRow = (row) => {
+        // 剥光 SGR 后首字符 = ❯(repl.PROMPT 首字)→ 是 user bubble;
+        // agent 行首字符可能是 ● / ╭ / │ / 数字 / 字母,绝不会撞 ❯。
+        const visible = row.replace(SGR, '');
+        return visible.startsWith('❯');
+    };
+    // 1) 从 absStart - 1 往上扫,找第一条 user bubble 行(最近的 user-bubble 的最后一行)
+    let bubbleEnd = -1;
+    for (let i = Math.min(absStart, all.length) - 1; i >= 0; i--) {
+        if (isUserBubbleRow(all[i])) {
+            bubbleEnd = i;
+            break;
+        }
+    }
+    if (bubbleEnd < 0)
+        return null;
+    // 2) 往上找气泡起点(连续 user-bubble 行块 = 同一条 user 消息)
+    let bubbleStart = bubbleEnd;
+    while (bubbleStart - 1 >= 0 && isUserBubbleRow(all[bubbleStart - 1])) {
+        bubbleStart--;
+    }
+    // 3) 收文本:按显示字符剥 SGR + 续行/末填充空格 + 首行 prompt
+    //    首行剥前导 '❯ ' 序列 → banner 自己再加回 [banner_prompt] + <text>;
+    //    一次剥光所有重复的 ❯(防止用户手敲 prompt / 多重回显 → 出现 '❯ ❯ ...' 双提示符)。
+    const joinedText = all
+        .slice(bubbleStart, bubbleEnd + 1)
+        .map((raw, idx) => {
+        let stripped = raw.replace(SGR, '');
+        if (idx === 0)
+            stripped = stripped.replace(/^(?:❯\s*)+/, ''); // 剥光所有前导 ❯(含每个后面的可选空格)
+        return stripped.trimEnd();
+    })
+        .join('\n')
+        .replace(/\n+$/, '');
+    return joinedText || null;
+}
 /**
  * 在绝对行索引 after(0-based,已 commit)之后插入 N 条自洽行。
  * 用于「折叠摘要行下展开明细」——把详情行在已写入摘要行后面塞入缓冲,

package/dist/ui/layout.js

@@ -34,6 +34,8 @@ let runningFrame = -1;
 let userActiveUntil = 0; // 打字活跃截止时刻(Date.now()+PAUSE);0=未活跃
 let flushTimer = null; // 用户停手后 flush 缓冲内容(repaintViewport)
 const USER_ACTIVE_PAUSE_MS = 1500;
+/** Sticky banner 的 ❯ 前缀(同 repl 的 PROMPT;常量统一视觉)。 */
+const BANNER_PROMPT = '❯ ';
 let lastView = null;
 let lastMenuStartRow = 0; // 上次菜单起始屏行(供擦除)
 let lastMenuRows = 0;
@@ -572,6 +574,12 @@ function highlightRange(line, colStart, colEnd) {
  * 重画内容区 viewport:按 scrollOffset 取缓冲尾窗,逐行 cup+clearline+rowtext 映射到屏 1..contentBottom。
  * offset=0 即尾窗(== 实时屏,resize / 回尾时用)。清行含 contentBottom——顺带擦 WT 边距漏影(状态行重复)。
  * 有活跃选区(鼠标拖拽中)时,对选中范围套反白——纯视觉,不影响缓冲内容。
+ *
+ * **滚动回看 sticky banner(输入框上方固定标题的姊妹需求)**:
+ * 仅在 scrollOffset > 0 时,在 viewport 第 1 行顶部叠一行横幅,显示「当前 viewport 顶上
+ * 那条用户消息」的预览。用户上滑翻历史时,横幅内容随滚动到的 user→agent 对应关系变化;
+ * 滑到底(offset===0)自动消失(实时屏可见,无需 banner)。满宽 padding + 底色对比反色
+ * 提示「↑ 这是上方滚走的内容」,不与内容区行内 SGR 冲突。
  */
 export function repaintViewport() {
     if (!active)
@@ -580,11 +588,27 @@ export function repaintViewport() {
     const h = g.contentBottom;
     const slice = content.sliceFromEnd(scrollOffset, h);
     const sel = normalizeSelection();
-    const absStart = sel ? viewportAbsStart() : 0;
+    // viewportAbsStart() 无选区时也用:sticky banner 必须按真实窗口头算,不能降级 0(否则 banner 永不出现)。
+    const absStart = viewportAbsStart();
+    // sticky banner:仅 scrollOffset>0 时显示;offset=0 即实时屏,user 气泡本来就在视口内,无需 banner。
+    const bannerText = scrollOffset > 0
+        ? content.lastUserMessageBefore(absStart)
+        : null;
+    const BANNER_ROW = 1; // 横幅占 viewport 第 1 行(会把原第 1 行内容遮住 —— 1 行换"我在看啥"的可读性,可接受)
     let p = '';
     for (let r = 1; r <= h; r++) {
         let line = slice[r - 1] ?? '';
-        if (sel) {
+        if (bannerText && r === BANNER_ROW) {
+            // banner 行:满宽 userBg + ❯ + 单行截断(多行 ⏎ 折叠)+ userBg 补到底 + 底线分隔短横
+            const cols = g.cols;
+            const oneLine = bannerText.replace(/\s*\n\s*/g, ' ⏎ ');
+            const promptW = displayWidth(BANNER_PROMPT);
+            const avail = Math.max(1, cols - promptW);
+            const truncated = truncateDisplayHead(oneLine, avail);
+            const padCount = Math.max(0, cols - promptW - displayWidth(truncated));
+            line = `${ui.userBg}${BANNER_PROMPT}${truncated}${' '.repeat(padCount)}${ui.reset}`;
+        }
+        else if (sel) {
             const absLine = absStart + r - 1;
             if (absLine >= sel.startLine && absLine <= sel.endLine) {
                 const lineW = ansiDisplayWidth(line);
@@ -1143,28 +1167,50 @@ function composeSpinnerLine(status, cols) {
 function composeModelLine(status, cols) {
     const ctx = status.contextBar; // 已带色
     const ctxW = ansiDisplayWidth(ctx);
-    // 左段:模式标识 + 本轮 token chip。token chip 仅展示总量,用 mid 灰,不抢主色。
+    // 左段:模式标识 + 切换提示(灰)+ 本轮 token chip。token chip 仅展示总量,用 mid 灰,不抢主色。
     const modeTag = status.modeTag ?? '';
     const modeColor = modeTag === 'plan' ? ui.yellow : ui.brightCyan;
     const modePart = modeTag ? `${modeColor}${modeTag}${ui.reset}` : '';
     const modeW = modeTag ? displayWidth(modeTag) : 0;
+    // 切换提示:告诉用户怎么切模式。灰(dim)降优先级,不与 modeTag 抢色;只在有 modeTag 时出现。
+    const HINT = 'Shift+Tab 切换模式';
+    const hintW = modeTag ? displayWidth(HINT) : 0;
+    const hintPart = modeTag ? `${ui.dim}${HINT}${ui.reset}` : '';
     const tokChip = formatTurnTokenChip(status.lastTurnUsage);
     const tokW = displayWidth(stripAnsi(tokChip));
-    // 合并左段:chip 前留 2 空格分隔,无 modeTag 也允许仅显示 chip(兜底边角)。
-    const sep = modePart && tokChip ? '  ' : '';
-    const leftStr = `${modePart}${sep}${tokChip}`;
-    const leftW = modeW + (modePart && tokChip ? sep.length : 0) + tokW;
+    // 合并左段:段间留 2 空格分隔。极窄时 hint 与 chip 都可能藏掉。
+    // 优先级:modeTag(必) > chip(提示累计 token,有信息量)> hint(纯说明性,窄时最先省)。
+    const sepMH = modePart && (hintPart || tokChip) ? '  ' : '';
+    const sepHT = (hintPart && tokChip) ? '  ' : '';
+    const leftStr = `${modePart}${sepMH}${hintPart}${sepHT}${tokChip}`;
+    const leftW = modeW
+        + (modePart && (hintPart || tokChip) ? sepMH.length : 0)
+        + hintW
+        + ((hintPart && tokChip) ? sepHT.length : 0)
+        + tokW;
     // 右段:ctx + sep + cwd,右端对齐。cwd 按预算截断,极窄(<6)隐藏。
-    // 任一 chip 极宽时收紧 cwd(toolbar 列挤压场景),先从 cwd 砍、再隐藏 cwd、再隐藏 token chip。
+    // 任一 chip 极宽时收紧 cwd(toolbar 列挤压场景),先从 cwd 砍、再隐藏 cwd、再按 hint→chip 顺序省。
     const minGap = 2;
     let cwdBudget = cols - leftW - minGap - ctxW - STATUS_SEP_W - 1;
     let cwd = cwdBudget >= 6 ? truncateDisplay(status.cwd, cwdBudget) : '';
     let cwdW = displayWidth(cwd);
     let rightStr = `${ctx}${STATUS_SEP}${ui.dim}${cwd}${ui.reset}`;
     let rightW = ctxW + STATUS_SEP_W + cwdW;
-    // 极窄(<24 列含 ctx):藏 token chip
-    if (modePart && tokChip && rightW + minGap + leftW > cols) {
-        return twoColumn(modePart, modeW, rightStr, rightW, cols);
+    // 极窄:逐步降级——先藏 hint,再藏 token chip,只剩 modeTag 与右段挤。
+    // 这样 80 列宽终端下 hint 和 chip 都能稳住,只 <50 列才退化到只剩 modeTag。
+    if (leftW + minGap + rightW > cols) {
+        // 优先藏 hint(纯说明,信息密度最低):仅留 modePart + sep + tokChip
+        if (modePart && tokChip && hintPart) {
+            const leftStr2 = `${modePart}${sepMH}${tokChip}`;
+            const leftW2 = modeW + sepMH.length + tokW;
+            if (leftW2 + minGap + rightW <= cols) {
+                return twoColumn(leftStr2, leftW2, rightStr, rightW, cols);
+            }
+        }
+        // 再藏 token chip:仅留 modePart
+        if (modePart && tokChip) {
+            return twoColumn(modePart, modeW, rightStr, rightW, cols);
+        }
     }
     return twoColumn(leftStr, leftW, rightStr, rightW, cols);
 }

package/package.json

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