aoaoe 0.72.0 → 0.73.0

package/dist/index.js

@@ -256,19 +256,36 @@ async function main() {
     // wire scroll keys to TUI (PgUp/PgDn/Home/End)
     if (tui) {
         input.onScroll((dir) => {
-            switch (dir) {
-                case "up":
-                    tui.scrollUp();
-                    break;
-                case "down":
-                    tui.scrollDown();
-                    break;
-                case "top":
-                    tui.scrollToTop();
-                    break;
-                case "bottom":
-                    tui.scrollToBottom();
-                    break;
+            if (tui.getViewMode() === "drilldown") {
+                // PgUp/PgDn/Home/End scroll the session output in drill-down mode
+                switch (dir) {
+                    case "up":
+                        tui.scrollDrilldownUp();
+                        break;
+                    case "down":
+                        tui.scrollDrilldownDown();
+                        break;
+                    case "bottom":
+                        tui.scrollDrilldownToBottom();
+                        break;
+                    // "top" not wired for drilldown — could add scrollDrilldownToTop() later
+                }
+            }
+            else {
+                switch (dir) {
+                    case "up":
+                        tui.scrollUp();
+                        break;
+                    case "down":
+                        tui.scrollDown();
+                        break;
+                    case "top":
+                        tui.scrollToTop();
+                        break;
+                    case "bottom":
+                        tui.scrollToBottom();
+                        break;
+                }
             }
         });
         // wire queue count changes to TUI prompt display
@@ -308,6 +325,21 @@ async function main() {
                     tui.log("system", `viewing session #${sessionIdx}`);
             }
         });
+        // wire mouse wheel to scroll (3 lines per tick for smooth scrolling)
+        input.onMouseWheel((direction) => {
+            if (tui.getViewMode() === "drilldown") {
+                if (direction === "up")
+                    tui.scrollDrilldownUp(3);
+                else
+                    tui.scrollDrilldownDown(3);
+            }
+            else {
+                if (direction === "up")
+                    tui.scrollUp(3);
+                else
+                    tui.scrollDown(3);
+            }
+        });
     }
     // start TUI (alternate screen buffer) after input is ready
     if (tui) {

package/dist/input.d.ts

@@ -8,6 +8,7 @@ export interface MouseEvent {
     press: boolean;
 }
 export type MouseClickHandler = (row: number, col: number) => void;
+export type MouseWheelHandler = (direction: "up" | "down") => void;
 /** Parse an SGR extended mouse event from raw terminal data. Returns null if not a mouse event. */
 export declare function parseMouseEvent(data: string): MouseEvent | null;
 export declare class InputReader {
@@ -19,11 +20,13 @@ export declare class InputReader {
     private queueChangeHandler;
     private viewHandler;
     private mouseClickHandler;
+    private mouseWheelHandler;
     private mouseDataListener;
     onScroll(handler: (dir: ScrollDirection) => void): void;
     onQueueChange(handler: (count: number) => void): void;
     onView(handler: ViewHandler): void;
     onMouseClick(handler: MouseClickHandler): void;
+    onMouseWheel(handler: MouseWheelHandler): void;
     private notifyQueueChange;
     start(): void;
     drain(): string[];

package/dist/input.js

@@ -30,6 +30,7 @@ export class InputReader {
     queueChangeHandler = null;
     viewHandler = null;
     mouseClickHandler = null;
+    mouseWheelHandler = null;
     mouseDataListener = null;
     // register a callback for scroll key events (PgUp/PgDn/Home/End)
     onScroll(handler) {
@@ -47,6 +48,10 @@ export class InputReader {
     onMouseClick(handler) {
         this.mouseClickHandler = handler;
     }
+    // register a callback for mouse wheel events (scroll up/down)
+    onMouseWheel(handler) {
+        this.mouseWheelHandler = handler;
+    }
     notifyQueueChange() {
         this.queueChangeHandler?.(this.queue.length);
     }
@@ -68,9 +73,19 @@ export class InputReader {
         this.mouseDataListener = (data) => {
             const str = data.toString("utf8");
             const evt = parseMouseEvent(str);
-            if (evt && evt.press && evt.button === 0 && this.mouseClickHandler) {
+            if (!evt)
+                return;
+            // left click press
+            if (evt.press && evt.button === 0 && this.mouseClickHandler) {
                 this.mouseClickHandler(evt.row, evt.col);
             }
+            // mouse wheel: button 64 = scroll up, 65 = scroll down
+            if (evt.button === 64 && this.mouseWheelHandler) {
+                this.mouseWheelHandler("up");
+            }
+            else if (evt.button === 65 && this.mouseWheelHandler) {
+                this.mouseWheelHandler("down");
+            }
         };
         process.stdin.on("data", this.mouseDataListener);
         process.stdin.on("keypress", (_ch, key) => {
@@ -201,7 +216,8 @@ ${BOLD}navigation:${RESET}
   /view [N|name]     drill into a session's live output (default: 1)
   /back              return to overview from drill-down
   click session      click an agent card to drill down (click again to go back)
-  PgUp / PgDn        scroll through activity history
+  mouse wheel        scroll activity (overview) or session output (drill-down)
+  PgUp / PgDn        scroll through activity or session output
   Home / End         jump to oldest / return to live
 
 ${BOLD}info:${RESET}

package/dist/tui.d.ts

@@ -26,6 +26,8 @@ export declare class TUI {
     private viewMode;
     private drilldownSessionId;
     private sessionOutputs;
+    private drilldownScrollOffset;
+    private drilldownNewWhileScrolled;
     private phase;
     private pollCount;
     private sessions;
@@ -54,6 +56,10 @@ export declare class TUI {
     scrollToTop(): void;
     scrollToBottom(): void;
     isScrolledBack(): boolean;
+    scrollDrilldownUp(lines?: number): void;
+    scrollDrilldownDown(lines?: number): void;
+    scrollDrilldownToBottom(): void;
+    isDrilldownScrolledBack(): boolean;
     /** Store full session outputs (called each tick from main loop) */
     setSessionOutputs(outputs: Map<string, string>): void;
     /** Enter drill-down view for a session. Returns false if session not found. */
@@ -96,6 +102,7 @@ declare function computeScrollSlice(bufferLen: number, visibleLines: number, scr
     end: number;
 };
 declare function formatScrollIndicator(offset: number, totalEntries: number, visibleLines: number, newCount: number): string;
+declare function formatDrilldownScrollIndicator(offset: number, totalLines: number, visibleLines: number, newCount: number): string;
 /**
  * Hit-test a mouse click row against the session panel.
  * Returns 1-indexed session number if the click hit a session card, null otherwise.
@@ -104,5 +111,5 @@ declare function formatScrollIndicator(offset: number, totalEntries: number, vis
  * (row = headerHeight + 2 + i for 0-indexed session i)
  */
 export declare function hitTestSession(row: number, headerHeight: number, sessionCount: number): number | null;
-export { formatActivity, formatSessionCard, truncateAnsi, truncatePlain, padBoxLine, padToWidth, stripAnsiForLen, phaseDisplay, computeScrollSlice, formatScrollIndicator, formatPrompt, formatDrilldownHeader };
+export { formatActivity, formatSessionCard, truncateAnsi, truncatePlain, padBoxLine, padToWidth, stripAnsiForLen, phaseDisplay, computeScrollSlice, formatScrollIndicator, formatDrilldownScrollIndicator, formatPrompt, formatDrilldownHeader };
 //# sourceMappingURL=tui.d.ts.map

package/dist/tui.js

@@ -65,6 +65,8 @@ export class TUI {
     viewMode = "overview";
     drilldownSessionId = null;
     sessionOutputs = new Map(); // full output lines per session
+    drilldownScrollOffset = 0; // 0 = live (tail), >0 = scrolled back N lines
+    drilldownNewWhileScrolled = 0; // lines added while scrolled back
     // current state for repaints
     phase = "sleeping";
     pollCount = 0;
@@ -221,15 +223,58 @@ export class TUI {
     isScrolledBack() {
         return this.scrollOffset > 0;
     }
+    // ── Drill-down scroll ─────────────────────────────────────────────────
+    scrollDrilldownUp(lines) {
+        if (!this.active || this.viewMode !== "drilldown" || !this.drilldownSessionId)
+            return;
+        const outputLines = this.sessionOutputs.get(this.drilldownSessionId) ?? [];
+        const visibleLines = this.scrollBottom - this.scrollTop + 1;
+        const n = lines ?? Math.max(1, Math.floor(visibleLines / 2));
+        const maxOffset = Math.max(0, outputLines.length - visibleLines);
+        this.drilldownScrollOffset = Math.min(maxOffset, this.drilldownScrollOffset + n);
+        this.repaintDrilldownContent();
+        this.paintDrilldownSeparator();
+    }
+    scrollDrilldownDown(lines) {
+        if (!this.active || this.viewMode !== "drilldown")
+            return;
+        const visibleLines = this.scrollBottom - this.scrollTop + 1;
+        const n = lines ?? Math.max(1, Math.floor(visibleLines / 2));
+        const wasScrolled = this.drilldownScrollOffset > 0;
+        this.drilldownScrollOffset = Math.max(0, this.drilldownScrollOffset - n);
+        if (wasScrolled && this.drilldownScrollOffset === 0)
+            this.drilldownNewWhileScrolled = 0;
+        this.repaintDrilldownContent();
+        this.paintDrilldownSeparator();
+    }
+    scrollDrilldownToBottom() {
+        if (!this.active || this.viewMode !== "drilldown")
+            return;
+        this.drilldownScrollOffset = 0;
+        this.drilldownNewWhileScrolled = 0;
+        this.repaintDrilldownContent();
+        this.paintDrilldownSeparator();
+    }
+    isDrilldownScrolledBack() {
+        return this.drilldownScrollOffset > 0;
+    }
     // ── Drill-down mode ────────────────────────────────────────────────────
     /** Store full session outputs (called each tick from main loop) */
     setSessionOutputs(outputs) {
         for (const [id, text] of outputs) {
-            this.sessionOutputs.set(id, text.split("\n"));
+            const prevLen = this.sessionOutputs.get(id)?.length ?? 0;
+            const lines = text.split("\n");
+            this.sessionOutputs.set(id, lines);
+            // track new lines while scrolled back in drill-down
+            if (this.viewMode === "drilldown" && this.drilldownSessionId === id && this.drilldownScrollOffset > 0) {
+                const newLines = Math.max(0, lines.length - prevLen);
+                this.drilldownNewWhileScrolled += newLines;
+            }
         }
         // repaint drill-down view if we're watching this session
         if (this.active && this.viewMode === "drilldown" && this.drilldownSessionId) {
             this.repaintDrilldownContent();
+            this.paintDrilldownSeparator();
         }
     }
     /** Enter drill-down view for a session. Returns false if session not found. */
@@ -251,6 +296,8 @@ export class TUI {
             return false;
         this.viewMode = "drilldown";
         this.drilldownSessionId = sessionId;
+        this.drilldownScrollOffset = 0;
+        this.drilldownNewWhileScrolled = 0;
         if (this.active) {
             this.computeLayout(this.sessions.length);
             this.paintAll();
@@ -263,6 +310,8 @@ export class TUI {
             return;
         this.viewMode = "overview";
         this.drilldownSessionId = null;
+        this.drilldownScrollOffset = 0;
+        this.drilldownNewWhileScrolled = 0;
         if (this.active) {
             this.computeLayout(this.sessions.length);
             this.paintAll();
@@ -428,7 +477,15 @@ export class TUI {
         const session = this.sessions.find((s) => s.id === this.drilldownSessionId);
         const title = session ? session.title : this.drilldownSessionId ?? "?";
         const prefix = `${BOX.h}${BOX.h} ${title} `;
-        const hints = " /back: overview  /view N: switch session ";
+        let hints;
+        if (this.drilldownScrollOffset > 0) {
+            const outputLines = this.sessionOutputs.get(this.drilldownSessionId ?? "") ?? [];
+            const visibleLines = this.scrollBottom - this.scrollTop + 1;
+            hints = formatDrilldownScrollIndicator(this.drilldownScrollOffset, outputLines.length, visibleLines, this.drilldownNewWhileScrolled);
+        }
+        else {
+            hints = " click or /back: overview  scroll: navigate  /view N: switch ";
+        }
         const totalLen = prefix.length + hints.length;
         const fill = Math.max(0, this.cols - totalLen);
         const left = Math.floor(fill / 2);
@@ -441,9 +498,9 @@ export class TUI {
             return;
         const outputLines = this.sessionOutputs.get(this.drilldownSessionId) ?? [];
         const visibleLines = this.scrollBottom - this.scrollTop + 1;
-        // show the last N lines (tail view, like following output)
-        const startIdx = Math.max(0, outputLines.length - visibleLines);
-        const visible = outputLines.slice(startIdx);
+        // use scroll offset: 0 = tail (live), >0 = scrolled back
+        const { start, end } = computeScrollSlice(outputLines.length, visibleLines, this.drilldownScrollOffset);
+        const visible = outputLines.slice(start, end);
         for (let i = 0; i < visibleLines; i++) {
             const row = this.scrollTop + i;
             if (i < visible.length) {
@@ -646,6 +703,12 @@ function formatScrollIndicator(offset, totalEntries, visibleLines, newCount) {
     const newTag = newCount > 0 ? `  ${newCount} new ↓` : "";
     return ` ↑ ${offset} older  │  ${position}/${totalEntries}  │  PgUp/PgDn  End=live${newTag} `;
 }
+// format the scroll indicator for drill-down separator bar
+function formatDrilldownScrollIndicator(offset, totalLines, visibleLines, newCount) {
+    const position = totalLines - offset;
+    const newTag = newCount > 0 ? `  ${newCount} new ↓` : "";
+    return ` ↑ ${offset} lines  │  ${position}/${totalLines}  │  scroll: navigate  End=live${newTag} `;
+}
 // ── Mouse hit testing (pure, exported for testing) ──────────────────────────
 /**
  * Hit-test a mouse click row against the session panel.
@@ -664,5 +727,5 @@ export function hitTestSession(row, headerHeight, sessionCount) {
     return row - firstSessionRow + 1; // 1-indexed
 }
 // ── Exported pure helpers (for testing) ─────────────────────────────────────
-export { formatActivity, formatSessionCard, truncateAnsi, truncatePlain, padBoxLine, padToWidth, stripAnsiForLen, phaseDisplay, computeScrollSlice, formatScrollIndicator, formatPrompt, formatDrilldownHeader };
+export { formatActivity, formatSessionCard, truncateAnsi, truncatePlain, padBoxLine, padToWidth, stripAnsiForLen, phaseDisplay, computeScrollSlice, formatScrollIndicator, formatDrilldownScrollIndicator, formatPrompt, formatDrilldownHeader };
 //# sourceMappingURL=tui.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "aoaoe",
-  "version": "0.72.0",
+  "version": "0.73.0",
   "description": "Autonomous supervisor for agent-of-empires sessions using OpenCode or Claude Code",
   "type": "module",
   "main": "dist/index.js",