spawn-term 1.1.8 → 2.1.0

package/dist/cjs/components/App.js

@@ -11,8 +11,14 @@ Object.defineProperty(exports, "default", {
 var _jsxruntime = require("react/jsx-runtime");
 var _ink = require("ink");
 var _react = require("react");
+var _constantsts = require("../constants.js");
 var _processStorets = require("../state/processStore.js");
-var _ChildProcessts = /*#__PURE__*/ _interop_require_default(require("./ChildProcess.js"));
+var _CompactProcessLinets = /*#__PURE__*/ _interop_require_default(require("./CompactProcessLine.js"));
+var _Dividerts = /*#__PURE__*/ _interop_require_default(require("./Divider.js"));
+var _ErrorDetailModalts = /*#__PURE__*/ _interop_require_default(require("./ErrorDetailModal.js"));
+var _ErrorListModalts = /*#__PURE__*/ _interop_require_default(require("./ErrorListModal.js"));
+var _ExpandedOutputts = /*#__PURE__*/ _interop_require_default(require("./ExpandedOutput.js"));
+var _StatusBarts = /*#__PURE__*/ _interop_require_default(require("./StatusBar.js"));
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -20,10 +26,26 @@ function _interop_require_default(obj) {
 }
 function App() {
     var exit = (0, _ink.useApp)().exit;
-    // Subscribe to process state
+    var isRawModeSupported = (0, _ink.useStdin)().isRawModeSupported;
+    // Subscribe to store state
     var processes = (0, _react.useSyncExternalStore)(_processStorets.processStore.subscribe, _processStorets.processStore.getSnapshot);
-    // Handle exit signal
     var shouldExit = (0, _react.useSyncExternalStore)(_processStorets.processStore.subscribe, _processStorets.processStore.getShouldExit);
+    var mode = (0, _react.useSyncExternalStore)(_processStorets.processStore.subscribe, _processStorets.processStore.getMode);
+    var selectedIndex = (0, _react.useSyncExternalStore)(_processStorets.processStore.subscribe, _processStorets.processStore.getSelectedIndex);
+    var selectedErrorIndex = (0, _react.useSyncExternalStore)(_processStorets.processStore.subscribe, _processStorets.processStore.getSelectedErrorIndex);
+    var expandedId = (0, _react.useSyncExternalStore)(_processStorets.processStore.subscribe, _processStorets.processStore.getExpandedId);
+    var scrollOffset = (0, _react.useSyncExternalStore)(_processStorets.processStore.subscribe, _processStorets.processStore.getScrollOffset);
+    // Derived state
+    var failedProcesses = _processStorets.processStore.getFailedProcesses();
+    var runningCount = _processStorets.processStore.getRunningCount();
+    var doneCount = _processStorets.processStore.getDoneCount();
+    var errorCount = _processStorets.processStore.getErrorCount();
+    var errorLineCount = _processStorets.processStore.getErrorLineCount();
+    var header = _processStorets.processStore.getHeader();
+    var showStatusBar = _processStorets.processStore.getShowStatusBar();
+    var isInteractive = _processStorets.processStore.getIsInteractive();
+    var isAllComplete = _processStorets.processStore.isAllComplete();
+    // Handle exit signal
     (0, _react.useEffect)(function() {
         if (shouldExit) {
             exit();
@@ -32,13 +54,141 @@ function App() {
         shouldExit,
         exit
     ]);
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_ink.Box, {
+    // Auto-enter interactive mode when all complete and interactive flag is set
+    (0, _react.useEffect)(function() {
+        if (isAllComplete && isInteractive && mode === 'normal') {
+            _processStorets.processStore.setMode('interactive');
+        }
+    }, [
+        isAllComplete,
+        isInteractive,
+        mode
+    ]);
+    // Keyboard handling (only active when raw mode is supported)
+    (0, _ink.useInput)(function(input, key) {
+        if (mode === 'normal') {
+            if (input === 'e' && errorCount > 0) {
+                _processStorets.processStore.setMode('errorList');
+            }
+        } else if (mode === 'interactive') {
+            if (input === 'q' || key.escape) {
+                if (expandedId) {
+                    _processStorets.processStore.collapse();
+                } else {
+                    _processStorets.processStore.signalExit(function() {});
+                }
+            } else if (key.return) {
+                _processStorets.processStore.toggleExpand();
+            } else if (key.downArrow) {
+                if (expandedId) {
+                    _processStorets.processStore.scrollDown(_constantsts.EXPANDED_MAX_VISIBLE_LINES);
+                } else {
+                    _processStorets.processStore.selectNext();
+                }
+            } else if (key.upArrow) {
+                if (expandedId) {
+                    _processStorets.processStore.scrollUp();
+                } else {
+                    _processStorets.processStore.selectPrev();
+                }
+            } else if (input === 'j') {
+                if (expandedId) {
+                    _processStorets.processStore.scrollDown(_constantsts.EXPANDED_MAX_VISIBLE_LINES);
+                } else {
+                    _processStorets.processStore.selectNext();
+                }
+            } else if (input === 'k') {
+                if (expandedId) {
+                    _processStorets.processStore.scrollUp();
+                } else {
+                    _processStorets.processStore.selectPrev();
+                }
+            } else if (input === 'e' && errorCount > 0) {
+                _processStorets.processStore.setMode('errorList');
+            }
+        } else if (mode === 'errorList') {
+            if (key.escape) {
+                _processStorets.processStore.setMode(isInteractive ? 'interactive' : 'normal');
+            } else if (key.downArrow) {
+                _processStorets.processStore.selectNextError();
+            } else if (key.upArrow) {
+                _processStorets.processStore.selectPrevError();
+            } else if (key.return) {
+                _processStorets.processStore.setMode('errorDetail');
+            }
+        } else if (mode === 'errorDetail') {
+            if (key.escape) {
+                _processStorets.processStore.setMode('errorList');
+            } else if (key.downArrow) {
+                _processStorets.processStore.selectNextError();
+            } else if (key.upArrow) {
+                _processStorets.processStore.selectPrevError();
+            }
+        }
+    }, {
+        isActive: isRawModeSupported === true
+    });
+    // Error list modal
+    if (mode === 'errorList') {
+        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_ErrorListModalts.default, {
+            errors: failedProcesses,
+            selectedIndex: selectedErrorIndex,
+            totalErrorLines: errorLineCount
+        });
+    }
+    // Error detail modal
+    if (mode === 'errorDetail') {
+        var selectedError = _processStorets.processStore.getSelectedError();
+        if (selectedError) {
+            return /*#__PURE__*/ (0, _jsxruntime.jsx)(_ErrorDetailModalts.default, {
+                error: selectedError,
+                currentIndex: selectedErrorIndex,
+                totalErrors: failedProcesses.length
+            });
+        }
+        // Fallback if no error selected
+        _processStorets.processStore.setMode('errorList');
+    }
+    // Normal/Interactive view - render in original registration order
+    var showSelection = mode === 'interactive';
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_ink.Box, {
         flexDirection: "column",
-        children: processes.map(function(item) {
-            return /*#__PURE__*/ (0, _jsxruntime.jsx)(_ChildProcessts.default, {
-                item: item
-            }, item.id);
-        })
+        children: [
+            header && /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_ink.Text, {
+                        children: header
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_Dividerts.default, {})
+                ]
+            }),
+            processes.map(function(item, index) {
+                return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_ink.Box, {
+                    flexDirection: "column",
+                    children: [
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_CompactProcessLinets.default, {
+                            item: item,
+                            isSelected: showSelection && index === selectedIndex
+                        }),
+                        expandedId === item.id && /*#__PURE__*/ (0, _jsxruntime.jsx)(_ExpandedOutputts.default, {
+                            lines: item.lines,
+                            scrollOffset: scrollOffset
+                        })
+                    ]
+                }, item.id);
+            }),
+            showStatusBar && processes.length > 0 && /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_Dividerts.default, {}),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_StatusBarts.default, {
+                        running: runningCount,
+                        done: doneCount,
+                        errors: errorCount,
+                        errorLines: errorLineCount
+                    })
+                ]
+            })
+        ]
     });
 }
 /* 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/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":["App","exit","useApp","processes","useSyncExternalStore","processStore","subscribe","getSnapshot","shouldExit","getShouldExit","useEffect","Box","flexDirection","map","item","ChildProcess","id"],"mappings":";;;;+BAMA;;;eAAwBA;;;;mBANI;qBACoB;8BACnB;qEAEJ;;;;;;AAEV,SAASA;IACtB,IAAM,AAAEC,OAASC,IAAAA,WAAM,IAAfD;IAER,6BAA6B;IAC7B,IAAME,YAAYC,IAAAA,2BAAoB,EAACC,4BAAY,CAACC,SAAS,EAAED,4BAAY,CAACE,WAAW;IAEvF,qBAAqB;IACrB,IAAMC,aAAaJ,IAAAA,2BAAoB,EAACC,4BAAY,CAACC,SAAS,EAAED,4BAAY,CAACI,aAAa;IAE1FC,IAAAA,gBAAS,EAAC;QACR,IAAIF,YAAY;YACdP;QACF;IACF,GAAG;QAACO;QAAYP;KAAK;IAErB,qBACE,qBAACU,QAAG;QAACC,eAAc;kBAChBT,UAAUU,GAAG,CAAC,SAACC;iCACd,qBAACC,uBAAY;gBAAeD,MAAMA;eAAfA,KAAKE,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":["App","exit","useApp","isRawModeSupported","useStdin","processes","useSyncExternalStore","processStore","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","useEffect","setMode","useInput","input","key","escape","collapse","signalExit","return","toggleExpand","downArrow","scrollDown","EXPANDED_MAX_VISIBLE_LINES","selectNext","upArrow","scrollUp","selectPrev","selectNextError","selectPrevError","isActive","ErrorListModal","errors","totalErrorLines","selectedError","getSelectedError","ErrorDetailModal","error","currentIndex","totalErrors","length","showSelection","Box","flexDirection","Text","Divider","map","item","index","CompactProcessLine","isSelected","id","ExpandedOutput","lines","StatusBar","running","done","errorLines"],"mappings":"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"}

package/dist/cjs/components/CompactProcessLine.js

@@ -0,0 +1,162 @@
+"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 _formatts = require("../lib/format.js");
+var _processStorets = require("../state/processStore.js");
+var _typests = require("../types.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: [
+        '⠋',
+        '⠙',
+        '⠹',
+        '⠸',
+        '⠼',
+        '⠴',
+        '⠦',
+        '⠧',
+        '⠇',
+        '⠏'
+    ]
+};
+function truncate(str, maxLength) {
+    if (str.length <= maxLength) return str;
+    return "".concat(str.slice(0, maxLength - 1), "…");
+}
+function getLastOutputLine(lines) {
+    for(var i = lines.length - 1; i >= 0; i--){
+        if (lines[i].text.length > 0) {
+            return lines[i].text;
+        }
+    }
+    return '';
+}
+function getErrorCount(lines) {
+    return lines.filter(function(line) {
+        return line.type === _typests.LineType.stderr;
+    }).length;
+}
+var _default = /*#__PURE__*/ (0, _react.memo)(function CompactProcessLine(param) {
+    var item = param.item, _param_isSelected = param.isSelected, isSelected = _param_isSelected === void 0 ? false : _param_isSelected;
+    var stdout = (0, _ink.useStdout)().stdout;
+    var terminalWidth = (stdout === null || stdout === void 0 ? void 0 : stdout.columns) || 80;
+    var group = item.group, title = item.title, state = item.state, lines = item.lines;
+    var selectionIndicator = isSelected ? _figurests.default.pointer : ' ';
+    // Display name: prefer group, fall back to title
+    var displayName = group || title;
+    // Calculate widths - use dynamic column width based on longest name
+    var iconWidth = 2; // icon + space
+    var maxGroupLength = _processStorets.processStore.getMaxGroupLength();
+    var nameColumnWidth = (0, _formatts.calculateColumnWidth)('max', terminalWidth, maxGroupLength);
+    var gap = 1; // space between name and status
+    var statusWidth = terminalWidth - iconWidth - nameColumnWidth - gap;
+    // Truncate name if needed and pad to column width
+    var truncatedName = truncate(displayName, nameColumnWidth).padEnd(nameColumnWidth);
+    // Status text based on state
+    var statusText = (0, _react.useMemo)(function() {
+        if (state === 'running') {
+            var lastLine = getLastOutputLine(lines);
+            return lastLine ? truncate(lastLine, statusWidth) : '';
+        }
+        if (state === 'error') {
+            var errorCount = getErrorCount(lines);
+            return errorCount > 0 ? "".concat(errorCount, " error").concat(errorCount > 1 ? 's' : '') : 'failed';
+        }
+        return ''; // success - no status text
+    }, [
+        state,
+        lines,
+        statusWidth
+    ]);
+    // Icon based on state
+    var icon = (0, _react.useMemo)(function() {
+        switch(state){
+            case 'running':
+                return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Spinnerts.default, _object_spread({}, SPINNER));
+            case 'success':
+                return /*#__PURE__*/ (0, _jsxruntime.jsx)(_ink.Text, {
+                    color: "green",
+                    children: _figurests.default.tick
+                });
+            case 'error':
+                return /*#__PURE__*/ (0, _jsxruntime.jsx)(_ink.Text, {
+                    color: "red",
+                    children: _figurests.default.cross
+                });
+        }
+    }, [
+        state
+    ]);
+    // Status text color
+    var statusColor = state === 'error' ? 'red' : 'gray';
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_ink.Box, {
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_ink.Text, {
+                color: isSelected ? 'cyan' : undefined,
+                children: selectionIndicator
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_ink.Box, {
+                width: iconWidth,
+                children: icon
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_ink.Text, {
+                inverse: isSelected,
+                children: truncatedName
+            }),
+            statusText && /*#__PURE__*/ (0, _jsxruntime.jsxs)(_ink.Text, {
+                color: statusColor,
+                children: [
+                    " ",
+                    statusText
+                ]
+            })
+        ]
+    });
+});
+/* 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/CompactProcessLine.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/kevin/Dev/OpenSource/node/spawn-term/src/components/CompactProcessLine.tsx"],"sourcesContent":["import { Box, Text, useStdout } from 'ink';\nimport { memo, useMemo } from 'react';\nimport figures from '../lib/figures.ts';\nimport { calculateColumnWidth } from '../lib/format.ts';\nimport { processStore } from '../state/processStore.ts';\nimport type { ChildProcess, Line } from '../types.ts';\nimport { LineType } from '../types.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  item: ChildProcess;\n  isSelected?: boolean;\n};\n\nfunction truncate(str: string, maxLength: number): string {\n  if (str.length <= maxLength) return str;\n  return `${str.slice(0, maxLength - 1)}…`;\n}\n\nfunction getLastOutputLine(lines: Line[]): string {\n  for (let i = lines.length - 1; i >= 0; i--) {\n    if (lines[i].text.length > 0) {\n      return lines[i].text;\n    }\n  }\n  return '';\n}\n\nfunction getErrorCount(lines: Line[]): number {\n  return lines.filter((line) => line.type === LineType.stderr).length;\n}\n\nexport default memo(function CompactProcessLine({ item, isSelected = false }: Props) {\n  const { stdout } = useStdout();\n  const terminalWidth = stdout?.columns || 80;\n\n  const { group, title, state, lines } = item;\n  const selectionIndicator = isSelected ? figures.pointer : ' ';\n\n  // Display name: prefer group, fall back to title\n  const displayName = group || title;\n\n  // Calculate widths - use dynamic column width based on longest name\n  const iconWidth = 2; // icon + space\n  const maxGroupLength = processStore.getMaxGroupLength();\n  const nameColumnWidth = calculateColumnWidth('max', terminalWidth, maxGroupLength);\n  const gap = 1; // space between name and status\n  const statusWidth = terminalWidth - iconWidth - nameColumnWidth - gap;\n\n  // Truncate name if needed and pad to column width\n  const truncatedName = truncate(displayName, nameColumnWidth).padEnd(nameColumnWidth);\n\n  // Status text based on state\n  const statusText = useMemo(() => {\n    if (state === 'running') {\n      const lastLine = getLastOutputLine(lines);\n      return lastLine ? truncate(lastLine, statusWidth) : '';\n    }\n    if (state === 'error') {\n      const errorCount = getErrorCount(lines);\n      return errorCount > 0 ? `${errorCount} error${errorCount > 1 ? 's' : ''}` : 'failed';\n    }\n    return ''; // success - no status text\n  }, [state, lines, statusWidth]);\n\n  // Icon based on state\n  const icon = useMemo(() => {\n    switch (state) {\n      case 'running':\n        return <Spinner {...SPINNER} />;\n      case 'success':\n        return <Text color=\"green\">{figures.tick}</Text>;\n      case 'error':\n        return <Text color=\"red\">{figures.cross}</Text>;\n    }\n  }, [state]);\n\n  // Status text color\n  const statusColor = state === 'error' ? 'red' : 'gray';\n\n  return (\n    <Box>\n      <Text color={isSelected ? 'cyan' : undefined}>{selectionIndicator}</Text>\n      <Box width={iconWidth}>{icon}</Box>\n      <Text inverse={isSelected}>{truncatedName}</Text>\n      {statusText && <Text color={statusColor}> {statusText}</Text>}\n    </Box>\n  );\n});\n"],"names":["SPINNER","interval","frames","truncate","str","maxLength","length","slice","getLastOutputLine","lines","i","text","getErrorCount","filter","line","type","LineType","stderr","memo","CompactProcessLine","item","isSelected","stdout","useStdout","terminalWidth","columns","group","title","state","selectionIndicator","figures","pointer","displayName","iconWidth","maxGroupLength","processStore","getMaxGroupLength","nameColumnWidth","calculateColumnWidth","gap","statusWidth","truncatedName","padEnd","statusText","useMemo","lastLine","errorCount","icon","Spinner","Text","color","tick","cross","statusColor","Box","undefined","width","inverse"],"mappings":"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"}

package/dist/cjs/components/Divider.js

@@ -0,0 +1,24 @@
+"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 _default = /*#__PURE__*/ (0, _react.memo)(function Divider() {
+    var stdout = (0, _ink.useStdout)().stdout;
+    var width = (stdout === null || stdout === void 0 ? void 0 : stdout.columns) || 80;
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_ink.Box, {
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_ink.Text, {
+            dimColor: true,
+            children: '─'.repeat(width)
+        })
+    });
+});
+/* 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/Divider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/kevin/Dev/OpenSource/node/spawn-term/src/components/Divider.tsx"],"sourcesContent":["import { Box, Text, useStdout } from 'ink';\nimport { memo } from 'react';\n\nexport default memo(function Divider() {\n  const { stdout } = useStdout();\n  const width = stdout?.columns || 80;\n\n  return (\n    <Box>\n      <Text dimColor>{'─'.repeat(width)}</Text>\n    </Box>\n  );\n});\n"],"names":["memo","Divider","stdout","useStdout","width","columns","Box","Text","dimColor","repeat"],"mappings":";;;;+BAGA;;;eAAA;;;;mBAHqC;qBAChB;IAErB,yBAAeA,IAAAA,WAAI,EAAC,SAASC;IAC3B,IAAM,AAAEC,SAAWC,IAAAA,cAAS,IAApBD;IACR,IAAME,QAAQF,CAAAA,mBAAAA,6BAAAA,OAAQG,OAAO,KAAI;IAEjC,qBACE,qBAACC,QAAG;kBACF,cAAA,qBAACC,SAAI;YAACC,QAAQ;sBAAE,IAAIC,MAAM,CAACL;;;AAGjC"}

package/dist/cjs/components/ErrorDetailModal.js

@@ -0,0 +1,115 @@
+"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 _typests = require("../types.js");
+var _default = /*#__PURE__*/ (0, _react.memo)(function ErrorDetailModal(param) {
+    var error = param.error, currentIndex = param.currentIndex, totalErrors = param.totalErrors;
+    var stdout = (0, _ink.useStdout)().stdout;
+    var width = (stdout === null || stdout === void 0 ? void 0 : stdout.columns) || 80;
+    var borderH = '─'.repeat(width - 2);
+    var title = " Error Detail (".concat(currentIndex + 1, "/").concat(totalErrors, ") ");
+    var titleBorder = "┌".concat(title).concat(borderH.slice(title.length + 1), "┐");
+    var name = error.group || error.title;
+    var stderrLines = error.lines.filter(function(l) {
+        return l.type === _typests.LineType.stderr;
+    });
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_ink.Box, {
+        flexDirection: "column",
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_ink.Text, {
+                children: titleBorder
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_ink.Box, {
+                paddingX: 1,
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_ink.Text, {
+                    bold: true,
+                    children: name
+                })
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_ink.Box, {
+                paddingX: 1,
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_ink.Text, {
+                        dimColor: true,
+                        children: "Command: "
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_ink.Text, {
+                        children: error.title
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_ink.Box, {
+                paddingX: 1,
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_ink.Text, {
+                    dimColor: true,
+                    children: '─'.repeat(width - 4)
+                })
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_ink.Box, {
+                paddingX: 1,
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_ink.Text, {
+                    dimColor: true,
+                    children: "stderr:"
+                })
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_ink.Box, {
+                flexDirection: "column",
+                paddingX: 2,
+                children: stderrLines.length === 0 ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_ink.Text, {
+                    dimColor: true,
+                    children: "(no stderr output)"
+                }) : stderrLines.map(function(line, index) {
+                    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_ink.Text, {
+                        color: "red",
+                        children: line.text
+                    }, "stderr-".concat(index, "-").concat(line.text.slice(0, 20)));
+                })
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_ink.Box, {
+                paddingX: 1,
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_ink.Text, {
+                    children: " "
+                })
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_ink.Text, {
+                children: [
+                    "├",
+                    borderH,
+                    "┤"
+                ]
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_ink.Box, {
+                paddingX: 1,
+                justifyContent: "space-between",
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_ink.Text, {
+                        dimColor: true,
+                        children: "[↑↓] prev/next error"
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_ink.Text, {
+                        dimColor: true,
+                        children: "[Esc] back to list"
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_ink.Text, {
+                children: [
+                    "└",
+                    borderH,
+                    "┘"
+                ]
+            })
+        ]
+    });
+});
+/* 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/ErrorDetailModal.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/kevin/Dev/OpenSource/node/spawn-term/src/components/ErrorDetailModal.tsx"],"sourcesContent":["import { Box, Text, useStdout } from 'ink';\nimport { memo } from 'react';\nimport type { ChildProcess } from '../types.ts';\nimport { LineType } from '../types.ts';\n\ntype Props = {\n  error: ChildProcess;\n  currentIndex: number;\n  totalErrors: number;\n};\n\nexport default memo(function ErrorDetailModal({ error, currentIndex, totalErrors }: Props) {\n  const { stdout } = useStdout();\n  const width = stdout?.columns || 80;\n\n  const borderH = '─'.repeat(width - 2);\n  const title = ` Error Detail (${currentIndex + 1}/${totalErrors}) `;\n  const titleBorder = `┌${title}${borderH.slice(title.length + 1)}┐`;\n\n  const name = error.group || error.title;\n  const stderrLines = error.lines.filter((l) => l.type === LineType.stderr);\n\n  return (\n    <Box flexDirection=\"column\">\n      {/* Top border with title */}\n      <Text>{titleBorder}</Text>\n\n      {/* Process name */}\n      <Box paddingX={1}>\n        <Text bold>{name}</Text>\n      </Box>\n\n      {/* Command */}\n      <Box paddingX={1}>\n        <Text dimColor>Command: </Text>\n        <Text>{error.title}</Text>\n      </Box>\n\n      {/* Separator */}\n      <Box paddingX={1}>\n        <Text dimColor>{'─'.repeat(width - 4)}</Text>\n      </Box>\n\n      {/* Error output */}\n      <Box paddingX={1}>\n        <Text dimColor>stderr:</Text>\n      </Box>\n\n      {/* Error lines in a box */}\n      <Box flexDirection=\"column\" paddingX={2}>\n        {stderrLines.length === 0 ? (\n          <Text dimColor>(no stderr output)</Text>\n        ) : (\n          stderrLines.map((line, index) => (\n            <Text key={`stderr-${index}-${line.text.slice(0, 20)}`} color=\"red\">\n              {line.text}\n            </Text>\n          ))\n        )}\n      </Box>\n\n      {/* Empty line for padding */}\n      <Box paddingX={1}>\n        <Text> </Text>\n      </Box>\n\n      {/* Bottom border with hints */}\n      <Text>├{borderH}┤</Text>\n      <Box paddingX={1} justifyContent=\"space-between\">\n        <Text dimColor>[↑↓] prev/next error</Text>\n        <Text dimColor>[Esc] back to list</Text>\n      </Box>\n      <Text>└{borderH}┘</Text>\n    </Box>\n  );\n});\n"],"names":["memo","ErrorDetailModal","error","currentIndex","totalErrors","stdout","useStdout","width","columns","borderH","repeat","title","titleBorder","slice","length","name","group","stderrLines","lines","filter","l","type","LineType","stderr","Box","flexDirection","Text","paddingX","bold","dimColor","map","line","index","color","text","justifyContent"],"mappings":";;;;+BAWA;;;eAAA;;;;mBAXqC;qBAChB;uBAEI;IAQzB,yBAAeA,IAAAA,WAAI,EAAC,SAASC,iBAAiB,KAA2C;QAAzCC,QAAF,MAAEA,OAAOC,eAAT,MAASA,cAAcC,cAAvB,MAAuBA;IACnE,IAAM,AAAEC,SAAWC,IAAAA,cAAS,IAApBD;IACR,IAAME,QAAQF,CAAAA,mBAAAA,6BAAAA,OAAQG,OAAO,KAAI;IAEjC,IAAMC,UAAU,IAAIC,MAAM,CAACH,QAAQ;IACnC,IAAMI,QAAQ,AAAC,kBAAqCP,OAApBD,eAAe,GAAE,KAAe,OAAZC,aAAY;IAChE,IAAMQ,cAAc,AAAC,IAAWH,OAARE,OAAwC,OAAhCF,QAAQI,KAAK,CAACF,MAAMG,MAAM,GAAG,IAAG;IAEhE,IAAMC,OAAOb,MAAMc,KAAK,IAAId,MAAMS,KAAK;IACvC,IAAMM,cAAcf,MAAMgB,KAAK,CAACC,MAAM,CAAC,SAACC;eAAMA,EAAEC,IAAI,KAAKC,iBAAQ,CAACC,MAAM;;IAExE,qBACE,sBAACC,QAAG;QAACC,eAAc;;0BAEjB,qBAACC,SAAI;0BAAEd;;0BAGP,qBAACY,QAAG;gBAACG,UAAU;0BACb,cAAA,qBAACD,SAAI;oBAACE,IAAI;8BAAEb;;;0BAId,sBAACS,QAAG;gBAACG,UAAU;;kCACb,qBAACD,SAAI;wBAACG,QAAQ;kCAAC;;kCACf,qBAACH,SAAI;kCAAExB,MAAMS,KAAK;;;;0BAIpB,qBAACa,QAAG;gBAACG,UAAU;0BACb,cAAA,qBAACD,SAAI;oBAACG,QAAQ;8BAAE,IAAInB,MAAM,CAACH,QAAQ;;;0BAIrC,qBAACiB,QAAG;gBAACG,UAAU;0BACb,cAAA,qBAACD,SAAI;oBAACG,QAAQ;8BAAC;;;0BAIjB,qBAACL,QAAG;gBAACC,eAAc;gBAASE,UAAU;0BACnCV,YAAYH,MAAM,KAAK,kBACtB,qBAACY,SAAI;oBAACG,QAAQ;8BAAC;qBAEfZ,YAAYa,GAAG,CAAC,SAACC,MAAMC;yCACrB,qBAACN,SAAI;wBAAmDO,OAAM;kCAC3DF,KAAKG,IAAI;uBADD,AAAC,UAAkBH,OAATC,OAAM,KAA0B,OAAvBD,KAAKG,IAAI,CAACrB,KAAK,CAAC,GAAG;;;0BAQvD,qBAACW,QAAG;gBAACG,UAAU;0BACb,cAAA,qBAACD,SAAI;8BAAC;;;0BAIR,sBAACA,SAAI;;oBAAC;oBAAEjB;oBAAQ;;;0BAChB,sBAACe,QAAG;gBAACG,UAAU;gBAAGQ,gBAAe;;kCAC/B,qBAACT,SAAI;wBAACG,QAAQ;kCAAC;;kCACf,qBAACH,SAAI;wBAACG,QAAQ;kCAAC;;;;0BAEjB,sBAACH,SAAI;;oBAAC;oBAAEjB;oBAAQ;;;;;AAGtB"}