@positronic/cli 0.0.2

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

@@ -0,0 +1,169 @@
+import React from 'react';
+import { Text, Box } from 'ink';
+import { useApiGet } from '../hooks/useApi.js';
+import { ErrorComponent } from './error.js';
+// Helper to format dates
+var formatDate = function(timestamp) {
+    var date = new Date(timestamp);
+    return date.toLocaleDateString() + ' ' + date.toLocaleTimeString();
+};
+// Helper to format relative time
+var formatRelativeTime = function(timestamp) {
+    var now = Date.now();
+    var diffMs = now - timestamp;
+    var diffMins = Math.floor(diffMs / (1000 * 60));
+    var diffHours = Math.floor(diffMs / (1000 * 60 * 60));
+    var diffDays = Math.floor(diffMs / (1000 * 60 * 60 * 24));
+    if (diffMins < 1) {
+        return 'just now';
+    } else if (diffMins < 60) {
+        return "".concat(diffMins, " min ago");
+    } else if (diffHours < 24) {
+        return "".concat(diffHours, " hr ago");
+    } else {
+        return "".concat(diffDays, " day").concat(diffDays === 1 ? '' : 's', " ago");
+    }
+};
+// Helper to format duration
+var formatDuration = function(startMs, endMs) {
+    var durationMs = endMs - startMs;
+    var seconds = Math.floor(durationMs / 1000);
+    var minutes = Math.floor(seconds / 60);
+    if (seconds < 60) {
+        return "".concat(seconds, "s");
+    } else {
+        var remainingSeconds = seconds % 60;
+        return "".concat(minutes, "m ").concat(remainingSeconds, "s");
+    }
+};
+// Helper to get status color
+var getStatusColor = function(status) {
+    switch(status){
+        case 'COMPLETE':
+            return 'green';
+        case 'ERROR':
+            return 'red';
+        case 'RUNNING':
+            return 'yellow';
+        default:
+            return 'gray';
+    }
+};
+// Helper to pad text to column width
+var padRight = function(text, width) {
+    return text + ' '.repeat(Math.max(0, width - text.length));
+};
+// Helper to truncate text
+var truncate = function(text, maxWidth) {
+    if (text.length <= maxWidth) return text;
+    return text.substring(0, maxWidth - 3) + '...';
+};
+export var BrainHistory = function(param) {
+    var brainName = param.brainName, limit = param.limit;
+    var url = "/brains/".concat(encodeURIComponent(brainName), "/history?limit=").concat(limit);
+    var _useApiGet = useApiGet(url), data = _useApiGet.data, loading = _useApiGet.loading, error = _useApiGet.error;
+    if (error) {
+        return /*#__PURE__*/ React.createElement(ErrorComponent, {
+            error: error
+        });
+    }
+    if (loading) {
+        return /*#__PURE__*/ React.createElement(Box, null, /*#__PURE__*/ React.createElement(Text, null, "\uD83E\uDDE0 Loading brain history..."));
+    }
+    if (!data || data.runs.length === 0) {
+        return /*#__PURE__*/ React.createElement(Box, {
+            flexDirection: "column"
+        }, /*#__PURE__*/ React.createElement(Text, null, "No run history found for brain: ", brainName), /*#__PURE__*/ React.createElement(Box, {
+            marginTop: 1
+        }, /*#__PURE__*/ React.createElement(Text, {
+            dimColor: true
+        }, 'Tip: Run this brain with "px run ', brainName, '" to create history')));
+    }
+    // Define column widths
+    var columns = {
+        runId: {
+            header: 'Run ID',
+            width: 38
+        },
+        status: {
+            header: 'Status',
+            width: 10
+        },
+        type: {
+            header: 'Type',
+            width: 10
+        },
+        when: {
+            header: 'When',
+            width: 12
+        },
+        duration: {
+            header: 'Duration',
+            width: 10
+        },
+        startedAt: {
+            header: 'Started At',
+            width: 20
+        }
+    };
+    return /*#__PURE__*/ React.createElement(Box, {
+        flexDirection: "column",
+        paddingTop: 1,
+        paddingBottom: 1
+    }, /*#__PURE__*/ React.createElement(Text, {
+        bold: true
+    }, 'Recent runs for brain "', brainName, '" (', data.runs.length, " shown):"), /*#__PURE__*/ React.createElement(Box, {
+        marginTop: 1,
+        flexDirection: "column"
+    }, /*#__PURE__*/ React.createElement(Box, null, /*#__PURE__*/ React.createElement(Text, {
+        bold: true,
+        color: "cyan"
+    }, padRight(columns.runId.header, columns.runId.width)), /*#__PURE__*/ React.createElement(Text, null, "  "), /*#__PURE__*/ React.createElement(Text, {
+        bold: true,
+        color: "cyan"
+    }, padRight(columns.status.header, columns.status.width)), /*#__PURE__*/ React.createElement(Text, null, "  "), /*#__PURE__*/ React.createElement(Text, {
+        bold: true,
+        color: "cyan"
+    }, padRight(columns.type.header, columns.type.width)), /*#__PURE__*/ React.createElement(Text, null, "  "), /*#__PURE__*/ React.createElement(Text, {
+        bold: true,
+        color: "cyan"
+    }, padRight(columns.when.header, columns.when.width)), /*#__PURE__*/ React.createElement(Text, null, "  "), /*#__PURE__*/ React.createElement(Text, {
+        bold: true,
+        color: "cyan"
+    }, padRight(columns.duration.header, columns.duration.width)), /*#__PURE__*/ React.createElement(Text, null, "  "), /*#__PURE__*/ React.createElement(Text, {
+        bold: true,
+        color: "cyan"
+    }, padRight(columns.startedAt.header, columns.startedAt.width))), /*#__PURE__*/ React.createElement(Box, null, /*#__PURE__*/ React.createElement(Text, {
+        dimColor: true
+    }, '─'.repeat(112))), data.runs.map(function(run) {
+        var duration = run.startedAt && run.completedAt ? formatDuration(run.startedAt, run.completedAt) : run.status === 'RUNNING' ? 'Running...' : 'N/A';
+        return /*#__PURE__*/ React.createElement(Box, {
+            key: run.brainRunId
+        }, /*#__PURE__*/ React.createElement(Text, null, padRight(truncate(run.brainRunId, columns.runId.width), columns.runId.width)), /*#__PURE__*/ React.createElement(Text, null, "  "), /*#__PURE__*/ React.createElement(Text, {
+            color: getStatusColor(run.status)
+        }, padRight(run.status, columns.status.width)), /*#__PURE__*/ React.createElement(Text, null, "  "), /*#__PURE__*/ React.createElement(Text, null, padRight(run.type || 'N/A', columns.type.width)), /*#__PURE__*/ React.createElement(Text, null, "  "), /*#__PURE__*/ React.createElement(Text, {
+            dimColor: true
+        }, padRight(formatRelativeTime(run.createdAt), columns.when.width)), /*#__PURE__*/ React.createElement(Text, null, "  "), /*#__PURE__*/ React.createElement(Text, null, padRight(duration, columns.duration.width)), /*#__PURE__*/ React.createElement(Text, null, "  "), /*#__PURE__*/ React.createElement(Text, {
+            dimColor: true
+        }, padRight(run.startedAt ? formatDate(run.startedAt) : 'N/A', columns.startedAt.width)));
+    }), data.runs.filter(function(r) {
+        return r.status === 'ERROR' && r.error;
+    }).length > 0 && /*#__PURE__*/ React.createElement(Box, {
+        flexDirection: "column",
+        marginTop: 1
+    }, /*#__PURE__*/ React.createElement(Text, {
+        bold: true,
+        color: "red"
+    }, "Errors:"), data.runs.filter(function(r) {
+        return r.status === 'ERROR' && r.error;
+    }).map(function(run) {
+        return /*#__PURE__*/ React.createElement(Box, {
+            key: run.brainRunId,
+            marginLeft: 2
+        }, /*#__PURE__*/ React.createElement(Text, {
+            dimColor: true
+        }, run.brainRunId, ": "), /*#__PURE__*/ React.createElement(Text, {
+            color: "red"
+        }, typeof run.error === 'string' ? run.error : JSON.stringify(run.error)));
+    }))));
+};

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

