mocode-ai 0.1.9 → 0.2.0

package/dist/ui/layout.js

@@ -2,15 +2,16 @@ import { stdin, stdout } from 'node:process';
 import { appendFileSync } from 'node:fs';
 import { homedir } from 'node:os';
 import { join } from 'node:path';
-import { charWidth, displayWidth, truncateDisplay, truncateDisplayHead, ansiDisplayWidth, wrapByDisplayWidth, fmtElapsed, } from './render.js';
+import { charWidth, displayWidth, truncateDisplay, truncateDisplayHead, ansiDisplayWidth, wrapByDisplayWidth, fmtElapsed, stripAnsi, sliceByDisplayCol, } from './render.js';
 import { ui } from './theme.js';
 import * as content from './content.js';
 import * as mouse from './mouse.js';
+import { copyToClipboard, readClipboard } from './clipboard.js';
 import { renderMarkdown } from './markdown.js';
 // ── 内部状态 ──
 let active = false;
 let mode = 'input';
-let footerH = 5; // 1 虚拟空行 + 1 状态行 + 1 上线 + 输入行数 + 1 下线(虚拟空行隔开内容与状态栏,上下线框住输入区)
+let footerH = 6; // 1 虚拟空行 + 1 spinner行 + 1 上线 + 输入行数 + 1 下线 + 1 model行(两行式底栏)
 let contentRow = 1; // 续写位行(1-based,屏坐标,[1,contentBottom])
 let contentCol = 1; // 续写位列(1-based)
 // 上一次 paintLiveAtCursor 实际画帧的屏坐标(0=未画)。clearLiveAtCursor 清"这行"而非当前续写位——
@@ -47,11 +48,26 @@ let sigwinchHandler = null;
 // 非 md 写(contentWrite)先 commitMd 收尾(清 segMark,后续写不再被 setLines 截断)。
 let mdActive = false;
 let mdBuf = '';
