spawn-term 2.0.0 → 2.1.0

package/dist/cjs/components/App.js

@@ -11,11 +11,13 @@ 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 _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 : {
@@ -29,15 +31,20 @@ function App() {
     var processes = (0, _react.useSyncExternalStore)(_processStorets.processStore.subscribe, _processStorets.processStore.getSnapshot);
     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 completedProcesses = _processStorets.processStore.getCompletedProcesses();
-    var runningProcesses = _processStorets.processStore.getRunningProcesses();
     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) {
@@ -47,15 +54,61 @@ function App() {
         shouldExit,
         exit
     ]);
+    // 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('normal');
+                _processStorets.processStore.setMode(isInteractive ? 'interactive' : 'normal');
             } else if (key.downArrow) {
                 _processStorets.processStore.selectNextError();
             } else if (key.upArrow) {
@@ -96,25 +149,35 @@ function App() {
         // Fallback if no error selected
         _processStorets.processStore.setMode('errorList');
     }
-    // Normal view
+    // Normal/Interactive view - render in original registration order
+    var showSelection = mode === 'interactive';
     return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_ink.Box, {
         flexDirection: "column",
         children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_ink.Static, {
-                items: completedProcesses,
-                children: function(item) {
-                    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_CompactProcessLinets.default, {
-                        item: item
-                    }, item.id);
-                }
+            header && /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_ink.Text, {
+                        children: header
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_Dividerts.default, {})
+                ]
             }),