@@ -0,0 +1,108 @@
+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);
+}
+import React from 'react';
+import { Text, Box } from 'ink';
+import { ErrorComponent } from './error.js';
+import { useApiGet } from '../hooks/useApi.js';
+// Helper to truncate text to fit column width
+var truncate = function(text, maxWidth) {
+    if (text.length <= maxWidth) return text;
+    return text.substring(0, maxWidth - 3) + '...';
+};
+// Helper to pad text to column width
+var padRight = function(text, width) {
+    return text + ' '.repeat(Math.max(0, width - text.length));
+};
+export var BrainList = function() {
+    var _useApiGet = useApiGet('/brains'), data = _useApiGet.data, loading = _useApiGet.loading, error = _useApiGet.error;
+    if (error) {
+        return /*#__PURE__*/ React.createElement(ErrorComponent, {
+            error: error
+        });
+    }
+    if (loading) {
+        return /*#__PURE__*/ React.createElement(Box, null, /*#__PURE__*/ React.createElement(Text, null, "\uD83E\uDDE0 Loading brains..."));
+    }
+    if (!data || data.brains.length === 0) {
+        return /*#__PURE__*/ React.createElement(Box, {
+            flexDirection: "column"
+        }, /*#__PURE__*/ React.createElement(Text, null, "No brains found."), /*#__PURE__*/ React.createElement(Box, {
+            marginTop: 1
+        }, /*#__PURE__*/ React.createElement(Text, {
+            dimColor: true
+        }, 'Tip: Create a brain with "px brain new <name>" or add .ts files to the brains/ directory')));
+    }
+    // Sort brains alphabetically by name
+    var sortedBrains = _to_consumable_array(data.brains).sort(function(a, b) {
+        return a.name.localeCompare(b.name);
+    });
+    // Define column widths
+    var columns = {
+        name: {
+            header: 'Name',
+            width: 25
+        },
+        title: {
+            header: 'Title',
+            width: 35
+        },
+        description: {
+            header: 'Description',
+            width: 50
+        }
+    };
+    // Calculate total width for separator
+    var totalWidth = Object.values(columns).reduce(function(sum, col) {
+        return sum + col.width + 2;
+    }, 0) - 2;
+    return /*#__PURE__*/ React.createElement(Box, {
+        flexDirection: "column",
+        paddingTop: 1,
+        paddingBottom: 1
+    }, /*#__PURE__*/ React.createElement(Text, {
+        bold: true
+    }, "Found ", data.count, " brain", data.count === 1 ? '' : 's', ":"), /*#__PURE__*/ React.createElement(Box, {
+        marginTop: 1,
+        flexDirection: "column"
+    }, /*#__PURE__*/ React.createElement(Box, null, /*#__PURE__*/ React.createElement(Text, {
+        bold: true,
+        color: "cyan"
+    }, padRight(columns.name.header, columns.name.width)), /*#__PURE__*/ React.createElement(Text, null, "  "), /*#__PURE__*/ React.createElement(Text, {
+        bold: true,
+        color: "cyan"
+    }, padRight(columns.title.header, columns.title.width)), /*#__PURE__*/ React.createElement(Text, null, "  "), /*#__PURE__*/ React.createElement(Text, {
+        bold: true,
+        color: "cyan"
+    }, padRight(columns.description.header, columns.description.width))), /*#__PURE__*/ React.createElement(Box, null, /*#__PURE__*/ React.createElement(Text, {
+        dimColor: true
+    }, '─'.repeat(totalWidth))), sortedBrains.map(function(brain) {
+        return /*#__PURE__*/ React.createElement(Box, {
+            key: brain.name
+        }, /*#__PURE__*/ React.createElement(Text, null, padRight(truncate(brain.name, columns.name.width), columns.name.width)), /*#__PURE__*/ React.createElement(Text, null, "  "), /*#__PURE__*/ React.createElement(Text, null, padRight(truncate(brain.title, columns.title.width), columns.title.width)), /*#__PURE__*/ React.createElement(Text, null, "  "), /*#__PURE__*/ React.createElement(Text, {
+            dimColor: true
+        }, padRight(truncate(brain.description, columns.description.width), columns.description.width)));
+    })));
+};

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

