spawn-term 1.1.7 → 2.0.0

package/dist/cjs/components/App.js

@@ -10,21 +10,122 @@ Object.defineProperty(exports, "default", {
 });
 var _jsxruntime = require("react/jsx-runtime");
 var _ink = require("ink");
-var _ChildProcessts = /*#__PURE__*/ _interop_require_default(require("./ChildProcess.js"));
+var _react = require("react");
+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 _StatusBarts = /*#__PURE__*/ _interop_require_default(require("./StatusBar.js"));
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
-function App(param) {
-    var store = param.store;
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_ink.Box, {
+function App() {
+    var exit = (0, _ink.useApp)().exit;
+    var isRawModeSupported = (0, _ink.useStdin)().isRawModeSupported;
+    // Subscribe to store state
+    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 selectedErrorIndex = (0, _react.useSyncExternalStore)(_processStorets.processStore.subscribe, _processStorets.processStore.getSelectedErrorIndex);
+    // 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();
+    // Handle exit signal
+    (0, _react.useEffect)(function() {
+        if (shouldExit) {
+            exit();
+        }
+    }, [
+        shouldExit,
+        exit
+    ]);
+    // 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 === 'errorList') {
+            if (key.escape) {
+                _processStorets.processStore.setMode('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 view
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_ink.Box, {
         flexDirection: "column",
-        children: store.processes.map(function(item) {
-            return /*#__PURE__*/ (0, _jsxruntime.jsx)(_ChildProcessts.default, {
-                item: item
-            }, item.id);
-        })
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_ink.Static, {
+                items: completedProcesses,
+                children: function(item) {
+                    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_CompactProcessLinets.default, {
+                        item: item
+                    }, item.id);
+                }
+            }),
+            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
+                }, item.id);
+            }),
+            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 } from 'ink';\nimport type Store from '../state/Store.ts';\nimport type { ChildProcess as ChildProcessT } from '../types.ts';\nimport ChildProcess from './ChildProcess.ts';\n\nexport interface AppProps {\n  store: Store;\n}\n\nexport default function App({ store }: AppProps): React.JSX.Element {\n  return (\n    <Box flexDirection=\"column\">\n      {store.processes.map((item: ChildProcessT) => (\n        <ChildProcess key={item.id} item={item} />\n      ))}\n    </Box>\n  );\n}\n"],"names":["App","store","Box","flexDirection","processes","map","item","ChildProcess","id"],"mappings":";;;;+BASA;;;eAAwBA;;;;mBATJ;qEAGK;;;;;;AAMV,SAASA,IAAI,KAAmB;QAAnB,AAAEC,QAAF,MAAEA;IAC5B,qBACE,qBAACC,QAAG;QAACC,eAAc;kBAChBF,MAAMG,SAAS,CAACC,GAAG,CAAC,SAACC;iCACpB,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, 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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"}

package/dist/cjs/components/CompactProcessLine.js

