spawn-term 1.1.8 → 2.1.0

package/dist/cjs/src/state/processStore.d.ts

@@ -1,16 +1,52 @@
 import type { ChildProcess, Line } from '../types.js';
 type Listener = () => void;
+type Mode = 'normal' | 'interactive' | 'errorList' | 'errorDetail';
 declare class ProcessStore {
     private processes;
+    private completedIds;
     private listeners;
     private shouldExit;
     private exitCallback;
+    private mode;
+    private selectedIndex;
+    private selectedErrorIndex;
+    private expandedId;
+    private scrollOffset;
+    private header;
     subscribe: (listener: Listener) => (() => void);
     getSnapshot: () => ChildProcess[];
+    getRunningProcesses: () => ChildProcess[];
+    getCompletedProcesses: () => ChildProcess[];
+    getFailedProcesses: () => ChildProcess[];
+    getRunningCount: () => number;
+    getMaxGroupLength: () => number;
+    getDoneCount: () => number;
+    getErrorCount: () => number;
+    getErrorLineCount: () => number;
+    getMode: () => Mode;
+    getSelectedIndex: () => number;
+    getSelectedErrorIndex: () => number;
+    getExpandedId: () => string | null;
+    getScrollOffset: () => number;
+    getHeader: () => string | undefined;
+    getShowStatusBar: () => boolean;
+    getIsInteractive: () => boolean;
+    isAllComplete: () => boolean;
     addProcess(process: ChildProcess): void;
     updateProcess(id: string, update: Partial<ChildProcess>): void;
     appendLines(id: string, newLines: Line[]): void;
     getProcess(id: string): ChildProcess | undefined;
+    setMode(mode: Mode): void;
+    selectNext(): void;
+    selectPrev(): void;
+    getSelectedProcess(): ChildProcess | undefined;
+    selectNextError(): void;
+    selectPrevError(): void;
+    getSelectedError(): ChildProcess | undefined;
+    toggleExpand(): void;
+    collapse(): void;
+    scrollDown(maxVisible: number): void;
+    scrollUp(): void;
     signalExit(callback: () => void): void;
     getShouldExit: () => boolean;
     getExitCallback: () => (() => void) | null;

package/dist/cjs/src/types.d.ts

@@ -3,6 +3,9 @@ import type { SpawnError, SpawnResult } from 'cross-spawn-cb';
 export type TerminalOptions = {
     group?: string;
     expanded?: boolean;
+    header?: string;
+    showStatusBar?: boolean;
+    interactive?: boolean;
 };
 export type TerminalCallback = (error?: SpawnError, result?: SpawnResult) => undefined;
 export declare const LineType: {
@@ -21,4 +24,7 @@ export type ChildProcess = {
     state: State;
     lines: Line[];
     expanded?: boolean;
+    header?: string;
+    showStatusBar?: boolean;
+    interactive?: boolean;
 };

package/dist/cjs/state/processStore.js

@@ -8,6 +8,8 @@ Object.defineProperty(exports, "processStore", {
         return processStore;
     }
 });
+var _constantsts = require("../constants.js");
+var _typests = require("../types.js");
 function _array_like_to_array(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
@@ -72,9 +74,16 @@ var ProcessStore = /*#__PURE__*/ function() {
         var _this = this;
         _class_call_check(this, ProcessStore);
         this.processes = [];
+        this.completedIds = []; // Track completion order
         this.listeners = new Set();
         this.shouldExit = false;
         this.exitCallback = null;
+        // UI state
+        this.mode = 'normal';
+        this.selectedIndex = 0;
+        this.selectedErrorIndex = 0;
+        this.expandedId = null;
+        this.scrollOffset = 0;
         // useSyncExternalStore API
         this.subscribe = function(listener) {
             _this.listeners.add(listener);
@@ -85,6 +94,96 @@ var ProcessStore = /*#__PURE__*/ function() {
         this.getSnapshot = function() {
             return _this.processes;
         };
+        // Filtered getters
+        this.getRunningProcesses = function() {
+            return _this.processes.filter(function(p) {
+                return p.state === 'running';
+            });
+        };
+        this.getCompletedProcesses = function() {
+            // Return in completion order
+            return _this.completedIds.map(function(id) {
+                return _this.processes.find(function(p) {
+                    return p.id === id;
+                });
+            }).filter(function(p) {
+                return p !== undefined;
+            });
+        };
+        this.getFailedProcesses = function() {
+            return _this.processes.filter(function(p) {
+                return p.state === 'error';
+            });
+        };
+        // Counts
+        this.getRunningCount = function() {
+            return _this.processes.filter(function(p) {
+                return p.state === 'running';
+            }).length;
+        };
+        this.getMaxGroupLength = function() {
+            var _Math;
+            if (_this.processes.length === 0) return _constantsts.DEFAULT_COLUMN_WIDTH;
+            return (_Math = Math).max.apply(_Math, _to_consumable_array(_this.processes.map(function(p) {
+                return (p.group || p.title).length;
+            })));
+        };
+        this.getDoneCount = function() {
+            return _this.processes.filter(function(p) {
+                return p.state !== 'running';
+            }).length;
+        };
+        this.getErrorCount = function() {
+            return _this.processes.filter(function(p) {
+                return p.state === 'error';
+            }).length;
+        };
+        this.getErrorLineCount = function() {
+            return _this.processes.filter(function(p) {
+                return p.state === 'error';
+            }).reduce(function(total, p) {
+                return total + p.lines.filter(function(l) {
+                    return l.type === _typests.LineType.stderr;
+                }).length;
+            }, 0);
+        };
+        // UI state getters
+        this.getMode = function() {
+            return _this.mode;
+        };
+        this.getSelectedIndex = function() {
+            return _this.selectedIndex;
+        };
+        this.getSelectedErrorIndex = function() {
+            return _this.selectedErrorIndex;
+        };
+        this.getExpandedId = function() {
+            return _this.expandedId;
+        };
+        this.getScrollOffset = function() {
+            return _this.scrollOffset;
+        };
+        // Get header
+        this.getHeader = function() {
+            return _this.header;
+        };
+        // Show status bar only if any process sets showStatusBar: true (default: false)
+        this.getShowStatusBar = function() {
+            return _this.processes.some(function(p) {
+                return p.showStatusBar === true;
+            });
+        };
+        // Interactive mode if any process has interactive: true
+        this.getIsInteractive = function() {
+            return _this.processes.some(function(p) {
+                return p.interactive === true;
+            });
+        };
+        this.isAllComplete = function() {
+            return _this.processes.length > 0 && _this.processes.every(function(p) {
+                return p.state !== 'running';
+            });
+        };
         this.getShouldExit = function() {
             return _this.shouldExit;
         };
@@ -95,15 +194,30 @@ var ProcessStore = /*#__PURE__*/ function() {
     var _proto = ProcessStore.prototype;
     // Mutations - Ink handles render throttling at 30 FPS
     _proto.addProcess = function addProcess(process) {
+        // Set header on first process that provides one
+        if (this.header === undefined && process.header !== undefined) {
+            this.header = process.header;
+        }
         this.processes = _to_consumable_array(this.processes).concat([
             process
         ]);
         this.notify();
     };
     _proto.updateProcess = function updateProcess(id, update) {
+        var oldProcess = this.processes.find(function(p) {
+            return p.id === id;
+        });
+        var wasRunning = (oldProcess === null || oldProcess === void 0 ? void 0 : oldProcess.state) === 'running';
+        var isNowComplete = update.state && update.state !== 'running';
         this.processes = this.processes.map(function(p) {
             return p.id === id ? _object_spread({}, p, update) : p;
         });
+        // Track completion order
+        if (wasRunning && isNowComplete && !this.completedIds.includes(id)) {
+            this.completedIds = _to_consumable_array(this.completedIds).concat([
+                id
+            ]);
+        }
         this.notify();
     };
     _proto.appendLines = function appendLines(id, newLines) {
@@ -121,6 +235,87 @@ var ProcessStore = /*#__PURE__*/ function() {
             return p.id === id;
         });
     };
+    // UI state mutations
+    _proto.setMode = function setMode(mode) {
+        this.mode = mode;
+        if (mode === 'interactive') {
+            this.selectedIndex = 0;
+        } else if (mode === 'errorList') {
+            this.selectedErrorIndex = 0;
+        }
+        this.notify();
+    };
+    // Interactive mode navigation
+    _proto.selectNext = function selectNext() {
+        if (this.processes.length > 0) {
+            this.selectedIndex = (this.selectedIndex + 1) % this.processes.length;
+            this.notify();
+        }
+    };
+    _proto.selectPrev = function selectPrev() {
+        if (this.processes.length > 0) {
+            this.selectedIndex = (this.selectedIndex - 1 + this.processes.length) % this.processes.length;
+            this.notify();
+        }
+    };
+    _proto.getSelectedProcess = function getSelectedProcess() {
+        return this.processes[this.selectedIndex];
+    };
+    _proto.selectNextError = function selectNextError() {
+        var failed = this.getFailedProcesses();
+        if (failed.length > 0) {
+            this.selectedErrorIndex = (this.selectedErrorIndex + 1) % failed.length;
+            this.notify();
+        }
+    };
+    _proto.selectPrevError = function selectPrevError() {
+        var failed = this.getFailedProcesses();
+        if (failed.length > 0) {
+            this.selectedErrorIndex = (this.selectedErrorIndex - 1 + failed.length) % failed.length;
+            this.notify();
+        }
+    };
+    _proto.getSelectedError = function getSelectedError() {
+        var failed = this.getFailedProcesses();
+        return failed[this.selectedErrorIndex];
+    };
+    // Expansion methods
+    _proto.toggleExpand = function toggleExpand() {
+        var selected = this.getSelectedProcess();
+        if (!selected) return;
+        if (this.expandedId === selected.id) {
+            // Collapse
+            this.expandedId = null;
+            this.scrollOffset = 0;
+        } else {
+            // Expand
+            this.expandedId = selected.id;
+            this.scrollOffset = 0;
+        }
+        this.notify();
+    };
+    _proto.collapse = function collapse() {
+        this.expandedId = null;
+        this.scrollOffset = 0;
+        this.notify();
+    };
+    _proto.scrollDown = function scrollDown(maxVisible) {
+        if (!this.expandedId) return;
+        var process = this.getProcess(this.expandedId);
+        if (!process) return;
+        var maxOffset = Math.max(0, process.lines.length - maxVisible);
+        if (this.scrollOffset < maxOffset) {
+            this.scrollOffset++;
+            this.notify();
+        }
+    };
+    _proto.scrollUp = function scrollUp() {
+        if (!this.expandedId) return;
+        if (this.scrollOffset > 0) {
+            this.scrollOffset--;
+            this.notify();
+        }
+    };
     // Exit signaling
     _proto.signalExit = function signalExit(callback) {
         this.shouldExit = true;
@@ -129,8 +324,15 @@ var ProcessStore = /*#__PURE__*/ function() {
     };
     _proto.reset = function reset() {
         this.processes = [];
+        this.completedIds = [];
         this.shouldExit = false;
         this.exitCallback = null;
+        this.mode = 'normal';
+        this.selectedIndex = 0;
+        this.selectedErrorIndex = 0;
+        this.expandedId = null;
+        this.scrollOffset = 0;
+        this.header = undefined;
     };
     _proto.notify = function notify() {
         this.listeners.forEach(function(l) {

package/dist/cjs/state/processStore.js.map

@@ -1 +1 @@
-{"version":3,"sources":["/Users/kevin/Dev/OpenSource/node/spawn-term/src/state/processStore.ts"],"sourcesContent":["import type { ChildProcess, Line } from '../types.ts';\n\ntype Listener = () => void;\n\nclass ProcessStore {\n  private processes: ChildProcess[] = [];\n  private listeners = new Set<Listener>();\n  private shouldExit = false;\n  private exitCallback: (() => void) | null = null;\n\n  // useSyncExternalStore API\n  subscribe = (listener: Listener): (() => void) => {\n    this.listeners.add(listener);\n    return () => this.listeners.delete(listener);\n  };\n\n  getSnapshot = (): ChildProcess[] => this.processes;\n\n  // Mutations - Ink handles render throttling at 30 FPS\n  addProcess(process: ChildProcess): void {\n    this.processes = [...this.processes, process];\n    this.notify();\n  }\n\n  updateProcess(id: string, update: Partial<ChildProcess>): void {\n    this.processes = this.processes.map((p) => (p.id === id ? { ...p, ...update } : p));\n    this.notify();\n  }\n\n  appendLines(id: string, newLines: Line[]): void {\n    const process = this.processes.find((p) => p.id === id);\n    if (process) {\n      this.updateProcess(id, { lines: process.lines.concat(newLines) });\n    }\n  }\n\n  getProcess(id: string): ChildProcess | undefined {\n    return this.processes.find((p) => p.id === id);\n  }\n\n  // Exit signaling\n  signalExit(callback: () => void): void {\n    this.shouldExit = true;\n    this.exitCallback = callback;\n    this.notify();\n  }\n\n  getShouldExit = (): boolean => this.shouldExit;\n  getExitCallback = (): (() => void) | null => this.exitCallback;\n\n  reset(): void {\n    this.processes = [];\n    this.shouldExit = false;\n    this.exitCallback = null;\n  }\n\n  private notify(): void {\n    this.listeners.forEach((l) => {\n      l();\n    });\n  }\n}\n\nexport const processStore = new ProcessStore();\nexport type { ProcessStore };\n"],"names":["processStore","ProcessStore","processes","listeners","Set","shouldExit","exitCallback","subscribe","listener","add","delete","getSnapshot","getShouldExit","getExitCallback","addProcess","process","notify","updateProcess","id","update","map","p","appendLines","newLines","find","lines","concat","getProcess","signalExit","callback","reset","forEach","l"],"mappings":";;;;+BA+DaA;;;eAAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA3Db,IAAA,AAAMC,6BAAN;;aAAMA;;gCAAAA;aACIC,YAA4B,EAAE;aAC9BC,YAAY,IAAIC;aAChBC,aAAa;aACbC,eAAoC;QAE5C,2BAA2B;aAC3BC,YAAY,SAACC;YACX,MAAKL,SAAS,CAACM,GAAG,CAACD;YACnB,OAAO;uBAAM,MAAKL,SAAS,CAACO,MAAM,CAACF;;QACrC;aAEAG,cAAc;mBAAsB,MAAKT,SAAS;;aA+BlDU,gBAAgB;mBAAe,MAAKP,UAAU;;aAC9CQ,kBAAkB;mBAA2B,MAAKP,YAAY;;;iBA5C1DL;IAcJ,sDAAsD;IACtDa,OAAAA,UAGC,GAHDA,SAAAA,WAAWC,OAAqB;QAC9B,IAAI,CAACb,SAAS,GAAG,AAAC,qBAAG,IAAI,CAACA,SAAS,SAAlB;YAAoBa;SAAQ;QAC7C,IAAI,CAACC,MAAM;IACb;IAEAC,OAAAA,aAGC,GAHDA,SAAAA,cAAcC,EAAU,EAAEC,MAA6B;QACrD,IAAI,CAACjB,SAAS,GAAG,IAAI,CAACA,SAAS,CAACkB,GAAG,CAAC,SAACC;mBAAOA,EAAEH,EAAE,KAAKA,KAAK,mBAAKG,GAAMF,UAAWE;;QAChF,IAAI,CAACL,MAAM;IACb;IAEAM,OAAAA,WAKC,GALDA,SAAAA,YAAYJ,EAAU,EAAEK,QAAgB;QACtC,IAAMR,UAAU,IAAI,CAACb,SAAS,CAACsB,IAAI,CAAC,SAACH;mBAAMA,EAAEH,EAAE,KAAKA;;QACpD,IAAIH,SAAS;YACX,IAAI,CAACE,aAAa,CAACC,IAAI;gBAAEO,OAAOV,QAAQU,KAAK,CAACC,MAAM,CAACH;YAAU;QACjE;IACF;IAEAI,OAAAA,UAEC,GAFDA,SAAAA,WAAWT,EAAU;QACnB,OAAO,IAAI,CAAChB,SAAS,CAACsB,IAAI,CAAC,SAACH;mBAAMA,EAAEH,EAAE,KAAKA;;IAC7C;IAEA,iBAAiB;IACjBU,OAAAA,UAIC,GAJDA,SAAAA,WAAWC,QAAoB;QAC7B,IAAI,CAACxB,UAAU,GAAG;QAClB,IAAI,CAACC,YAAY,GAAGuB;QACpB,IAAI,CAACb,MAAM;IACb;IAKAc,OAAAA,KAIC,GAJDA,SAAAA;QACE,IAAI,CAAC5B,SAAS,GAAG,EAAE;QACnB,IAAI,CAACG,UAAU,GAAG;QAClB,IAAI,CAACC,YAAY,GAAG;IACtB;IAEA,OAAQU,MAIP,GAJD,SAAQA;QACN,IAAI,CAACb,SAAS,CAAC4B,OAAO,CAAC,SAACC;YACtBA;QACF;IACF;WAxDI/B;;AA2DC,IAAMD,eAAe,IAAIC"}
+{"version":3,"sources":["/Users/kevin/Dev/OpenSource/node/spawn-term/src/state/processStore.ts"],"sourcesContent":["import { DEFAULT_COLUMN_WIDTH } from '../constants.ts';\nimport type { ChildProcess, Line } from '../types.ts';\nimport { LineType } from '../types.ts';\n\ntype Listener = () => void;\ntype Mode = 'normal' | 'interactive' | 'errorList' | 'errorDetail';\n\nclass ProcessStore {\n  private processes: ChildProcess[] = [];\n  private completedIds: string[] = []; // Track completion order\n  private listeners = new Set<Listener>();\n  private shouldExit = false;\n  private exitCallback: (() => void) | null = null;\n\n  // UI state\n  private mode: Mode = 'normal';\n  private selectedIndex = 0;\n  private selectedErrorIndex = 0;\n  private expandedId: string | null = null;\n  private scrollOffset = 0;\n\n  // App-level display settings\n  private header: string | undefined;\n\n  // useSyncExternalStore API\n  subscribe = (listener: Listener): (() => void) => {\n    this.listeners.add(listener);\n    return () => this.listeners.delete(listener);\n  };\n\n  getSnapshot = (): ChildProcess[] => this.processes;\n\n  // Filtered getters\n  getRunningProcesses = (): ChildProcess[] => {\n    return this.processes.filter((p) => p.state === 'running');\n  };\n\n  getCompletedProcesses = (): ChildProcess[] => {\n    // Return in completion order\n    return this.completedIds.map((id) => this.processes.find((p) => p.id === id)).filter((p): p is ChildProcess => p !== undefined);\n  };\n\n  getFailedProcesses = (): ChildProcess[] => {\n    return this.processes.filter((p) => p.state === 'error');\n  };\n\n  // Counts\n  getRunningCount = (): number => this.processes.filter((p) => p.state === 'running').length;\n  getMaxGroupLength = (): number => {\n    if (this.processes.length === 0) return DEFAULT_COLUMN_WIDTH;\n    return Math.max(...this.processes.map((p) => (p.group || p.title).length));\n  };\n  getDoneCount = (): number => this.processes.filter((p) => p.state !== 'running').length;\n  getErrorCount = (): number => this.processes.filter((p) => p.state === 'error').length;\n  getErrorLineCount = (): number => {\n    return this.processes.filter((p) => p.state === 'error').reduce((total, p) => total + p.lines.filter((l) => l.type === LineType.stderr).length, 0);\n  };\n\n  // UI state getters\n  getMode = (): Mode => this.mode;\n  getSelectedIndex = (): number => this.selectedIndex;\n  getSelectedErrorIndex = (): number => this.selectedErrorIndex;\n  getExpandedId = (): string | null => this.expandedId;\n  getScrollOffset = (): number => this.scrollOffset;\n  // Get header\n  getHeader = (): string | undefined => this.header;\n  // Show status bar only if any process sets showStatusBar: true (default: false)\n  getShowStatusBar = (): boolean => this.processes.some((p) => p.showStatusBar === true);\n  // Interactive mode if any process has interactive: true\n  getIsInteractive = (): boolean => this.processes.some((p) => p.interactive === true);\n  isAllComplete = (): boolean => this.processes.length > 0 && this.processes.every((p) => p.state !== 'running');\n\n  // Mutations - Ink handles render throttling at 30 FPS\n  addProcess(process: ChildProcess): void {\n    // Set header on first process that provides one\n    if (this.header === undefined && process.header !== undefined) {\n      this.header = process.header;\n    }\n    this.processes = [...this.processes, process];\n    this.notify();\n  }\n\n  updateProcess(id: string, update: Partial<ChildProcess>): void {\n    const oldProcess = this.processes.find((p) => p.id === id);\n    const wasRunning = oldProcess?.state === 'running';\n    const isNowComplete = update.state && update.state !== 'running';\n\n    this.processes = this.processes.map((p) => (p.id === id ? { ...p, ...update } : p));\n\n    // Track completion order\n    if (wasRunning && isNowComplete && !this.completedIds.includes(id)) {\n      this.completedIds = [...this.completedIds, id];\n    }\n\n    this.notify();\n  }\n\n  appendLines(id: string, newLines: Line[]): void {\n    const process = this.processes.find((p) => p.id === id);\n    if (process) {\n      this.updateProcess(id, { lines: process.lines.concat(newLines) });\n    }\n  }\n\n  getProcess(id: string): ChildProcess | undefined {\n    return this.processes.find((p) => p.id === id);\n  }\n\n  // UI state mutations\n  setMode(mode: Mode): void {\n    this.mode = mode;\n    if (mode === 'interactive') {\n      this.selectedIndex = 0;\n    } else if (mode === 'errorList') {\n      this.selectedErrorIndex = 0;\n    }\n    this.notify();\n  }\n\n  // Interactive mode navigation\n  selectNext(): void {\n    if (this.processes.length > 0) {\n      this.selectedIndex = (this.selectedIndex + 1) % this.processes.length;\n      this.notify();\n    }\n  }\n\n  selectPrev(): void {\n    if (this.processes.length > 0) {\n      this.selectedIndex = (this.selectedIndex - 1 + this.processes.length) % this.processes.length;\n      this.notify();\n    }\n  }\n\n  getSelectedProcess(): ChildProcess | undefined {\n    return this.processes[this.selectedIndex];\n  }\n\n  selectNextError(): void {\n    const failed = this.getFailedProcesses();\n    if (failed.length > 0) {\n      this.selectedErrorIndex = (this.selectedErrorIndex + 1) % failed.length;\n      this.notify();\n    }\n  }\n\n  selectPrevError(): void {\n    const failed = this.getFailedProcesses();\n    if (failed.length > 0) {\n      this.selectedErrorIndex = (this.selectedErrorIndex - 1 + failed.length) % failed.length;\n      this.notify();\n    }\n  }\n\n  getSelectedError(): ChildProcess | undefined {\n    const failed = this.getFailedProcesses();\n    return failed[this.selectedErrorIndex];\n  }\n\n  // Expansion methods\n  toggleExpand(): void {\n    const selected = this.getSelectedProcess();\n    if (!selected) return;\n\n    if (this.expandedId === selected.id) {\n      // Collapse\n      this.expandedId = null;\n      this.scrollOffset = 0;\n    } else {\n      // Expand\n      this.expandedId = selected.id;\n      this.scrollOffset = 0;\n    }\n    this.notify();\n  }\n\n  collapse(): void {\n    this.expandedId = null;\n    this.scrollOffset = 0;\n    this.notify();\n  }\n\n  scrollDown(maxVisible: number): void {\n    if (!this.expandedId) return;\n    const process = this.getProcess(this.expandedId);\n    if (!process) return;\n\n    const maxOffset = Math.max(0, process.lines.length - maxVisible);\n    if (this.scrollOffset < maxOffset) {\n      this.scrollOffset++;\n      this.notify();\n    }\n  }\n\n  scrollUp(): void {\n    if (!this.expandedId) return;\n    if (this.scrollOffset > 0) {\n      this.scrollOffset--;\n      this.notify();\n    }\n  }\n\n  // Exit signaling\n  signalExit(callback: () => void): void {\n    this.shouldExit = true;\n    this.exitCallback = callback;\n    this.notify();\n  }\n\n  getShouldExit = (): boolean => this.shouldExit;\n  getExitCallback = (): (() => void) | null => this.exitCallback;\n\n  reset(): void {\n    this.processes = [];\n    this.completedIds = [];\n    this.shouldExit = false;\n    this.exitCallback = null;\n    this.mode = 'normal';\n    this.selectedIndex = 0;\n    this.selectedErrorIndex = 0;\n    this.expandedId = null;\n    this.scrollOffset = 0;\n    this.header = undefined;\n  }\n\n  private notify(): void {\n    this.listeners.forEach((l) => {\n      l();\n    });\n  }\n}\n\nexport const processStore = new ProcessStore();\nexport type { ProcessStore };\n"],"names":["processStore","ProcessStore","processes","completedIds","listeners","Set","shouldExit","exitCallback","mode","selectedIndex","selectedErrorIndex","expandedId","scrollOffset","subscribe","listener","add","delete","getSnapshot","getRunningProcesses","filter","p","state","getCompletedProcesses","map","id","find","undefined","getFailedProcesses","getRunningCount","length","getMaxGroupLength","Math","DEFAULT_COLUMN_WIDTH","max","group","title","getDoneCount","getErrorCount","getErrorLineCount","reduce","total","lines","l","type","LineType","stderr","getMode","getSelectedIndex","getSelectedErrorIndex","getExpandedId","getScrollOffset","getHeader","header","getShowStatusBar","some","showStatusBar","getIsInteractive","interactive","isAllComplete","every","getShouldExit","getExitCallback","addProcess","process","notify","updateProcess","update","oldProcess","wasRunning","isNowComplete","includes","appendLines","newLines","concat","getProcess","setMode","selectNext","selectPrev","getSelectedProcess","selectNextError","failed","selectPrevError","getSelectedError","toggleExpand","selected","collapse","scrollDown","maxVisible","maxOffset","scrollUp","signalExit","callback","reset","forEach"],"mappings":"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"}

package/dist/cjs/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["/Users/kevin/Dev/OpenSource/node/spawn-term/src/types.ts"],"sourcesContent":["export type { SpawnCallback, SpawnError, SpawnOptions, SpawnResult } from 'cross-spawn-cb';\n\nimport type { SpawnError, SpawnResult } from 'cross-spawn-cb';\n\nexport type TerminalOptions = {\n  group?: string;\n  expanded?: boolean;\n};\n\nexport type TerminalCallback = (error?: SpawnError, result?: SpawnResult) => undefined;\n\nexport const LineType = {\n  stdout: 1,\n  stderr: 2,\n} as const;\n\nexport type Line = {\n  type: (typeof LineType)[keyof typeof LineType];\n  text: string;\n};\n\nexport type State = 'running' | 'error' | 'success';\nexport type ChildProcess = {\n  id: string;\n  group?: string;\n  title: string;\n  state: State;\n  lines: Line[];\n  expanded?: boolean;\n};\n"],"names":["LineType","stdout","stderr"],"mappings":";;;;+BAWaA;;;eAAAA;;;AAAN,IAAMA,WAAW;IACtBC,QAAQ;IACRC,QAAQ;AACV"}
+{"version":3,"sources":["/Users/kevin/Dev/OpenSource/node/spawn-term/src/types.ts"],"sourcesContent":["export type { SpawnCallback, SpawnError, SpawnOptions, SpawnResult } from 'cross-spawn-cb';\n\nimport type { SpawnError, SpawnResult } from 'cross-spawn-cb';\n\nexport type TerminalOptions = {\n  group?: string;\n  expanded?: boolean;\n  header?: string;\n  showStatusBar?: boolean;\n  interactive?: boolean;\n};\n\nexport type TerminalCallback = (error?: SpawnError, result?: SpawnResult) => undefined;\n\nexport const LineType = {\n  stdout: 1,\n  stderr: 2,\n} as const;\n\nexport type Line = {\n  type: (typeof LineType)[keyof typeof LineType];\n  text: string;\n};\n\nexport type State = 'running' | 'error' | 'success';\nexport type ChildProcess = {\n  id: string;\n  group?: string;\n  title: string;\n  state: State;\n  lines: Line[];\n  expanded?: boolean;\n  header?: string;\n  showStatusBar?: boolean;\n  interactive?: boolean;\n};\n"],"names":["LineType","stdout","stderr"],"mappings":";;;;+BAcaA;;;eAAAA;;;AAAN,IAAMA,WAAW;IACtBC,QAAQ;IACRC,QAAQ;AACV"}

package/dist/esm/components/App.js

@@ -1,14 +1,36 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Box, useApp } from 'ink';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Box, Text, useApp, useInput, useStdin } from 'ink';
 import { useEffect, useSyncExternalStore } from 'react';
+import { EXPANDED_MAX_VISIBLE_LINES } from '../constants.js';
 import { processStore } from '../state/processStore.js';
-import ChildProcess from './ChildProcess.js';
+import CompactProcessLine from './CompactProcessLine.js';
+import Divider from './Divider.js';
+import ErrorDetailModal from './ErrorDetailModal.js';
+import ErrorListModal from './ErrorListModal.js';
+import ExpandedOutput from './ExpandedOutput.js';
+import StatusBar from './StatusBar.js';
 export default function App() {
     const { exit } = useApp();
-    // Subscribe to process state
+    const { isRawModeSupported } = useStdin();
+    // Subscribe to store state
     const processes = useSyncExternalStore(processStore.subscribe, processStore.getSnapshot);
-    // Handle exit signal
     const shouldExit = useSyncExternalStore(processStore.subscribe, processStore.getShouldExit);
+    const mode = useSyncExternalStore(processStore.subscribe, processStore.getMode);
+    const selectedIndex = useSyncExternalStore(processStore.subscribe, processStore.getSelectedIndex);
+    const selectedErrorIndex = useSyncExternalStore(processStore.subscribe, processStore.getSelectedErrorIndex);
+    const expandedId = useSyncExternalStore(processStore.subscribe, processStore.getExpandedId);
+    const scrollOffset = useSyncExternalStore(processStore.subscribe, processStore.getScrollOffset);
+    // Derived state
+    const failedProcesses = processStore.getFailedProcesses();
+    const runningCount = processStore.getRunningCount();
+    const doneCount = processStore.getDoneCount();
+    const errorCount = processStore.getErrorCount();
+    const errorLineCount = processStore.getErrorLineCount();
+    const header = processStore.getHeader();
+    const showStatusBar = processStore.getShowStatusBar();
+    const isInteractive = processStore.getIsInteractive();
+    const isAllComplete = processStore.isAllComplete();
+    // Handle exit signal
     useEffect(()=>{
         if (shouldExit) {
             exit();
@@ -17,10 +39,138 @@ export default function App() {
         shouldExit,
         exit
     ]);
-    return /*#__PURE__*/ _jsx(Box, {
+    // Auto-enter interactive mode when all complete and interactive flag is set
+    useEffect(()=>{
+        if (isAllComplete && isInteractive && mode === 'normal') {
+            processStore.setMode('interactive');
+        }
+    }, [
+        isAllComplete,
+        isInteractive,
+        mode
+    ]);
+    // Keyboard handling (only active when raw mode is supported)
+    useInput((input, key)=>{
+        if (mode === 'normal') {
+            if (input === 'e' && errorCount > 0) {
+                processStore.setMode('errorList');
+            }
+        } else if (mode === 'interactive') {
+            if (input === 'q' || key.escape) {
+                if (expandedId) {
+                    processStore.collapse();
+                } else {
+                    processStore.signalExit(()=>{});
+                }
+            } else if (key.return) {
+                processStore.toggleExpand();
+            } else if (key.downArrow) {
+                if (expandedId) {
+                    processStore.scrollDown(EXPANDED_MAX_VISIBLE_LINES);
+                } else {
+                    processStore.selectNext();
+                }
+            } else if (key.upArrow) {
+                if (expandedId) {
+                    processStore.scrollUp();
+                } else {
+                    processStore.selectPrev();
+                }
+            } else if (input === 'j') {
+                if (expandedId) {
+                    processStore.scrollDown(EXPANDED_MAX_VISIBLE_LINES);
+                } else {
+                    processStore.selectNext();
+                }
+            } else if (input === 'k') {
+                if (expandedId) {
+                    processStore.scrollUp();
+                } else {
+                    processStore.selectPrev();
+                }
+            } else if (input === 'e' && errorCount > 0) {
+                processStore.setMode('errorList');
+            }
+        } else if (mode === 'errorList') {
+            if (key.escape) {
+                processStore.setMode(isInteractive ? 'interactive' : 'normal');
+            } else if (key.downArrow) {
+                processStore.selectNextError();
+            } else if (key.upArrow) {
+                processStore.selectPrevError();
+            } else if (key.return) {
+                processStore.setMode('errorDetail');
+            }
+        } else if (mode === 'errorDetail') {
+            if (key.escape) {
+                processStore.setMode('errorList');
+            } else if (key.downArrow) {
+                processStore.selectNextError();
+            } else if (key.upArrow) {
+                processStore.selectPrevError();
+            }
+        }
+    }, {
+        isActive: isRawModeSupported === true
+    });
+    // Error list modal
+    if (mode === 'errorList') {
+        return /*#__PURE__*/ _jsx(ErrorListModal, {
+            errors: failedProcesses,
+            selectedIndex: selectedErrorIndex,
+            totalErrorLines: errorLineCount
+        });
+    }
+    // Error detail modal
+    if (mode === 'errorDetail') {
+        const selectedError = processStore.getSelectedError();
+        if (selectedError) {
+            return /*#__PURE__*/ _jsx(ErrorDetailModal, {
+                error: selectedError,
+                currentIndex: selectedErrorIndex,
+                totalErrors: failedProcesses.length
+            });
+        }
+        // Fallback if no error selected
+        processStore.setMode('errorList');
+    }
+    // Normal/Interactive view - render in original registration order
+    const showSelection = mode === 'interactive';
+    return /*#__PURE__*/ _jsxs(Box, {
         flexDirection: "column",
-        children: processes.map((item)=>/*#__PURE__*/ _jsx(ChildProcess, {
-                item: item
-            }, item.id))
+        children: [
+            header && /*#__PURE__*/ _jsxs(_Fragment, {
+                children: [
+                    /*#__PURE__*/ _jsx(Text, {
+                        children: header
+                    }),
+                    /*#__PURE__*/ _jsx(Divider, {})
+                ]
+            }),
+            processes.map((item, index)=>/*#__PURE__*/ _jsxs(Box, {
+                    flexDirection: "column",
+                    children: [
+                        /*#__PURE__*/ _jsx(CompactProcessLine, {
+                            item: item,
+                            isSelected: showSelection && index === selectedIndex
+                        }),
+                        expandedId === item.id && /*#__PURE__*/ _jsx(ExpandedOutput, {
+                            lines: item.lines,
+                            scrollOffset: scrollOffset
+                        })
+                    ]
+                }, item.id)),
+            showStatusBar && processes.length > 0 && /*#__PURE__*/ _jsxs(_Fragment, {
+                children: [
+                    /*#__PURE__*/ _jsx(Divider, {}),
+                    /*#__PURE__*/ _jsx(StatusBar, {
+                        running: runningCount,
+                        done: doneCount,
+                        errors: errorCount,
+                        errorLines: errorLineCount
+                    })
+                ]
+            })
+        ]
     });
 }

package/dist/esm/components/App.js.map

@@ -1 +1 @@
-{"version":3,"sources":["/Users/kevin/Dev/OpenSource/node/spawn-term/src/components/App.tsx"],"sourcesContent":["import { Box, useApp } from 'ink';\nimport { useEffect, useSyncExternalStore } from 'react';\nimport { processStore } from '../state/processStore.ts';\nimport type { ChildProcess as ChildProcessT } from '../types.ts';\nimport ChildProcess from './ChildProcess.ts';\n\nexport default function App(): React.JSX.Element {\n  const { exit } = useApp();\n\n  // Subscribe to process state\n  const processes = useSyncExternalStore(processStore.subscribe, processStore.getSnapshot);\n\n  // Handle exit signal\n  const shouldExit = useSyncExternalStore(processStore.subscribe, processStore.getShouldExit);\n\n  useEffect(() => {\n    if (shouldExit) {\n      exit();\n    }\n  }, [shouldExit, exit]);\n\n  return (\n    <Box flexDirection=\"column\">\n      {processes.map((item: ChildProcessT) => (\n        <ChildProcess key={item.id} item={item} />\n      ))}\n    </Box>\n  );\n}\n"],"names":["Box","useApp","useEffect","useSyncExternalStore","processStore","ChildProcess","App","exit","processes","subscribe","getSnapshot","shouldExit","getShouldExit","flexDirection","map","item","id"],"mappings":";AAAA,SAASA,GAAG,EAAEC,MAAM,QAAQ,MAAM;AAClC,SAASC,SAAS,EAAEC,oBAAoB,QAAQ,QAAQ;AACxD,SAASC,YAAY,QAAQ,2BAA2B;AAExD,OAAOC,kBAAkB,oBAAoB;AAE7C,eAAe,SAASC;IACtB,MAAM,EAAEC,IAAI,EAAE,GAAGN;IAEjB,6BAA6B;IAC7B,MAAMO,YAAYL,qBAAqBC,aAAaK,SAAS,EAAEL,aAAaM,WAAW;IAEvF,qBAAqB;IACrB,MAAMC,aAAaR,qBAAqBC,aAAaK,SAAS,EAAEL,aAAaQ,aAAa;IAE1FV,UAAU;QACR,IAAIS,YAAY;YACdJ;QACF;IACF,GAAG;QAACI;QAAYJ;KAAK;IAErB,qBACE,KAACP;QAAIa,eAAc;kBAChBL,UAAUM,GAAG,CAAC,CAACC,qBACd,KAACV;gBAA2BU,MAAMA;eAAfA,KAAKC,EAAE;;AAIlC"}
+{"version":3,"sources":["/Users/kevin/Dev/OpenSource/node/spawn-term/src/components/App.tsx"],"sourcesContent":["import { Box, Text, useApp, useInput, useStdin } from 'ink';\nimport { useEffect, useSyncExternalStore } from 'react';\nimport { EXPANDED_MAX_VISIBLE_LINES } from '../constants.ts';\nimport { processStore } from '../state/processStore.ts';\nimport CompactProcessLine from './CompactProcessLine.ts';\nimport Divider from './Divider.ts';\nimport ErrorDetailModal from './ErrorDetailModal.ts';\nimport ErrorListModal from './ErrorListModal.ts';\nimport ExpandedOutput from './ExpandedOutput.ts';\nimport StatusBar from './StatusBar.ts';\n\nexport default function App(): React.JSX.Element {\n  const { exit } = useApp();\n  const { isRawModeSupported } = useStdin();\n\n  // Subscribe to store state\n  const processes = useSyncExternalStore(processStore.subscribe, processStore.getSnapshot);\n  const shouldExit = useSyncExternalStore(processStore.subscribe, processStore.getShouldExit);\n  const mode = useSyncExternalStore(processStore.subscribe, processStore.getMode);\n  const selectedIndex = useSyncExternalStore(processStore.subscribe, processStore.getSelectedIndex);\n  const selectedErrorIndex = useSyncExternalStore(processStore.subscribe, processStore.getSelectedErrorIndex);\n  const expandedId = useSyncExternalStore(processStore.subscribe, processStore.getExpandedId);\n  const scrollOffset = useSyncExternalStore(processStore.subscribe, processStore.getScrollOffset);\n\n  // Derived state\n  const failedProcesses = processStore.getFailedProcesses();\n  const runningCount = processStore.getRunningCount();\n  const doneCount = processStore.getDoneCount();\n  const errorCount = processStore.getErrorCount();\n  const errorLineCount = processStore.getErrorLineCount();\n  const header = processStore.getHeader();\n  const showStatusBar = processStore.getShowStatusBar();\n  const isInteractive = processStore.getIsInteractive();\n  const isAllComplete = processStore.isAllComplete();\n\n  // Handle exit signal\n  useEffect(() => {\n    if (shouldExit) {\n      exit();\n    }\n  }, [shouldExit, exit]);\n\n  // Auto-enter interactive mode when all complete and interactive flag is set\n  useEffect(() => {\n    if (isAllComplete && isInteractive && mode === 'normal') {\n      processStore.setMode('interactive');\n    }\n  }, [isAllComplete, isInteractive, mode]);\n\n  // Keyboard handling (only active when raw mode is supported)\n  useInput(\n    (input, key) => {\n      if (mode === 'normal') {\n        if (input === 'e' && errorCount > 0) {\n          processStore.setMode('errorList');\n        }\n      } else if (mode === 'interactive') {\n        if (input === 'q' || key.escape) {\n          if (expandedId) {\n            processStore.collapse();\n          } else {\n            processStore.signalExit(() => {});\n          }\n        } else if (key.return) {\n          processStore.toggleExpand();\n        } else if (key.downArrow) {\n          if (expandedId) {\n            processStore.scrollDown(EXPANDED_MAX_VISIBLE_LINES);\n          } else {\n            processStore.selectNext();\n          }\n        } else if (key.upArrow) {\n          if (expandedId) {\n            processStore.scrollUp();\n          } else {\n            processStore.selectPrev();\n          }\n        } else if (input === 'j') {\n          if (expandedId) {\n            processStore.scrollDown(EXPANDED_MAX_VISIBLE_LINES);\n          } else {\n            processStore.selectNext();\n          }\n        } else if (input === 'k') {\n          if (expandedId) {\n            processStore.scrollUp();\n          } else {\n            processStore.selectPrev();\n          }\n        } else if (input === 'e' && errorCount > 0) {\n          processStore.setMode('errorList');\n        }\n      } else if (mode === 'errorList') {\n        if (key.escape) {\n          processStore.setMode(isInteractive ? 'interactive' : 'normal');\n        } else if (key.downArrow) {\n          processStore.selectNextError();\n        } else if (key.upArrow) {\n          processStore.selectPrevError();\n        } else if (key.return) {\n          processStore.setMode('errorDetail');\n        }\n      } else if (mode === 'errorDetail') {\n        if (key.escape) {\n          processStore.setMode('errorList');\n        } else if (key.downArrow) {\n          processStore.selectNextError();\n        } else if (key.upArrow) {\n          processStore.selectPrevError();\n        }\n      }\n    },\n    { isActive: isRawModeSupported === true }\n  );\n\n  // Error list modal\n  if (mode === 'errorList') {\n    return <ErrorListModal errors={failedProcesses} selectedIndex={selectedErrorIndex} totalErrorLines={errorLineCount} />;\n  }\n\n  // Error detail modal\n  if (mode === 'errorDetail') {\n    const selectedError = processStore.getSelectedError();\n    if (selectedError) {\n      return <ErrorDetailModal error={selectedError} currentIndex={selectedErrorIndex} totalErrors={failedProcesses.length} />;\n    }\n    // Fallback if no error selected\n    processStore.setMode('errorList');\n  }\n\n  // Normal/Interactive view - render in original registration order\n  const showSelection = mode === 'interactive';\n  return (\n    <Box flexDirection=\"column\">\n      {/* Header */}\n      {header && (\n        <>\n          <Text>{header}</Text>\n          <Divider />\n        </>\n      )}\n\n      {/* All processes in registration order */}\n      {processes.map((item, index) => (\n        <Box key={item.id} flexDirection=\"column\">\n          <CompactProcessLine item={item} isSelected={showSelection && index === selectedIndex} />\n          {expandedId === item.id && <ExpandedOutput lines={item.lines} scrollOffset={scrollOffset} />}\n        </Box>\n      ))}\n\n      {/* Status bar */}\n      {showStatusBar && processes.length > 0 && (\n        <>\n          <Divider />\n          <StatusBar running={runningCount} done={doneCount} errors={errorCount} errorLines={errorLineCount} />\n        </>\n      )}\n    </Box>\n  );\n}\n"],"names":["Box","Text","useApp","useInput","useStdin","useEffect","useSyncExternalStore","EXPANDED_MAX_VISIBLE_LINES","processStore","CompactProcessLine","Divider","ErrorDetailModal","ErrorListModal","ExpandedOutput","StatusBar","App","exit","isRawModeSupported","processes","subscribe","getSnapshot","shouldExit","getShouldExit","mode","getMode","selectedIndex","getSelectedIndex","selectedErrorIndex","getSelectedErrorIndex","expandedId","getExpandedId","scrollOffset","getScrollOffset","failedProcesses","getFailedProcesses","runningCount","getRunningCount","doneCount","getDoneCount","errorCount","getErrorCount","errorLineCount","getErrorLineCount","header","getHeader","showStatusBar","getShowStatusBar","isInteractive","getIsInteractive","isAllComplete","setMode","input","key","escape","collapse","signalExit","return","toggleExpand","downArrow","scrollDown","selectNext","upArrow","scrollUp","selectPrev","selectNextError","selectPrevError","isActive","errors","totalErrorLines","selectedError","getSelectedError","error","currentIndex","totalErrors","length","showSelection","flexDirection","map","item","index","isSelected","id","lines","running","done","errorLines"],"mappings":"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"}