@@ -0,0 +1,313 @@
+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_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+    try {
+        var info = gen[key](arg);
+        var value = info.value;
+    } catch (error) {
+        reject(error);
+        return;
+    }
+    if (info.done) {
+        resolve(value);
+    } else {
+        Promise.resolve(value).then(_next, _throw);
+    }
+}
+function _async_to_generator(fn) {
+    return function() {
+        var self = this, args = arguments;
+        return new Promise(function(resolve, reject) {
+            var gen = fn.apply(self, args);
+            function _next(value) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+            }
+            function _throw(err) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+            }
+            _next(undefined);
+        });
+    };
+}
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+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 _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();
+}
+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);
+}
+function _ts_generator(thisArg, body) {
+    var f, y, t, _ = {
+        label: 0,
+        sent: function() {
+            if (t[0] & 1) throw t[1];
+            return t[1];
+        },
+        trys: [],
+        ops: []
+    }, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() {
+        return this;
+    }), g;
+    function verb(n) {
+        return function(v) {
+            return step([
+                n,
+                v
+            ]);
+        };
+    }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while(g && (g = 0, op[0] && (_ = 0)), _)try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [
+                op[0] & 2,
+                t.value
+            ];
+            switch(op[0]){
+                case 0:
+                case 1:
+                    t = op;
+                    break;
+                case 4:
+                    _.label++;
+                    return {
+                        value: op[1],
+                        done: false
+                    };
+                case 5:
+                    _.label++;
+                    y = op[1];
+                    op = [
+                        0
+                    ];
+                    continue;
+                case 7:
+                    op = _.ops.pop();
+                    _.trys.pop();
+                    continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+                        _ = 0;
+                        continue;
+                    }
+                    if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
+                        _.label = op[1];
+                        break;
+                    }
+                    if (op[0] === 6 && _.label < t[1]) {
+                        _.label = t[1];
+                        t = op;
+                        break;
+                    }
+                    if (t && _.label < t[2]) {
+                        _.label = t[2];
+                        _.ops.push(op);
+                        break;
+                    }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop();
+                    continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) {
+            op = [
+                6,
+                e
+            ];
+            y = 0;
+        } finally{
+            f = t = 0;
+        }
+        if (op[0] & 5) throw op[1];
+        return {
+            value: op[0] ? op[1] : void 0,
+            done: true
+        };
+    }
+}
+import React, { useState, useEffect } from 'react';
+import { Text, Box } from 'ink';
+import { apiClient } from '../commands/helpers.js';
+import { ErrorComponent } from './error.js';
+export var BrainRerun = function(param) {
+    var brainName = param.brainName, runId = param.runId, startsAt = param.startsAt, stopsAfter = param.stopsAfter;
+    var _useState = _sliced_to_array(useState(true), 2), isLoading = _useState[0], setIsLoading = _useState[1];
+    var _useState1 = _sliced_to_array(useState(null), 2), error = _useState1[0], setError = _useState1[1];
+    var _useState2 = _sliced_to_array(useState(null), 2), newRunId = _useState2[0], setNewRunId = _useState2[1];
+    useEffect(function() {
+        var rerunBrain = function() {
+            return _async_to_generator(function() {
+                var body, response, result, errorData, errorText, err;
+                return _ts_generator(this, function(_state) {
+                    switch(_state.label){
+                        case 0:
+                            _state.trys.push([
+                                0,
+                                8,
+                                9,
+                                10
+                            ]);
+                            body = {
+                                brainName: brainName
+                            };
+                            if (runId) body.runId = runId;
+                            if (startsAt !== undefined) body.startsAt = startsAt;
+                            if (stopsAfter !== undefined) body.stopsAfter = stopsAfter;
+                            return [
+                                4,
+                                apiClient.fetch('/brains/runs/rerun', {
+                                    method: 'POST',
+                                    headers: {
+                                        'Content-Type': 'application/json'
+                                    },
+                                    body: JSON.stringify(body)
+                                })
+                            ];
+                        case 1:
+                            response = _state.sent();
+                            if (!(response.status === 201)) return [
+                                3,
+                                3
+                            ];
+                            return [
+                                4,
+                                response.json()
+                            ];
+                        case 2:
+                            result = _state.sent();
+                            setNewRunId(result.brainRunId);
+                            return [
+                                3,
+                                7
+                            ];
+                        case 3:
+                            if (!(response.status === 404)) return [
+                                3,
+                                5
+                            ];
+                            return [
+                                4,
+                                response.json()
+                            ];
+                        case 4:
+                            errorData = _state.sent();
+                            setError(errorData.error || "Brain or run not found");
+                            return [
+                                3,
+                                7
+                            ];
+                        case 5:
+                            return [
+                                4,
+                                response.text()
+                            ];
+                        case 6:
+                            errorText = _state.sent();
+                            setError("Server returned ".concat(response.status, ": ").concat(errorText));
+                            _state.label = 7;
+                        case 7:
+                            return [
+                                3,
+                                10
+                            ];
+                        case 8:
+                            err = _state.sent();
+                            setError("Connection error: ".concat(err.message));
+                            return [
+                                3,
+                                10
+                            ];
+                        case 9:
+                            setIsLoading(false);
+                            return [
+                                7
+                            ];
+                        case 10:
+                            return [
+                                2
+                            ];
+                    }
+                });
+            })();
+        };
+        rerunBrain();
+    }, [
+        brainName,
+        runId,
+        startsAt,
+        stopsAfter
+    ]);
+    if (isLoading) {
+        return /*#__PURE__*/ React.createElement(Box, null, /*#__PURE__*/ React.createElement(Text, null, "\uD83D\uDD04 Starting brain rerun..."));
+    }
+    if (error) {
+        var errorDetails = runId ? 'Make sure the brain "'.concat(brainName, '" and run ID "').concat(runId, '" exist.\nYou can list brain history with: positronic brain history ').concat(brainName) : 'Make sure the brain "'.concat(brainName, '" exists.\nYou can list available brains with: positronic brain list');
+        return /*#__PURE__*/ React.createElement(ErrorComponent, {
+            error: {
+                title: 'Brain Rerun Failed',
+                message: error,
+                details: errorDetails
+            }
+        });
+    }
+    if (newRunId) {
+        var runDetails = runId ? " from run ".concat(runId) : '';
+        var rangeDetails = startsAt || stopsAfter ? " (".concat(startsAt ? "starting at step ".concat(startsAt) : '').concat(startsAt && stopsAfter ? ', ' : '').concat(stopsAfter ? "stopping after step ".concat(stopsAfter) : '', ")") : '';
+        return /*#__PURE__*/ React.createElement(Box, {
+            flexDirection: "column"
+        }, /*#__PURE__*/ React.createElement(Text, {
+            bold: true,
+            color: "green"
+        }, "✅ Brain rerun started successfully!"), /*#__PURE__*/ React.createElement(Text, null, "New run ID: ", /*#__PURE__*/ React.createElement(Text, {
+            bold: true
+        }, newRunId)), /*#__PURE__*/ React.createElement(Text, {
+            dimColor: true
+        }, 'Rerunning brain "', brainName, '"', runDetails, rangeDetails), /*#__PURE__*/ React.createElement(Box, {
+            marginTop: 1
+        }, /*#__PURE__*/ React.createElement(Text, {
+            dimColor: true
+        }, "Watch the run with: positronic watch --run-id ", newRunId)));
+    }
+    return /*#__PURE__*/ React.createElement(Box, null, /*#__PURE__*/ React.createElement(Text, {
+        color: "red"
+    }, "❌ Unexpected error occurred"));
+};

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