@@ -0,0 +1,153 @@
+"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 _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;
+    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;
+    // Display name: prefer group, fall back to title
+    var displayName = group || title;
+    // Calculate widths - use fixed-width columns for alignment
+    var iconWidth = 2; // icon + space
+    var nameColumnWidth = 15; // fixed width for name column
+    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.Box, {
+                width: iconWidth,
+                children: icon
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_ink.Text, {
+                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 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"}

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"}

package/dist/cjs/components/ErrorListModal.js

@@ -0,0 +1,135 @@
+"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 _typests = require("../types.js");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function truncate(str, maxLength) {
+    if (str.length <= maxLength) return str;
+    return "".concat(str.slice(0, maxLength - 1), "…");
+}
+function getErrorLineCount(process) {
+    return process.lines.filter(function(l) {
+        return l.type === _typests.LineType.stderr;
+    }).length;
+}
+var _default = /*#__PURE__*/ (0, _react.memo)(function ErrorListModal(param) {
+    var errors = param.errors, selectedIndex = param.selectedIndex, totalErrorLines = param.totalErrorLines;
+    var stdout = (0, _ink.useStdout)().stdout;
+    var width = (stdout === null || stdout === void 0 ? void 0 : stdout.columns) || 80;
+    var innerWidth = width - 4; // 2 chars padding each side
+    var borderH = '─'.repeat(width - 2);
+    var title = ' Errors ';
+    var titleBorder = "┌".concat(title).concat(borderH.slice(title.length + 1), "┐");
+    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.jsxs)(_ink.Text, {
+                    children: [
+                        errors.length,
+                        " process",
+                        errors.length !== 1 ? 'es' : '',
+                        " failed (",
+                        totalErrorLines,
+                        " error line",
+                        totalErrorLines !== 1 ? 's' : '',
+                        " total)"
+                    ]
+                })
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_ink.Box, {
+                paddingX: 1,
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_ink.Text, {
+                    children: " "
+                })
+            }),
+            errors.map(function(error, index) {
+                var isSelected = index === selectedIndex;
+                var indicator = isSelected ? _figurests.default.pointer : ' ';
+                var name = error.group || error.title;
+                var lineCount = getErrorLineCount(error);
+                var lineText = "".concat(lineCount, " line").concat(lineCount !== 1 ? 's' : '');
+                // Calculate available space for name
+                var prefixLen = 3; // indicator + space + space
+                var suffixLen = lineText.length + 2; // space + lineText
+                var maxNameLen = innerWidth - prefixLen - suffixLen;
+                var truncatedName = truncate(name, maxNameLen);
+                return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_ink.Box, {
+                    paddingX: 1,
+                    children: [
+                        /*#__PURE__*/ (0, _jsxruntime.jsxs)(_ink.Text, {
+                            color: isSelected ? 'cyan' : undefined,
+                            bold: isSelected,
+                            children: [
+                                indicator,
+                                " ",
+                                truncatedName
+                            ]
+                        }),
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_ink.Box, {
+                            flexGrow: 1
+                        }),
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_ink.Text, {
+                            dimColor: true,
+                            children: lineText
+                        })
+                    ]
+                }, error.id);
+            }),
+            /*#__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: "[↑↓] navigate [Enter] view details"
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_ink.Text, {
+                        dimColor: true,
+                        children: "[Esc] close"
+                    })
+                ]
+            }),
+            /*#__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/ErrorListModal.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/kevin/Dev/OpenSource/node/spawn-term/src/components/ErrorListModal.tsx"],"sourcesContent":["import { Box, Text, useStdout } from 'ink';\nimport { memo } from 'react';\nimport figures from '../lib/figures.ts';\nimport type { ChildProcess } from '../types.ts';\nimport { LineType } from '../types.ts';\n\ntype Props = {\n  errors: ChildProcess[];\n  selectedIndex: number;\n  totalErrorLines: number;\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 getErrorLineCount(process: ChildProcess): number {\n  return process.lines.filter((l) => l.type === LineType.stderr).length;\n}\n\nexport default memo(function ErrorListModal({ errors, selectedIndex, totalErrorLines }: Props) {\n  const { stdout } = useStdout();\n  const width = stdout?.columns || 80;\n  const innerWidth = width - 4; // 2 chars padding each side\n\n  const borderH = '─'.repeat(width - 2);\n  const title = ' Errors ';\n  const titleBorder = `┌${title}${borderH.slice(title.length + 1)}┐`;\n\n  return (\n    <Box flexDirection=\"column\">\n      {/* Top border with title */}\n      <Text>{titleBorder}</Text>\n\n      {/* Summary */}\n      <Box paddingX={1}>\n        <Text>\n          {errors.length} process{errors.length !== 1 ? 'es' : ''} failed ({totalErrorLines} error line\n          {totalErrorLines !== 1 ? 's' : ''} total)\n        </Text>\n      </Box>\n\n      {/* Empty line */}\n      <Box paddingX={1}>\n        <Text> </Text>\n      </Box>\n\n      {/* Error list */}\n      {errors.map((error, index) => {\n        const isSelected = index === selectedIndex;\n        const indicator = isSelected ? figures.pointer : ' ';\n        const name = error.group || error.title;\n        const lineCount = getErrorLineCount(error);\n        const lineText = `${lineCount} line${lineCount !== 1 ? 's' : ''}`;\n\n        // Calculate available space for name\n        const prefixLen = 3; // indicator + space + space\n        const suffixLen = lineText.length + 2; // space + lineText\n        const maxNameLen = innerWidth - prefixLen - suffixLen;\n        const truncatedName = truncate(name, maxNameLen);\n\n        return (\n          <Box key={error.id} paddingX={1}>\n            <Text color={isSelected ? 'cyan' : undefined} bold={isSelected}>\n              {indicator} {truncatedName}\n            </Text>\n            <Box flexGrow={1} />\n            <Text dimColor>{lineText}</Text>\n          </Box>\n        );\n      })}\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>[↑↓] navigate [Enter] view details</Text>\n        <Text dimColor>[Esc] close</Text>\n      </Box>\n      <Text>└{borderH}┘</Text>\n    </Box>\n  );\n});\n"],"names":["truncate","str","maxLength","length","slice","getErrorLineCount","process","lines","filter","l","type","LineType","stderr","memo","ErrorListModal","errors","selectedIndex","totalErrorLines","stdout","useStdout","width","columns","innerWidth","borderH","repeat","title","titleBorder","Box","flexDirection","Text","paddingX","map","error","index","isSelected","indicator","figures","pointer","name","group","lineCount","lineText","prefixLen","suffixLen","maxNameLen","truncatedName","color","undefined","bold","flexGrow","dimColor","id","justifyContent"],"mappings":";;;;+BAqBA;;;eAAA;;;;mBArBqC;qBAChB;gEACD;uBAEK;;;;;;AAQzB,SAASA,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,OAAqB;IAC9C,OAAOA,QAAQC,KAAK,CAACC,MAAM,CAAC,SAACC;eAAMA,EAAEC,IAAI,KAAKC,iBAAQ,CAACC,MAAM;OAAET,MAAM;AACvE;IAEA,yBAAeU,IAAAA,WAAI,EAAC,SAASC,eAAe,KAAiD;QAA/CC,SAAF,MAAEA,QAAQC,gBAAV,MAAUA,eAAeC,kBAAzB,MAAyBA;IACnE,IAAM,AAAEC,SAAWC,IAAAA,cAAS,IAApBD;IACR,IAAME,QAAQF,CAAAA,mBAAAA,6BAAAA,OAAQG,OAAO,KAAI;IACjC,IAAMC,aAAaF,QAAQ,GAAG,4BAA4B;IAE1D,IAAMG,UAAU,IAAIC,MAAM,CAACJ,QAAQ;IACnC,IAAMK,QAAQ;IACd,IAAMC,cAAc,AAAC,IAAWH,OAARE,OAAwC,OAAhCF,QAAQnB,KAAK,CAACqB,MAAMtB,MAAM,GAAG,IAAG;IAEhE,qBACE,sBAACwB,QAAG;QAACC,eAAc;;0BAEjB,qBAACC,SAAI;0BAAEH;;0BAGP,qBAACC,QAAG;gBAACG,UAAU;0BACb,cAAA,sBAACD,SAAI;;wBACFd,OAAOZ,MAAM;wBAAC;wBAASY,OAAOZ,MAAM,KAAK,IAAI,OAAO;wBAAG;wBAAUc;wBAAgB;wBACjFA,oBAAoB,IAAI,MAAM;wBAAG;;;;0BAKtC,qBAACU,QAAG;gBAACG,UAAU;0BACb,cAAA,qBAACD,SAAI;8BAAC;;;YAIPd,OAAOgB,GAAG,CAAC,SAACC,OAAOC;gBAClB,IAAMC,aAAaD,UAAUjB;gBAC7B,IAAMmB,YAAYD,aAAaE,kBAAO,CAACC,OAAO,GAAG;gBACjD,IAAMC,OAAON,MAAMO,KAAK,IAAIP,MAAMP,KAAK;gBACvC,IAAMe,YAAYnC,kBAAkB2B;gBACpC,IAAMS,WAAW,AAAC,GAAmBD,OAAjBA,WAAU,SAAkC,OAA3BA,cAAc,IAAI,MAAM;gBAE7D,qCAAqC;gBACrC,IAAME,YAAY,GAAG,4BAA4B;gBACjD,IAAMC,YAAYF,SAAStC,MAAM,GAAG,GAAG,mBAAmB;gBAC1D,IAAMyC,aAAatB,aAAaoB,YAAYC;gBAC5C,IAAME,gBAAgB7C,SAASsC,MAAMM;gBAErC,qBACE,sBAACjB,QAAG;oBAAgBG,UAAU;;sCAC5B,sBAACD,SAAI;4BAACiB,OAAOZ,aAAa,SAASa;4BAAWC,MAAMd;;gCACjDC;gCAAU;gCAAEU;;;sCAEf,qBAAClB,QAAG;4BAACsB,UAAU;;sCACf,qBAACpB,SAAI;4BAACqB,QAAQ;sCAAET;;;mBALRT,MAAMmB,EAAE;YAQtB;0BAGA,qBAACxB,QAAG;gBAACG,UAAU;0BACb,cAAA,qBAACD,SAAI;8BAAC;;;0BAIR,sBAACA,SAAI;;oBAAC;oBAAEN;oBAAQ;;;0BAChB,sBAACI,QAAG;gBAACG,UAAU;gBAAGsB,gBAAe;;kCAC/B,qBAACvB,SAAI;wBAACqB,QAAQ;kCAAC;;kCACf,qBAACrB,SAAI;wBAACqB,QAAQ;kCAAC;;;;0BAEjB,sBAACrB,SAAI;;oBAAC;oBAAEN;oBAAQ;;;;;AAGtB"}