dsh-neotui 0.1.4 → 0.1.5

package/package.json

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

package/src/panels.js

@@ -1386,6 +1386,7 @@ export class JobsPanel extends Popup {
       title: "后台任务（Ctrl+J 查看详情）", lines: [],
       buttons: [{ label: "关闭(q)", action: "close" }],
       onAction: () => app.closeOverlay(),
+      scrollable: true, // expanded details scroll instead of being clipped
     });
     this.app = app;
     this.jobs = jobs;
@@ -1394,19 +1395,40 @@ export class JobsPanel extends Popup {
     this.rowOf = [];           // rendered line → job index (-1 = chrome/detail)
     this.rebuild();
   }
+  /** Width-aware character cut (no ellipsis — continuation chunks follow). */
+  static #cutWidth(s, w) {
+    let out = "", cw = 0;
+    for (const ch of s) {
+      const c = strWidth(ch);
+      if (cw + c > w) break;
+      out += ch; cw += c;
+    }
+    return out;
+  }
   #detailLines(j) {
+    // Expanded = EVERYTHING: every field, full values — long commands wrap
+    // across lines instead of being truncated (the web clips them; we don't).
     const lines = [];
+    const budget = Math.max(20, this.w - 10);
     for (const [k, v] of Object.entries(j)) {
       if (["status", "kind", "label"].includes(k)) continue;
       const s = v !== null && typeof v === "object" ? JSON.stringify(v) : String(v ?? "");
       if (s === "") continue;
-      lines.push([{ t: `      ${k}: ${truncate(s, this.w - 14)}`, fg: K.DIM }]);
-      if (lines.length > 8) break;
+      let rest = s;
+      let first = true;
+      while (rest.length > 0 || first) {
+        const head = first ? `${k}: ` : "     ";
+        const take = JobsPanel.#cutWidth(rest, budget - strWidth(head));
+        lines.push([{ t: `      ${head}${take}`, fg: K.DIM }]);
+        rest = rest.slice(take.length);
+        first = false;
+        if (lines.length > 200) break; // pathological safety, never reached in practice
+      }
     }
     return lines;
   }
   rebuild() {
-    let lines = [[{ t: "  这些任务在后台运行,不阻塞会话 — Enter/→/l 展开,←/h 折叠,q 关闭", fg: K.DIM }]];
+    let lines = [[{ t: "  这些任务在后台运行,不阻塞会话 — Enter/→/l 展开,←/h 折叠,PgUp/PgDn 滚动,q 关闭", fg: K.DIM }]];
     const rowOf = [-1];
     const jobs = this.jobs;
     if (jobs.length === 0) {
@@ -1427,11 +1449,19 @@ export class JobsPanel extends Popup {
       rowOf.push(i);
       if (open) for (const fl of this.#detailLines(j)) { lines.push(fl); rowOf.push(-1); }
     }
-    if (lines.length > this.h - 3) {
-      lines = [...lines.slice(0, this.h - 4), [{ t: `  …共 ${jobs.length} 个任务`, fg: K.FAINT }]];
-    }
+    // keep the full content — the panel scrolls now (no more hard clip)
     this.lines = lines;
     this.rowOf = rowOf;
+    this.#ensureVisible();
+  }
+  /** Keep the selected job row inside the scrollable viewport. */
+  #ensureVisible() {
+    const avail = this.contentRows();
+    const row = this.rowOf.findIndex((r) => r === this.sel);
+    if (row < 0) return;
+    if (row < this.scrollY) this.scrollY = row;
+    else if (row >= this.scrollY + avail) this.scrollY = row - avail + 1;
+    this.scrollY = Math.max(0, Math.min(this.scrollY, this.maxScroll()));
   }
   #toggle(i) {
     if (this.expanded.has(i)) this.expanded.delete(i);
@@ -1459,7 +1489,7 @@ export class JobsPanel extends Popup {
     return super.onKey(ev);
   }
   onMouse(ev) {
-    if (super.onMouse(ev)) return true; // buttons
+    if (super.onMouse(ev)) return true; // buttons + wheel scrolling
     if (ev.kind === "press" && ev.button === 0) {
       const i = ev.y - this.y - 1;
       const jIdx = this.rowOf[i];

package/src/widgets.js

@@ -510,12 +510,23 @@ export class Popup extends Widget {
     this.btnIdx = 0;
     this.onAction = opts.onAction ?? null;
     this.fg = opts.fg;
+    // opt-in vertical scrolling: content longer than the box scrolls with
+    // PgUp/PgDn/up/down/wheel instead of being clipped away
+    this.scrollable = opts.scrollable ?? false;
+    this.scrollY = 0;
+  }
+  contentRows() {
+    // rows between the border and the buttons row
+    return this.h - 2 - (this.buttons.length ? 1 : 0);
+  }
+  maxScroll() {
+    return Math.max(0, this.lines.length - this.contentRows());
   }
   render(screen) {
     screen.fillRect(this.x, this.y, this.x + this.w - 1, this.y + this.h - 1, " ", { bg: T.BG2 });
     screen.box(this.x, this.y, this.x + this.w - 1, this.y + this.h - 1, { fg: this.fg ?? 0x67b7ff, bg: T.BG2 }, this.title);
     let ly = this.y + 1;
-    for (const line of this.lines) {
+    const draw = (line) => {
       if (Array.isArray(line)) {
         // styled line: array of segments
         let px = this.x + 2;
@@ -532,6 +543,23 @@ export class Popup extends Widget {
         screen.text(this.x + 2, ly, truncate(String(line), this.w - 4), { fg: T.TXT, bg: T.BG2 });
       }
       ly++;
+    };
+    if (this.scrollable) {
+      const avail = this.contentRows();
+      this.scrollY = Math.max(0, Math.min(this.scrollY, this.maxScroll()));
+      const start = this.scrollY;
+      for (let i = 0; i < avail; i++) {
+        const line = this.lines[start + i];
+        if (line === undefined) break;
+        draw(line);
+      }
+      if (this.maxScroll() > 0) {
+        // "↑N" / "↓N" overflow indicators on the border row
+        if (this.scrollY > 0) screen.text(this.x + this.w - 6, this.y, ` ↑${this.scrollY}`, { fg: T.ACCENT, bg: T.BG2 });
+        if (this.scrollY < this.maxScroll()) screen.text(this.x + this.w - 8, this.y + this.h - 1, ` ↓${this.maxScroll() - this.scrollY}`, { fg: T.ACCENT, bg: T.BG2 });
+      }
+    } else {
+      for (const line of this.lines) draw(line);
     }
     // buttons on last row
     if (this.buttons.length) {
@@ -550,6 +578,10 @@ export class Popup extends Widget {
     }
   }
   onMouse(ev) {
+    if (this.scrollable) {
+      if (ev.kind === "wheel-up") { this.scrollY = Math.max(0, this.scrollY - 3); return true; }
+      if (ev.kind === "wheel-down") { this.scrollY = Math.min(this.maxScroll(), this.scrollY + 3); return true; }
+    }
     if (ev.kind === "press" && ev.button === 0 && this.buttons.length) {
       let bx = this.x + 2;
       const by = this.y + this.h - 2;
@@ -566,6 +598,10 @@ export class Popup extends Widget {
   }
   onKey(ev) {
     if (ev.type !== "key") return false;
+    if (this.scrollable) {
+      if (ev.name === "pgup") { this.scrollY = Math.max(0, this.scrollY - this.contentRows()); return true; }
+      if (ev.name === "pgdn") { this.scrollY = Math.min(this.maxScroll(), this.scrollY + this.contentRows()); return true; }
+    }
     if (ev.name === "escape") { this.onAction?.({ label: "__cancel__", action: "__cancel__" }, -1); return true; }
     if (ev.name === "tab") { this.btnIdx = (this.btnIdx + 1) % Math.max(1, this.buttons.length); return true; }
     if (ev.name === "left") { this.btnIdx = Math.max(0, this.btnIdx - 1); return true; }