@@ -0,0 +1,65 @@
+import React from 'react';
+import { Text, Box } from 'ink';
+import { useApiGet } from '../hooks/useApi.js';
+import { ErrorComponent } from './error.js';
+var StepDisplay = function(param) {
+    var step = param.step, _param_indent = param.indent, indent = _param_indent === void 0 ? 0 : _param_indent;
+    var indentStr = '  '.repeat(indent);
+    if (step.type === 'step') {
+        return /*#__PURE__*/ React.createElement(Text, null, indentStr, "• ", step.title);
+    } else {
+        var _step_innerBrain;
+        // Nested brain
+        return /*#__PURE__*/ React.createElement(Box, {
+            flexDirection: "column"
+        }, /*#__PURE__*/ React.createElement(Text, null, indentStr, "▸ ", step.title, " ", /*#__PURE__*/ React.createElement(Text, {
+            dimColor: true
+        }, "(nested brain)")), (_step_innerBrain = step.innerBrain) === null || _step_innerBrain === void 0 ? void 0 : _step_innerBrain.steps.map(function(innerStep, idx) {
+            return /*#__PURE__*/ React.createElement(StepDisplay, {
+                key: idx,
+                step: innerStep,
+                indent: indent + 1
+            });
+        }));
+    }
+};
+export var BrainShow = function(param) {
+    var brainName = param.brainName;
+    var _useApiGet = useApiGet("/brains/".concat(encodeURIComponent(brainName))), data = _useApiGet.data, loading = _useApiGet.loading, error = _useApiGet.error;
+    if (loading) {
+        return /*#__PURE__*/ React.createElement(Box, null, /*#__PURE__*/ React.createElement(Text, null, "\uD83E\uDDE0 Loading brain details..."));
+    }
+    if (error) {
+        return /*#__PURE__*/ React.createElement(ErrorComponent, {
+            error: error
+        });
+    }
+    if (!data) {
+        return /*#__PURE__*/ React.createElement(Box, {
+            flexDirection: "column"
+        }, /*#__PURE__*/ React.createElement(Text, {
+            color: "red"
+        }, "Brain '", brainName, "' not found"));
+    }
+    return /*#__PURE__*/ React.createElement(Box, {
+        flexDirection: "column",
+        gap: 1
+    }, /*#__PURE__*/ React.createElement(Text, {
+        bold: true,
+        underline: true
+    }, data.title), data.description && /*#__PURE__*/ React.createElement(Text, {
+        dimColor: true
+    }, data.description), /*#__PURE__*/ React.createElement(Box, {
+        flexDirection: "column"
+    }, /*#__PURE__*/ React.createElement(Text, {
+        bold: true
+    }, "Steps:"), /*#__PURE__*/ React.createElement(Box, {
+        flexDirection: "column",
+        marginLeft: 1
+    }, data.steps.map(function(step, idx) {
+        return /*#__PURE__*/ React.createElement(StepDisplay, {
+            key: idx,
+            step: step
+        });
+    }))));
+};

package/dist/src/components/error.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import { Box, Text } from 'ink';
+export var ErrorComponent = function(param) {
+    var error = param.error;
+    return /*#__PURE__*/ React.createElement(Box, {
+        flexDirection: "column"
+    }, /*#__PURE__*/ React.createElement(Text, {
+        color: "red",
+        bold: true
+    }, "❌ ", error.title), /*#__PURE__*/ React.createElement(Box, {
+        paddingLeft: 2,
+        flexDirection: "column"
+    }, /*#__PURE__*/ React.createElement(Text, {
+        color: "red"
+    }, error.message), error.details && /*#__PURE__*/ React.createElement(Text, {
+        color: "red",
+        dimColor: true
+    }, error.details)));
+};