@positronic/cli 0.0.43 → 0.0.45

package/dist/src/cli.js

@@ -377,13 +377,25 @@ export function buildCli(options) {
         var element = brainCommand.history(argv);
         render(element);
     });
-    // --- Show Run Command ---
-    cli = cli.command('show <run-id>', 'Show detailed information about a brain run, including any errors\n', function(yargsShow) {
-        return yargsShow.positional('run-id', {
-            describe: 'ID of the brain run to show',
+    // --- Show Brain/Run Command ---
+    cli = cli.command('show [brain]', 'Show information about a brain or a specific run\n', function(yargsShow) {
+        return yargsShow.positional('brain', {
+            describe: 'Brain identifier to show info for',
+            type: 'string'
+        }).option('run-id', {
+            describe: 'ID of a specific brain run to show',
             type: 'string',
-            demandOption: true
-        }).example('$0 show abc123', 'Show details for brain run abc123');
+            alias: 'id'
+        }).option('steps', {
+            describe: 'Show the step structure of the brain',
+            type: 'boolean',
+            default: false
+        }).check(function(argv) {
+            if (!argv.brain && !argv.runId) {
+                throw new Error('You must provide either a brain identifier or a --run-id.');
+            }
+            return true;
+        }).example('$0 show my-brain', 'Show info about my-brain').example('$0 show my-brain --steps', 'Show my-brain with step structure').example('$0 show --run-id abc123', 'Show details for a specific run');
     }, function(argv) {
         var element = brainCommand.show(argv);
         render(element);
@@ -485,12 +497,24 @@ export function buildCli(options) {
         }, function(argv) {
             var element = brainCommand.history(argv);
             render(element);
-        }).command('show <run-id>', 'Show detailed information about a brain run, including any errors\n', function(yargsShow) {
-            return yargsShow.positional('run-id', {
-                describe: 'ID of the brain run to show',
+        }).command('show [brain]', 'Show information about a brain or a specific run\n', function(yargsShow) {
+            return yargsShow.positional('brain', {
+                describe: 'Brain identifier to show info for',
+                type: 'string'
+            }).option('run-id', {
+                describe: 'ID of a specific brain run to show',
                 type: 'string',
-                demandOption: true
-            }).example('$0 brain show abc123', 'Show details for brain run abc123');
+                alias: 'id'
+            }).option('steps', {
+                describe: 'Show the step structure of the brain',
+                type: 'boolean',
+                default: false
+            }).check(function(argv) {
+                if (!argv.brain && !argv.runId) {
+                    throw new Error('You must provide either a brain identifier or a --run-id.');
+                }
+                return true;
+            }).example('$0 brain show my-brain', 'Show info about my-brain').example('$0 brain show my-brain --steps', 'Show my-brain with step structure').example('$0 brain show --run-id abc123', 'Show details for a specific run');
         }, function(argv) {
             var element = brainCommand.show(argv);
             render(element);

package/dist/src/commands/brain.js

@@ -22,6 +22,7 @@ import { Watch } from '../components/watch.js';
 import { BrainList } from '../components/brain-list.js';
 import { BrainHistory } from '../components/brain-history.js';
 import { RunShow } from '../components/run-show.js';
+import { BrainShow } from '../components/brain-show.js';
 import { BrainRerun } from '../components/brain-rerun.js';
 import { BrainKill } from '../components/brain-kill.js';
 import { BrainRun } from '../components/brain-run.js';
@@ -58,9 +59,27 @@ export var BrainCommand = /*#__PURE__*/ function() {
         {
             key: "show",
             value: function show(param) {
-                var runId = param.runId;
-                return React.createElement(RunShow, {
-                    runId: runId
+                var brain = param.brain, runId = param.runId, steps = param.steps;
+                // If run ID is provided, show run info (existing behavior)
+                if (runId) {
+                    return React.createElement(RunShow, {
+                        runId: runId
+                    });
+                }
+                // If brain identifier is provided, show brain info
+                if (brain) {
+                    return React.createElement(BrainShow, {
+                        identifier: brain,
+                        showSteps: steps || false
+                    });
+                }
+                // Neither provided - show error
+                return React.createElement(ErrorComponent, {
+                    error: {
+                        title: 'Missing Argument',
+                        message: 'You must provide either a brain identifier or a run ID.',
+                        details: 'Use: show <brain> to show brain info, or show --run-id <id> to show run info.'
+                    }
                 });
             }
         },

package/dist/src/components/brain-kill.js

@@ -53,6 +53,7 @@ export var BrainKill = function(param) {
     var _useState = _sliced_to_array(useState(force), 2), confirmed = _useState[0], setConfirmed = _useState[1];
     var _useState1 = _sliced_to_array(useState(false), 2), killed = _useState1[0], setKilled = _useState1[1];
     var _useState2 = _sliced_to_array(useState(''), 2), input = _useState2[0], setInput = _useState2[1];
+    var inputRef = useRef(''); // Track input in ref to avoid stale closure
     var _useStdin = useStdin(), stdin = _useStdin.stdin, setRawMode = _useStdin.setRawMode;
     var exit = useApp().exit;
     var isKilling = useRef(false);
@@ -61,23 +62,43 @@ export var BrainKill = function(param) {
         if (stdin && !confirmed && !killed) {
             setRawMode(true);
             var handleData = function(data) {
-                var char = data.toString();
-                if (char === '\r' || char === '\n') {
-                    if (input.toLowerCase() === 'yes') {
-                        setConfirmed(true);
-                    } else {
-                        exit();
+                var chars = data.toString();
+                var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+                try {
+                    // Process each character in the buffer (stdin may send multiple at once)
+                    for(var _iterator = chars[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+                        var char = _step.value;
+                        if (char === '\r' || char === '\n') {
+                            if (inputRef.current.toLowerCase() === 'yes') {
+                                setConfirmed(true);
+                            } else {
+                                exit();
+                            }
+                            return; // Stop processing after Enter
+                        } else if (char === '\u0003') {
+                            exit();
+                            return;
+                        } else if (char === '\u007F' || char === '\b') {
+                            inputRef.current = inputRef.current.slice(0, -1);
+                            setInput(inputRef.current);
+                        } else {
+                            inputRef.current = inputRef.current + char;
+                            setInput(inputRef.current);
+                        }
+                    }
+                } catch (err) {
+                    _didIteratorError = true;
+                    _iteratorError = err;
+                } finally{
+                    try {
+                        if (!_iteratorNormalCompletion && _iterator.return != null) {
+                            _iterator.return();
+                        }
+                    } finally{
+                        if (_didIteratorError) {
+                            throw _iteratorError;
+                        }
                     }
-                } else if (char === '\u0003') {
-                    exit();
-                } else if (char === '\u007F' || char === '\b') {
-                    setInput(function(prev) {
-                        return prev.slice(0, -1);
-                    });
-                } else {
-                    setInput(function(prev) {
-                        return prev + char;
-                    });
                 }
             };
             stdin.on('data', handleData);
@@ -168,5 +189,6 @@ export var BrainKill = function(param) {
             dimColor: true
         }, "The brain will be cancelled and cannot be resumed.")), /*#__PURE__*/ React.createElement(Text, null, 'Type "yes" to confirm: ', input));
     }
-    return null;
+    // Confirmed but still processing - show killing message
+    return /*#__PURE__*/ React.createElement(Box, null, /*#__PURE__*/ React.createElement(Text, null, "\uD83D\uDED1 Killing brain run..."));
 };

package/dist/src/components/brain-show.js

@@ -0,0 +1,111 @@
+import React from 'react';
+import { Text, Box } from 'ink';
+import { useApiGet } from '../hooks/useApi.js';
+import { ErrorComponent } from './error.js';
+import { BrainResolver } from './brain-resolver.js';
+// Component to display a labeled field
+var Field = function(param) {
+    var label = param.label, children = param.children;
+    return /*#__PURE__*/ React.createElement(Box, null, /*#__PURE__*/ React.createElement(Box, {
+        width: 14
+    }, /*#__PURE__*/ React.createElement(Text, {
+        dimColor: true
+    }, label, ":")), /*#__PURE__*/ React.createElement(Box, {
+        flexGrow: 1
+    }, children));
+};
+var StepTree = function(param) {
+    var steps = param.steps, _param_depth = param.depth, depth = _param_depth === void 0 ? 0 : _param_depth;
+    return /*#__PURE__*/ React.createElement(Box, {
+        flexDirection: "column",
+        marginLeft: depth > 0 ? 2 : 0
+    }, steps.map(function(step, index) {
+        return /*#__PURE__*/ React.createElement(Box, {
+            key: index,
+            flexDirection: "column"
+        }, /*#__PURE__*/ React.createElement(Box, {
+            marginLeft: 1
+        }, /*#__PURE__*/ React.createElement(Text, {
+            color: "gray"
+        }, "○ ", step.title), step.type === 'loop' && /*#__PURE__*/ React.createElement(Text, {
+            dimColor: true
+        }, " (loop)")), step.innerBrain && /*#__PURE__*/ React.createElement(Box, {
+            marginLeft: 2,
+            marginTop: 0
+        }, /*#__PURE__*/ React.createElement(Box, {
+            flexDirection: "column"
+        }, /*#__PURE__*/ React.createElement(Text, {
+            dimColor: true
+        }, "└─ Inner Brain: ", step.innerBrain.title), /*#__PURE__*/ React.createElement(StepTree, {
+            steps: step.innerBrain.steps,
+            depth: depth + 1
+        }))));
+    }));
+};
+var BrainInfo = function(param) {
+    var brainTitle = param.brainTitle, showSteps = param.showSteps;
+    var _useApiGet = useApiGet("/brains/".concat(encodeURIComponent(brainTitle))), brain = _useApiGet.data, brainLoading = _useApiGet.loading, brainError = _useApiGet.error;
+    var _useApiGet1 = useApiGet('/brains/schedules'), schedulesData = _useApiGet1.data, schedulesLoading = _useApiGet1.loading;
+    if (brainLoading || schedulesLoading) {
+        return /*#__PURE__*/ React.createElement(Box, null, /*#__PURE__*/ React.createElement(Text, null, "Loading brain info..."));
+    }
+    if (brainError) {
+        return /*#__PURE__*/ React.createElement(ErrorComponent, {
+            error: brainError
+        });
+    }
+    if (!brain) {
+        return /*#__PURE__*/ React.createElement(Box, null, /*#__PURE__*/ React.createElement(Text, {
+            color: "red"
+        }, "Brain not found"));
+    }
+    // Filter schedules for this brain
+    var brainSchedules = (schedulesData === null || schedulesData === void 0 ? void 0 : schedulesData.schedules.filter(function(s) {
+        return s.brainTitle === brainTitle;
+    })) || [];
+    return /*#__PURE__*/ React.createElement(Box, {
+        flexDirection: "column",
+        gap: 1
+    }, /*#__PURE__*/ React.createElement(Box, {
+        flexDirection: "column"
+    }, /*#__PURE__*/ React.createElement(Field, {
+        label: "Brain"
+    }, /*#__PURE__*/ React.createElement(Text, {
+        bold: true
+    }, brain.title)), brain.description && /*#__PURE__*/ React.createElement(Field, {
+        label: "Description"
+    }, /*#__PURE__*/ React.createElement(Text, null, brain.description))), showSteps && brain.steps.length > 0 && /*#__PURE__*/ React.createElement(Box, {
+        flexDirection: "column"
+    }, /*#__PURE__*/ React.createElement(Text, {
+        bold: true
+    }, "Steps:"), /*#__PURE__*/ React.createElement(StepTree, {
+        steps: brain.steps
+    })), brainSchedules.length > 0 && /*#__PURE__*/ React.createElement(Box, {
+        flexDirection: "column"
+    }, /*#__PURE__*/ React.createElement(Text, {
+        bold: true
+    }, "Schedules:"), /*#__PURE__*/ React.createElement(Box, {
+        marginLeft: 2,
+        flexDirection: "column"
+    }, brainSchedules.map(function(schedule) {
+        return /*#__PURE__*/ React.createElement(Box, {
+            key: schedule.id
+        }, /*#__PURE__*/ React.createElement(Text, null, schedule.enabled ? '•' : '○', " ", schedule.cronExpression, !schedule.enabled && /*#__PURE__*/ React.createElement(Text, {
+            dimColor: true
+        }, " (disabled)")));
+    }))), brainSchedules.length === 0 && /*#__PURE__*/ React.createElement(Box, null, /*#__PURE__*/ React.createElement(Text, {
+        dimColor: true
+    }, "No schedules configured.")));
+};
+// Exported component that uses BrainResolver for fuzzy matching
+export var BrainShow = function(param) {
+    var identifier = param.identifier, showSteps = param.showSteps;
+    return /*#__PURE__*/ React.createElement(BrainResolver, {
+        identifier: identifier
+    }, function(resolvedBrainTitle) {
+        return /*#__PURE__*/ React.createElement(BrainInfo, {
+            brainTitle: resolvedBrainTitle,
+            showSteps: showSteps
+        });
+    });
+};

package/dist/src/components/watch.js

@@ -6,6 +6,19 @@ function _array_like_to_array(arr, len) {
 function _array_with_holes(arr) {
     if (Array.isArray(arr)) return arr;
 }
+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 _iterable_to_array_limit(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
@@ -33,6 +46,45 @@ function _iterable_to_array_limit(arr, i) {
 function _non_iterable_rest() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
+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;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
 function _sliced_to_array(arr, i) {
     return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
 }
@@ -45,71 +97,175 @@ function _unsupported_iterable_to_array(o, minLen) {
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
 }
 import React, { useState, useEffect, useRef } from 'react';
-import { Text, Box } from 'ink';
+import { Text, Box, useStdout } from 'ink';
 import { EventSource } from 'eventsource';
 import { BRAIN_EVENTS } from '@positronic/core';
 import { STATUS } from '@positronic/core';
 import { getApiBaseUrl, isApiLocalDevMode } from '../commands/helpers.js';
-var getStatusIndicator = function(status) {
+import { ErrorComponent } from './error.js';
+// Get the index of the currently running step (or last completed if none running)
+var getCurrentStepIndex = function(steps) {
+    var runningIndex = steps.findIndex(function(s) {
+        return s.status === STATUS.RUNNING;
+    });
+    if (runningIndex >= 0) return runningIndex;
+    // Find the last completed step
+    for(var i = steps.length - 1; i >= 0; i--){
+        if (steps[i].status === STATUS.COMPLETE || steps[i].status === STATUS.ERROR) {
+            return i;
+        }
+    }
+    return 0;
+};
+// Count completed steps
+var getCompletedCount = function(steps) {
+    return steps.filter(function(s) {
+        return s.status === STATUS.COMPLETE;
+    }).length;
+};
+// Get status indicator character
+var getStatusChar = function(status) {
+    switch(status){
+        case STATUS.COMPLETE:
+            return '✓';
+        case STATUS.ERROR:
+            return '✗';
+        case STATUS.RUNNING:
+            return '•';
+        case STATUS.PENDING:
+            return '○';
+        default:
+            return '?';
+    }
+};
+// Get status color
+var getStatusColor = function(status) {
     switch(status){
         case STATUS.COMPLETE:
-            return /*#__PURE__*/ React.createElement(Text, {
-                color: "green"
-            }, "✔");
+            return 'green';
         case STATUS.ERROR:
-            return /*#__PURE__*/ React.createElement(Text, {
-                color: "red"
-            }, "•");
+            return 'red';
         case STATUS.RUNNING:
-            return /*#__PURE__*/ React.createElement(Text, {
-                color: "white"
-            }, "•");
+            return 'yellow';
         case STATUS.PENDING:
-            return /*#__PURE__*/ React.createElement(Text, null, "•");
+            return 'gray';
         default:
-            return /*#__PURE__*/ React.createElement(Text, null, "❓");
+            return 'white';
     }
 };
-var WatchStatus = function(param) {
-    var steps = param.steps, brainTitle = param.brainTitle, runId = param.runId;
-    // Maintain consistent Box wrapper for proper Ink terminal clearing
+var ProgressBar = function(param) {
+    var completed = param.completed, total = param.total, _param_width = param.width, width = _param_width === void 0 ? 20 : _param_width;
+    var filledWidth = total > 0 ? Math.round(completed / total * width) : 0;
+    var emptyWidth = width - filledWidth;
+    return /*#__PURE__*/ React.createElement(Box, null, /*#__PURE__*/ React.createElement(Text, {
+        color: "green"
+    }, '━'.repeat(filledWidth)), /*#__PURE__*/ React.createElement(Text, {
+        dimColor: true
+    }, '━'.repeat(emptyWidth)), /*#__PURE__*/ React.createElement(Text, {
+        dimColor: true
+    }, " ", completed, "/", total, " steps"));
+};
+var StepWindow = function(param) {
+    var steps = param.steps, _param_indent = param.indent, indent = _param_indent === void 0 ? 0 : _param_indent;
+    if (steps.length === 0) {
+        return /*#__PURE__*/ React.createElement(Box, {
+            marginLeft: indent
+        }, /*#__PURE__*/ React.createElement(Text, {
+            dimColor: true
+        }, "Waiting for steps..."));
+    }
+    var currentIndex = getCurrentStepIndex(steps);
+    var prevStep = currentIndex > 0 ? steps[currentIndex - 1] : null;
+    var currentStep = steps[currentIndex];
+    var nextStep = currentIndex < steps.length - 1 ? steps[currentIndex + 1] : null;
     return /*#__PURE__*/ React.createElement(Box, {
-        flexDirection: "column"
-    }, !steps || steps.length === 0 ? /*#__PURE__*/ React.createElement(Text, null, "Waiting for brain steps...") : /*#__PURE__*/ React.createElement(React.Fragment, null, brainTitle && /*#__PURE__*/ React.createElement(Text, {
+        flexDirection: "column",
+        marginLeft: indent
+    }, prevStep && /*#__PURE__*/ React.createElement(Box, null, /*#__PURE__*/ React.createElement(Text, {
+        color: getStatusColor(prevStep.status)
+    }, getStatusChar(prevStep.status), " ", prevStep.title)), currentStep && /*#__PURE__*/ React.createElement(Box, null, /*#__PURE__*/ React.createElement(Text, {
+        color: getStatusColor(currentStep.status),
         bold: true
-    }, "Brain: ", brainTitle, " Run ID: ", runId), /*#__PURE__*/ React.createElement(Box, {
-        marginTop: 1,
+    }, getStatusChar(currentStep.status), " ", currentStep.title)), nextStep && /*#__PURE__*/ React.createElement(Box, null, /*#__PURE__*/ React.createElement(Text, {
+        color: getStatusColor(nextStep.status)
+    }, getStatusChar(nextStep.status), " ", nextStep.title)));
+};
+var BrainSection = function(param) {
+    var brain = param.brain, _param_isInner = param.isInner, isInner = _param_isInner === void 0 ? false : _param_isInner, brains = param.brains;
+    var indent = isInner ? 2 : 0;
+    var completed = getCompletedCount(brain.steps);
+    var total = brain.steps.length;
+    // Find the currently running step to check for inner brain
+    var currentIndex = getCurrentStepIndex(brain.steps);
+    var currentStep = brain.steps[currentIndex];
+    // Find any inner brain associated with the current step
+    var innerBrain = currentStep ? Array.from(brains.values()).find(function(b) {
+        return b.parentStepId === currentStep.id && !b.isComplete;
+    }) : null;
+    return /*#__PURE__*/ React.createElement(Box, {
+        flexDirection: "column",
+        marginLeft: indent
+    }, /*#__PURE__*/ React.createElement(Box, {
         marginBottom: 1
-    }, /*#__PURE__*/ React.createElement(Text, {
+    }, isInner ? /*#__PURE__*/ React.createElement(Text, {
+        dimColor: true
+    }, "└─ ") : null, /*#__PURE__*/ React.createElement(Text, {
         bold: true
-    }, "Steps:")), steps.map(function(step) {
-        return /*#__PURE__*/ React.createElement(Box, {
-            key: step.id,
-            marginLeft: 1,
-            marginBottom: 1,
-            flexDirection: "row"
-        }, /*#__PURE__*/ React.createElement(Box, null, /*#__PURE__*/ React.createElement(Text, {
-            color: step.status === STATUS.COMPLETE ? 'green' : step.status === STATUS.ERROR ? 'red' : step.status === STATUS.RUNNING ? 'white' : step.status === STATUS.PENDING ? 'gray' : 'yellow'
-        }, getStatusIndicator(step.status), " ", step.title)));
+    }, brain.brainTitle)), /*#__PURE__*/ React.createElement(StepWindow, {
+        steps: brain.steps,
+        indent: 1
+    }), /*#__PURE__*/ React.createElement(Box, {
+        marginTop: 1
+    }, /*#__PURE__*/ React.createElement(Box, {
+        marginLeft: 1
+    }, /*#__PURE__*/ React.createElement(ProgressBar, {
+        completed: completed,
+        total: total
+    }))), innerBrain && /*#__PURE__*/ React.createElement(Box, {
+        marginTop: 1
+    }, /*#__PURE__*/ React.createElement(BrainSection, {
+        brain: innerBrain,
+        isInner: true,
+        brains: brains
     })));
 };
 export var Watch = function(param) {
     var runId = param.runId;
-    var _useState = _sliced_to_array(useState([]), 2), steps = _useState[0], setSteps = _useState[1];
-    var _useState1 = _sliced_to_array(useState(undefined), 2), brainTitle = _useState1[0], setBrainTitle = _useState1[1];
-    var _useState2 = _sliced_to_array(useState(undefined), 2), brainError = _useState2[0], setBrainError = _useState2[1];
-    var _useState3 = _sliced_to_array(useState(null), 2), error = _useState3[0], setError = _useState3[1];
-    var _useState4 = _sliced_to_array(useState(false), 2), isConnected = _useState4[0], setIsConnected = _useState4[1];
-    var _useState5 = _sliced_to_array(useState(false), 2), isCompleted = _useState5[0], setIsCompleted = _useState5[1];
+    var write = useStdout().write;
+    // Track all brains (parent and inner) by their brainRunId
+    var _useState = _sliced_to_array(useState(new Map()), 2), brains = _useState[0], setBrains = _useState[1];
+    var _useState1 = _sliced_to_array(useState(undefined), 2), brainError = _useState1[0], setBrainError = _useState1[1];
+    var _useState2 = _sliced_to_array(useState(null), 2), error = _useState2[0], setError = _useState2[1];
+    var _useState3 = _sliced_to_array(useState(false), 2), isConnected = _useState3[0], setIsConnected = _useState3[1];
+    var _useState4 = _sliced_to_array(useState(false), 2), isCompleted = _useState4[0], setIsCompleted = _useState4[1];
     // Track the main brain's brainRunId to distinguish from inner brain events
     var mainBrainRunIdRef = useRef(null);
+    // Track the currently running step ID to associate inner brains with their parent step
+    var runningStepIdRef = useRef(null);
+    // Enter alternate screen buffer on mount, exit on unmount
+    // Skip in test environment to avoid interfering with test output capture
+    useEffect(function() {
+        if (process.env.NODE_ENV === 'test') {
+            return;
+        }
+        // Enter alternate screen buffer and clear
+        write('\x1B[?1049h\x1B[2J\x1B[H');
+        return function() {
+            // Exit alternate screen buffer
+            write('\x1B[?1049l');
+        };
+    }, [
+        write
+    ]);
     useEffect(function() {
         var baseUrl = getApiBaseUrl();
         var url = "".concat(baseUrl, "/brains/runs/").concat(runId, "/watch");
         var es = new EventSource(url);
         setIsConnected(false);
         setError(null);
+        setBrains(new Map());
         mainBrainRunIdRef.current = null;
+        runningStepIdRef.current = null;
         es.onopen = function() {
             setIsConnected(true);
             setError(null);
@@ -117,21 +273,60 @@ export var Watch = function(param) {
         es.onmessage = function(event) {
             try {
                 var eventData = JSON.parse(event.data);
-                if (eventData.type === BRAIN_EVENTS.STEP_STATUS) {
-                    setSteps(eventData.steps);
-                }
+                // Handle brain start - register new brain (parent or inner)
                 if (eventData.type === BRAIN_EVENTS.START || eventData.type === BRAIN_EVENTS.RESTART) {
                     var startEvent = eventData;
-                    // Only set the main brain info on the first START event
-                    if (mainBrainRunIdRef.current === null) {
+                    var isMainBrain = mainBrainRunIdRef.current === null;
+                    if (isMainBrain) {
                         mainBrainRunIdRef.current = startEvent.brainRunId;
-                        setBrainTitle(startEvent.brainTitle);
                     }
+                    setBrains(function(prev) {
+                        var next = new Map(prev);
+                        next.set(startEvent.brainRunId, {
+                            brainRunId: startEvent.brainRunId,
+                            brainTitle: startEvent.brainTitle,
+                            steps: [],
+                            parentStepId: isMainBrain ? null : runningStepIdRef.current,
+                            isComplete: false
+                        });
+                        return next;
+                    });
                     setIsCompleted(false);
                 }
-                // Only mark complete when the main brain completes, not inner brains
+                // Handle step status - update steps for the specific brain only
+                if (eventData.type === BRAIN_EVENTS.STEP_STATUS) {
+                    var statusEvent = eventData;
+                    setBrains(function(prev) {
+                        var next = new Map(prev);
+                        var brain = next.get(statusEvent.brainRunId);
+                        if (brain) {
+                            next.set(statusEvent.brainRunId, _object_spread_props(_object_spread({}, brain), {
+                                steps: statusEvent.steps
+                            }));
+                        }
+                        return next;
+                    });
+                }
+                // Handle step start - track the running step for inner brain association
+                if (eventData.type === BRAIN_EVENTS.STEP_START) {
+                    var stepEvent = eventData;
+                    runningStepIdRef.current = stepEvent.stepId;
+                }
+                // Mark brain as complete when it completes
                 if (eventData.type === BRAIN_EVENTS.COMPLETE || eventData.type === BRAIN_EVENTS.ERROR) {
                     var completeEvent = eventData;
+                    // Mark this brain as complete
+                    setBrains(function(prev) {
+                        var next = new Map(prev);
+                        var brain = next.get(completeEvent.brainRunId);
+                        if (brain) {
+                            next.set(completeEvent.brainRunId, _object_spread_props(_object_spread({}, brain), {
+                                isComplete: true
+                            }));
+                        }
+                        return next;
+                    });
+                    // Only mark overall as complete when the main brain completes
                     if (completeEvent.brainRunId === mainBrainRunIdRef.current) {
                         setIsCompleted(true);
                     }
@@ -147,28 +342,24 @@ export var Watch = function(param) {
                 setError(new Error("Error parsing event data: ".concat(e.message)));
             }
         };
-        es.onerror = function(err) {
-            // EventSource does not provide detailed error objects here, often just a generic Event
+        es.onerror = function() {
             var errorMessage = isApiLocalDevMode() ? "Connection to ".concat(url, " failed. Ensure the local development server is running ('positronic server' or 'px s').") : "Connection to ".concat(url, " failed. Please check your network connection and verify the project URL is correct.");
             setError(new Error(errorMessage));
             setIsConnected(false);
             es.close();
         };
-        // Cleanup function to close EventSource when component unmounts or runId changes
         return function() {
             es.close();
         };
     }, [
         runId
     ]);
-    // Maintain consistent Box wrapper to help Ink properly calculate
-    // terminal clearing between renders (prevents appending instead of overwriting)
+    var mainBrain = mainBrainRunIdRef.current ? brains.get(mainBrainRunIdRef.current) : null;
     return /*#__PURE__*/ React.createElement(Box, {
         flexDirection: "column"
-    }, !isConnected && steps.length === 0 ? /*#__PURE__*/ React.createElement(Text, null, "Connecting to watch service...") : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(WatchStatus, {
-        steps: steps,
-        brainTitle: brainTitle,
-        runId: runId
+    }, !isConnected && brains.size === 0 ? /*#__PURE__*/ React.createElement(Text, null, "Connecting to watch service...") : !mainBrain ? /*#__PURE__*/ React.createElement(Text, null, "Waiting for brain to start...") : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(BrainSection, {
+        brain: mainBrain,
+        brains: brains
     }), isCompleted && !error && !brainError && /*#__PURE__*/ React.createElement(Box, {
         marginTop: 1,
         borderStyle: "round",
@@ -176,23 +367,17 @@ export var Watch = function(param) {
         paddingX: 1
     }, /*#__PURE__*/ React.createElement(Text, {
         color: "green"
-    }, "Brain completed.")), error && /*#__PURE__*/ React.createElement(Box, {
-        borderStyle: "round",
-        borderColor: "red",
-        padding: 1
-    }, /*#__PURE__*/ React.createElement(Text, {
-        color: "red"
-    }, error.message), /*#__PURE__*/ React.createElement(Text, {
-        color: "red"
-    }, error.stack)), brainError && /*#__PURE__*/ React.createElement(Box, {
-        borderStyle: "round",
-        borderColor: "red",
-        padding: 1
-    }, /*#__PURE__*/ React.createElement(Text, {
-        color: "red"
-    }, brainError.error.name), /*#__PURE__*/ React.createElement(Text, {
-        color: "red"
-    }, brainError.error.message), /*#__PURE__*/ React.createElement(Text, {
-        color: "red"
-    }, brainError.error.stack))));
+    }, "Brain completed.")), error && /*#__PURE__*/ React.createElement(ErrorComponent, {
+        error: {
+            title: 'Connection Error',
+            message: error.message,
+            details: error.stack
+        }
+    }), brainError && /*#__PURE__*/ React.createElement(ErrorComponent, {
+        error: {
+            title: brainError.error.name || 'Brain Error',
+            message: brainError.error.message,
+            details: brainError.error.stack
+        }
+    })));
 };

package/dist/types/cli.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cli.d.ts","sourceRoot":"","sources":["../../src/cli.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAK5D,MAAM,WAAW,UAAU;IACzB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,YAAY,KAAK,GAAG,CAAC;CAC9C;AAoBD,wBAAgB,QAAQ,CAAC,OAAO,EAAE,UAAU,4BAkkC3C"}
+{"version":3,"file":"cli.d.ts","sourceRoot":"","sources":["../../src/cli.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAK5D,MAAM,WAAW,UAAU;IACzB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,YAAY,KAAK,GAAG,CAAC;CAC9C;AAoBD,wBAAgB,QAAQ,CAAC,OAAO,EAAE,UAAU,4BAomC3C"}

package/dist/types/commands/brain.d.ts

@@ -7,7 +7,9 @@ interface BrainHistoryArgs {
     limit: number;
 }
 interface BrainShowArgs {
-    runId: string;
+    brain?: string;
+    runId?: string;
+    steps?: boolean;
 }
 interface BrainRerunArgs {
     brain: string;
@@ -31,7 +33,7 @@ interface BrainKillArgs {
 export declare class BrainCommand {
     list(argv: ArgumentsCamelCase<BrainListArgs>): React.ReactElement;
     history({ brain, limit, }: ArgumentsCamelCase<BrainHistoryArgs>): React.ReactElement;
-    show({ runId, }: ArgumentsCamelCase<BrainShowArgs>): React.ReactElement;
+    show({ brain, runId, steps, }: ArgumentsCamelCase<BrainShowArgs>): React.ReactElement;
     rerun({ brain, runId, startsAt, stopsAfter, }: ArgumentsCamelCase<BrainRerunArgs>): React.ReactElement;
     run({ brain, watch, options }: ArgumentsCamelCase<BrainRunArgs>): React.ReactElement;
     watch({ runId, brain, }: ArgumentsCamelCase<BrainWatchArgs>): React.ReactElement;

package/dist/types/commands/brain.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"brain.d.ts","sourceRoot":"","sources":["../../../src/commands/brain.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,UAAU,aAAa;CAAG;AAC1B,UAAU,gBAAgB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AACD,UAAU,aAAa;IACrB,KAAK,EAAE,MAAM,CAAC;CACf;AACD,UAAU,cAAc;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AACD,UAAU,YAAY;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAClC;AACD,UAAU,cAAc;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AACD,UAAU,aAAa;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;CAChB;AAED,qBAAa,YAAY;IACvB,IAAI,CAAC,IAAI,EAAE,kBAAkB,CAAC,aAAa,CAAC,GAAG,KAAK,CAAC,YAAY;IAIjE,OAAO,CAAC,EACN,KAAK,EACL,KAAK,GACN,EAAE,kBAAkB,CAAC,gBAAgB,CAAC,GAAG,KAAK,CAAC,YAAY;IAQ5D,IAAI,CAAC,EACH,KAAK,GACN,EAAE,kBAAkB,CAAC,aAAa,CAAC,GAAG,KAAK,CAAC,YAAY;IAIzD,KAAK,CAAC,EACJ,KAAK,EACL,KAAK,EACL,QAAQ,EACR,UAAU,GACX,EAAE,kBAAkB,CAAC,cAAc,CAAC,GAAG,KAAK,CAAC,YAAY;IAa1D,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,kBAAkB,CAAC,YAAY,CAAC,GAAG,KAAK,CAAC,YAAY;IAQpF,KAAK,CAAC,EACJ,KAAK,EACL,KAAK,GACN,EAAE,kBAAkB,CAAC,cAAc,CAAC,GAAG,KAAK,CAAC,YAAY;IAyB1D,IAAI,CAAC,EACH,KAAK,EACL,KAAK,GACN,EAAE,kBAAkB,CAAC,aAAa,CAAC,GAAG,KAAK,CAAC,YAAY;CAI1D"}
+{"version":3,"file":"brain.d.ts","sourceRoot":"","sources":["../../../src/commands/brain.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,UAAU,aAAa;CAAG;AAC1B,UAAU,gBAAgB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AACD,UAAU,aAAa;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AACD,UAAU,cAAc;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AACD,UAAU,YAAY;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAClC;AACD,UAAU,cAAc;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AACD,UAAU,aAAa;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;CAChB;AAED,qBAAa,YAAY;IACvB,IAAI,CAAC,IAAI,EAAE,kBAAkB,CAAC,aAAa,CAAC,GAAG,KAAK,CAAC,YAAY;IAIjE,OAAO,CAAC,EACN,KAAK,EACL,KAAK,GACN,EAAE,kBAAkB,CAAC,gBAAgB,CAAC,GAAG,KAAK,CAAC,YAAY;IAQ5D,IAAI,CAAC,EACH,KAAK,EACL,KAAK,EACL,KAAK,GACN,EAAE,kBAAkB,CAAC,aAAa,CAAC,GAAG,KAAK,CAAC,YAAY;IAqBzD,KAAK,CAAC,EACJ,KAAK,EACL,KAAK,EACL,QAAQ,EACR,UAAU,GACX,EAAE,kBAAkB,CAAC,cAAc,CAAC,GAAG,KAAK,CAAC,YAAY;IAa1D,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,kBAAkB,CAAC,YAAY,CAAC,GAAG,KAAK,CAAC,YAAY;IAQpF,KAAK,CAAC,EACJ,KAAK,EACL,KAAK,GACN,EAAE,kBAAkB,CAAC,cAAc,CAAC,GAAG,KAAK,CAAC,YAAY;IAyB1D,IAAI,CAAC,EACH,KAAK,EACL,KAAK,GACN,EAAE,kBAAkB,CAAC,aAAa,CAAC,GAAG,KAAK,CAAC,YAAY;CAI1D"}

package/dist/types/components/brain-kill.d.ts

@@ -2,6 +2,6 @@ interface BrainKillProps {
     runId: string;
     force: boolean;
 }
-export declare const BrainKill: ({ runId, force }: BrainKillProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const BrainKill: ({ runId, force }: BrainKillProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=brain-kill.d.ts.map

package/dist/types/components/brain-kill.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"brain-kill.d.ts","sourceRoot":"","sources":["../../../src/components/brain-kill.tsx"],"names":[],"mappings":"AAKA,UAAU,cAAc;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;CAChB;AAED,eAAO,MAAM,SAAS,GAAI,kBAAkB,cAAc,mDAoHzD,CAAC"}
+{"version":3,"file":"brain-kill.d.ts","sourceRoot":"","sources":["../../../src/components/brain-kill.tsx"],"names":[],"mappings":"AAKA,UAAU,cAAc;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;CAChB;AAED,eAAO,MAAM,SAAS,GAAI,kBAAkB,cAAc,4CAiIzD,CAAC"}

package/dist/types/components/brain-show.d.ts

@@ -0,0 +1,7 @@
+interface BrainShowProps {
+    identifier: string;
+    showSteps: boolean;
+}
+export declare const BrainShow: ({ identifier, showSteps }: BrainShowProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=brain-show.d.ts.map

package/dist/types/components/brain-show.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"brain-show.d.ts","sourceRoot":"","sources":["../../../src/components/brain-show.tsx"],"names":[],"mappings":"AA+JA,UAAU,cAAc;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;CACpB;AAGD,eAAO,MAAM,SAAS,GAAI,2BAA2B,cAAc,4CAQlE,CAAC"}

package/dist/types/components/watch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"watch.d.ts","sourceRoot":"","sources":["../../../src/components/watch.tsx"],"names":[],"mappings":"AAiEA,UAAU,UAAU;IAClB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,KAAK,GAAI,WAAW,UAAU,4CA+G1C,CAAC"}
+{"version":3,"file":"watch.d.ts","sourceRoot":"","sources":["../../../src/components/watch.tsx"],"names":[],"mappings":"AA8LA,UAAU,UAAU;IAClB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,KAAK,GAAI,WAAW,UAAU,4CAsL1C,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@positronic/cli",
-  "version": "0.0.43",
+  "version": "0.0.45",
   "publishConfig": {
     "access": "public"
   },
@@ -23,9 +23,9 @@
     "clean": "rm -rf tsconfig.tsbuildinfo dist node_modules"
   },
   "dependencies": {
-    "@positronic/core": "^0.0.43",
-    "@positronic/spec": "^0.0.43",
-    "@positronic/template-new-project": "^0.0.43",
+    "@positronic/core": "^0.0.45",
+    "@positronic/spec": "^0.0.45",
+    "@positronic/template-new-project": "^0.0.45",
     "caz": "^2.0.0",
     "chokidar": "^3.6.0",
     "dotenv": "^16.4.7",