glmcode 0.1.16 → 0.1.18

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # CHANGELOG
 
+## 0.1.18 (2026-08-29)
+
+- **退出总结页重做为「左 LOGO 右总结」**：左侧直接复用启动页的 GLM 大 LOGO（welcomeBlock 同一数据源，一个符号不改），右侧并排列出会话总结（时长/模型/执行指令/生成文件/Token 消耗），不再有"最终总结""干净不干净"等废话
+- **宽屏并排、窄屏自动上下**：横屏（≥约 60 列）左 LOGO 右总结同屏居中；竖屏窄屏自动降级为 LOGO 在上、总结在下，任何宽度下总结都完整可读
+- **列宽判定修正**：框线/块元素字符（U+2500+）按 2 列计算，根治 truncW 算窄导致的超宽换行
+- 35 项 `--selftest` 全过；@xterm/headless 真实渲染验证 80x24 并排 / 40x36 上下两种布局
+- 版本升级至 0.1.18
+
+## 0.1.17 (2026-08-29)
+
+- **根治"任务栏/输入框复制多份"**：引入终端滚动保护区（DECSTBM），对话内容只在顶部滚动区内滚动，输入行/下拉菜单/状态栏全部画在滚动区外 → 任何输出都永远无法把固定 UI 顶进历史产生副本
+- **任务栏永远固定在可视区最底行**：电脑终端（无键盘）恒定在最底行；手机键盘弹出时终端变矮，状态栏自动上浮到键盘正上方（键盘收起后清屏重绘，无残留）
+- 用 xterm.js 无头渲染器三重验证：多轮对话后状态栏唯一且恒定、键盘弹出上浮、键盘收起零残留；35 项 `--selftest` 全过
+- 版本升级至 0.1.17
+
 ## 0.1.16 (2026-08-29)
 
 - **自适应布局**：监听终端尺寸变化（手机横竖屏切换 / 窗口拉伸），输入态下立即重绘，不再残留错乱；各元素仍按实时列宽/行高计算

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "glmcode",
-  "version": "0.1.16",
+  "version": "0.1.18",
   "description": "GLM coding agent CLI with shell tools, skills (SKILL.md/zip auto-extract), streaming chat, slash-command menu and bottom status bar. Auto-installs its dependencies.",
   "type": "module",
   "bin": {

package/src/cli.js

@@ -227,7 +227,7 @@ async function handleCommand(line){
   const [cmd,...rest]=line.trim().split(/\s+/), arg=rest.join(" ");
   if(cmd.slice(1) && skills.has(cmd.slice(1))){const s=skills.get(cmd.slice(1));messages.push({role:"system",content:s.content});console.log(color(`已加载技能：${s.name}`,C.green));console.log(color("技能指令已注入，现在输入你的任务：",C.gray));return;}
   if(cmd==="/help"){showMenu("/");}
-  else if(cmd==="/clear"){messages=[];console.log(color("已清空对话",C.green));}
+  else if(cmd==="/clear"){messages=[];TUI.input="";TUI.cursor=0;term.clear();term.moveTo(1,1);render();term.moveTo(1,Math.max(1,th()-2));console.log(color("已清空对话",C.green));}
   else if(cmd==="/thinking"){thinkingEnabled=!thinkingEnabled;config.thinking=thinkingEnabled;saveConfig();console.log(color(`思考模式: ${thinkingEnabled?"开启":"关闭"}`,C.yellow));}
   else if(cmd==="/model"){if(arg){config.model=arg;saveConfig();console.log(color(`模型已切换: ${arg}`,C.green));}else console.log(`当前模型: ${config.model}`);}
   else if(cmd==="/pwd")console.log(cwd);
@@ -286,8 +286,9 @@ async function handleCommand(line){
   else console.log(color(`未知命令: ${cmd}（输入 / 查看全部）`,C.red));
 }
 
-function logo(){
-  const w=tw(),h=th();
+/* ---- 启动欢迎块（LOGO+提示+信息面板）：单一定义，启动页与退出总结页共用，保证一字不差 ---- */
+function welcomeBlock(){
+  const w=tw();
   const art=[
     " ██████╗ ██╗     ███╗   ███╗",
     "██╔════╝ ██║     ████╗ ████║",
@@ -299,19 +300,33 @@ function logo(){
   // 启动信息面板：填充中间空白区域，矮屏自动紧凑
   const tip=truncW(" Coding Agent · v"+VERSION+" · 输入 / 弹菜单 · ↑↓ 选择 · 回车执行 · Ctrl+C 退出看总结",w);
   const cmdKeys=[["/help","全部命令"],["/clear","清空对话"],["/skills","技能列表与目录"],["/skill","管理技能(可新建)"],["/model","切换模型"],["/exit","退出"]];
-  const panel=[""];
-  for(const [k,d] of cmdKeys)panel.push("  "+color(k,C.cyanB)+"  "+color(truncW(d,Math.max(4,w-6)),C.gray));
-  panel.push("");
-  panel.push(truncW("  · 技能自动加载: ~/.glmcode/skills/ 或包内 skills/ · /skill new <名字> 新建",w));
-  panel.push(truncW("  · 全平台兼容 Linux/Android(termux)/Windows/macOS · 底部状态栏常驻",w));
-  const blockH=art.length+1+panel.length;
+  const rows=[];
+  for(const a of art)rows.push([[truncW(a,w),"cyanB"]]);
+  rows.push([[tip,"gray"]]);
+  rows.push([["",null]]);
+  for(const [k,d] of cmdKeys)rows.push([["  "+k,"cyanB"],["  "+truncW(d,Math.max(4,w-6)),"gray"]]);
+  rows.push([["",null]]);
+  rows.push([[truncW("  · 技能自动加载: ~/.glmcode/skills/ 或包内 skills/ · /skill new <名字> 新建",w),null]]);
+  rows.push([[truncW("  · 全平台兼容 Linux/Android(termux)/Windows/macOS · 底部状态栏常驻",w),null]]);
+  return rows;
+}
+/* 在 (x,y) 渲染一行多片段文本（每个片段 [文本, 颜色样式]，样式为空串/undefined/null 用默认色） */
+function drawRow(row,x,y){
+  term.moveTo(x,y);
+  for(const [txt,st] of row){
+    if(!txt)continue;
+    if(st)term(color(txt,st==="cyanB"?C.cyanB:st==="gray"?C.gray:st)); else term(txt);
+  }
+  term.styleReset;
+}
+function logo(){
+  const w=tw(),h=th();
+  const rows=welcomeBlock();
+  const blockH=rows.length;
   // 欢迎块整体垂直居中（底部恒留2行给输入行+状态栏）；过矮/超屏则顶部紧凑
   let start=Math.max(1,Math.floor((h-blockH-2)/2));
   if(start+blockH>h-2)start=1;
-  term.moveTo(1,start);
-  for(const a of art)console.log(color(truncW(a,w),C.cyanB));
-  console.log(color(tip,C.gray));
-  for(const p of panel)console.log(truncW(p,w));
+  for(let i=0;i<rows.length;i++)drawRow(rows[i],1,start+i);
 }
 
 /* =============== 真 TUI：悬浮菜单 + 上下键 + 实时过滤 + 底部状态栏 =============== */
@@ -323,8 +338,9 @@ function th(){return (term.height>0&&isFinite(term.height))?term.height:24;}
 const MENU_MAX=4;
 /* 菜单最多 4 行（更短，输入框下方紧凑展示）*/
 /* ---- 显示列宽工具：CJK 等宽字符占 2 列，按列截断，杜绝超宽触发终端换行滚动 ---- */
-function strW(s){let w=0;for(const ch of String(s)){w+=ch.codePointAt(0)>0x2e7f?2:1;}return w;}
-function truncW(s,maxW){let w=0,o="";for(const ch of String(s)){const c=ch.codePointAt(0),cw=c>0x2e7f?2:1;if(w+cw>maxW)break;w+=cw;o+=ch;}return o;}
+function isWide(c){return c>=0x2500;} // U+2500 起（框线/块元素/CJK 符号/汉字）均按 2 列，避免 truncW 算窄导致超宽换行
+function strW(s){let w=0;for(const ch of String(s)){w+=isWide(ch.codePointAt(0))?2:1;}return w;}
+function truncW(s,maxW){let w=0,o="";for(const ch of String(s)){const c=ch.codePointAt(0),cw=isWide(c)?2:1;if(w+cw>maxW)break;w+=cw;o+=ch;}return o;}
 function shortDir(){
   const home=HOME.replace(/[\\/]+$/,"");
   if(cwd===home)return "~";
@@ -360,12 +376,16 @@ function render(){
   const count=TUI.items.length?Math.min(TUI.items.length,MAX):0;
   // 输入行：菜单展开时上移，把下方空间让给菜单（菜单紧贴输入框正下方）；缩回时回到 h-1
   const inputRow=h-1-count;
-  // 底部状态栏（固定在最后一行；反色灰条铺满整行，按列宽截断防超宽换行）
+  // ★ 滚动保护区：对话内容区 = 1..inputRow-1。所有对话/命令输出只在此区域内滚动，
+  //   输入行、下拉菜单、状态栏全部画在滚动区之外 → 输出永远无法把固定UI顶进历史/复制出多份
+  term.scrollingRegion(1, Math.max(2, inputRow-1));
+  // 底部状态栏（固定在"可视区域"最后一行而非终端无限底；手机键盘弹出时 term.height 变小，
+  //   触发 resize 重绘后整条状态栏上浮到键盘正上方）
   const st=truncW(statusText(),w);const stPad=" ".repeat(Math.max(0,w-strW(st)));
   term.moveTo(1,h);term.eraseLine();
   term.inverse(st+stPad);term.styleReset;
-  // 先彻底擦除底部区域（状态栏上方 MAX+1 行），保证每次重绘不残留任何旧菜单行
-  for(let j=0;j<=MAX;j++){term.moveTo(1,h-1-j);term.eraseLine();}
+  // 只擦输入行+菜单区（inputRow..h-1），绝不触碰内容区，避免误删对话末尾
+  for(let j=h-1;j>=inputRow;j--){term.moveTo(1,j);term.eraseLine();}
   // 下拉菜单：输入行正下方从上到下展开，最多 MAX 行，灰色反色条（与状态栏一致）
   if(count){
     for(let j=0;j<count;j++){
@@ -439,7 +459,9 @@ function tuiInput(){
         term.grabInput(false);
         term.hideCursor();
         tuiActive=false;
-        term("\n");
+        // 收起菜单并恢复全宽滚动区，光标移回滚动区底行再换行：后续输出只在对话区滚动
+        TUI.items=[];render();
+        term.moveTo(1,Math.max(1,th()-2));term("\n");
         if(v.trim()){TUI.history.push(v.trim());SESSION.commands.push(v.trim());}
         resolve(v);
       }
@@ -455,7 +477,7 @@ function tuiInput(){
       else if(name==="RIGHT"){if(TUI.cursor<TUI.input.length){TUI.cursor++;}render();}
       else if(name==="HOME"){TUI.cursor=0;render();}
       else if(name==="END"){TUI.cursor=TUI.input.length;render();}
-      else if(name==="CTRL_C"){term.removeListener("key",onKey);term.grabInput(false);term.hideCursor(true);tuiActive=false;term("\n");resolve(null);}
+      else if(name==="CTRL_C"){term.removeListener("key",onKey);term.grabInput(false);term.hideCursor(true);tuiActive=false;term.moveTo(1,Math.max(1,th()-2));term("\n");resolve(null);}
       else if(name==="CTRL_L"){term.clear();term.moveTo(1,1);render();}
     };
     // 防监听器累积：注册前先移除上一轮的 key 监听，杜绝按键被重复处理
@@ -466,34 +488,70 @@ function tuiInput(){
 }
 function showSummaryAndExit(){
   term.grabInput(false);term.hideCursor(true);
-  // 真正清屏：像打开新页面一样，清掉本会话所有输出
+  // 真正清屏：清掉本会话所有输出，像打开新页面
   term.clear();term.moveTo(1,1);
+  const h=th(),w=tw();
   const dur=Math.max(0,Math.round((Date.now()-SESSION.start)/1000));
   const mm=String(Math.floor(dur/60)).padStart(2,"0"),ss=String(dur%60).padStart(2,"0");
-  const bar="=".repeat(Math.max(8,Math.min(tw()-2,42)));
-  console.log(color(bar,C.cyan));
-  console.log(color("  GLMCode 会话总结",C.cyanB));
-  console.log(color(bar,C.cyan));
-  console.log("");
-  console.log(`  时长: ${mm}:${ss}    模型: ${config.model}`);
-  console.log(`  执行指令: ${SESSION.commands.length} 条`);
+  // 右侧总结数据：直接列出，无废话
+  const right=[];
+  right.push([["  会话总结","cyanB"]]);
+  right.push([["  "+"─".repeat(14),"gray"]]);
+  right.push([["",null]]);
+  right.push([["  时长: "+mm+":"+ss,null]]);
+  right.push([["  模型: "+config.model,null]]);
+  right.push([["",null]]);
+  right.push([["  执行指令: "+SESSION.commands.length+" 条",null]]);
   if(SESSION.commands.length){
-    const shown=SESSION.commands.slice(-10);
-    for(const c of shown)console.log(color("    · "+truncW(c,Math.max(8,tw()-8)),C.gray));
-    if(SESSION.commands.length>shown.length)console.log(color(`    … 还有 ${SESSION.commands.length-shown.length} 条`,C.gray));
-  }else console.log(color("    (无)",C.gray));
-  console.log(`  生成文件: ${SESSION.files.length} 个`);
-  if(SESSION.files.length){for(const f of SESSION.files.slice(-8))console.log(color("    · "+truncW(f,Math.max(8,tw()-8)),C.gray));}
-  else console.log(color("    (无)",C.gray));
-  console.log(`  Token 消耗: ${SESSION.tokens}`);
-  console.log("");
-  console.log(color("  ✔ 已清屏，像打开新页面一样干净",C.green));
+    const shown=SESSION.commands.slice(-8);
+    for(const c of shown)right.push([["    · "+truncW(c,30),"gray"]]);
+    if(SESSION.commands.length>shown.length)right.push([["    … 还有 "+SESSION.commands.length+" 条","gray"]]);
+  }else right.push([["    (无)","gray"]]);
+  right.push([["",null]]);
+  right.push([["  生成文件: "+SESSION.files.length+" 个",null]]);
+  if(SESSION.files.length){for(const f of SESSION.files.slice(-6))right.push([["    · "+truncW(f,30),"gray"]]);}
+  else right.push([["    (无)","gray"]]);
+  right.push([["",null]]);
+  right.push([["  Token 消耗: "+SESSION.tokens,null]]);
+  // 左侧 = 启动 LOGO 页（与启动时完全一致，一个符号不改）
+  const rows=welcomeBlock();
+  // 布局：右栏保底 24 列，左栏宽度 = 剩余；左栏放不下 LOGO（窄屏）则降级为上下布局
+  const R_MIN=24;
+  const rightX=w-R_MIN+1;
+  const L=rightX-3;
+  const stacked=L<20;
+  const total=stacked?rows.length+1+right.length:Math.max(rows.length,right.length);
+  let start=Math.max(1,Math.floor((h-total)/2));
+  if(start+total>h-1)start=1;
+  if(stacked){
+    // 窄屏：左 LOGO 在上（与启动页逐字一致），总结在下，保证总结完整可读
+    for(let i=0;i<rows.length;i++)drawRow(rows[i],1,start+i);
+    const sy=start+rows.length+1;
+    for(let j=0;j<right.length;j++)drawRow(right[j].map(([t,st])=>[truncW(t,w),st]),1,sy+j);
+  }else{
+    // 宽屏：左 LOGO 右总结，同一行并排
+    for(let i=0;i<total;i++){
+      if(i<rows.length)drawRow(rows[i].map(([t,st])=>[truncW(t,L),st]),1,start+i);
+      if(i<right.length)drawRow(right[i].map(([t,st])=>[truncW(t,R_MIN),st]),rightX,start+i);
+    }
+  }
 }
 async function runTui(){
   term.hideCursor();
   term.clear();logo();
-  // 自适应：终端尺寸变化（手机横竖屏/窗口拉伸）时立即重绘，不残留不错乱
-  const onResize=()=>{if(tuiActive)render();};
+  // 启动即建立滚动保护区+底部固定UI（输入行/状态栏），后续任何输出都不会顶走它们
+  render();
+  // 自适应：终端尺寸变化（手机横竖屏/键盘弹出/窗口拉伸）时立即重绘。
+  //   键盘弹出 → term.height 变小 → 状态栏/输入行自动上浮到键盘正上方
+  let lastH=th();
+  const onResize=()=>{
+    if(!tuiActive)return;
+    const h=th();
+    // 高度增大（键盘收起/横屏）：先清屏再重绘，抹掉放大后露出的旧输入行/状态栏残留
+    if(h>lastH){term.clear();term.moveTo(1,1);}
+    render();
+    lastH=h;
+  };
   term.on("resize",onResize);
   while(true){
     const input=await tuiInput();