dsh-neotui 0.0.24 → 0.0.26

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-neotui",
-  "version": "0.0.24",
+  "version": "0.0.26",
   "description": "Neo-TUI: mouse-driven terminal UI client for DeepSeek Harness (B-tier per dsh-tui-design.md)",
   "type": "module",
   "bin": { "dsh-neotui": "bin/dsh-tui.js" },

package/src/views.js

@@ -2,7 +2,7 @@
 import { Screen } from "./screen.js";
 import { renderMd, C } from "./md.js";
 import { truncate, strWidth, bars, fmtDuration } from "./text.js";
-import { readFileSync, appendFileSync } from "node:fs";
+import { readFileSync, appendFileSync, mkdirSync } from "node:fs";
 import { join } from "node:path";
 import { Widget, List, ScrollView, Input, Popup, Menu, StatusBar } from "./widgets.js";
 import { userPrefix, saveTuiConfig, loadTuiConfig, userName } from "./config.js";
@@ -570,6 +570,7 @@ export class ChatView extends Widget {
     this.thinkMode = "expanded";        // think blocks: expanded by default (t toggles)
     this.bashMode = "expanded";         // tool blocks: expanded | collapsed (b toggles)
     this.todosVisible = true;           // todo block above the input (Shift+T toggles)
+    this.todoSeen = false;             // once seen, the todo box keeps its height
     this.running = false;
     this.hasMore = false;
     this.loadingOlder = false;
@@ -701,7 +702,7 @@ export class ChatView extends Widget {
     if (idx < 0 || idx >= this.nodes.length) return false;
     for (let li = 0; li < this.lineMap.length; li++) {
       if (this.lineMap[li]?.nodeIdx === idx) {
-        this.view.anchorLock = null; this.view.scrollY = Math.max(0, li - 2);
+        this.view.anchorLock = null; this.view.follow = false; this.view.scrollY = Math.max(0, li - 2);
         this.app.redraw();
         return true;
       }
@@ -717,11 +718,16 @@ export class ChatView extends Widget {
     }
   }
 
-  /** Height of the collapsible todo block (0 when empty or collapsed). */
+  /** Height of the collapsible todo block. FROZEN at the max (1 header + 6
+   *  items) once the session has ever shown todos: the harness updates the
+   *  list in the background while the user reads, and a height that tracks
+   *  the count reflows the whole layout every time (the idle 2-line shifts). */
   todoHeight() {
     const todos = this.app.todos;
-    if (!this.todosVisible || !todos || todos.length === 0) return 0;
-    return Math.min(todos.length, 6) + 1; // 1 header row + up to 6 todos
+    if (!this.todosVisible) return 0;
+    if (!todos || todos.length === 0) return this.todoSeen ? 7 : 0;
+    this.todoSeen = true;
+    return 7; // fixed max height — short lists just show fewer rows
   }
 
   inputChanged() {
@@ -776,6 +782,7 @@ export class ChatView extends Widget {
     // Jump to the LIVE tail (the newest content) on open — the view would
     // otherwise sit at the top showing the oldest turns.
     this.view.anchorLock = null; this.view.scrollY = this.view.maxScroll();
+    this.view.follow = true;
   }
 
   async loadOlder() {
@@ -847,6 +854,7 @@ export class ChatView extends Widget {
   #clickLog(msg) {
     try {
       const dir = process.env.DSH_HOME ?? join(process.env.HOME ?? ".", ".dsh");
+      mkdirSync(dir, { recursive: true });
       appendFileSync(join(dir, "tui-click-debug.log"), `${new Date().toISOString()} ${msg}\n`);
     } catch {}
   }
@@ -945,6 +953,8 @@ export class ChatView extends Widget {
         (this.lineMap[this.view.scrollY]?.blockIdx ?? null) === null
       ) this.view.scrollY++;
     };
+    // interacting with a block = reading mode: stop following the stream
+    this.view.follow = false;
     if (node.kind === "assistant" && info.blockIdx !== null) {
       const b = node.blocks[info.blockIdx];
       if (b && (b.kind === "tool" || b.kind === "reasoning" || b.kind === "other" || b.kind === "text")) {
@@ -1465,12 +1475,12 @@ export class ChatView extends Widget {
       case "pgdn": return this.view.scroll(this.view.h);
     }
     if (ev.name === "char" && ev.key === "g" && !ev.ctrl && !ev.shift) {
-      if (this.gKey) { this.gKey = false; this.view.anchorLock = null; this.view.scrollY = 0; return true; }
+      if (this.gKey) { this.gKey = false; this.view.anchorLock = null; this.view.follow = false; this.view.scrollY = 0; return true; }
       this.gKey = true;
       this.app.toast("再按 g 回顶");
       return true;
     }
-    if (ev.name === "char" && ev.key === "g" && ev.shift) { this.view.anchorLock = null; this.view.scrollY = this.view.maxScroll(); return true; }
+    if (ev.name === "char" && ev.key === "g" && ev.shift) { this.view.anchorLock = null; this.view.follow = true; this.view.scrollY = this.view.maxScroll(); return true; }
     if (ev.name === "escape" && this.app.searchQuery) { this.app.searchQuery = null; this.queueRebuild(); return true; }
     if (ev.name === "escape" && this.selStart !== null) { this.selStart = this.selEnd = null; this.app.redraw(); return true; }
     if (ev.name === "char" && ev.key === "i" && !ev.ctrl) { this.app.focus(this.input); return true; }
@@ -1719,7 +1729,9 @@ export class App {
   }
 
   footerHeight() {
-    return 2 + (this.jobs?.length ? 1 : 0);
+    // Constant 3 rows: the jobs summary row is always present, so jobs
+    // arriving/completing in the background never reflow the layout.
+    return 3;
   }
 
   layout() {
@@ -2859,11 +2871,21 @@ export class App {
       if (stats.ttftMs) row1.right.push({ t: ` 首响${Math.round(stats.ttftMs / stats.ttftSteps)}ms `, fg: T.FAINT, bg: T.STATUSBG });
     }
     rows.push(row1);
-    // ── row 2: background jobs — one summary line, never per-job noise ──
-    if (this.jobs?.length) {
-      const running = this.jobs.filter((j) => j.status === "running").length;
-      const done = this.jobs.filter((j) => j.status === "completed").length;
-      const failed = this.jobs.filter((j) => j.status === "failed").length;
+    // frozen-view indicator: N lines of new content arrived below
+    {
+      const c = this.chat;
+      const below = c.lines.length - 1 - (c.view.scrollY + c.view.h);
+      if (!c.view.follow && below > 0) {
+        row1.left.push({ t: ` ↓${below} 条新内容 · G 跟随 `, fg: T.SELFG, bg: T.ACCENT, bold: true });
+      }
+    }
+    // ── row 2: background jobs — one summary line, always present so its
+    //    appearance/disappearance never reflows the layout ──
+    {
+      const jobs = this.jobs ?? [];
+      const running = jobs.filter((j) => j.status === "running").length;
+      const done = jobs.filter((j) => j.status === "completed").length;
+      const failed = jobs.filter((j) => j.status === "failed").length;
       const row2 = { left: [], right: [] };
       row2.left.push({
         t: ` ${running > 0 ? `${running} 个任务正在后台运行` : "没有任务正在后台运行"} `,

package/src/widgets.js

@@ -28,6 +28,7 @@ export class ScrollView extends Widget {
     this.lines = [];       // array of arrays of segs: {t, fg, bg, bold, italic, underline, strike, code, link}
     this.scrollY = 0;
     this.anchorLock = null; // click anchor held beyond maxScroll (fold at the tail)
+    this.follow = opts.follow ?? true; // auto-follow the tail while pinned
     this.autoScroll = opts.autoScroll ?? false;
     this.onClick = opts.onClick ?? null;    // (y, ev) => bool
     this.onWheel = null;                    // optional custom wheel handler
@@ -35,7 +36,7 @@ export class ScrollView extends Widget {
     this.title = opts.title ?? "";
   }
   setLines(lines, { keep = false } = {}) {
-    const atBottom = this.autoScroll && this.scrollY + this.h >= this.lines.length - 1 || (keep && this.scrollY + this.h >= this.lines.length);
+    const atBottom = this.autoScroll && this.follow && this.scrollY + this.h >= this.lines.length - 1 || (keep && this.scrollY + this.h >= this.lines.length);
     this.lines = lines;
     if (this.anchorLock != null) {
       // A click fold removed the tail content: hold the exact anchored
@@ -52,6 +53,7 @@ export class ScrollView extends Widget {
     const before = this.scrollY;
     this.anchorLock = null; // explicit scroll releases the click anchor
     this.scrollY = Math.max(0, Math.min(this.maxScroll(), this.scrollY + dy));
+    this.follow = this.scrollY >= this.maxScroll(); // reaching the bottom re-follows
     return this.scrollY !== before;
   }
   render(screen) {
@@ -123,6 +125,7 @@ export class ScrollView extends Widget {
   }
   #scrubTo(ey) {
     this.anchorLock = null; // scrubbing releases the click anchor
+    this.follow = this.scrollY >= this.maxScroll();
     const trackH = Math.max(1, this.h - 2);
     const total = Math.max(1, this.lines.length);
     const thumbH = Math.max(1, Math.floor(this.h * this.h / total));