-            completedProcesses.length > 0 && runningProcesses.length > 0 && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Dividerts.default, {}),
-            runningProcesses.map(function(item) {
-                return /*#__PURE__*/ (0, _jsxruntime.jsx)(_CompactProcessLinets.default, {
-                    item: item
+            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);
             }),
-            processes.length > 0 && /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+            showStatusBar && processes.length > 0 && /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
                 children: [
                     /*#__PURE__*/ (0, _jsxruntime.jsx)(_Dividerts.default, {}),
                     /*#__PURE__*/ (0, _jsxruntime.jsx)(_StatusBarts.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, 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":["App","exit","useApp","isRawModeSupported","useStdin","processes","useSyncExternalStore","processStore","subscribe","getSnapshot","shouldExit","getShouldExit","mode","getMode","selectedErrorIndex","getSelectedErrorIndex","completedProcesses","getCompletedProcesses","runningProcesses","getRunningProcesses","failedProcesses","getFailedProcesses","runningCount","getRunningCount","doneCount","getDoneCount","errorCount","getErrorCount","errorLineCount","getErrorLineCount","useEffect","useInput","input","key","setMode","escape","downArrow","selectNextError","upArrow","selectPrevError","return","isActive","ErrorListModal","errors","selectedIndex","totalErrorLines","selectedError","getSelectedError","ErrorDetailModal","error","currentIndex","totalErrors","length","Box","flexDirection","Static","items","item","CompactProcessLine","id","Divider","map","StatusBar","running","done","errorLines"],"mappings":"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"}
+{"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

@@ -12,6 +12,8 @@ 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) {
@@ -81,15 +83,17 @@ function getErrorCount(lines) {
     }).length;
 }
 var _default = /*#__PURE__*/ (0, _react.memo)(function CompactProcessLine(param) {
-    var item = param.item;
+    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 fixed-width columns for alignment
+    // Calculate widths - use dynamic column width based on longest name
     var iconWidth = 2; // icon + space
-    var nameColumnWidth = 15; // fixed width for name column
+    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
@@ -133,11 +137,16 @@ var _default = /*#__PURE__*/ (0, _react.memo)(function CompactProcessLine(param)
     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, {

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

@@ -1 +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 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};\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 }: Props) {\n  const { stdout } = useStdout();\n  const terminalWidth = stdout?.columns || 80;\n\n  const { group, title, state, lines } = item;\n\n  // Display name: prefer group, fall back to title\n  const displayName = group || title;\n\n  // Calculate widths - use fixed-width columns for alignment\n  const iconWidth = 2; // icon + space\n  const nameColumnWidth = 15; // fixed width for name column\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      <Box width={iconWidth}>{icon}</Box>\n      <Text>{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","stdout","useStdout","terminalWidth","columns","group","title","state","displayName","iconWidth","nameColumnWidth","gap","statusWidth","truncatedName","padEnd","statusText","useMemo","lastLine","errorCount","icon","Spinner","Text","color","figures","tick","cross","statusColor","Box","width"],"mappings":";;;;+BAmCA;;;eAAA;;;;mBAnCqC;qBACP;gEACV;uBAEK;gEACL;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEpB,oHAAoH;AACpH,IAAMA,UAAU;IACdC,UAAU;IACVC,QAAQ;QAAC;QAAK;QAAK;QAAK;QAAK;QAAK;QAAK;QAAK;QAAK;QAAK;KAAI;AAC5D;AAMA,SAASC,SAASC,GAAW,EAAEC,SAAiB;IAC9C,IAAID,IAAIE,MAAM,IAAID,WAAW,OAAOD;IACpC,OAAO,AAAC,GAA8B,OAA5BA,IAAIG,KAAK,CAAC,GAAGF,YAAY,IAAG;AACxC;AAEA,SAASG,kBAAkBC,KAAa;IACtC,IAAK,IAAIC,IAAID,MAAMH,MAAM,GAAG,GAAGI,KAAK,GAAGA,IAAK;QAC1C,IAAID,KAAK,CAACC,EAAE,CAACC,IAAI,CAACL,MAAM,GAAG,GAAG;YAC5B,OAAOG,KAAK,CAACC,EAAE,CAACC,IAAI;QACtB;IACF;IACA,OAAO;AACT;AAEA,SAASC,cAAcH,KAAa;IAClC,OAAOA,MAAMI,MAAM,CAAC,SAACC;eAASA,KAAKC,IAAI,KAAKC,iBAAQ,CAACC,MAAM;OAAEX,MAAM;AACrE;IAEA,yBAAeY,IAAAA,WAAI,EAAC,SAASC,mBAAmB,KAAe;QAAf,AAAEC,OAAF,MAAEA;IAChD,IAAM,AAAEC,SAAWC,IAAAA,cAAS,IAApBD;IACR,IAAME,gBAAgBF,CAAAA,mBAAAA,6BAAAA,OAAQG,OAAO,KAAI;IAEzC,IAAQC,QAA+BL,KAA/BK,OAAOC,QAAwBN,KAAxBM,OAAOC,QAAiBP,KAAjBO,OAAOlB,QAAUW,KAAVX;IAE7B,iDAAiD;IACjD,IAAMmB,cAAcH,SAASC;IAE7B,2DAA2D;IAC3D,IAAMG,YAAY,GAAG,eAAe;IACpC,IAAMC,kBAAkB,IAAI,8BAA8B;IAC1D,IAAMC,MAAM,GAAG,gCAAgC;IAC/C,IAAMC,cAAcT,gBAAgBM,YAAYC,kBAAkBC;IAElE,kDAAkD;IAClD,IAAME,gBAAgB9B,SAASyB,aAAaE,iBAAiBI,MAAM,CAACJ;IAEpE,6BAA6B;IAC7B,IAAMK,aAAaC,IAAAA,cAAO,EAAC;QACzB,IAAIT,UAAU,WAAW;YACvB,IAAMU,WAAW7B,kBAAkBC;YACnC,OAAO4B,WAAWlC,SAASkC,UAAUL,eAAe;QACtD;QACA,IAAIL,UAAU,SAAS;YACrB,IAAMW,aAAa1B,cAAcH;YACjC,OAAO6B,aAAa,IAAI,AAAC,GAAqBA,OAAnBA,YAAW,UAAkC,OAA1BA,aAAa,IAAI,MAAM,MAAO;QAC9E;QACA,OAAO,IAAI,2BAA2B;IACxC,GAAG;QAACX;QAAOlB;QAAOuB;KAAY;IAE9B,sBAAsB;IACtB,IAAMO,OAAOH,IAAAA,cAAO,EAAC;QACnB,OAAQT;YACN,KAAK;gBACH,qBAAO,qBAACa,kBAAO,qBAAKxC;YACtB,KAAK;gBACH,qBAAO,qBAACyC,SAAI;oBAACC,OAAM;8BAASC,kBAAO,CAACC,IAAI;;YAC1C,KAAK;gBACH,qBAAO,qBAACH,SAAI;oBAACC,OAAM;8BAAOC,kBAAO,CAACE,KAAK;;QAC3C;IACF,GAAG;QAAClB;KAAM;IAEV,oBAAoB;IACpB,IAAMmB,cAAcnB,UAAU,UAAU,QAAQ;IAEhD,qBACE,sBAACoB,QAAG;;0BACF,qBAACA,QAAG;gBAACC,OAAOnB;0BAAYU;;0BACxB,qBAACE,SAAI;0BAAER;;YACNE,4BAAc,sBAACM,SAAI;gBAACC,OAAOI;;oBAAa;oBAAEX;;;;;AAGjD"}
+{"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/ExpandedOutput.js

@@ -0,0 +1,55 @@
+"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 _constantsts = require("../constants.js");
+var _typests = require("../types.js");
+var _default = /*#__PURE__*/ (0, _react.memo)(function ExpandedOutput(param) {
+    var lines = param.lines, scrollOffset = param.scrollOffset, _param_maxVisible = param.maxVisible, maxVisible = _param_maxVisible === void 0 ? _constantsts.EXPANDED_MAX_VISIBLE_LINES : _param_maxVisible;
+    var visibleLines = lines.slice(scrollOffset, scrollOffset + maxVisible);
+    var hasMore = lines.length > scrollOffset + maxVisible;
+    var remaining = lines.length - scrollOffset - maxVisible;
+    if (lines.length === 0) {
+        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_ink.Box, {
+            paddingLeft: 2,
+            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_ink.Text, {
+                dimColor: true,
+                children: "│ (no output)"
+            })
+        });
+    }
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_ink.Box, {
+        flexDirection: "column",
+        paddingLeft: 2,
+        children: [
+            visibleLines.map(function(line, i) {
+                return(// biome-ignore lint/suspicious/noArrayIndexKey: Lines have no unique ID, index is stable for this scrolling view
+                /*#__PURE__*/ (0, _jsxruntime.jsxs)(_ink.Text, {
+                    color: line.type === _typests.LineType.stderr ? 'red' : undefined,
+                    children: [
+                        "│ ",
+                        line.text
+                    ]
+                }, scrollOffset + i));
+            }),
+            hasMore && /*#__PURE__*/ (0, _jsxruntime.jsxs)(_ink.Text, {
+                dimColor: true,
+                children: [
+                    "│ [+",
+                    remaining,
+                    " more, j/k to scroll]"
+                ]
+            })
+        ]
+    });
+});
+/* 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/ExpandedOutput.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/kevin/Dev/OpenSource/node/spawn-term/src/components/ExpandedOutput.tsx"],"sourcesContent":["import { Box, Text } from 'ink';\nimport { memo } from 'react';\nimport { EXPANDED_MAX_VISIBLE_LINES } from '../constants.ts';\nimport type { Line } from '../types.ts';\nimport { LineType } from '../types.ts';\n\ntype Props = {\n  lines: Line[];\n  scrollOffset: number;\n  maxVisible?: number;\n};\n\nexport default memo(function ExpandedOutput({ lines, scrollOffset, maxVisible = EXPANDED_MAX_VISIBLE_LINES }: Props) {\n  const visibleLines = lines.slice(scrollOffset, scrollOffset + maxVisible);\n  const hasMore = lines.length > scrollOffset + maxVisible;\n  const remaining = lines.length - scrollOffset - maxVisible;\n\n  if (lines.length === 0) {\n    return (\n      <Box paddingLeft={2}>\n        <Text dimColor>│ (no output)</Text>\n      </Box>\n    );\n  }\n\n  return (\n    <Box flexDirection=\"column\" paddingLeft={2}>\n      {visibleLines.map((line, i) => (\n        // biome-ignore lint/suspicious/noArrayIndexKey: Lines have no unique ID, index is stable for this scrolling view\n        <Text key={scrollOffset + i} color={line.type === LineType.stderr ? 'red' : undefined}>\n          │ {line.text}\n        </Text>\n      ))}\n      {hasMore && <Text dimColor>│ [+{remaining} more, j/k to scroll]</Text>}\n    </Box>\n  );\n});\n"],"names":["memo","ExpandedOutput","lines","scrollOffset","maxVisible","EXPANDED_MAX_VISIBLE_LINES","visibleLines","slice","hasMore","length","remaining","Box","paddingLeft","Text","dimColor","flexDirection","map","line","i","color","type","LineType","stderr","undefined","text"],"mappings":";;;;+BAYA;;;eAAA;;;;mBAZ0B;qBACL;2BACsB;uBAElB;IAQzB,yBAAeA,IAAAA,WAAI,EAAC,SAASC,eAAe,KAAuE;QAArEC,QAAF,MAAEA,OAAOC,eAAT,MAASA,kCAAT,MAAuBC,YAAAA,4CAAaC,uCAA0B;IACxG,IAAMC,eAAeJ,MAAMK,KAAK,CAACJ,cAAcA,eAAeC;IAC9D,IAAMI,UAAUN,MAAMO,MAAM,GAAGN,eAAeC;IAC9C,IAAMM,YAAYR,MAAMO,MAAM,GAAGN,eAAeC;IAEhD,IAAIF,MAAMO,MAAM,KAAK,GAAG;QACtB,qBACE,qBAACE,QAAG;YAACC,aAAa;sBAChB,cAAA,qBAACC,SAAI;gBAACC,QAAQ;0BAAC;;;IAGrB;IAEA,qBACE,sBAACH,QAAG;QAACI,eAAc;QAASH,aAAa;;YACtCN,aAAaU,GAAG,CAAC,SAACC,MAAMC;uBACvB,iHAAiH;8BACjH,sBAACL,SAAI;oBAAwBM,OAAOF,KAAKG,IAAI,KAAKC,iBAAQ,CAACC,MAAM,GAAG,QAAQC;;wBAAW;wBAClFN,KAAKO,IAAI;;mBADHrB,eAAee;;YAI3BV,yBAAW,sBAACK,SAAI;gBAACC,QAAQ;;oBAAC;oBAAKJ;oBAAU;;;;;AAGhD"}

package/dist/cjs/constants.js

@@ -0,0 +1,42 @@
+// Column width defaults
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get BATCH_MAX_LINES () {
+        return BATCH_MAX_LINES;
+    },
+    get BATCH_MAX_WAIT_MS () {
+        return BATCH_MAX_WAIT_MS;
+    },
+    get DEFAULT_COLUMN_WIDTH () {
+        return DEFAULT_COLUMN_WIDTH;
+    },
+    get DEFAULT_MAX_FPS () {
+        return DEFAULT_MAX_FPS;
+    },
+    get EXPANDED_MAX_VISIBLE_LINES () {
+        return EXPANDED_MAX_VISIBLE_LINES;
+    },
+    get FALLBACK_COLUMN_WIDTH () {
+        return FALLBACK_COLUMN_WIDTH;
+    },
+    get MAX_COLUMN_WIDTH_PERCENT () {
+        return MAX_COLUMN_WIDTH_PERCENT;
+    }
+});
+var DEFAULT_COLUMN_WIDTH = 15;
+var MAX_COLUMN_WIDTH_PERCENT = 0.4; // 40% of terminal width
+var FALLBACK_COLUMN_WIDTH = 25;
+var BATCH_MAX_LINES = 20;
+var BATCH_MAX_WAIT_MS = 50;
+var DEFAULT_MAX_FPS = 20;
+var EXPANDED_MAX_VISIBLE_LINES = 10;
+/* 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/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/kevin/Dev/OpenSource/node/spawn-term/src/constants.ts"],"sourcesContent":["// Column width defaults\nexport const DEFAULT_COLUMN_WIDTH = 15;\nexport const MAX_COLUMN_WIDTH_PERCENT = 0.4; // 40% of terminal width\nexport const FALLBACK_COLUMN_WIDTH = 25;\n\n// Batching defaults\nexport const BATCH_MAX_LINES = 20;\nexport const BATCH_MAX_WAIT_MS = 50;\n\n// Rendering\nexport const DEFAULT_MAX_FPS = 20;\n\n// Expansion\nexport const EXPANDED_MAX_VISIBLE_LINES = 10;\n"],"names":["BATCH_MAX_LINES","BATCH_MAX_WAIT_MS","DEFAULT_COLUMN_WIDTH","DEFAULT_MAX_FPS","EXPANDED_MAX_VISIBLE_LINES","FALLBACK_COLUMN_WIDTH","MAX_COLUMN_WIDTH_PERCENT"],"mappings":"AAAA,wBAAwB;;;;;;;;;;;;QAMXA;eAAAA;;QACAC;eAAAA;;QANAC;eAAAA;;QASAC;eAAAA;;QAGAC;eAAAA;;QAVAC;eAAAA;;QADAC;eAAAA;;;AADN,IAAMJ,uBAAuB;AAC7B,IAAMI,2BAA2B,KAAK,wBAAwB;AAC9D,IAAMD,wBAAwB;AAG9B,IAAML,kBAAkB;AACxB,IAAMC,oBAAoB;AAG1B,IAAME,kBAAkB;AAGxB,IAAMC,6BAA6B"}

package/dist/cjs/createApp.js

@@ -11,6 +11,7 @@ Object.defineProperty(exports, "default", {
 var _jsxruntime = require("react/jsx-runtime");
 var _ink = require("ink");
 var _Appts = /*#__PURE__*/ _interop_require_default(require("./components/App.js"));
+var _constantsts = require("./constants.js");
 var _processStorets = require("./state/processStore.js");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
@@ -24,7 +25,11 @@ function createApp() {
         retain: function retain() {
             if (++refCount > 1) return _processStorets.processStore;
             // Render once - React handles all subsequent updates via useSyncExternalStore
-            inkApp = (0, _ink.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_Appts.default, {}));
+            // Enable incremental rendering to only rewrite changed lines (reduces flicker)
+            inkApp = (0, _ink.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_Appts.default, {}), {
+                incrementalRendering: true,
+                maxFps: _constantsts.DEFAULT_MAX_FPS
+            });
             return _processStorets.processStore;
         },
         release: function release(callback) {
@@ -33,16 +38,11 @@ function createApp() {
                 return;
             }
             if (!inkApp) throw new Error('Expecting inkApp');
-            // 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();
-                });
+            // Signal exit to React component
+            _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      // 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"}
+{"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 { DEFAULT_MAX_FPS } from './constants.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      // Enable incremental rendering to only rewrite changed lines (reduces flicker)\n      inkApp = render(<App />, {\n        incrementalRendering: true,\n        maxFps: DEFAULT_MAX_FPS,\n      });\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\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","incrementalRendering","maxFps","DEFAULT_MAX_FPS","release","callback","Error","signalExit","reset","process","stdout","write","waitUntilExit","then","cb","getExitCallback","catch"],"mappings":";;;;+BAOA;;;eAAwBA;;;;mBAPD;4DACP;2BACgB;8BACgB;;;;;;AAIjC,SAASA;IACtB,IAAIC,WAAW;IACf,IAAIC,SAA2C;IAE/C,OAAO;QACLC,QAAAA,SAAAA;YACE,IAAI,EAAEF,WAAW,GAAG,OAAOG,4BAAY;YAEvC,8EAA8E;YAC9E,+EAA+E;YAC/EF,SAASG,IAAAA,WAAM,gBAAC,qBAACC,cAAG,OAAK;gBACvBC,sBAAsB;gBACtBC,QAAQC,4BAAe;YACzB;YACA,OAAOL,4BAAY;QACrB;QAEAM,SAAAA,SAAAA,QAAQC,QAAyB;YAC/B,IAAI,EAAEV,WAAW,GAAG;gBAClBU;gBACA;YACF;YACA,IAAI,CAACT,QAAQ,MAAM,IAAIU,MAAM;YAE7B,iCAAiC;YACjCR,4BAAY,CAACS,UAAU,CAAC;gBACtBT,4BAAY,CAACU,KAAK;gBAClBC,QAAQC,MAAM,CAACC,KAAK,CAAC,cAAc,cAAc;gBACjDN;YACF;YAEA,iDAAiD;YACjDT,OACGgB,aAAa,GACbC,IAAI,CAAC;gBACJ,IAAMC,KAAKhB,4BAAY,CAACiB,eAAe;gBACvCD,eAAAA,yBAAAA;YACF,GACCE,KAAK,CAAC;gBACL,IAAMF,KAAKhB,4BAAY,CAACiB,eAAe;gBACvCD,eAAAA,yBAAAA;YACF;YAEFlB,SAAS;QACX;IACF;AACF"}

