spawn-term 1.1.8 → 2.0.0

package/dist/cjs/components/StatusBar.js

@@ -0,0 +1,104 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+var _jsxruntime = require("react/jsx-runtime");
+var _ink = require("ink");
+var _react = require("react");
+var _figurests = /*#__PURE__*/ _interop_require_default(require("../lib/figures.js"));
+var _Spinnerts = /*#__PURE__*/ _interop_require_default(require("./Spinner.js"));
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+// From: https://github.com/sindresorhus/cli-spinners/blob/00de8fbeee16fa49502fa4f687449f70f2c8ca2c/spinners.json#L2
+var SPINNER = {
+    interval: 80,
+    frames: [
+        '⠋',
+        '⠙',
+        '⠹',
+        '⠸',
+        '⠼',
+        '⠴',
+        '⠦',
+        '⠧',
+        '⠇',
+        '⠏'
+    ]
+};
+var _default = /*#__PURE__*/ (0, _react.memo)(function StatusBar(param) {
+    var running = param.running, done = param.done, errors = param.errors, errorLines = param.errorLines;
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_ink.Box, {
+        justifyContent: "space-between",
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_ink.Box, {
+                children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_ink.Text, {
+                    children: [
+                        running > 0 ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_Spinnerts.default, _object_spread({}, SPINNER)) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_ink.Text, {
+                            color: "green",
+                            children: _figurests.default.tick
+                        }),
+                        " Running: ".concat(running, "  "),
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_ink.Text, {
+                            color: "green",
+                            children: _figurests.default.tick
+                        }),
+                        " Done: ".concat(done, "  "),
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_ink.Text, {
+                            color: "red",
+                            children: _figurests.default.cross
+                        }),
+                        " Errors: ".concat(errors),
+                        errorLines > 0 && /*#__PURE__*/ (0, _jsxruntime.jsx)(_ink.Text, {
+                            dimColor: true,
+                            children: " (".concat(errorLines, " lines)")
+                        })
+                    ]
+                })
+            }),
+            errors > 0 && /*#__PURE__*/ (0, _jsxruntime.jsx)(_ink.Box, {
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_ink.Text, {
+                    dimColor: true,
+                    children: "[e]rrors"
+                })
+            })
+        ]
+    });
+});
+/* CJS INTEROP */ if (exports.__esModule && exports.default) { try { Object.defineProperty(exports.default, '__esModule', { value: true }); for (var key in exports) { exports.default[key] = exports[key]; } } catch (_) {}; module.exports = exports.default; }