+let selection = null;
+let selecting = false; // 左键按下中(press→release 之间)
+let mouseEnabled = true; // 导航菜单(picker)期间置 false:只吞报表不做选区/滚动,防菜单被 viewport 重画覆盖
+const WHEEL_LINES = 3; // 滚轮每格滚动行数
+// 点击输入框粘贴:当前文本输入方(prompt.ts / repl 运行态 typeahead)注册回调,接收剪贴板文本贴入。
+// 只在输入区(底栏输入行)内右键单击(未拖动)时触发——与内容区选区互不干扰(内容区左键=框选,右键=复制)。
+let pasteHandler = null;
 const esc = {
     altOn: '\x1B[?1049h',
     altOff: '\x1B[?1049l',
-    mouseOn: '\x1B[?1000h\x1B[?1006h', // SGR 鼠标:按键事件追踪(1000)+SGR 编码(1006)→ \x1B[<btn;col;rowM,经 mouse.consumeMouse 重组后滚轮滚动。副作用:TUI 内鼠标选区复制失效,按 Shift 用鼠标可让终端放行做原生选区
-    mouseOff: '\x1B[?1006l\x1B[?1000l', // 关:反序(先关 SGR 编码再关追踪)
+    // 完整鼠标追踪(仿 Claude Code 全屏渲染):1000=按键(按下/释放)+ 1002=拖动 motion + 1006=SGR 编码。
+    // 拿到按下/拖动/释放的坐标后,由 layout 在应用层维护选区(mouse.ts 重组报表 → handleMouseEvent):
+    //  - 左键:内容区按下开选区、拖动扩展(触边自动翻页跨屏)、释放只留高亮,不自动复制;输入框不响应
+    //    (不干扰正常打字/焦点)。
+    //  - 右键(单击,press→release 未拖动):落在输入框 → 读剪贴板贴入(setPasteHandler 回调);
+    //    落在内容区 → 复制当前选区(若有)到剪贴板(clipboard.ts),静默不弹提示。
+    //  - 滚轮报表(button&64)转 scrollBy。
+    // 代价:终端原生框选被鼠标捕获接管——想用终端原生选区可按住 Shift(多数终端放行)。
+    mouseOn: '\x1B[?1000h\x1B[?1002h\x1B[?1006h',
+    mouseOff: '\x1B[?1006l\x1B[?1002l\x1B[?1000l', // 关:反序
     cursorShow: '\x1B[?25h',
     cursorHide: '\x1B[?25l',
     clearLine: '\x1B[2K',
@@ -164,11 +180,19 @@ export function contentWrite(s) {
         commitMd(); // 非 md 写接续:先收尾 md 段(清 segMark,否则 setLines 会截到旧段)
     // 滚动回看时(scrollOffset>0)只喂缓冲 + 推进续写位,不物理写——否则新流式内容覆盖 viewport 历史行。
     // 回尾(scrollOffset===0)才物理写;写起点 = 当前续写位(loop 会推进续写位,故先捕获)。
-    const startRow = contentRow;
-    const startCol = contentCol;
     const g = getGeo();
     const cols = g.cols;
     const bottom = g.contentBottom;
+    // resize 后 contentRow 可能过时(拖终端框):
+    //  - 缩小:contentRow > 新 bottom → 钳到新 bottom
+    //  - 放大:contentRow < 新 bottom 且回尾 → 推进到 min(total, bottom)
+    if (contentRow > bottom)
+        contentRow = bottom;
+    else if (scrollOffset === 0 && contentRow < bottom) {
+        contentRow = Math.min(content.totalRows(), bottom);
+    }
+    const startRow = contentRow;
+    const startCol = contentCol;
     const advanceRow = (r) => (r >= bottom ? bottom : r + 1); // 到底则滚动,续写位留底
     // 滚动回看冻结(仿 ink store.pushBlock 的 offset+=newLines):scrollOffset>0 时新内容只入缓冲,
     // 但缓冲增长后若 offset 不变,下次 scrollBy→repaintViewport 会取漂移窗口、把新内容画进历史视图
@@ -377,9 +401,63 @@ export function clearContent() {
 export function isScrolled() {
     return scrollOffset > 0;
 }
+/** viewport 窗口起点绝对行索引(0-based,对齐 content.sliceFromEnd 的 start)。 */
+function viewportAbsStart() {
+    const g = getGeo();
+    const total = content.totalRows();
+    const end = Math.max(0, total - scrollOffset);
+    return Math.max(0, end - g.contentBottom);
+}
+/** 屏行(1-based,内容区内)→ 绝对缓冲行索引(0-based)。 */
+function screenRowToAbsLine(row) {
+    return viewportAbsStart() + (row - 1);
+}
+/** 选区归一化(anchor/end 按阅读顺序排序为 start/end)。无选区返 null。 */
+function normalizeSelection() {
+    if (!selection)
+        return null;
+    const a = { line: selection.anchorLine, col: selection.anchorCol };
+    const b = { line: selection.endLine, col: selection.endCol };
+    const aFirst = a.line < b.line || (a.line === b.line && a.col <= b.col);
+    return aFirst
+        ? { startLine: a.line, startCol: a.col, endLine: b.line, endCol: b.col }
+        : { startLine: b.line, startCol: b.col, endLine: a.line, endCol: a.col };
+}
+/** 给自洽带色行的显示列区间 [colStart,colEnd) 套反白(\x1B[7m...\x1B[27m),SGR 码原样穿过不受影响。 */
+function highlightRange(line, colStart, colEnd) {
+    if (colEnd <= colStart)
+        return line;
+    const parts = line.split(/(\x1b\[[0-9;]*m)/);
+    let w = 0;
+    let out = '';
+    let opened = false;
+    for (let i = 0; i < parts.length; i++) {
+        if (i % 2 === 1) {
+            out += parts[i]; // SGR 码原样穿过
+            continue;
+        }
+        for (const ch of parts[i]) {
+            const cw = charWidth(ch.codePointAt(0) ?? 0);
+            if (!opened && w >= colStart && w < colEnd) {
+                out += '\x1B[7m';
+                opened = true;
+            }
+            if (opened && w >= colEnd) {
+                out += '\x1B[27m';
+                opened = false;
+            }
+            out += ch;
+            w += cw;
+        }
+    }
+    if (opened)
+        out += '\x1B[27m';
+    return out;
+}
 /**
  * 重画内容区 viewport:按 scrollOffset 取缓冲尾窗,逐行 cup+clearline+rowtext 映射到屏 1..contentBottom。
  * offset=0 即尾窗(== 实时屏,resize / 回尾时用)。清行含 contentBottom——顺带擦 WT 边距漏影(状态行重复)。
+ * 有活跃选区(鼠标拖拽中)时,对选中范围套反白——纯视觉,不影响缓冲内容。
  */
 export function repaintViewport() {
     if (!active)
@@ -387,9 +465,20 @@ export function repaintViewport() {
     const g = getGeo();
     const h = g.contentBottom;
     const slice = content.sliceFromEnd(scrollOffset, h);
+    const sel = normalizeSelection();
+    const absStart = sel ? viewportAbsStart() : 0;
     let p = '';
     for (let r = 1; r <= h; r++) {
-        const line = slice[r - 1] ?? '';
+        let line = slice[r - 1] ?? '';
+        if (sel) {
+            const absLine = absStart + r - 1;
+            if (absLine >= sel.startLine && absLine <= sel.endLine) {
+                const lineW = ansiDisplayWidth(line);
+                const colStart = absLine === sel.startLine ? sel.startCol : 0;
+                const colEnd = absLine === sel.endLine ? sel.endCol : lineW;
+                line = highlightRange(line, colStart, colEnd);
+            }
+        }
         p += cup(r, 1) + esc.clearLine + line;
     }
     // 光标:合并进同一 write(若拆成两次 stdout.write,行写完光标会暂留 contentRow/contentBottom,
@@ -416,10 +505,158 @@ export function scrollBy(delta) {
     const off = Math.max(0, Math.min(scrollOffset + delta, maxOff));
     if (off === scrollOffset)
         return;
+    // 进入滚动态前清掉 spinner 内联帧:滚动态由状态行心跳兜底,内联帧若残留会卡在历史视图某行。
+    if (scrollOffset === 0 && off > 0 && frameRow) {
+        stdout.write(cup(Math.min(frameRow, g.contentBottom), frameCol) + esc.clearLine);
+        frameRow = 0;
+        frameCol = 0;
+    }
     scrollOffset = off;
     repaintViewport();
     repaint();
 }
+/** 清活跃选区(不复制),若原有选区则重画去掉反白。供 ESC / 点击别处 / 退出滚动态等场景调。 */
+export function clearSelection() {
+    if (!selection)
+        return;
+    selection = null;
+    if (scrollOffset >= 0)
+        repaintViewport();
+}
+/**
+ * 注册"点击输入框粘贴"回调:当前持有文本输入的模块(prompt.ts 的 promptWithSlashMenu / repl 运行态
+ * typeahead)在挂键盘监听时调,退出时传 null 注销。点击输入行(未拖动)时 layout 读剪贴板后回调此函数,
+ * 由回调方完成插入(各输入状态的行/光标结构不同,layout 不掺和文本编辑逻辑,只管"贴入"这个动作触发)。
+ */
+export function setPasteHandler(fn) {
+    pasteHandler = fn;
+}
+/** picker / 介入面板期间禁用鼠标选区与滚轮(避免 viewport 重画覆盖菜单);面板退出后恢复。 */
+export function setMouseEnabled(v) {
+    mouseEnabled = v;
+    if (!v) {
+        selecting = false;
+        if (selection) {
+            selection = null;
+            repaintViewport();
+        }
+    }
+}
+/** 从归一化选区抠出纯文本(去 ANSI,按显示列裁切,行间 \n 拼接)。越界行跳过(缓冲被 trim 等边界情况)。 */
+function extractSelectionText(sel) {
+    const out = [];
+    for (let abs = sel.startLine; abs <= sel.endLine; abs++) {
+        const raw = content.lineAt(abs);
+        if (raw == null)
+            continue;
+        const plain = stripAnsi(raw);
+        const lineW = displayWidth(plain);
+        const colStart = abs === sel.startLine ? sel.startCol : 0;
+        const colEnd = abs === sel.endLine ? sel.endCol : lineW;
+        out.push(sliceByDisplayCol(plain, colStart, colEnd));
+    }
+    return out.join('\n');
+}
+/** 屏行是否落在底栏输入行范围内(paintInput 的 firstInputRow..firstInputRow+inputRowsAvail-1)。 */
+function isInputRow(row) {
+    const g = getGeo();
+    const firstInputRow = g.contentBottom + 4;
+    const inputRowsAvail = Math.max(0, g.footerH - 5);
+    return row >= firstInputRow && row < firstInputRow + inputRowsAvail;
+}
+/** 右键单击输入行(未拖动的 press→release):读剪贴板 + 回调 pasteHandler 贴入。异步但不阻塞其他事件。 */
+function pasteIntoInput() {
+    if (!pasteHandler)
+        return;
+    const handler = pasteHandler;
+    readClipboard()
+        .then((text) => {
+        if (text && active)
+            handler(text);
+    })
+        .catch(() => { });
+}
+/**
+ * 鼠标事件分发(mouse.setHandler 注册)。
+ *  - 左键(button 0):内容区按下开选区、拖动扩展(触边自动翻页)、释放只更新高亮**不复制**;
+ *    纯点击(未拖动)清空旧选区(点别处的常见预期);落在输入行不做任何特殊处理(不选区、不粘贴——
+ *    留给终端 / 正常打字焦点行为,避免误触发)。
+ *  - 右键(button 2,单击 = press→release 未拖动):落在输入行 → 读剪贴板贴入(仿常见终端"右键粘贴");
+ *    落在内容区 → 复制当前选区(若有)到剪贴板后立即清空高亮(视觉确认"已复制",不留旧选区误导),
+ *    静默不弹提示;都无对应状态则 no-op。
+ *  - 滚轮(button&64,由 mouse.ts 解析为 wheel 事件):照常 scrollBy。
+ * 选区坐标存绝对缓冲行(viewportAbsStart + 屏行),故翻页 / 追加新内容期间选区锚点仍指向同段文字。
+ */
+function handleMouseEvent(e) {
+    if (!active)
+        return;
+    if (e.type === 'wheel') {
+        if (mouseEnabled)
+            scrollBy(e.dir * WHEEL_LINES);
+        return;
+    }
+    if (!mouseEnabled)
+        return;
+    const g = getGeo();
+    const col = Math.max(0, e.col - 1); // SGR 报表列 1-based → 显示列 0-based
+    // 右键释放:落输入行 → 贴入;落内容区 → 复制当前选区后清空(去掉高亮),不可重复右键复制同一选区。
+    if (e.type === 'release' && e.button === 2) {
+        if (isInputRow(e.row)) {
+            pasteIntoInput();
+            return;
+        }
+        const sel = normalizeSelection();
+        if (!sel)
+            return;
+        const text = extractSelectionText(sel);
+        selection = null;
+        repaintViewport(); // 复制后清高亮:视觉反馈"已复制",不留旧选区误导
+        if (!text)
+            return;
+        copyToClipboard(text);
+        return;
+    }
+    if (e.button !== 0)
+        return; // 其余中/右键 press/drag 不处理(终端原生右键菜单等不受影响)
+    if (e.type === 'press') {
+        if (isInputRow(e.row))
+            return; // 输入行左键不做选区(不干扰正常打字/焦点)
+        selecting = true;
+        const rowInContent = Math.max(1, Math.min(e.row, g.contentBottom));
+        const absLine = screenRowToAbsLine(rowInContent);
+        selection = { anchorLine: absLine, anchorCol: col, endLine: absLine, endCol: col, dragged: false };
+        repaintViewport();
+        return;
+    }
+    if (e.type === 'drag') {
+        if (!selecting || !selection)
+            return;
+        // 触边自动翻页:motion 事件持续到达时靠此逐步滚动,把选区扩展到滚出去的历史行。
+        if (e.row <= 1)
+            scrollBy(WHEEL_LINES);
+        else if (e.row >= g.contentBottom)
+            scrollBy(-WHEEL_LINES);
+        const rowInContent = Math.max(1, Math.min(e.row, g.contentBottom));
+        const absLine = screenRowToAbsLine(rowInContent);
+        if (absLine !== selection.endLine || col !== selection.endCol)
+            selection.dragged = true;
+        selection.endLine = absLine;
+        selection.endCol = col;
+        repaintViewport();
+        return;
+    }
+    // release(左键)
+    selecting = false;
+    if (!selection)
+        return;
+    if (!selection.dragged) {
+        // 内容区纯点击(未拖动):只清选区,不复制(复制交给右键)。
+        selection = null;
+        repaintViewport();
+        return;
+    }
+    // 拖动过:保留高亮选区供右键复制(不在此处复制,复制交给右键释放分支)。
+}
 /** 回尾(offset=0);仅当原本滚动过才重画(避免每轮 enterRunningMode 闪烁)。 */
 export function resetScroll() {
     if (scrollOffset === 0)
@@ -443,66 +680,96 @@ export function unlockScroll() {
 export function isScrollLocked() {
     return Date.now() < scrollLockUntil;
 }
-// ── 状态行 ──
-/** 组合状态行可见串(带色),按 cols 截断防溢出(不折到输入行)。 */
-function composeStatus(status, cols) {
-    const sep = '  ';
-    const sepW = sep.length;
-    // 运行态(含滚动回看)用心跳帧(♥/♡)替换静态 ◆:agent 跑起来时状态行前导符始终跳动,
-    // 滑到上面看历史也能感知 agent 在跑。帧宽=1(与 ◆ 同),fixed 不变,布局不乱。INPUT 态仍显 ◆。
+// ── 状态行(两行式:spinner 行 + model 行)──
+const STATUS_SEP = '  ';
+const STATUS_SEP_W = STATUS_SEP.length;
+/** 通用两段式排版:左段左端对齐 + 空格填充 + 右段右端对齐。pad 至少 1 空格防粘连。 */
+function twoColumn(leftStr, leftW, rightStr, rightW, cols) {
+    const pad = Math.max(1, cols - leftW - rightW);
+    return `${leftStr}${' '.repeat(pad)}${rightStr}`;
+}
+/** 上线之上那行(spinner 行):左段 = spinner 帧 + 状态文字 + 走时(全部左对齐,紧跟不分离)。
+ *  右段仅在滚动回看时显历史指示(右端对齐)。
+ *  示例:
+ *    INPUT:     ◆ 空闲
+ *    思考中:    ⠹ 思考中… 0.5s
+ *    运行心跳:  ♥ 0.5s
+ *    滚动回看:  ◆                        历史 ↑3 (PgDn 回底)  */
+function composeSpinnerLine(status, cols) {
     const spinning = mode === 'running' && runningFrame >= 0;
-    const lead = spinning ? `${RUNNING_FRAMES[runningFrame]} ` : `◆ `;
-    // 模式 chip:lead 之后、model 之前。auto 显 dim 'auto'(常态),plan 显亮黄 'plan'(切换时颜色+文字都变,明显)。
-    const modeChip = status.modeTag
-        ? ` ${status.modeTag === 'plan' ? ui.yellow : ui.dim}${status.modeTag}${ui.reset} `
-        : '';
-    const modeChipW = status.modeTag ? 2 + displayWidth(status.modeTag) : 0; // 2 = 前导+尾随空格
-    const model = truncateDisplay(status.model, 22);
-    const ctx = status.contextBar; // 已带色
-    const ctxW = ansiDisplayWidth(ctx);
-    // 滚动回看时状态段改显历史指示(无 spinner——滚动只在 INPUT 态)
+    const hasSpinner = !!status.spinnerFrame;
     const scrolled = scrollOffset > 0;
-    let st;
+    // 走时(仅运行态)
+    const elapsed = (mode === 'running' && turnStart != null)
+        ? fmtElapsed(Date.now() - turnStart)
+        : '';
+    // ── 左段:帧 + 状态 + 走时,全部紧跟 ──
+    let lead;
+    let leadW;
     if (scrolled) {
-        st = `历史 ↑${scrollOffset} (PgDn 回底)`; // 滚动回看显历史指示,不显走时
+        // 滚动回看:左段仅显 ◆(或心跳帧),右段显历史指示
+        lead = `${spinning ? ui.brightMagenta : ui.brightCyan}${spinning ? RUNNING_FRAMES[runningFrame] : '◆'}${ui.reset}`;
+        leadW = 1;
+    }
+    else if (hasSpinner) {
+        // spinner 激活(思考中/执行工具…):帧 + 状态 + 走时
+        const ePart = elapsed ? ` ${ui.dim}${elapsed}${ui.reset}` : '';
+        lead = `${ui.brightMagenta}${status.spinnerFrame}${ui.reset} ${ui.dim}${status.status}${ui.reset}${ePart}`;
+        leadW = 1 + 1 + displayWidth(status.status) + (elapsed ? 1 + displayWidth(elapsed) : 0);
+    }
+    else if (spinning) {
+        // 运行态心跳帧(流式输出中):帧 + 走时
+        const ePart = elapsed ? ` ${ui.dim}${elapsed}${ui.reset}` : '';
+        lead = `${ui.brightMagenta}${RUNNING_FRAMES[runningFrame]}${ui.reset}${ePart}`;
+        leadW = 1 + (elapsed ? 1 + displayWidth(elapsed) : 0);
     }
     else {
-        // head = spinner 帧 + 状态文字。常态 agent 轮二者皆空:agent spinner 不调 setStatus,
-        // 其文字在内联 paintLiveAtCursor 显,状态行不重复——只显走时。命令态(如 /compact 的「压缩中」)
-        // 走 setStatus,在此显帧 + 文字(无内联,不重复)。
-        const head = (status.spinnerFrame ? status.spinnerFrame + ' ' : '') + status.status;
-        if (mode === 'running' && turnStart != null) {
-            // RUNNING 态追加走时:整轮从 enterRunningMode 起计时,200ms 计时器续刷使其连续递增。
-            st = head ? `${head} · ${fmtElapsed(Date.now() - turnStart)}` : fmtElapsed(Date.now() - turnStart);
-        }
-        else {
-            st = head; // INPUT 等态(如"空闲")
-        }
+        // INPUT 态:◆ + 状态文字(无走时)
+        lead = `${ui.brightCyan}◆${ui.reset} ${ui.dim}${status.status}${ui.reset}`;
+        leadW = 1 + 1 + displayWidth(status.status);
+    }
+    // ── 右段:仅滚动回看时显历史指示 ──
+    let tail = '';
+    let tailW = 0;
+    if (scrolled) {
+        tail = `历史 ↑${scrollOffset} (PgDn 回底)`;
+        tailW = displayWidth(tail);
     }
-    const stW = displayWidth(st);
-    const fixed = displayWidth(lead) + modeChipW + displayWidth(model) + sepW * 3 + ctxW + stW;
-    const cwdBudget = cols - fixed - 1;
+    const rightStr = tail ? `${ui.yellow}${tail}${ui.reset}` : '';
+    return twoColumn(lead, leadW, rightStr, tailW, cols);
+}
+/** 下线之下那行(model 行):左 = 模式标识(auto 跟随主题色 / plan 显亮黄);右 = context + cwd,右端对齐。 */
+function composeModelLine(status, cols) {
+    const ctx = status.contextBar; // 已带色
+    const ctxW = ansiDisplayWidth(ctx);
+    // 左段:模式标识(auto 显 brightCyan 随主题 / plan 显亮黄)
+    const modeTag = status.modeTag ?? '';
+    const leftStr = modeTag
+        ? `${modeTag === 'plan' ? ui.yellow : ui.brightCyan}${modeTag}${ui.reset}`
+        : '';
+    const leftW = modeTag ? displayWidth(modeTag) : 0;
+    // 右段:ctx + sep + cwd,右端对齐。cwd 按预算截断,极窄(<6)隐藏。
+    const minGap = 2;
+    const cwdBudget = cols - leftW - minGap - ctxW - STATUS_SEP_W - 1;
     const cwd = cwdBudget >= 6 ? truncateDisplay(status.cwd, cwdBudget) : '';
-    return [
-        `${spinning ? ui.brightMagenta : ui.brightCyan}${lead}${ui.reset}${modeChip}${ui.bold}${model}${ui.reset}`,
-        sep,
-        ctx,
-        sep,
-        `${ui.dim}${cwd}${ui.reset}`,
-        sep,
-        `${scrolled ? ui.yellow : status.spinnerFrame ? ui.brightMagenta : ui.dim}${st}${ui.reset}`,
-    ].join('');
-}
-/** 画状态行(光标回续写位)。RUNNING 态 spinner 频繁调。 */
+    const cwdW = displayWidth(cwd);
+    const rightStr = `${ctx}${STATUS_SEP}${ui.dim}${cwd}${ui.reset}`;
+    const rightW = ctxW + STATUS_SEP_W + cwdW;
+    return twoColumn(leftStr, leftW, rightStr, rightW, cols);
+}
+/** 画状态行(spinner 行 + model 行,两行)。RUNNING 态 spinner 频繁调。
+ *  行号(footerH=6):spinner 行=contentBottom+2,model 行=rows(屏底)。
+ *  上线 contentBottom+3 / 输入 contentBottom+4 / 下线 contentBottom+5 由 paintInput 画,此函数只刷两行信息。 */
 export function drawStatusBar(status) {
     if (!active || !base)
         return;
     const s = status ?? { ...base, status: statusText, spinnerFrame };
     const g = getGeo();
-    const statusRow = g.contentBottom + 2; // +1 虚拟空行(内容与状态栏间隔),+2 状态行
-    // 一次写入:cup 状态行 + clearLine + 状态 + cup 回(运行态→输入框供 IME 锚定;否则续写位/内容区底)。
-    // 打字中不再跳过——单次 write 结尾 cup 回 runningCaretPos,IME 锚输入框不动;旧 isStreamingPaused 门致状态行 / 心跳打字时冻住。
-    let out = cup(statusRow, 1) + esc.clearLine + composeStatus(s, g.cols);
+    const spinnerRow = g.contentBottom + 2; // +1 虚拟空行,+2 spinner 行
+    const modelRow = g.rows; // 屏底:model 行
+    // 一次写入:cup spinner 行 + clearLine + spinner 行内容 + cup model 行 + clearLine + model 行内容 + cup 回。
+    let out = cup(spinnerRow, 1) + esc.clearLine + composeSpinnerLine(s, g.cols) +
+        cup(modelRow, 1) + esc.clearLine + composeModelLine(s, g.cols);
     if (mode === 'running') {
         // 运行态(回尾 / 滚动回看均):cup 回输入框光标位(供 IME 锚定)。
         const p = runningCaretPos();
@@ -568,18 +835,44 @@ function dbgSpinner(msg) {
  */
 export function paintLiveAtCursor(text) {
     if (!active || !ui.isTTY || scrollOffset !== 0 || isStreamingPaused()) {
-        // 临时诊断:画帧被守卫跳过,但此前画过帧(frameRow)→ 该帧不会被这次 paint 覆盖,泄漏嫌疑
-        if (frameRow && scrollOffset !== 0)
-            dbgSpinner(`PAINT-SKIPPED frame=(${frameRow},${frameCol}) cur=(${contentRow},${contentCol}) off=${scrollOffset} paused=${isStreamingPaused()}`);
+        // 滚动态 / 暂停态:不画新帧。但若有旧帧残留(frameRow),必须清掉——
+        // 否则旧 spinner 帧停在历史视图某行,用户看到「思考中」卡在消息堆里(根因)。
+        // 滚动态由状态行心跳兜底显示运行状态,不需内联帧;清完后 frameRow 归零,回尾时下一帧自然重画。
+        if (frameRow) {
+            // resize 后 contentBottom 可能缩小:清旧帧时钳 frameRow 到当前可视区,避免 cup 到屏外行
+            const g = getGeo();
+            const fr = Math.min(frameRow, g.contentBottom);
+            let out = cup(fr, frameCol) + esc.clearLine;
+            if (mode === 'running') {
+                const p = runningCaretPos();
+                out += cup(p.row, p.col);
+            }
+            stdout.write(out);
+            frameRow = 0;
+            frameCol = 0;
+        }
         return;
     }
+    // resize 后 contentRow 可能过时(拖终端框):
+    //  - 缩小:contentRow > 新 bottom → 钳到新 bottom
+    //  - 放大:contentRow < 新 bottom 且回尾 → 推进到 min(total, bottom)(内容末尾或新区底)
+    //    内容够填满:推进到 bottom(最底部);内容不够:推进到 total(紧跟内容尾)
+    // 否则 cup 到旧行号→帧画在屏幕中间(旧 bottom 位置),而非内容末尾/最底部。
+    const g = getGeo();
+    const total = content.totalRows();
+    if (contentRow > g.contentBottom)
+        contentRow = g.contentBottom;
+    if (scrollOffset === 0 && contentRow < g.contentBottom) {
+        contentRow = Math.min(total, g.contentBottom);
+    }
     // 临时诊断:续写位 != 上次画帧位置 = spinner 运行期间续写位漂移(泄漏根因嫌疑)
     if (frameRow && (frameRow !== contentRow || frameCol !== contentCol)) {
         dbgSpinner(`DRIFT-PAINT old=(${frameRow},${frameCol}) cur=(${contentRow},${contentCol}) mode=${mode} off=${scrollOffset}`);
     }
     let out = '';
     if (frameRow && (frameRow !== contentRow || frameCol !== contentCol)) {
-        out += cup(frameRow, frameCol) + esc.clearLine; // 续写位漂移:先清旧帧行,否则残留
+        // 清旧帧同样钳到可视区(resize 后 frameRow 可能 > contentBottom)
+        out += cup(Math.min(frameRow, g.contentBottom), frameCol) + esc.clearLine; // 续写位漂移:先清旧帧行,否则残留
     }
     out += cup(contentRow, contentCol) + esc.clearLine + text;
     if (mode === 'running') {
@@ -591,21 +884,17 @@ export function paintLiveAtCursor(text) {
     frameCol = contentCol;
 }
 /** 清掉 paintLiveAtCursor 画过的那行瞬时活动文本。清"实际画过的位置"(frameRow),非当前续写位。
- *  不加 isStreamingPaused 守卫——stop 时必须无条件清(只写一次、结尾 cup 回输入框,不扰 IME);否则打字中 stop 会跳过清帧、制造泄漏。 */
+ *  不加 isStreamingPaused 守卫——stop 时必须无条件清(只写一次、结尾 cup 回输入框,不扰 IME);否则打字中 stop 会跳过清帧、制造泄漏。
+ *  滚动态(scrollOffset≠0)也必须清残留帧——否则旧 spinner 帧卡在历史视图某行(「思考中在消息堆里」根因)。 */
 export function clearLiveAtCursor() {
-    // 临时诊断:clear 被守卫跳过,但此前画过帧(frameRow)→ 帧残留(泄漏嫌疑)
-    if (frameRow && (!active || !ui.isTTY || scrollOffset !== 0)) {
-        dbgSpinner(`CLEAR-SKIPPED frame=(${frameRow},${frameCol}) cur=(${contentRow},${contentCol}) off=${scrollOffset} active=${active}`);
-    }
-    if (!active || !ui.isTTY || scrollOffset !== 0)
+    if (!active || !ui.isTTY)
         return;
     if (!frameRow)
         return; // 没画过就不清(避免误清当前续写位内容)
-    // 临时诊断:画帧位置 != 当前续写位 → 旧设计(清续写位)会清错行
-    if (frameRow !== contentRow || frameCol !== contentCol) {
-        dbgSpinner(`CLEAR-MISMATCH frame=(${frameRow},${frameCol}) cur=(${contentRow},${contentCol}) mode=${mode}`);
-    }
-    let out = cup(frameRow, frameCol) + esc.clearLine; // 清"画过的行",非"当前续写位"
+    // 滚动态也清:旧帧不该残留。清"画过的行"(frameRow),回尾后该行由 repaintViewport 重画历史内容。
+    // resize 后 contentBottom 可能缩小:frameRow 钳到可视区,避免 cup 到屏外行清错位置。
+    const g = getGeo();
+    let out = cup(Math.min(frameRow, g.contentBottom), frameCol) + esc.clearLine;
     if (mode === 'running') {
         const p = runningCaretPos();
         out += cup(p.row, p.col);
@@ -726,7 +1015,7 @@ export function paintInput(view) {
             startVis: 0,
         }
         : windowInputVis(view.lines, view.cursorLine, view.cursorCol, preGeo.cols, promptW, preGeo.rows);
-    const needFooterH = 4 + vis.inputRows; // 1 虚拟空 + 1 状态 + 1 上线 + 输入行 + 1 下线
+    const needFooterH = 5 + vis.inputRows; // 1 虚拟空 + 1 spinner 行 + 1 上线 + 输入行 + 1 下线 + 1 model 行
     let g = preGeo;
     if (needFooterH !== footerH) {
         // setRegion 自己 write(DECSTBM + 清行 + 归位):先把已累积的擦除 flush 出去保序(擦除用的是旧几何的
@@ -744,17 +1033,19 @@ export function paintInput(view) {
         const line = slice[g.contentBottom - 1] ?? '';
         buf += cup(g.contentBottom, 1) + esc.clearLine + line;
     }
-    // 2c. 虚拟空行(内容区与状态栏之间的视觉间隔,属底栏非内容):恒清空,防底栏撑高时旧内容残留该行
+    // 2c. 虚拟空行(内容区与状态栏之间的视觉间隔,属底栏非内容):恒清空,防底栏撑高时旧内容残留该行。
     buf += cup(g.contentBottom + 1, 1) + esc.clearLine;
-    // 3. 状态行(footerH 变或始终重画——便宜且避免旧状态行残留)
-    const statusRow = g.contentBottom + 2; // +1 虚拟空行,+2 状态行
+    // 3. 状态行:spinner 行 + model 行(两行式底栏)
+    const spinnerRow = g.contentBottom + 2; // +1 虚拟空行,+2 spinner 行
+    const modelRow = g.rows; // 屏底:model 行
     const status = { ...base, status: statusText, spinnerFrame };
-    buf += cup(statusRow, 1) + esc.clearLine + composeStatus(status, g.cols);
+    buf += cup(spinnerRow, 1) + esc.clearLine + composeSpinnerLine(status, g.cols);
+    buf += cup(modelRow, 1) + esc.clearLine + composeModelLine(status, g.cols);
     // 3b. 上线(输入框顶):满屏宽细线 ─(cyan),框住输入区上边界
     buf += cup(g.contentBottom + 3, 1) + esc.clearLine + ui.cyan + '─'.repeat(g.cols) + ui.reset;
     // 4. 输入行(g.contentBottom+4 .. rows-1)——按可视行画,首行带 prompt、其余缩进 promptW
     const firstInputRow = g.contentBottom + 4;
-    const inputRowsAvail = g.footerH - 4; // 去掉虚拟空/状态/上线/下线,留输入行
+    const inputRowsAvail = g.footerH - 5; // 去掉虚拟空/spinner行/上线/下线/model行,留输入行
     const indent = ' '.repeat(promptW);
     const showCaret = view.caret !== false; // 默认 true;picker 等非文本输入传 false 关闭块状光标
     for (let i = 0; i < inputRowsAvail; i++) {
@@ -775,8 +1066,8 @@ export function paintInput(view) {
         }
         buf += cup(r, 1) + esc.clearLine + text;
     }
-    // 4b. 下线(输入框底):满屏宽细线 ─(cyan),固定屏底 rows
-    buf += cup(g.rows, 1) + esc.clearLine + ui.cyan + '─'.repeat(g.cols) + ui.reset;
+    // 4b. 下线(输入框底):满屏宽细线 ─(cyan),在 model 行上一行(model 行占屏底 rows)
+    buf += cup(g.rows - 1, 1) + esc.clearLine + ui.cyan + '─'.repeat(g.cols) + ui.reset;
     // 5. 向上菜单(画在内容区底,底栏正上方)
     if (view.menu && view.menu.lines.length > 0) {
         const menuRows = Math.min(view.menu.lines.length, g.contentBottom);
@@ -883,7 +1174,7 @@ export function enterInputMode(status = '空闲') {
             repaintViewport();
     }
     if (active && base) {
-        setRegion(5); // 1 虚拟空 + 1 状态 + 1 上线 + 1 输入 + 1 下线
+        setRegion(6); // 1 虚拟空 + 1 spinner行 + 1 上线 + 1 输入 + 1 下线 + 1 model行(两行式底栏)
         paintInput({
             prompt: '❯ ',
             lines: [''],
@@ -894,7 +1185,7 @@ export function enterInputMode(status = '空闲') {
         stdout.write(esc.cursorShow); // 回 INPUT 态:显真光标(运行态藏了)
     }
 }
-/** 进入运行态:底栏输入行改 dim 占位,光标回续写位。footerH 恒 5(虚拟空+状态+上线+输入+下线)。新轮回尾(确保新内容可见)。 */
+/** 进入运行态:底栏输入行改 dim 占位,光标回续写位。footerH 恒 6(虚拟空+spinner行+上线+输入+下线+model行)。新轮回尾(确保新内容可见)。 */
 export function enterRunningMode(status, placeholder) {
     mode = 'running';
     statusText = status;
@@ -903,7 +1194,7 @@ export function enterRunningMode(status, placeholder) {
     resetScroll(); // 若上轮 INPUT 滚动过(未打字回底),新轮回尾
     lockScrollToBottom(); // 轮首短时锁:吸收发消息前后残留滚轮事件,保 agent 输出从底部开始(锁过期或轮末 enterInputMode 解)
     if (active && base) {
-        setRegion(5); // 1 虚拟空 + 1 状态 + 1 上线 + 1 输入 + 1 下线
+        setRegion(6); // 1 虚拟空 + 1 spinner行 + 1 上线 + 1 输入 + 1 下线 + 1 model行
         paintInput({
             prompt: '❯ ',
             lines: [''],
@@ -926,8 +1217,9 @@ export function enterAltScreen() {
         return;
     active = true;
     stdout.write(esc.altOn);
-    stdout.write(esc.mouseOn); // SGR 鼠标追踪:滚轮发 \x1B[<btn;col;rowM 报表,经 mouse.consumeMouse 重组 → scrollBy(滚轮滚动靠此 + onKey/onRunningKey 顶部守卫)
-    setRegion(5); // 1 虚拟空 + 1 状态 + 1 上线 + 1 输入 + 1 下线(底栏始终含上下线)
+    stdout.write(esc.mouseOn); // 完整鼠标追踪(按下/拖动/释放/滚轮)→ mouse.swallow 重组 → handleMouseEvent
+    mouse.setHandler(handleMouseEvent);
+    setRegion(6); // 1 虚拟空 + 1 spinner行 + 1 上线 + 1 输入 + 1 下线 + 1 model行(两行式底栏)
     contentRow = 1;
     contentCol = 1;
     segmentStartRow = 1;
@@ -935,26 +1227,39 @@ export function enterAltScreen() {
     scrollLockUntil = 0;
     mdActive = false;
     mdBuf = '';
+    selection = null;
+    selecting = false;
     content.reset();
     exitHandler = () => exitAltScreen();
     process.on('exit', exitHandler);
     sigwinchHandler = () => {
         if (!active)
             return;
+        // 立即(同步)更新行号 + 重设 DECSTBM 区域:不 debounce,否则快速拖动边框时
+        // contentRow 停在旧值、区域未更新,spinner/contentWrite 画到旧行号(「思考中在消息堆里」根因)。
+        // 重画 repaintViewport 防抖(下面 timer),避免连续拖动闪烁;但行号/区域必须立即正确。
+        const g = getGeo(footerH);
+        const total = content.totalRows();
+        // 缩小:contentRow > 新 bottom → 钳到新 bottom
+        if (contentRow > g.contentBottom)
+            contentRow = g.contentBottom;
+        // 放大:contentRow < 新 bottom 且回尾(offset=0)→ 推进到 min(total, bottom)
+        if (scrollOffset === 0 && contentRow < g.contentBottom) {
+            contentRow = Math.min(total, g.contentBottom);
+        }
+        if (frameRow && frameRow > g.contentBottom)
+            frameRow = g.contentBottom;
+        const maxOff = Math.max(0, total - g.contentBottom);
+        if (scrollOffset > maxOff)
+            scrollOffset = maxOff;
+        setRegion(footerH); // 用新 rows 立即重设 DECSTBM 区域(contentBottom 变)
+        // 重画防抖(仅 repaint,避免快速拖动闪烁);行号/区域已立即更新
         if (resizeTimer)
             clearTimeout(resizeTimer);
         resizeTimer = setTimeout(() => {
             resizeTimer = null;
             if (!active)
                 return;
-            const g = getGeo(footerH);
-            if (contentRow > g.contentBottom)
-                contentRow = g.contentBottom;
-            // offset 钳到新 maxOff(高度缩可能使旧 offset 失效)
-            const maxOff = Math.max(0, content.totalRows() - g.contentBottom);
-            if (scrollOffset > maxOff)
-                scrollOffset = maxOff;
-            setRegion(footerH); // 用新 rows 重设区域(contentBottom 变)
             repaintViewport(); // 内容区按新高度 + 当前 offset 重画(物理行不 reflow)
             repaint(); // 底栏重画
         }, 100);
@@ -972,7 +1277,10 @@ export function exitAltScreen() {
     scrollLockUntil = 0; // 清轮首滚动锁(防状态泄漏到下次进 alt 屏)
     frameRow = 0; // 清 spinner 帧位置(防状态泄漏到下次进 alt 屏)
     frameCol = 0;
-    mouse.resetMouse(); // 清鼠标重组残留(防退出后状态泄漏到下次进 alt 屏)
+    mouse.setHandler(null);
+    mouse.resetMouse();
+    selection = null;
+    selecting = false;
     // raw 还原独立 try:非 TTY / 不支持时 setRawMode 抛错,不应阻断 stdout 恢复(alt 退屏必须执行)。
     try {
         stdin.setRawMode(false); // 还原 raw(RUNNING 态常驻 raw,退出时必须还原,否则终端残留 raw 模式)
@@ -983,7 +1291,7 @@ export function exitAltScreen() {
     try {
         stdout.write('\x1B[r'); // 复位 DECSTBM margins
         stdout.write(esc.cursorShow);
-        stdout.write(esc.mouseOff); // 关 SGR 鼠标追踪(反序:先 1006l 再 1000l)
+        stdout.write(esc.mouseOff); // 关鼠标追踪(反序:先 1006l 再 1002l 再 1000l)
         stdout.write(esc.altOff); // 退 alt(恢复主屏 + 光标)
     }
     catch {