package/dist/cjs/lib/addLines.js

@@ -9,22 +9,76 @@ Object.defineProperty(exports, "default", {
     }
 });
 var _stream = require("stream");
+var _constantsts = require("../constants.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];
+    return arr2;
+}
+function _array_without_holes(arr) {
+    if (Array.isArray(arr)) return _array_like_to_array(arr);
+}
+function _iterable_to_array(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+function _non_iterable_spread() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _to_consumable_array(arr) {
+    return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
 var REGEX_NEW_LINE = /\r?\n|\r/g;
 function addLines(fn) {
+    var options = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+    var _options_maxLines = options.maxLines, maxLines = _options_maxLines === void 0 ? _constantsts.BATCH_MAX_LINES : _options_maxLines, _options_maxWait = options.maxWait, maxWait = _options_maxWait === void 0 ? _constantsts.BATCH_MAX_WAIT_MS : _options_maxWait;
     var last = '';
+    var lineBuffer = [];
+    var flushTimer = null;
+    var flush = function() {
+        if (flushTimer) {
+            clearTimeout(flushTimer);
+            flushTimer = null;
+        }
+        if (lineBuffer.length > 0) {
+            fn(lineBuffer);
+            lineBuffer = [];
+        }
+    };
+    var scheduleFlush = function() {
+        if (!flushTimer) {
+            flushTimer = setTimeout(flush, maxWait);
+        }
+    };
     var stream = new _stream.Writable({
         write: function write(chunk, _enc, callback) {
             var more = last + chunk.toString('utf8');
             var lines = more.split(REGEX_NEW_LINE);
             last = lines.pop();
-            if (lines.length > 0) fn(lines);
+            if (lines.length > 0) {
+                var _lineBuffer;
+                (_lineBuffer = lineBuffer).push.apply(_lineBuffer, _to_consumable_array(lines));
+                // Flush immediately if buffer is large enough
+                if (lineBuffer.length >= maxLines) {
+                    flush();
+                } else {
+                    scheduleFlush();
+                }
+            }
             callback();
         }
     });
     stream.on('finish', function() {
-        if (last.length) fn([
-            last
-        ]);
+        // Flush any remaining buffered lines
+        if (last.length) lineBuffer.push(last);
+        flush();
         last = '';
     });
     return stream;

package/dist/cjs/lib/addLines.js.map

@@ -1 +1 @@
-{"version":3,"sources":["/Users/kevin/Dev/OpenSource/node/spawn-term/src/lib/addLines.ts"],"sourcesContent":["import { Writable } from 'stream';\n\nconst REGEX_NEW_LINE = /\\r?\\n|\\r/g;\n\nexport type Callback = (lines: string[]) => undefined;\n\nexport default function addLines(fn: Callback): Writable {\n  let last = '';\n\n  const stream = new Writable({\n    write(chunk, _enc, callback) {\n      const more = last + chunk.toString('utf8');\n      const lines = more.split(REGEX_NEW_LINE);\n      last = lines.pop();\n      if (lines.length > 0) fn(lines);\n      callback();\n    },\n  });\n  stream.on('finish', () => {\n    if (last.length) fn([last]);\n    last = '';\n  });\n  return stream;\n}\n"],"names":["addLines","REGEX_NEW_LINE","fn","last","stream","Writable","write","chunk","_enc","callback","more","toString","lines","split","pop","length","on"],"mappings":";;;;+BAMA;;;eAAwBA;;;sBANC;AAEzB,IAAMC,iBAAiB;AAIR,SAASD,SAASE,EAAY;IAC3C,IAAIC,OAAO;IAEX,IAAMC,SAAS,IAAIC,gBAAQ,CAAC;QAC1BC,OAAAA,SAAAA,MAAMC,KAAK,EAAEC,IAAI,EAAEC,QAAQ;YACzB,IAAMC,OAAOP,OAAOI,MAAMI,QAAQ,CAAC;YACnC,IAAMC,QAAQF,KAAKG,KAAK,CAACZ;YACzBE,OAAOS,MAAME,GAAG;YAChB,IAAIF,MAAMG,MAAM,GAAG,GAAGb,GAAGU;YACzBH;QACF;IACF;IACAL,OAAOY,EAAE,CAAC,UAAU;QAClB,IAAIb,KAAKY,MAAM,EAAEb,GAAG;YAACC;SAAK;QAC1BA,OAAO;IACT;IACA,OAAOC;AACT"}
+{"version":3,"sources":["/Users/kevin/Dev/OpenSource/node/spawn-term/src/lib/addLines.ts"],"sourcesContent":["import { Writable } from 'stream';\nimport { BATCH_MAX_LINES, BATCH_MAX_WAIT_MS } from '../constants.ts';\n\nconst REGEX_NEW_LINE = /\\r?\\n|\\r/g;\n\nexport type Callback = (lines: string[]) => undefined;\n\ninterface BatchOptions {\n  maxLines?: number;\n  maxWait?: number;\n}\n\nexport default function addLines(fn: Callback, options: BatchOptions = {}): Writable {\n  const { maxLines = BATCH_MAX_LINES, maxWait = BATCH_MAX_WAIT_MS } = options;\n\n  let last = '';\n  let lineBuffer: string[] = [];\n  let flushTimer: NodeJS.Timeout | null = null;\n\n  const flush = () => {\n    if (flushTimer) {\n      clearTimeout(flushTimer);\n      flushTimer = null;\n    }\n    if (lineBuffer.length > 0) {\n      fn(lineBuffer);\n      lineBuffer = [];\n    }\n  };\n\n  const scheduleFlush = () => {\n    if (!flushTimer) {\n      flushTimer = setTimeout(flush, maxWait);\n    }\n  };\n\n  const stream = new Writable({\n    write(chunk, _enc, callback) {\n      const more = last + chunk.toString('utf8');\n      const lines = more.split(REGEX_NEW_LINE);\n      last = lines.pop();\n\n      if (lines.length > 0) {\n        lineBuffer.push(...lines);\n\n        // Flush immediately if buffer is large enough\n        if (lineBuffer.length >= maxLines) {\n          flush();\n        } else {\n          scheduleFlush();\n        }\n      }\n      callback();\n    },\n  });\n\n  stream.on('finish', () => {\n    // Flush any remaining buffered lines\n    if (last.length) lineBuffer.push(last);\n    flush();\n    last = '';\n  });\n\n  return stream;\n}\n"],"names":["addLines","REGEX_NEW_LINE","fn","options","maxLines","BATCH_MAX_LINES","maxWait","BATCH_MAX_WAIT_MS","last","lineBuffer","flushTimer","flush","clearTimeout","length","scheduleFlush","setTimeout","stream","Writable","write","chunk","_enc","callback","more","toString","lines","split","pop","push","on"],"mappings":";;;;+BAYA;;;eAAwBA;;;sBAZC;2BAC0B;;;;;;;;;;;;;;;;;;;;;;;;;;AAEnD,IAAMC,iBAAiB;AASR,SAASD,SAASE,EAAY;QAAEC,UAAAA,iEAAwB,CAAC;IACtE,wBAAoEA,QAA5DC,UAAAA,0CAAWC,4BAAe,yCAAkCF,QAAhCG,SAAAA,wCAAUC,8BAAiB;IAE/D,IAAIC,OAAO;IACX,IAAIC,aAAuB,EAAE;IAC7B,IAAIC,aAAoC;IAExC,IAAMC,QAAQ;QACZ,IAAID,YAAY;YACdE,aAAaF;YACbA,aAAa;QACf;QACA,IAAID,WAAWI,MAAM,GAAG,GAAG;YACzBX,GAAGO;YACHA,aAAa,EAAE;QACjB;IACF;IAEA,IAAMK,gBAAgB;QACpB,IAAI,CAACJ,YAAY;YACfA,aAAaK,WAAWJ,OAAOL;QACjC;IACF;IAEA,IAAMU,SAAS,IAAIC,gBAAQ,CAAC;QAC1BC,OAAAA,SAAAA,MAAMC,KAAK,EAAEC,IAAI,EAAEC,QAAQ;YACzB,IAAMC,OAAOd,OAAOW,MAAMI,QAAQ,CAAC;YACnC,IAAMC,QAAQF,KAAKG,KAAK,CAACxB;YACzBO,OAAOgB,MAAME,GAAG;YAEhB,IAAIF,MAAMX,MAAM,GAAG,GAAG;oBACpBJ;gBAAAA,CAAAA,cAAAA,YAAWkB,IAAI,OAAflB,aAAgB,qBAAGe;gBAEnB,8CAA8C;gBAC9C,IAAIf,WAAWI,MAAM,IAAIT,UAAU;oBACjCO;gBACF,OAAO;oBACLG;gBACF;YACF;YACAO;QACF;IACF;IAEAL,OAAOY,EAAE,CAAC,UAAU;QAClB,qCAAqC;QACrC,IAAIpB,KAAKK,MAAM,EAAEJ,WAAWkB,IAAI,CAACnB;QACjCG;QACAH,OAAO;IACT;IAEA,OAAOQ;AACT"}

package/dist/cjs/lib/format.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "calculateColumnWidth", {
+    enumerable: true,
+    get: function() {
+        return calculateColumnWidth;
+    }
+});
+var _constantsts = require("../constants.js");
+function calculateColumnWidth(groupWidth, terminalWidth, maxGroupLength) {
+    if (typeof groupWidth === 'number') return groupWidth;
+    if (groupWidth === 'max') return Math.min(maxGroupLength, Math.floor(terminalWidth * _constantsts.MAX_COLUMN_WIDTH_PERCENT));
+    if (typeof groupWidth === 'string' && groupWidth.endsWith('%')) {
+        var pct = parseInt(groupWidth, 10) / 100;
+        return Math.floor(terminalWidth * pct);
+    }
+    return _constantsts.FALLBACK_COLUMN_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/lib/format.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/kevin/Dev/OpenSource/node/spawn-term/src/lib/format.ts"],"sourcesContent":["import { FALLBACK_COLUMN_WIDTH, MAX_COLUMN_WIDTH_PERCENT } from '../constants.ts';\n\nexport type GroupWidth = number | `${number}%` | 'max';\n\nexport function calculateColumnWidth(groupWidth: GroupWidth, terminalWidth: number, maxGroupLength: number): number {\n  if (typeof groupWidth === 'number') return groupWidth;\n  if (groupWidth === 'max') return Math.min(maxGroupLength, Math.floor(terminalWidth * MAX_COLUMN_WIDTH_PERCENT));\n  if (typeof groupWidth === 'string' && groupWidth.endsWith('%')) {\n    const pct = parseInt(groupWidth, 10) / 100;\n    return Math.floor(terminalWidth * pct);\n  }\n  return FALLBACK_COLUMN_WIDTH;\n}\n"],"names":["calculateColumnWidth","groupWidth","terminalWidth","maxGroupLength","Math","min","floor","MAX_COLUMN_WIDTH_PERCENT","endsWith","pct","parseInt","FALLBACK_COLUMN_WIDTH"],"mappings":";;;;+BAIgBA;;;eAAAA;;;2BAJgD;AAIzD,SAASA,qBAAqBC,UAAsB,EAAEC,aAAqB,EAAEC,cAAsB;IACxG,IAAI,OAAOF,eAAe,UAAU,OAAOA;IAC3C,IAAIA,eAAe,OAAO,OAAOG,KAAKC,GAAG,CAACF,gBAAgBC,KAAKE,KAAK,CAACJ,gBAAgBK,qCAAwB;IAC7G,IAAI,OAAON,eAAe,YAAYA,WAAWO,QAAQ,CAAC,MAAM;QAC9D,IAAMC,MAAMC,SAAST,YAAY,MAAM;QACvC,OAAOG,KAAKE,KAAK,CAACJ,gBAAgBO;IACpC;IACA,OAAOE,kCAAqB;AAC9B"}

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

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

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

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

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

@@ -0,0 +1,7 @@
+export declare const DEFAULT_COLUMN_WIDTH = 15;
+export declare const MAX_COLUMN_WIDTH_PERCENT = 0.4;
+export declare const FALLBACK_COLUMN_WIDTH = 25;
+export declare const BATCH_MAX_LINES = 20;
+export declare const BATCH_MAX_WAIT_MS = 50;
+export declare const DEFAULT_MAX_FPS = 20;
+export declare const EXPANDED_MAX_VISIBLE_LINES = 10;

package/dist/cjs/src/lib/addLines.d.ts

@@ -1,3 +1,8 @@
 import { Writable } from 'stream';
 export type Callback = (lines: string[]) => undefined;
-export default function addLines(fn: Callback): Writable;
+interface BatchOptions {
+    maxLines?: number;
+    maxWait?: number;
+}
+export default function addLines(fn: Callback, options?: BatchOptions): Writable;
+export {};

package/dist/cjs/src/lib/format.d.ts

@@ -0,0 +1,2 @@
+export type GroupWidth = number | `${number}%` | 'max';
+export declare function calculateColumnWidth(groupWidth: GroupWidth, terminalWidth: number, maxGroupLength: number): number;