package/dist/cjs/components/StatusBar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/kevin/Dev/OpenSource/node/spawn-term/src/components/StatusBar.tsx"],"sourcesContent":["import { Box, Text } from 'ink';\nimport { memo } from 'react';\nimport figures from '../lib/figures.ts';\nimport Spinner from './Spinner.ts';\n\n// From: https://github.com/sindresorhus/cli-spinners/blob/00de8fbeee16fa49502fa4f687449f70f2c8ca2c/spinners.json#L2\nconst SPINNER = {\n  interval: 80,\n  frames: ['⠋', '⠙', '⠹', '⠸', '⠼', '⠴', '⠦', '⠧', '⠇', '⠏'],\n};\n\ntype Props = {\n  running: number;\n  done: number;\n  errors: number;\n  errorLines: number;\n};\n\nexport default memo(function StatusBar({ running, done, errors, errorLines }: Props) {\n  return (\n    <Box justifyContent=\"space-between\">\n      <Box>\n        <Text>\n          {running > 0 ? <Spinner {...SPINNER} /> : <Text color=\"green\">{figures.tick}</Text>}\n          {` Running: ${running}  `}\n          <Text color=\"green\">{figures.tick}</Text>\n          {` Done: ${done}  `}\n          <Text color=\"red\">{figures.cross}</Text>\n          {` Errors: ${errors}`}\n          {errorLines > 0 && <Text dimColor>{` (${errorLines} lines)`}</Text>}\n        </Text>\n      </Box>\n      {errors > 0 && (\n        <Box>\n          <Text dimColor>[e]rrors</Text>\n        </Box>\n      )}\n    </Box>\n  );\n});\n"],"names":["SPINNER","interval","frames","memo","StatusBar","running","done","errors","errorLines","Box","justifyContent","Text","Spinner","color","figures","tick","cross","dimColor"],"mappings":";;;;+BAkBA;;;eAAA;;;;mBAlB0B;qBACL;gEACD;gEACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEpB,oHAAoH;AACpH,IAAMA,UAAU;IACdC,UAAU;IACVC,QAAQ;QAAC;QAAK;QAAK;QAAK;QAAK;QAAK;QAAK;QAAK;QAAK;QAAK;KAAI;AAC5D;IASA,yBAAeC,IAAAA,WAAI,EAAC,SAASC,UAAU,KAA4C;QAA1CC,UAAF,MAAEA,SAASC,OAAX,MAAWA,MAAMC,SAAjB,MAAiBA,QAAQC,aAAzB,MAAyBA;IAC9D,qBACE,sBAACC,QAAG;QAACC,gBAAe;;0BAClB,qBAACD,QAAG;0BACF,cAAA,sBAACE,SAAI;;wBACFN,UAAU,kBAAI,qBAACO,kBAAO,qBAAKZ,0BAAc,qBAACW,SAAI;4BAACE,OAAM;sCAASC,kBAAO,CAACC,IAAI;;wBACzE,aAAoB,OAARV,SAAQ;sCACtB,qBAACM,SAAI;4BAACE,OAAM;sCAASC,kBAAO,CAACC,IAAI;;wBAC/B,UAAc,OAALT,MAAK;sCAChB,qBAACK,SAAI;4BAACE,OAAM;sCAAOC,kBAAO,CAACE,KAAK;;wBAC9B,YAAkB,OAAPT;wBACZC,aAAa,mBAAK,qBAACG,SAAI;4BAACM,QAAQ;sCAAE,AAAC,KAAe,OAAXT,YAAW;;;;;YAGtDD,SAAS,mBACR,qBAACE,QAAG;0BACF,cAAA,qBAACE,SAAI;oBAACM,QAAQ;8BAAC;;;;;AAKzB"}

package/dist/cjs/createApp.js

@@ -33,11 +33,16 @@ function createApp() {
                 return;
             }
             if (!inkApp) throw new Error('Expecting inkApp');
