@steerable/agent-cli 0.6.63 → 0.6.64

package/dist/tui/view.d.ts

@@ -20,10 +20,21 @@ export declare class OpenTuiView {
     private bodyKey;
     private overlayKey;
     private picksKey;
+    private chatListOpen;
+    private transcriptPinned;
+    private transcriptScroll;
+    private revealId;
+    private restoreTranscript;
+    private readonly onFrame;
     constructor(renderer: CliRenderer);
     scrollPage(direction: -1 | 1): void;
     scrollEdge(edge: 'top' | 'bottom'): void;
     apply(screen: TuiScreen): void;
+    /** Transcript stays pinned to the bottom. The chat list follows the selected row instead. */
+    private followChats;
+    private atBottom;
+    private maxScrollTop;
+    private viewportRows;
     private paintOverlay;
     private paintPicks;
     private replaceBody;

package/dist/tui/view.js

@@ -34,8 +34,31 @@ export class OpenTuiView {
     bodyKey = '';
     overlayKey = '';
     picksKey = '';
+    chatListOpen = false;
+    transcriptPinned = true;
+    transcriptScroll = 0;
+    revealId = null;
+    restoreTranscript = false;
+    onFrame = () => {
+        if (this.restoreTranscript) {
+            this.restoreTranscript = false;
+            this.body.stickyScroll = true;
+            const max = this.maxScrollTop();
+            this.body.scrollTop = this.transcriptPinned ? max : Math.min(this.transcriptScroll, max);
+            return;
+        }
+        if (!this.revealId)
+            return;
+        const id = this.revealId;
+        this.revealId = null;
+        this.body.scrollChildIntoView(id);
+    };
     constructor(renderer) {
         this.renderer = renderer;
+        renderer.on('frame', this.onFrame);
+        renderer.once('destroy', () => {
+            renderer.off('frame', this.onFrame);
+        });
         const shell = new BoxRenderable(renderer, {
             width: '100%',
             height: '100%',
@@ -173,12 +196,44 @@ export class OpenTuiView {
             this.body.scrollChildIntoView(`line-${screen.searchFocus}`);
         this.paintOverlay(screen);
         this.paintPicks(screen);
+        this.followChats(screen);
         const key = bodyKey(screen);
         if (key === this.bodyKey)
             return;
         this.bodyKey = key;
         this.replaceBody(screen);
     }
+    /** Transcript stays pinned to the bottom. The chat list follows the selected row instead. */
+    followChats(screen) {
+        const chats = screen.chats;
+        if (chats && !this.chatListOpen) {
+            this.transcriptPinned = this.atBottom();
+            this.transcriptScroll = this.body.scrollTop;
+            this.body.stickyScroll = false;
+            this.body.scrollTop = 0;
+            this.chatListOpen = true;
+        }
+        else if (!chats && this.chatListOpen) {
+            this.chatListOpen = false;
+            this.revealId = null;
+            this.restoreTranscript = true;
+            this.body.stickyScroll = false;
+        }
+        if (!chats)
+            return;
+        const index = chats.findIndex((chat) => chat.selected);
+        this.revealId = index < 0 ? null : index === 0 ? 'chat-heading' : `chat-${index}`;
+    }
+    atBottom() {
+        return this.body.scrollTop >= this.maxScrollTop() - 1;
+    }
+    maxScrollTop() {
+        return Math.max(0, this.body.scrollHeight - this.viewportRows());
+    }
+    viewportRows() {
+        const height = this.body.viewport.height;
+        return typeof height === 'number' ? height : 0;
+    }
     paintOverlay(screen) {
         const lines = screen.approval
             ? approvalLines(screen.approval)
@@ -239,9 +294,10 @@ export class OpenTuiView {
             return;
         }
         if (screen.chats) {
-            this.body.add(text(renderer, dim, '会话'));
-            for (const chat of screen.chats) {
+            this.body.add(text(renderer, dim, '会话', 'chat-heading'));
+            screen.chats.forEach((chat, index) => {
                 const row = new BoxRenderable(renderer, {
+                    id: `chat-${index}`,
                     width: '100%',
                     height: 1,
                     backgroundColor: chat.selected ? selected : canvas,
@@ -249,7 +305,7 @@ export class OpenTuiView {
                 });
                 row.add(text(renderer, chat.selected ? ink : dim, chatText(chat)));
                 this.body.add(row);
-            }
+            });
             return;
         }
         screen.lines.forEach((line, index) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@steerable/agent-cli",
-  "version": "0.6.63",
+  "version": "0.6.64",
   "description": "Product-neutral command line for a Steerable host. Products supply the bin name and brand.",
   "license": "Apache-2.0",
   "homepage": "https://steerableframework.com/",
@@ -38,9 +38,9 @@
   "dependencies": {
     "@earendil-works/pi-tui": "0.87.1",
     "@opentui/core": "0.5.12",
-    "@steerable/agent-client": "0.6.63",
-    "@steerable/agent-protocol": "0.6.63",
-    "@steerable/agent-shell": "0.6.63"
+    "@steerable/agent-client": "0.6.64",
+    "@steerable/agent-protocol": "0.6.64",
+    "@steerable/agent-shell": "0.6.64"
   },
   "devDependencies": {
     "@types/node": "^22.10.5",