mocode-ai 0.4.9 → 0.5.0

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;
@@ -320,6 +322,67 @@ function commitMd() {
     mdBuf = '';
     content.commitSegment();
 }
+// ── Banner(启动横幅/模式切换横幅)固定顶部行 ──
+// 与 contentWrite 的「续写式追加」不同:banner 自带模式行集合(MoCode logo + 信息行),
+// 反复 writeBanner(同一启动会话内同一份 banner 反复画 — 启动后、换 model 后、刷新 snapshot 后)
+// 应让 buffer 顶部始终是「最新的一份 banner」,而不是堆 5 份。
+// rewriteBanner 在 banner 已建好时原地等长替换顶部 bannerH 行,viewport 自动从 rows[] 头读新版。
+//
+// bannerH = bannerLines(banner()) 的行数(目前 5:4 行 logo+info + 1 空行分隔)。如未来
+// bannerString 变化,调用方需重调 writeBanner 重设 bannerH。
+let bannerH = 0;
+let bannerRows = []; // 最新写入的 banner 行(供 rewriteBanner 复用 / 调试)
+/**
+ * 在 content 缓冲顶部建一份 banner;**首次**调用建好(bannerH = lines.length),**重复**调用
+ * 等价 rewriteBanner(lines)(覆盖式刷新,供启动后再写 banner 也安全)。
+ *
+ * lines 必须与首次写入等长(否则 content.replaceHead 抛错)— 调用方应统一传 bannerLines(banner())。
+ * 滚动回看冻结(scrollOffset+=delta / 改 offset 不变):行数不变 offset 不动 → 视图冻结,无须 repaint 风暴。
+ * 仅当 scrollOffset === 0 时 repaintViewport 让新版 banner 立刻进 viewport 顶部。
+ */
+export function writeBanner(lines) {
+    if (bannerH === 0) {
+        // 首次:buffer 通常空(启动最早时),用 setLines 灌入;若 buffer 非空(如 reseed)说明 banner
+        // 已被前置写过,throw 阻止静默错位 — 调用方应先 reset banner 然后 writeBanner。
+        if (mdActive)
+            commitMd();
+        const existed = content.totalRows();
+        if (existed !== 0) {
+            throw new Error(`writeBanner: 首次调用时 buffer 已有 ${existed} 行,需先 clearContent 再 writeBanner(否则会覆盖已有内容)`);
+        }
+        content.setLines(lines);
+        bannerH = lines.length;
+        bannerRows = lines;
+        if (scrollOffset === 0)
+            repaintViewport();
+        return;
+    }
+    // 后续:等价 rewriteBanner
+    rewriteBanner(lines);
+}
+/**
+ * 把 banner 顶部 bannerH 行**等长替换**为新行;banner 后的内容(对话历史)位置不动。
+ * 行数与首次 writeBanner 不一致 → 抛错(避免 banner 区错位);如必须改,先清空 content 后再 writeBanner。
+ * 滚动回看冻结:行数不变,offset 不动。等 scrollOffset 回到 0 时 viewport 自动显新版 banner。
+ */
+export function rewriteBanner(lines) {
+    if (bannerH === 0) {
+        // 没建过 banner:等价首次 writeBanner(允许首次调用直接进 rewriteBanner 的别名入口)
+        writeBanner(lines);
+        return;
+    }
+    if (lines.length !== bannerH) {
+        throw new Error(`rewriteBanner: 行数 ${lines.length} ≠ 已建 bannerH ${bannerH}(调用方需统一行数)`);
+    }
+    content.replaceHead(0, lines);
+    bannerRows = lines;
+    if (scrollOffset === 0)
+        repaintViewport();
+}
+/** 测试 / 调试用:当前 banner 占多少行;0 表示未启用。 */
+export function bannerHeight() {
+    return bannerH;
+}
 /**
  * markdown 正文写(替代 contentWrite 用于 agent onText):累积 chunk 到 mdBuf,每 chunk 把整段
  * mdBuf 经 renderMarkdown 渲成自洽 ANSI 行,replace 缓冲段(content.setLines 截旧 + 写新),
@@ -456,6 +519,19 @@ export function contentInsertAfter(after, lines) {
     if (scrolled) {
         scrollOffset = Math.max(0, Math.min(scrollOffset + delta, Math.max(0, content.totalRows() - g.contentBottom)));
     }
+    // 展开工具信息时保持视口位置:当 scrollOffset===0(未滚动)且插入点在视口内时,
+    // 计算 scrollOffset 让视口锚定在插入前的绝对行位置,展开内容在下面自然展开,
+    // 而不是自动跳到展开内容底部(用户体验:点击摘要行,视口不动,详情在下方展开)。
+    // 关键:插入点绝对行 = after;插入前视口尾行绝对行 = totalBefore - 1;
+    // 插入后要让原视口尾行仍在屏底 → scrollOffset = 插入后新增的、在原视口尾行之后的行数。
+    if (!scrolled && after < totalBefore) {
+        // 插入点在原缓冲内(非追加到末尾),计算需要滚动的偏移量
+        const insertedAfterViewport = after >= (totalBefore - g.contentBottom);
+        if (insertedAfterViewport) {
+            // 插入点在视口内:保持视口位置,scrollOffset = 插入行数(展开内容在视口下方)
+            scrollOffset = Math.min(delta, Math.max(0, content.totalRows() - g.contentBottom));
+        }
+    }
     // batch 摘要行索引平移
     void import('./batch.js').then((m) => m.shiftBatchesAfter(after, delta));
     repaintViewport();
@@ -572,6 +648,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 +662,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);
@@ -912,6 +1010,24 @@ function handleMouseEvent(e) {
         scrollBy(e.dir * WHEEL_LINES);
         return;
     }
+    // 输入行左键点击:即使 mouseEnabled=false(如 intervention 面板期间)也允许定位光标,
+    // 提升用户体验(点哪插哪)。拖拽/右键/内容区点击仍受 mouseEnabled 限制。
+    if (e.button === 0 && e.type === 'press' && isInputRow(e.row)) {
+        setInputCursorFromClick(e.row, e.col);
+        const pos = inputScreenToInputPos(e.row, e.col);
+        if (pos) {
+            if (selection) {
+                selection = null;
+            }
+            inputSelection = {
+                anchor: { line: pos.line, col: pos.displayCol },
+                end: { line: pos.line, col: pos.displayCol },
+                dragged: false,
+            };
+            paintInput(lastView);
+        }
+        return;
+    }
     if (!mouseEnabled)
         return;
     const g = getGeo();
@@ -947,26 +1063,8 @@ function handleMouseEvent(e) {
     if (e.button !== 0)
         return; // 其余中/右键 press/drag 不处理(终端原生右键菜单等不受影响)
     if (e.type === 'press') {
-        if (isInputRow(e.row)) {
-            // 左键落输入行:进输入态 + 光标定位到点击位 + 开输入框反白选区(起点 = 终点 = 点击位)。
-            // 不再 return——后续 drag/release 分支也要知道选区在输入框。点击未拖动时 release 端会清掉选区,
-            // 与"点一下就定位光标、起手打字"的习惯一致。
-            setInputCursorFromClick(e.row, e.col);
-            const pos = inputScreenToInputPos(e.row, e.col);
-            if (pos) {
-                // 清掉内容区旧选区(若有):按一下输入框不应同时保留内容区反白,视觉混淆。
-                if (selection) {
-                    selection = null;
-                }
-                inputSelection = {
-                    anchor: { line: pos.line, col: pos.displayCol },
-                    end: { line: pos.line, col: pos.displayCol },
-                    dragged: false,
-                };
-                paintInput(lastView);
-            }
-            return;
-        }
+        // 输入行左键已在上方 mouseEnabled 检查之前处理(支持 intervention 面板期间点击定位光标)。
+        // 此处只处理内容区选区。
         selecting = true;
         const rowInContent = Math.max(1, Math.min(e.row, g.contentBottom));
         const absLine = screenRowToAbsLine(rowInContent);
@@ -1105,26 +1203,26 @@ function composeSpinnerLine(status, cols) {
         // 滚动回看:左段 = 符号(◆ 或 心跳帧) + 状态名(灰,无走时);右段 = 历史指示。
         // 跟非回看的 INPUT/RUNNING 态保持一致——避免「◆ 留下、状态字蒸发」的视觉错觉。
         const symbol = spinning
-            ? `${ui.brightMagenta}${RUNNING_FRAMES[runningFrame]}${ui.reset}`
-            : `${ui.brightCyan}◆${ui.reset}`;
+            ? `${ui.bold}${ui.accent}${RUNNING_FRAMES[runningFrame]}${ui.reset}`
+            : `${ui.accent}◆${ui.reset}`;
         lead = `${symbol} ${ui.dim}${status.status}${ui.reset}`;
         leadW = 1 + 1 + displayWidth(status.status);
     }
     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}`;
+        lead = `${ui.bold}${ui.accent}${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}`;
+        lead = `${ui.bold}${ui.accent}${RUNNING_FRAMES[runningFrame]}${ui.reset}${ePart}`;
         leadW = 1 + (elapsed ? 1 + displayWidth(elapsed) : 0);
     }
     else {
         // INPUT 态:◆ + 状态文字(无走时)
-        lead = `${ui.brightCyan}◆${ui.reset} ${ui.dim}${status.status}${ui.reset}`;
+        lead = `${ui.accent}◆${ui.reset} ${ui.dim}${status.status}${ui.reset}`;
         leadW = 1 + 1 + displayWidth(status.status);
     }
     // ── 右段:仅滚动回看时显历史指示 ──
@@ -1143,28 +1241,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 modeColor = modeTag === 'plan' ? ui.yellow : ui.accent;
     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);
 }
@@ -1247,13 +1367,18 @@ function startTurnTimer() {
     }, 200);
     turnTimer.unref();
 }
-/** 停走时计时器。enterInputMode / exitAltScreen 调。 */
-function stopTurnTimer() {
+/** 停走时计时器。enterInputMode / exitAltScreen 调;intervention 面板进入时也调(防 drawStatusBar 200ms 心跳把光标拉到 runningCaretPos,覆盖 paintInput 的正确光标位)。 */
+export function stopTurnTimer() {
     if (turnTimer) {
         clearInterval(turnTimer);
         turnTimer = null;
     }
 }
+/** 恢复走时计时器(若 RUNNING 态)。intervention 面板退出时调,恢复状态行走时心跳。 */
+export function startTurnTimerIfRunning() {
+    if (active && mode === 'running')
+        startTurnTimer();
+}
 /**
  * 在续写位画一行瞬时活动文本(spinner 帧):不进缓冲、不推进续写位,逐行 clearLine 重画。
  * 仅 TTY + offset=0(实时尾)+ 非打字暂停态时物理写屏;滚动态跳过(由状态行 spinner 兜底,且避免覆盖 viewport 历史行)。
@@ -1494,7 +1619,7 @@ export function paintInput(view) {
     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;
+    buf += cup(g.contentBottom + 3, 1) + esc.clearLine + ui.accent + '─'.repeat(g.cols) + ui.reset;
     // 4. 输入行(g.contentBottom+4 .. rows-1)——按可视行画,首行带 prompt、其余缩进 promptW
     const firstInputRow = g.contentBottom + 4;
     const inputRowsAvail = g.footerH - 5; // 去掉虚拟空/spinner行/上线/下线/model行,留输入行
@@ -1552,7 +1677,7 @@ export function paintInput(view) {
         buf += cup(r, 1) + esc.clearLine + text;
     }
     // 4b. 下线(输入框底):满屏宽细线 ─(cyan),在 model 行上一行(model 行占屏底 rows)
-    buf += cup(g.rows - 1, 1) + esc.clearLine + ui.cyan + '─'.repeat(g.cols) + ui.reset;
+    buf += cup(g.rows - 1, 1) + esc.clearLine + ui.accent + '─'.repeat(g.cols) + ui.reset;
     // 5. 向上菜单(画在内容区底,底栏正上方)
     if (view.menu && view.menu.lines.length > 0) {
         const menuRows = Math.min(view.menu.lines.length, g.contentBottom);

package/dist/ui/prompt.js

@@ -84,7 +84,7 @@ export async function promptWithSlashMenu(opts) {
     let menuOpen = false;
     let selected = 0;
     let filtered = [];
-    const MENU_MAX_VISIBLE = 5;
+    const MENU_MAX_VISIBLE = 7;
     let menuTop = 0; // 窗口首项在 filtered 中的索引,菜单最多显示 MENU_MAX_VISIBLE 条
     let resolved = false;
     let resolve;
@@ -108,8 +108,8 @@ export async function promptWithSlashMenu(opts) {
             const globalIdx = menuTop + i;
             // 选中项:▸ 与文字均 cyan+bold(去 dim),未选中项保持 dim——选中行整体高亮。
             const isSel = globalIdx === selected;
-            const color = isSel ? `${ui.cyan}${ui.bold}` : ui.dim;
-            const marker = isSel ? `${ui.cyan}${ui.bold}▸${ui.reset}` : ' ';
+            const color = isSel ? `${ui.accent}${ui.bold}` : ui.dim;
+            const marker = isSel ? `${ui.accent}${ui.bold}▸${ui.reset}` : ' ';
             const name = padEndDisplay(c.name, maxName);
             // 首/末附加滚动指示(▲/▼)而非替换整行
             let desc = c.desc;
@@ -699,8 +699,8 @@ export async function promptTurnPicker(items) {
             const idx = start + i;
             // 选中项:▸/序号/正文均 cyan+bold(去 dim),未选中项保持 dim——选中行整体高亮。
             const isSel = idx === selected;
-            const color = isSel ? `${ui.cyan}${ui.bold}` : ui.dim;
-            const marker = isSel ? `${ui.cyan}${ui.bold}▸${ui.reset}` : ' ';
+            const color = isSel ? `${ui.accent}${ui.bold}` : ui.dim;
+            const marker = isSel ? `${ui.accent}${ui.bold}▸${ui.reset}` : ' ';
             const num = `${color}${idx + 1}${ui.reset}`;
             const text = truncateDisplay(items[idx].firstLine, cols - 6);
             return `${marker} ${num} ${color}${text}${ui.reset}`;
@@ -826,8 +826,8 @@ export async function promptSessionPicker(items, recentCap = 10) {
             const idx = start + i;
             // 选中项:▸/序号/正文/副标题均 cyan+bold(去 dim),未选中项保持 dim——选中行整体高亮。
             const isSel = idx === selected;
-            const color = isSel ? `${ui.cyan}${ui.bold}` : ui.dim;
-            const marker = isSel ? `${ui.cyan}${ui.bold}▸${ui.reset}` : ' ';
+            const color = isSel ? `${ui.accent}${ui.bold}` : ui.dim;
+            const marker = isSel ? `${ui.accent}${ui.bold}▸${ui.reset}` : ' ';
             const num = String(idx + 1);
             const it = vis[idx];
             const title = it.title || '(无)';
@@ -965,8 +965,8 @@ export async function promptThemePicker(items) {
         return Array.from({ length: count }, (_, i) => {
             const idx = start + i;
             const isSel = idx === selected;
-            const color = isSel ? `${ui.cyan}${ui.bold}` : ui.dim;
-            const marker = isSel ? `${ui.cyan}${ui.bold}▸${ui.reset}` : ' ';
+            const color = isSel ? `${ui.accent}${ui.bold}` : ui.dim;
+            const marker = isSel ? `${ui.accent}${ui.bold}▸${ui.reset}` : ' ';
             const num = String(idx + 1);
             const it = items[idx];
             const title = it.title || '(无)';
@@ -1089,8 +1089,8 @@ export async function promptRevertChoice(fileCount) {
         const cols = layout.getGeo().cols;
         return items.map((text, idx) => {
             const isSel = idx === selected;
-            const color = isSel ? `${ui.cyan}${ui.bold}` : ui.dim;
-            const marker = isSel ? `${ui.cyan}${ui.bold}▸${ui.reset}` : ' ';
+            const color = isSel ? `${ui.accent}${ui.bold}` : ui.dim;
+            const marker = isSel ? `${ui.accent}${ui.bold}▸${ui.reset}` : ' ';
             const num = `${color}${idx + 1}${ui.reset}`;
             const t = truncateDisplay(text, cols - 6);
             return `${marker} ${num} ${color}${t}${ui.reset}`;

package/dist/ui/render.js

@@ -231,42 +231,68 @@ export function wrapByDisplayWidth(text, width) {
 }
 const BOX_W = 60; // 内容区显示宽度(logo 区 + 信息区)
 const MARGIN = '  '; // 盒外左缩进
-// ── 坐姿 logo(乌龟风,加双手)──
-const LOGO_W = 11; // logo 区显示宽度
-const LOGO_GAP = 4; // logo 与信息区之间的间隔
-const LOGO_PAD = ' '.repeat(LOGO_W + LOGO_GAP); // 无 logo 行的缩进(对齐信息区)
-// 坐着的小人:[●ᴗ●] 头 / |　| 身 / ╲|　|╱ 双手外撑 / |　| 身 / ＯＯ 脚
+// ── MoCode 块字符 logo(4 行,neofetch 风)──
+const LOGO_W = 35; // logo 区显示宽度
+const LOGO_GAP = 0; // logo 与信息区之间的间隔
+// 块字符画 4 行:M / o / C / o / d / e,块字符上半/下半合并两个 ASCII 行
 const LOGO_LINES = [
-    '  [◕ᴗ◕]  ',
-    ' ●|   |●  ',
-    '  ＯＯ   ',
+    '█▀█▀█      █▀▀▀█         █   ',
+    '█ █ █ █▀▀█ █     █▀▀█ █▀▀█ █▀▀█',
+    '█ █ █ █  █ █   ▄ █  █ █  █ █▀▀▀',
+    '▀ ▀ ▀ ▀▀▀▀ ▀▀▀▀▀ ▀▀▀▀ ▀▀▀▀ ▀▀▀▀',
 ];
-/** 取第 idx 行 logo(着色 + 补宽);越界返空格(logo 下方行仍缩进对齐)。 */
+/** 取第 idx 行 logo(着色 + 补宽 + LOGO_GAP 间隔),与 info 行直接拼接(neofetch 风)。 */
 function logoLine(idx) {
-    if (idx >= LOGO_LINES.length)
-        return LOGO_PAD;
-    return `${ui.brightCyan}${padEndDisplay(LOGO_LINES[idx], LOGO_W)}${ui.reset}${' '.repeat(LOGO_GAP)}`;
+    return `${ui.accent}${padEndDisplay(LOGO_LINES[idx], LOGO_W)}${ui.reset}${' '.repeat(LOGO_GAP)}`;
 }
 function labelContent(label, value) {
     return `${ui.dim}${padEndDisplay(label, 6)}${ui.reset}${value}`;
 }
+/** 把布尔转成显式中文:banner 上避免「是/否」歧义,用「开/关」。 */
+function memoryLabel(on) {
+    return on ? '开启' : '关闭';
+}
+/** 记忆状态染色:开启用 ui.accent(亮),关闭用 ui.dim(弱),让远观有差别。
+ *  banner 里整体仍走 ui.reset 兜底——染色只贴在值那一列。 */
+function memoryValue(on) {
+    return on ? `${ui.accent}${memoryLabel(on)}${ui.reset}` : `${ui.dim}${memoryLabel(on)}${ui.reset}`;
+}
 /** 横幅纯文本(带 ANSI 颜色,不写出)——供 TUI 经 contentWrite 写入内容区以跟踪续写位。
- *  无边框:左侧实心小熊 + 右侧标题/信息(模型/目录),末尾一行提示。 */
+ *  布局:大字 logo(4 行,块字符)左对齐,右侧并排放标题/信息(neofetch 风)。 */
 export function bannerString(info) {
-    const title = `${ui.bold}${ui.brightCyan}◆  MoCode${ui.reset}  ${ui.dim}v${VERSION}${ui.reset}`;
+    const title = `${ui.bold}${ui.accent}◆  MoCode${ui.reset}  ${ui.dim}v${VERSION}${ui.reset}`;
+    // 信息行 = 标题 + 模型 + 目录 + 记忆(共 4 行,与 4 行 logo 对齐)
     const rows = [
         logoLine(0) + title,
         logoLine(1) + labelContent('模型', info.model),
         logoLine(2) + labelContent('目录', truncateDisplay(info.cwd, 48)),
+        logoLine(3) + labelContent('记忆', memoryValue(info.memoryEnabled)),
     ];
-    return (rows.map((r) => MARGIN + r).join('\n') +
-        '\n\n' +
-        `${MARGIN}${ui.dim}直接描述任务,agent 会自动读写文件与执行命令。${ui.reset}\n`);
+    return rows.map((r) => MARGIN + r).join('\n') + '\n\n';
 }
-/** 启动横幅:小熊 logo + 标题/信息 + 一行提示。纯渲染,不依赖 config / 业务。 */
+/** 启动横幅:大字 logo + 标题/信息。纯渲染,不依赖 config / 业务。 */
 export function printBanner(info) {
     stdout.write(bannerString(info));
 }
+/**
+ * 与 bannerString 等价但返**自洽 ANSI 行数组**(每行均以 \x1B[0m 收尾),供 layout.writeBanner
+ * 直接灌入 content 缓冲,免去 contentWrite 走字符流再 breakRow 的列宽折行问题。
+ *
+ * 行集合 = bannerString 解析后的所有物理行。layout 记录此长度作
+ * bannerH,rewriteBanner 必须按等长替换(否则 layout 抛错)。
+ *
+ * 返回前会 normalize:每行若未以 \x1B[0m 收尾则补,统一自洽,避免 setLines / replaceHead
+ * 内部 ANSI 状态机把后续 SGR 当 curSgr 残留继承下去。
+ */
+export function bannerLines(info) {
+    const raw = bannerString(info);
+    // bannerString 形如 "行1\n行2\n行3\n行4\n",split('\n') 长度 = 5(末尾 \n 后空串)
+    // 行集合真实包含 4 行(4 行 logo+info);filter(Boolean?) 不可 — 空行也要算
+    // 仅过滤最后那个 \n 切出的尾空
+    const split = raw.split('\n');
+    const lines = split.length > 0 && split[split.length - 1] === '' ? split.slice(0, -1) : split;
+    return lines.map((s) => (s.endsWith('\x1B[0m') ? s : `${s}\x1B[0m`));
+}
 // ── 工具调用 / 结果 摘要 ──
 function tryParse(raw) {
     try {

package/dist/ui/spinner.js

@@ -53,7 +53,7 @@ export class Spinner {
     }
     render() {
         const f = FRAMES[this.frame];
-        stdout.write(`\r${ui.brightMagenta}${f}${ui.reset} ${ui.dim}${this.msg}${ui.reset}\x1B[K`);
+        stdout.write(`\r${ui.bold}${ui.accent}${f}${ui.reset} ${ui.dim}${this.msg}${ui.reset}\x1B[K`);
     }
     stop() {
         if (!this.timer)

package/dist/ui/theme.js

@@ -28,6 +28,7 @@ const DEFAULT = {
     gray: '\x1B[38;2;92;99;112m',
     brightCyan: '\x1B[38;2;86;182;194m',
     brightMagenta: '\x1B[38;2;198;120;221m',
+    accent: '\x1B[38;2;86;182;194m', // 与 cyan 同源(One Dark):logo/标题/输入框顶线/选中项统一承载
     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)暗化)
@@ -51,6 +52,7 @@ const THEMES = {
         gray: '\x1B[38;2;88;110;117m',
         brightCyan: '\x1B[38;2;42;161;152m',
         brightMagenta: '\x1B[38;2;108;113;196m',
+        accent: '\x1B[38;2;38;139;210m', // Solarized blue:浅底下更醒目的强调
         userBg: '\x1B[48;2;238;232;213m',
         // diff 行底色:Solarized Light base2(238,232,213)上贴同色族浅 tint,
         // 比直接用 base1 更柔,跟深 fg(red/green)对比充足
@@ -67,6 +69,7 @@ const THEMES = {
         gray: '\x1B[38;2;88;110;117m',
         brightCyan: '\x1B[38;2;147;161;161m',
         brightMagenta: '\x1B[38;2;108;113;196m',
+        accent: '\x1B[38;2;42;161;152m', // Solarized cyan(深底版):暗底上跳出
         userBg: '\x1B[48;2;7;54;66m',
         // diff 行底色:Solarized Dark base03(0,43,54)上加对应色族暗 tint
         addBg: '\x1B[48;2;20;50;38m',
@@ -82,6 +85,7 @@ const THEMES = {
         gray: '\x1B[38;2;146;131;116m',
         brightCyan: '\x1B[38;2;142;192;124m',
         brightMagenta: '\x1B[38;2;211;134;155m',
+        accent: '\x1B[38;2;250;189;47m', // Gruvbox yellow(主题色)
         userBg: '\x1B[48;2;40;40;40m',
         // diff 行底色:Gruvbox dark bg(40,40,40)上贴暗 bg0_a 风格
         addBg: '\x1B[48;2;40;55;30m',
@@ -97,11 +101,121 @@ const THEMES = {
         gray: '\x1B[38;2;76;86;106m',
         brightCyan: '\x1B[38;2;136;192;208m',
         brightMagenta: '\x1B[38;2;180;142;173m',
+        accent: '\x1B[38;2;136;192;208m', // Nord 浅冰蓝(主题色)
         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',
     },
+    orange: {
+        // 秋季/南瓜橙:深暖底(#231c16 系)+ accent 主强调走橙色;yellow 槽也偏橙
+        // 保持调性一致(标题、菜单等关键 UI 元素走 accent);red 取暖珊瑚避免与
+        // 橙黄撞色;蓝/紫/青保留冷色锚点维持多色辨识度。
+        red: '\x1B[38;2;255;105;90m', // 暖珊瑚红
+        green: '\x1B[38;2;150;200;115m', // 黄绿
+        yellow: '\x1B[38;2;255;170;60m', // 南瓜橙(主题色)
+        blue: '\x1B[38;2;120;170;230m', // 冷蓝锚点
+        magenta: '\x1B[38;2;225;130;195m', // 暖粉紫
+        cyan: '\x1B[38;2;110;195;195m', // 雾青
+        gray: '\x1B[38;2;150;130;110m', // 暖灰
+        brightCyan: '\x1B[38;2;160;220;220m',
+        brightMagenta: '\x1B[38;2;245;165;215m',
+        accent: '\x1B[38;2;255;170;60m', // 南瓜橙(主题主色:logo/标题/输入框顶线/选中项)
+        userBg: '\x1B[48;2;55;42;32m', // 暖深棕(略亮于 #231c16 背景)
+        // diff 行底色:暖深棕底上贴对应色族暗 tint,跟 fg 配对柔和可辨
+        addBg: '\x1B[48;2;55;70;35m',
+        delBg: '\x1B[48;2;78;42;32m',
+    },
+    rose: {
+        // 玫红:深紫底 + accent 玫粉作主强调;magenta 槽与 accent 同源(主题色),
+        // red 偏暖玫;蓝/青保留冷色锚点维持多色辨识度。
+        red: '\x1B[38;2;240;100;120m', // 暖玫红
+        green: '\x1B[38;2;160;200;130m', // 黄绿
+        yellow: '\x1B[38;2;240;180;140m', // 暖杏
+        blue: '\x1B[38;2;130;160;230m', // 冷蓝锚点
+        magenta: '\x1B[38;2;230;90;170m', // 主玫红(主题色)
+        cyan: '\x1B[38;2;120;200;200m', // 雾青
+        gray: '\x1B[38;2;160;140;150m', // 暖灰紫
+        brightCyan: '\x1B[38;2;170;220;220m',
+        brightMagenta: '\x1B[38;2;250;160;200m',
+        accent: '\x1B[38;2;230;90;150m', // 玫粉(主题主色)
+        userBg: '\x1B[48;2;50;32;46m', // 深紫底
+        // diff 行底色:深紫底贴对应色族暗 tint,绿暗化偏橄榄、红暗化偏紫红
+        addBg: '\x1B[48;2;50;60;42m',
+        delBg: '\x1B[48;2;75;40;52m',
+    },
+    emerald: {
+        // 翡翠绿:深绿底 + accent 翡翠绿作主强调;green 槽与 accent 同源(主题色),
+        // cyan 偏青绿;蓝/紫保留冷色锚点,red/yellow 保留暖色警示色。
+        red: '\x1B[38;2;235;110;110m', // 暖红(警示色)
+        green: '\x1B[38;2;80;210;140m', // 主翡翠绿(主题色)
+        yellow: '\x1B[38;2;230;200;100m', // 暖黄
+        blue: '\x1B[38;2;100;180;210m', // 冷青蓝
+        magenta: '\x1B[38;2;190;140;210m', // 冷紫
+        cyan: '\x1B[38;2;100;210;190m', // 青绿
+        gray: '\x1B[38;2;110;140;130m', // 冷绿灰
+        brightCyan: '\x1B[38;2;140;230;210m',
+        brightMagenta: '\x1B[38;2;210;170;230m',
+        accent: '\x1B[38;2;80;210;140m', // 翡翠绿(主题主色)
+        userBg: '\x1B[48;2;18;42;34m', // 深绿底
+        // diff 行底色:深绿底贴对应色族暗 tint,绿暗化偏深绿、红暗化偏暗红
+        addBg: '\x1B[48;2;30;55;40m',
+        delBg: '\x1B[48;2;60;40;40m',
+    },
+    amber: {
+        // 琥珀金黄:深棕底 + accent 琥珀金黄作主强调;yellow 槽与 accent 同源(主题色),
+        // 跟 orange 区分(orange 南瓜橙偏橙红,amber 琥珀偏金黄);蓝/紫/青保留冷色锚点。
+        red: '\x1B[38;2;230;120;90m', // 暖橙红(警示色)
+        green: '\x1B[38;2;180;180;80m', // 黄绿
+        yellow: '\x1B[38;2;255;200;80m', // 主琥珀金黄(主题色)
+        blue: '\x1B[38;2;120;160;200m', // 冷蓝
+        magenta: '\x1B[38;2;220;140;180m', // 暖粉
+        cyan: '\x1B[38;2;130;180;170m', // 雾青绿
+        gray: '\x1B[38;2;150;130;100m', // 暖灰
+        brightCyan: '\x1B[38;2;170;210;200m',
+        brightMagenta: '\x1B[38;2;240;180;210m',
+        accent: '\x1B[38;2;255;200;80m', // 琥珀金黄(主题主色)
+        userBg: '\x1B[48;2;43;31;14m', // 深棕底(比 orange 略浅,避免撞色)
+        // diff 行底色:深棕底贴对应色族暗 tint,绿暗化偏橄榄、红暗化偏暗棕红
+        addBg: '\x1B[48;2;50;55;25m',
+        delBg: '\x1B[48;2;70;40;28m',
+    },
+    lavender: {
+        // 薰衣草淡紫:深紫底 + accent 淡紫作主强调;magenta 槽与 accent 同源(主题色),
+        // blue 偏冷蓝锚点(略带紫调);red/yellow 保留暖色警示色。
+        red: '\x1B[38;2;230;130;150m', // 暖粉红(警示色)
+        green: '\x1B[38;2;150;200;140m', // 黄绿
+        yellow: '\x1B[38;2;230;200;140m', // 暖杏
+        blue: '\x1B[38;2;140;160;230m', // 冷蓝锚点(略带紫)
+        magenta: '\x1B[38;2;180;150;230m', // 主薰衣草紫(主题色)
+        cyan: '\x1B[38;2;140;210;210m', // 雾青
+        gray: '\x1B[38;2;140;130;160m', // 冷灰紫
+        brightCyan: '\x1B[38;2;180;230;230m',
+        brightMagenta: '\x1B[38;2;210;180;250m',
+        accent: '\x1B[38;2;180;150;230m', // 薰衣草紫(主题主色)
+        userBg: '\x1B[48;2;31;26;46m', // 深紫底(比 rose 更冷)
+        // diff 行底色:深紫底贴对应色族暗 tint,绿暗化偏冷绿、红暗化偏冷紫红
+        addBg: '\x1B[48;2;38;46;42m',
+        delBg: '\x1B[48;2;60;40;55m',
+    },
+    sunset: {
+        // 日落珊瑚:深棕红底 + accent 珊瑚红作主强调;red 槽与 accent 同源(主题色);
+        // 跟 orange 区分(orange 南瓜橙偏橙黄,sunset 珊瑚偏红);蓝/青保留冷色锚点。
+        red: '\x1B[38;2;255;120;100m', // 主珊瑚红(主题色)
+        green: '\x1B[38;2;180;200;110m', // 黄绿
+        yellow: '\x1B[38;2;255;170;80m', // 暖橙黄
+        blue: '\x1B[38;2;110;170;220m', // 冷蓝锚点
+        magenta: '\x1B[38;2;230;120;180m', // 玫红
+        cyan: '\x1B[38;2;120;200;190m', // 雾青
+        gray: '\x1B[38;2;160;120;110m', // 暖灰
+        brightCyan: '\x1B[38;2;170;225;215m',
+        brightMagenta: '\x1B[38;2;250;170;210m',
+        accent: '\x1B[38;2;255;120;100m', // 珊瑚红(主题主色)
+        userBg: '\x1B[48;2;42;22;20m', // 深棕红底
+        // diff 行底色:深棕红底贴对应色族暗 tint,绿暗化偏橄榄、红暗化偏暗棕红
+        addBg: '\x1B[48;2;50;55;30m',
+        delBg: '\x1B[48;2;75;32;30m',
+    },
 };
 let currentName = 'default';
 let version = 0;
@@ -168,6 +282,9 @@ export const ui = {
     get brightMagenta() {
         return color('brightMagenta');
     },
+    get accent() {
+        return color('accent');
+    },
     get userBg() {
         return color('userBg');
     },