-            // Signal exit to React component, provide callback for after cleanup
-            _processStorets.processStore.signalExit(function() {
-                _processStorets.processStore.reset();
-                process.stdout.write('\x1b[?25h'); // show cursor
-                callback();
+            // Defer signalExit to allow React's reconciliation to complete fully
+            // Using setImmediate ensures we run after I/O callbacks and microtasks,
+            // preventing the Static component from outputting the last item twice
+            // (the second notify() from signalExit can race with Static's useLayoutEffect)
+            setImmediate(function() {
+                _processStorets.processStore.signalExit(function() {
+                    _processStorets.processStore.reset();
+                    process.stdout.write('\x1b[?25h'); // show cursor
+                    callback();
+                });
             });
             // Wait for Ink to finish, then call the callback
             inkApp.waitUntilExit().then(function() {

package/dist/cjs/createApp.js.map

@@ -1 +1 @@
-{"version":3,"sources":["/Users/kevin/Dev/OpenSource/node/spawn-term/src/createApp.tsx"],"sourcesContent":["import { render } from 'ink';\nimport App from './components/App.ts';\nimport { type ProcessStore, processStore } from './state/processStore.ts';\n\nexport type ReleaseCallback = () => void;\n\nexport default function createApp() {\n  let refCount = 0;\n  let inkApp: ReturnType<typeof render> | null = null;\n\n  return {\n    retain(): ProcessStore {\n      if (++refCount > 1) return processStore;\n\n      // Render once - React handles all subsequent updates via useSyncExternalStore\n      inkApp = render(<App />);\n      return processStore;\n    },\n\n    release(callback: ReleaseCallback): void {\n      if (--refCount > 0) {\n        callback();\n        return;\n      }\n      if (!inkApp) throw new Error('Expecting inkApp');\n\n      // Signal exit to React component, provide callback for after cleanup\n      processStore.signalExit(() => {\n        processStore.reset();\n        process.stdout.write('\\x1b[?25h'); // show cursor\n        callback();\n      });\n\n      // Wait for Ink to finish, then call the callback\n      inkApp\n        .waitUntilExit()\n        .then(() => {\n          const cb = processStore.getExitCallback();\n          cb?.();\n        })\n        .catch(() => {\n          const cb = processStore.getExitCallback();\n          cb?.();\n        });\n\n      inkApp = null;\n    },\n  };\n}\n"],"names":["createApp","refCount","inkApp","retain","processStore","render","App","release","callback","Error","signalExit","reset","process","stdout","write","waitUntilExit","then","cb","getExitCallback","catch"],"mappings":";;;;+BAMA;;;eAAwBA;;;;mBAND;4DACP;8BACgC;;;;;;AAIjC,SAASA;IACtB,IAAIC,WAAW;IACf,IAAIC,SAA2C;IAE/C,OAAO;QACLC,QAAAA,SAAAA;YACE,IAAI,EAAEF,WAAW,GAAG,OAAOG,4BAAY;YAEvC,8EAA8E;YAC9EF,SAASG,IAAAA,WAAM,gBAAC,qBAACC,cAAG;YACpB,OAAOF,4BAAY;QACrB;QAEAG,SAAAA,SAAAA,QAAQC,QAAyB;YAC/B,IAAI,EAAEP,WAAW,GAAG;gBAClBO;gBACA;YACF;YACA,IAAI,CAACN,QAAQ,MAAM,IAAIO,MAAM;YAE7B,qEAAqE;YACrEL,4BAAY,CAACM,UAAU,CAAC;gBACtBN,4BAAY,CAACO,KAAK;gBAClBC,QAAQC,MAAM,CAACC,KAAK,CAAC,cAAc,cAAc;gBACjDN;YACF;YAEA,iDAAiD;YACjDN,OACGa,aAAa,GACbC,IAAI,CAAC;gBACJ,IAAMC,KAAKb,4BAAY,CAACc,eAAe;gBACvCD,eAAAA,yBAAAA;YACF,GACCE,KAAK,CAAC;gBACL,IAAMF,KAAKb,4BAAY,CAACc,eAAe;gBACvCD,eAAAA,yBAAAA;YACF;YAEFf,SAAS;QACX;IACF;AACF"}
+{"version":3,"sources":["/Users/kevin/Dev/OpenSource/node/spawn-term/src/createApp.tsx"],"sourcesContent":["import { render } from 'ink';\nimport App from './components/App.ts';\nimport { type ProcessStore, processStore } from './state/processStore.ts';\n\nexport type ReleaseCallback = () => void;\n\nexport default function createApp() {\n  let refCount = 0;\n  let inkApp: ReturnType<typeof render> | null = null;\n\n  return {\n    retain(): ProcessStore {\n      if (++refCount > 1) return processStore;\n\n      // Render once - React handles all subsequent updates via useSyncExternalStore\n      inkApp = render(<App />);\n      return processStore;\n    },\n\n    release(callback: ReleaseCallback): void {\n      if (--refCount > 0) {\n        callback();\n        return;\n      }\n      if (!inkApp) throw new Error('Expecting inkApp');\n\n      // Defer signalExit to allow React's reconciliation to complete fully\n      // Using setImmediate ensures we run after I/O callbacks and microtasks,\n      // preventing the Static component from outputting the last item twice\n      // (the second notify() from signalExit can race with Static's useLayoutEffect)\n      setImmediate(() => {\n        processStore.signalExit(() => {\n          processStore.reset();\n          process.stdout.write('\\x1b[?25h'); // show cursor\n          callback();\n        });\n      });\n\n      // Wait for Ink to finish, then call the callback\n      inkApp\n        .waitUntilExit()\n        .then(() => {\n          const cb = processStore.getExitCallback();\n          cb?.();\n        })\n        .catch(() => {\n          const cb = processStore.getExitCallback();\n          cb?.();\n        });\n\n      inkApp = null;\n    },\n  };\n}\n"],"names":["createApp","refCount","inkApp","retain","processStore","render","App","release","callback","Error","setImmediate","signalExit","reset","process","stdout","write","waitUntilExit","then","cb","getExitCallback","catch"],"mappings":";;;;+BAMA;;;eAAwBA;;;;mBAND;4DACP;8BACgC;;;;;;AAIjC,SAASA;IACtB,IAAIC,WAAW;IACf,IAAIC,SAA2C;IAE/C,OAAO;QACLC,QAAAA,SAAAA;YACE,IAAI,EAAEF,WAAW,GAAG,OAAOG,4BAAY;YAEvC,8EAA8E;YAC9EF,SAASG,IAAAA,WAAM,gBAAC,qBAACC,cAAG;YACpB,OAAOF,4BAAY;QACrB;QAEAG,SAAAA,SAAAA,QAAQC,QAAyB;YAC/B,IAAI,EAAEP,WAAW,GAAG;gBAClBO;gBACA;YACF;YACA,IAAI,CAACN,QAAQ,MAAM,IAAIO,MAAM;YAE7B,qEAAqE;YACrE,wEAAwE;YACxE,sEAAsE;YACtE,+EAA+E;YAC/EC,aAAa;gBACXN,4BAAY,CAACO,UAAU,CAAC;oBACtBP,4BAAY,CAACQ,KAAK;oBAClBC,QAAQC,MAAM,CAACC,KAAK,CAAC,cAAc,cAAc;oBACjDP;gBACF;YACF;YAEA,iDAAiD;YACjDN,OACGc,aAAa,GACbC,IAAI,CAAC;gBACJ,IAAMC,KAAKd,4BAAY,CAACe,eAAe;gBACvCD,eAAAA,yBAAAA;YACF,GACCE,KAAK,CAAC;gBACL,IAAMF,KAAKd,4BAAY,CAACe,eAAe;gBACvCD,eAAAA,yBAAAA;YACF;YAEFhB,SAAS;QACX;IACF;AACF"}

package/dist/cjs/src/components/CompactProcessLine.d.ts

@@ -0,0 +1,6 @@
+import type { ChildProcess } from '../types.js';
+type Props = {
+    item: ChildProcess;
+};
+declare const _default: import("react").NamedExoticComponent<Props>;
+export default _default;

package/dist/cjs/src/components/Divider.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("react").NamedExoticComponent<object>;
+export default _default;

package/dist/cjs/src/components/ErrorDetailModal.d.ts

@@ -0,0 +1,8 @@
+import type { ChildProcess } from '../types.js';
+type Props = {
+    error: ChildProcess;
+    currentIndex: number;
+    totalErrors: number;
+};
+declare const _default: import("react").NamedExoticComponent<Props>;
+export default _default;

package/dist/cjs/src/components/ErrorListModal.d.ts

@@ -0,0 +1,8 @@
+import type { ChildProcess } from '../types.js';
+type Props = {
+    errors: ChildProcess[];
+    selectedIndex: number;
+    totalErrorLines: number;
+};
+declare const _default: import("react").NamedExoticComponent<Props>;
+export default _default;

package/dist/cjs/src/components/StatusBar.d.ts

@@ -0,0 +1,8 @@
+type Props = {
+    running: number;
+    done: number;
+    errors: number;
+    errorLines: number;
+};
+declare const _default: import("react").NamedExoticComponent<Props>;
+export default _default;

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

@@ -1,16 +1,33 @@
 import type { ChildProcess, Line } from '../types.js';
 type Listener = () => void;
+type Mode = 'normal' | 'errorList' | 'errorDetail';
 declare class ProcessStore {
     private processes;
+    private completedIds;
     private listeners;
     private shouldExit;
     private exitCallback;
+    private mode;
+    private selectedErrorIndex;
     subscribe: (listener: Listener) => (() => void);
     getSnapshot: () => ChildProcess[];
+    getRunningProcesses: () => ChildProcess[];
+    getCompletedProcesses: () => ChildProcess[];
+    getFailedProcesses: () => ChildProcess[];
+    getRunningCount: () => number;
+    getDoneCount: () => number;
+    getErrorCount: () => number;
+    getErrorLineCount: () => number;
+    getMode: () => Mode;
+    getSelectedErrorIndex: () => number;
     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;
+    selectNextError(): void;
+    selectPrevError(): void;
+    getSelectedError(): ChildProcess | undefined;
     signalExit(callback: () => void): void;
     getShouldExit: () => boolean;
     getExitCallback: () => (() => void) | null;

package/dist/cjs/state/processStore.js

@@ -8,6 +8,7 @@ Object.defineProperty(exports, "processStore", {
         return processStore;
     }
 });
+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 +73,13 @@ 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.selectedErrorIndex = 0;
         // useSyncExternalStore API
         this.subscribe = function(listener) {
             _this.listeners.add(listener);
@@ -85,6 +90,59 @@ 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.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.getSelectedErrorIndex = function() {
+            return _this.selectedErrorIndex;
+        };
         this.getShouldExit = function() {
             return _this.shouldExit;
         };
@@ -101,9 +159,20 @@ var ProcessStore = /*#__PURE__*/ function() {
         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 +190,32 @@ var ProcessStore = /*#__PURE__*/ function() {
             return p.id === id;
         });
     };
+    // UI state mutations
+    _proto.setMode = function setMode(mode) {
+        this.mode = mode;
+        if (mode === 'errorList') {
+            this.selectedErrorIndex = 0;
+        }
+        this.notify();
+    };
+    _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];
+    };
     // Exit signaling
     _proto.signalExit = function signalExit(callback) {
         this.shouldExit = true;
@@ -129,8 +224,11 @@ var ProcessStore = /*#__PURE__*/ function() {
     };
     _proto.reset = function reset() {
         this.processes = [];
+        this.completedIds = [];
         this.shouldExit = false;
         this.exitCallback = null;
+        this.mode = 'normal';
+        this.selectedErrorIndex = 0;
     };
     _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 type { ChildProcess, Line } from '../types.ts';\nimport { LineType } from '../types.ts';\n\ntype Listener = () => void;\ntype Mode = 'normal' | '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 selectedErrorIndex = 0;\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  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  getSelectedErrorIndex = (): number => this.selectedErrorIndex;\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    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 === 'errorList') {\n      this.selectedErrorIndex = 0;\n    }\n    this.notify();\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  // 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.selectedErrorIndex = 0;\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","selectedErrorIndex","subscribe","listener","add","delete","getSnapshot","getRunningProcesses","filter","p","state","getCompletedProcesses","map","id","find","undefined","getFailedProcesses","getRunningCount","length","getDoneCount","getErrorCount","getErrorLineCount","reduce","total","lines","l","type","LineType","stderr","getMode","getSelectedErrorIndex","getShouldExit","getExitCallback","addProcess","process","notify","updateProcess","update","oldProcess","wasRunning","isNowComplete","includes","appendLines","newLines","concat","getProcess","setMode","selectNextError","failed","selectPrevError","getSelectedError","signalExit","callback","reset","forEach"],"mappings":";;;;+BA2IaA;;;eAAAA;;;uBA1IY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKzB,IAAA,AAAMC,6BAAN;;aAAMA;;gCAAAA;aACIC,YAA4B,EAAE;aAC9BC,eAAyB,EAAE,EAAE,yBAAyB;aACtDC,YAAY,IAAIC;aAChBC,aAAa;aACbC,eAAoC;QAE5C,WAAW;aACHC,OAAa;aACbC,qBAAqB;QAE7B,2BAA2B;aAC3BC,YAAY,SAACC;YACX,MAAKP,SAAS,CAACQ,GAAG,CAACD;YACnB,OAAO;uBAAM,MAAKP,SAAS,CAACS,MAAM,CAACF;;QACrC;aAEAG,cAAc;mBAAsB,MAAKZ,SAAS;;QAElD,mBAAmB;aACnBa,sBAAsB;YACpB,OAAO,MAAKb,SAAS,CAACc,MAAM,CAAC,SAACC;uBAAMA,EAAEC,KAAK,KAAK;;QAClD;aAEAC,wBAAwB;YACtB,6BAA6B;YAC7B,OAAO,MAAKhB,YAAY,CAACiB,GAAG,CAAC,SAACC;uBAAO,MAAKnB,SAAS,CAACoB,IAAI,CAAC,SAACL;2BAAMA,EAAEI,EAAE,KAAKA;;eAAKL,MAAM,CAAC,SAACC;uBAAyBA,MAAMM;;QACvH;aAEAC,qBAAqB;YACnB,OAAO,MAAKtB,SAAS,CAACc,MAAM,CAAC,SAACC;uBAAMA,EAAEC,KAAK,KAAK;;QAClD;QAEA,SAAS;aACTO,kBAAkB;mBAAc,MAAKvB,SAAS,CAACc,MAAM,CAAC,SAACC;uBAAMA,EAAEC,KAAK,KAAK;eAAWQ,MAAM;;aAC1FC,eAAe;mBAAc,MAAKzB,SAAS,CAACc,MAAM,CAAC,SAACC;uBAAMA,EAAEC,KAAK,KAAK;eAAWQ,MAAM;;aACvFE,gBAAgB;mBAAc,MAAK1B,SAAS,CAACc,MAAM,CAAC,SAACC;uBAAMA,EAAEC,KAAK,KAAK;eAASQ,MAAM;;aACtFG,oBAAoB;YAClB,OAAO,MAAK3B,SAAS,CAACc,MAAM,CAAC,SAACC;uBAAMA,EAAEC,KAAK,KAAK;eAASY,MAAM,CAAC,SAACC,OAAOd;uBAAMc,QAAQd,EAAEe,KAAK,CAAChB,MAAM,CAAC,SAACiB;2BAAMA,EAAEC,IAAI,KAAKC,iBAAQ,CAACC,MAAM;mBAAEV,MAAM;eAAE;QAClJ;QAEA,mBAAmB;aACnBW,UAAU;mBAAY,MAAK7B,IAAI;;aAC/B8B,wBAAwB;mBAAc,MAAK7B,kBAAkB;;aAuE7D8B,gBAAgB;mBAAe,MAAKjC,UAAU;;aAC9CkC,kBAAkB;mBAA2B,MAAKjC,YAAY;;;iBAnH1DN;IA6CJ,sDAAsD;IACtDwC,OAAAA,UAGC,GAHDA,SAAAA,WAAWC,OAAqB;QAC9B,IAAI,CAACxC,SAAS,GAAG,AAAC,qBAAG,IAAI,CAACA,SAAS,SAAlB;YAAoBwC;SAAQ;QAC7C,IAAI,CAACC,MAAM;IACb;IAEAC,OAAAA,aAaC,GAbDA,SAAAA,cAAcvB,EAAU,EAAEwB,MAA6B;QACrD,IAAMC,aAAa,IAAI,CAAC5C,SAAS,CAACoB,IAAI,CAAC,SAACL;mBAAMA,EAAEI,EAAE,KAAKA;;QACvD,IAAM0B,aAAaD,CAAAA,uBAAAA,iCAAAA,WAAY5B,KAAK,MAAK;QACzC,IAAM8B,gBAAgBH,OAAO3B,KAAK,IAAI2B,OAAO3B,KAAK,KAAK;QAEvD,IAAI,CAAChB,SAAS,GAAG,IAAI,CAACA,SAAS,CAACkB,GAAG,CAAC,SAACH;mBAAOA,EAAEI,EAAE,KAAKA,KAAK,mBAAKJ,GAAM4B,UAAW5B;;QAEhF,yBAAyB;QACzB,IAAI8B,cAAcC,iBAAiB,CAAC,IAAI,CAAC7C,YAAY,CAAC8C,QAAQ,CAAC5B,KAAK;YAClE,IAAI,CAAClB,YAAY,GAAG,AAAC,qBAAG,IAAI,CAACA,YAAY,SAArB;gBAAuBkB;aAAG;QAChD;QAEA,IAAI,CAACsB,MAAM;IACb;IAEAO,OAAAA,WAKC,GALDA,SAAAA,YAAY7B,EAAU,EAAE8B,QAAgB;QACtC,IAAMT,UAAU,IAAI,CAACxC,SAAS,CAACoB,IAAI,CAAC,SAACL;mBAAMA,EAAEI,EAAE,KAAKA;;QACpD,IAAIqB,SAAS;YACX,IAAI,CAACE,aAAa,CAACvB,IAAI;gBAAEW,OAAOU,QAAQV,KAAK,CAACoB,MAAM,CAACD;YAAU;QACjE;IACF;IAEAE,OAAAA,UAEC,GAFDA,SAAAA,WAAWhC,EAAU;QACnB,OAAO,IAAI,CAACnB,SAAS,CAACoB,IAAI,CAAC,SAACL;mBAAMA,EAAEI,EAAE,KAAKA;;IAC7C;IAEA,qBAAqB;IACrBiC,OAAAA,OAMC,GANDA,SAAAA,QAAQ9C,IAAU;QAChB,IAAI,CAACA,IAAI,GAAGA;QACZ,IAAIA,SAAS,aAAa;YACxB,IAAI,CAACC,kBAAkB,GAAG;QAC5B;QACA,IAAI,CAACkC,MAAM;IACb;IAEAY,OAAAA,eAMC,GANDA,SAAAA;QACE,IAAMC,SAAS,IAAI,CAAChC,kBAAkB;QACtC,IAAIgC,OAAO9B,MAAM,GAAG,GAAG;YACrB,IAAI,CAACjB,kBAAkB,GAAG,AAAC,CAAA,IAAI,CAACA,kBAAkB,GAAG,CAAA,IAAK+C,OAAO9B,MAAM;YACvE,IAAI,CAACiB,MAAM;QACb;IACF;IAEAc,OAAAA,eAMC,GANDA,SAAAA;QACE,IAAMD,SAAS,IAAI,CAAChC,kBAAkB;QACtC,IAAIgC,OAAO9B,MAAM,GAAG,GAAG;YACrB,IAAI,CAACjB,kBAAkB,GAAG,AAAC,CAAA,IAAI,CAACA,kBAAkB,GAAG,IAAI+C,OAAO9B,MAAM,AAAD,IAAK8B,OAAO9B,MAAM;YACvF,IAAI,CAACiB,MAAM;QACb;IACF;IAEAe,OAAAA,gBAGC,GAHDA,SAAAA;QACE,IAAMF,SAAS,IAAI,CAAChC,kBAAkB;QACtC,OAAOgC,MAAM,CAAC,IAAI,CAAC/C,kBAAkB,CAAC;IACxC;IAEA,iBAAiB;IACjBkD,OAAAA,UAIC,GAJDA,SAAAA,WAAWC,QAAoB;QAC7B,IAAI,CAACtD,UAAU,GAAG;QAClB,IAAI,CAACC,YAAY,GAAGqD;QACpB,IAAI,CAACjB,MAAM;IACb;IAKAkB,OAAAA,KAOC,GAPDA,SAAAA;QACE,IAAI,CAAC3D,SAAS,GAAG,EAAE;QACnB,IAAI,CAACC,YAAY,GAAG,EAAE;QACtB,IAAI,CAACG,UAAU,GAAG;QAClB,IAAI,CAACC,YAAY,GAAG;QACpB,IAAI,CAACC,IAAI,GAAG;QACZ,IAAI,CAACC,kBAAkB,GAAG;IAC5B;IAEA,OAAQkC,MAIP,GAJD,SAAQA;QACN,IAAI,CAACvC,SAAS,CAAC0D,OAAO,CAAC,SAAC7B;YACtBA;QACF;IACF;WAlIIhC;;AAqIC,IAAMD,eAAe,IAAIC"}

package/dist/esm/components/App.js

@@ -1,14 +1,29 @@
-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, Static, useApp, useInput, useStdin } from 'ink';
 import { useEffect, useSyncExternalStore } from 'react';
 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 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 selectedErrorIndex = useSyncExternalStore(processStore.subscribe, processStore.getSelectedErrorIndex);
+    // Derived state
+    const completedProcesses = processStore.getCompletedProcesses();
+    const runningProcesses = processStore.getRunningProcesses();
+    const failedProcesses = processStore.getFailedProcesses();
+    const runningCount = processStore.getRunningCount();
+    const doneCount = processStore.getDoneCount();
+    const errorCount = processStore.getErrorCount();
+    const errorLineCount = processStore.getErrorLineCount();
+    // Handle exit signal
     useEffect(()=>{
         if (shouldExit) {
             exit();
@@ -17,10 +32,80 @@ export default function App() {
         shouldExit,
         exit
     ]);
-    return /*#__PURE__*/ _jsx(Box, {
+    // 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 === 'errorList') {
+            if (key.escape) {
+                processStore.setMode('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 view
+    return /*#__PURE__*/ _jsxs(Box, {
         flexDirection: "column",
-        children: processes.map((item)=>/*#__PURE__*/ _jsx(ChildProcess, {
-                item: item
-            }, item.id))
+        children: [
+            /*#__PURE__*/ _jsx(Static, {
+                items: completedProcesses,
+                children: (item)=>/*#__PURE__*/ _jsx(CompactProcessLine, {
+                        item: item
+                    }, item.id)
+            }),
+            completedProcesses.length > 0 && runningProcesses.length > 0 && /*#__PURE__*/ _jsx(Divider, {}),
+            runningProcesses.map((item)=>/*#__PURE__*/ _jsx(CompactProcessLine, {
+                    item: item
+                }, item.id)),
+            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, Static, useApp, useInput, useStdin } from 'ink';\nimport { useEffect, useSyncExternalStore } from 'react';\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 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 selectedErrorIndex = useSyncExternalStore(processStore.subscribe, processStore.getSelectedErrorIndex);\n\n  // Derived state\n  const completedProcesses = processStore.getCompletedProcesses();\n  const runningProcesses = processStore.getRunningProcesses();\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\n  // Handle exit signal\n  useEffect(() => {\n    if (shouldExit) {\n      exit();\n    }\n  }, [shouldExit, exit]);\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 === 'errorList') {\n        if (key.escape) {\n          processStore.setMode('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 view\n  return (\n    <Box flexDirection=\"column\">\n      {/* Static area - completed processes (completion order) */}\n      <Static items={completedProcesses}>{(item) => <CompactProcessLine key={item.id} item={item} />}</Static>\n\n      {/* Divider between completed and running */}\n      {completedProcesses.length > 0 && runningProcesses.length > 0 && <Divider />}\n\n      {/* Dynamic area - running processes */}\n      {runningProcesses.map((item) => (\n        <CompactProcessLine key={item.id} item={item} />\n      ))}\n\n      {/* Status bar */}\n      {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","Static","useApp","useInput","useStdin","useEffect","useSyncExternalStore","processStore","CompactProcessLine","Divider","ErrorDetailModal","ErrorListModal","StatusBar","App","exit","isRawModeSupported","processes","subscribe","getSnapshot","shouldExit","getShouldExit","mode","getMode","selectedErrorIndex","getSelectedErrorIndex","completedProcesses","getCompletedProcesses","runningProcesses","getRunningProcesses","failedProcesses","getFailedProcesses","runningCount","getRunningCount","doneCount","getDoneCount","errorCount","getErrorCount","errorLineCount","getErrorLineCount","input","key","setMode","escape","downArrow","selectNextError","upArrow","selectPrevError","return","isActive","errors","selectedIndex","totalErrorLines","selectedError","getSelectedError","error","currentIndex","totalErrors","length","flexDirection","items","item","id","map","running","done","errorLines"],"mappings":"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"}