@positronic/cli 0.0.50 → 0.0.52

package/dist/src/components/brain-top-table.js

@@ -0,0 +1,153 @@
+import React from 'react';
+import { Text, Box } from 'ink';
+import { STATUS } from '@positronic/core';
+// Helper to format relative time
+var formatRelativeTime = function(timestamp) {
+    var now = Date.now();
+    var diffMs = now - timestamp;
+    var diffSecs = Math.floor(diffMs / 1000);
+    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 (diffSecs < 60) {
+        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 live duration
+var formatDuration = function(startedAt) {
+    var durationMs = Date.now() - startedAt;
+    var totalSeconds = Math.floor(durationMs / 1000);
+    var seconds = totalSeconds % 60;
+    var minutes = Math.floor(totalSeconds / 60) % 60;
+    var hours = Math.floor(totalSeconds / 3600);
+    if (hours > 0) {
+        return "".concat(hours, "h ").concat(minutes, "m");
+    } else if (minutes > 0) {
+        return "".concat(minutes, "m ").concat(seconds, "s");
+    } else {
+        return "".concat(seconds, "s");
+    }
+};
+// Helper to get status color
+var getStatusColor = function(status) {
+    switch(status){
+        case STATUS.COMPLETE:
+            return 'green';
+        case STATUS.ERROR:
+            return 'red';
+        case STATUS.RUNNING:
+            return 'yellow';
+        case STATUS.CANCELLED:
+            return 'gray';
+        default:
+            return 'white';
+    }
+};
+// 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) + '...';
+};
+// Column definitions
+var columns = {
+    brain: {
+        header: 'Brain',
+        width: 25
+    },
+    runId: {
+        header: 'Run ID',
+        width: 36
+    },
+    status: {
+        header: 'Status',
+        width: 10
+    },
+    started: {
+        header: 'Started',
+        width: 12
+    },
+    duration: {
+        header: 'Duration',
+        width: 10
+    }
+};
+export var BrainTopTable = function(param) {
+    var runningBrains = param.runningBrains, selectedIndex = param.selectedIndex, _param_interactive = param.interactive, interactive = _param_interactive === void 0 ? false : _param_interactive, brainFilter = param.brainFilter, _param_footer = param.footer, footer = _param_footer === void 0 ? 'Updates automatically. Press Ctrl+C to exit.' : _param_footer;
+    // Filter brains client-side
+    var filteredBrains = brainFilter ? runningBrains.filter(function(b) {
+        return b.brainTitle.toLowerCase().includes(brainFilter.toLowerCase());
+    }) : runningBrains;
+    if (filteredBrains.length === 0) {
+        return /*#__PURE__*/ React.createElement(Box, {
+            flexDirection: "column"
+        }, /*#__PURE__*/ React.createElement(Text, null, "No running brains", brainFilter ? ' matching "'.concat(brainFilter, '"') : ''), /*#__PURE__*/ React.createElement(Box, {
+            marginTop: 1
+        }, /*#__PURE__*/ React.createElement(Text, {
+            dimColor: true
+        }, 'Tip: Run a brain with "px run ', '<brain-name>', '" to see it here')));
+    }
+    // Selection indicator width (for interactive mode)
+    var selectorWidth = interactive ? 2 : 0;
+    return /*#__PURE__*/ React.createElement(Box, {
+        flexDirection: "column",
+        paddingTop: 1,
+        paddingBottom: 1
+    }, /*#__PURE__*/ React.createElement(Text, {
+        bold: true
+    }, "Running brains (", filteredBrains.length, ")", brainFilter ? ' matching "'.concat(brainFilter, '"') : '', ":"), /*#__PURE__*/ React.createElement(Box, {
+        marginTop: 1,
+        flexDirection: "column"
+    }, /*#__PURE__*/ React.createElement(Box, null, interactive && /*#__PURE__*/ React.createElement(Text, null, '  '), /*#__PURE__*/ React.createElement(Text, {
+        bold: true,
+        color: "cyan"
+    }, padRight(columns.brain.header, columns.brain.width)), /*#__PURE__*/ React.createElement(Text, 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.started.header, columns.started.width)), /*#__PURE__*/ React.createElement(Text, null, " "), /*#__PURE__*/ React.createElement(Text, {
+        bold: true,
+        color: "cyan"
+    }, padRight(columns.duration.header, columns.duration.width))), /*#__PURE__*/ React.createElement(Box, null, /*#__PURE__*/ React.createElement(Text, {
+        dimColor: true
+    }, '─'.repeat(97 + selectorWidth))), filteredBrains.map(function(brain, index) {
+        var duration = brain.startedAt ? formatDuration(brain.startedAt) : 'N/A';
+        var started = brain.startedAt ? formatRelativeTime(brain.startedAt) : formatRelativeTime(brain.createdAt);
+        var isSelected = interactive && index === selectedIndex;
+        return /*#__PURE__*/ React.createElement(Box, {
+            key: brain.brainRunId
+        }, interactive && /*#__PURE__*/ React.createElement(Text, {
+            color: isSelected ? 'cyan' : undefined
+        }, isSelected ? '▶ ' : '  '), /*#__PURE__*/ React.createElement(Text, {
+            color: isSelected ? 'cyan' : undefined
+        }, padRight(truncate(brain.brainTitle, columns.brain.width), columns.brain.width)), /*#__PURE__*/ React.createElement(Text, null, " "), /*#__PURE__*/ React.createElement(Text, {
+            dimColor: !isSelected,
+            color: isSelected ? 'cyan' : undefined
+        }, padRight(brain.brainRunId, columns.runId.width)), /*#__PURE__*/ React.createElement(Text, null, " "), /*#__PURE__*/ React.createElement(Text, {
+            color: isSelected ? 'cyan' : getStatusColor(brain.status)
+        }, padRight(brain.status, columns.status.width)), /*#__PURE__*/ React.createElement(Text, null, " "), /*#__PURE__*/ React.createElement(Text, {
+            dimColor: !isSelected,
+            color: isSelected ? 'cyan' : undefined
+        }, padRight(started, columns.started.width)), /*#__PURE__*/ React.createElement(Text, null, " "), /*#__PURE__*/ React.createElement(Text, {
+            color: isSelected ? 'cyan' : undefined
+        }, padRight(duration, columns.duration.width)));
+    })), /*#__PURE__*/ React.createElement(Box, {
+        marginTop: 1
+    }, /*#__PURE__*/ React.createElement(Text, {
+        dimColor: true
+    }, footer)));
+};

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

@@ -0,0 +1,139 @@
+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 _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);
+}
+import React, { useState, useEffect, useRef } from 'react';
+import { Text, Box, useStdout } from 'ink';
+import { EventSource } from 'eventsource';
+import { getApiBaseUrl, isApiLocalDevMode } from '../commands/helpers.js';
+import { ErrorComponent } from './error.js';
+import { BrainTopTable } from './brain-top-table.js';
+export var BrainTop = function(param) {
+    var brainFilter = param.brainFilter;
+    var write = useStdout().write;
+    var _useState = _sliced_to_array(useState([]), 2), runningBrains = _useState[0], setRunningBrains = _useState[1];
+    var _useState1 = _sliced_to_array(useState(null), 2), error = _useState1[0], setError = _useState1[1];
+    var _useState2 = _sliced_to_array(useState(false), 2), isConnected = _useState2[0], setIsConnected = _useState2[1];
+    var _useState3 = _sliced_to_array(useState(0), 2), setTick = _useState3[1];
+    var eventSourceRef = useRef(null);
+    var hasReceivedDataRef = useRef(false);
+    // 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
+    ]);
+    // Update tick every second to refresh duration display
+    useEffect(function() {
+        var interval = setInterval(function() {
+            setTick(function(t) {
+                return t + 1;
+            });
+        }, 1000);
+        return function() {
+            return clearInterval(interval);
+        };
+    }, []);
+    // Connect to EventSource for live updates
+    useEffect(function() {
+        var baseUrl = getApiBaseUrl();
+        var url = "".concat(baseUrl, "/brains/watch");
+        var es = new EventSource(url);
+        eventSourceRef.current = es;
+        setIsConnected(false);
+        setError(null);
+        es.onopen = function() {
+            setIsConnected(true);
+            setError(null);
+        };
+        es.onmessage = function(event) {
+            try {
+                var data = JSON.parse(event.data);
+                setRunningBrains(data.runningBrains || []);
+                hasReceivedDataRef.current = true;
+            } catch (e) {
+                setError(new Error("Error parsing event data: ".concat(e.message)));
+            }
+        };
+        es.onerror = function() {
+            // Only show error if we haven't received any data yet
+            // (nock closes connection after sending data, triggering reconnect error)
+            if (!hasReceivedDataRef.current) {
+                var errorMessage = isApiLocalDevMode() ? 'Error connecting to the local development server. Is it running? Start it with "positronic server" or "px s".' : 'Connection failed. Please check your network connection and verify the project URL is correct.';
+                setError(new Error(errorMessage));
+                setIsConnected(false);
+            }
+            es.close();
+        };
+        return function() {
+            es.close();
+        };
+    }, []);
+    if (error) {
+        return /*#__PURE__*/ React.createElement(ErrorComponent, {
+            error: {
+                title: 'Connection Error',
+                message: error.message,
+                details: error.stack
+            }
+        });
+    }
+    if (!isConnected) {
+        return /*#__PURE__*/ React.createElement(Box, null, /*#__PURE__*/ React.createElement(Text, null, "Connecting to watch service..."));
+    }
+    return /*#__PURE__*/ React.createElement(BrainTopTable, {
+        runningBrains: runningBrains,
+        brainFilter: brainFilter
+    });
+};

package/dist/src/components/project-select.js

@@ -45,38 +45,15 @@ 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 } from 'react';
-import { Box, Text, useInput, useApp, useStdin } from 'ink';
-// Separate component for interactive selection that uses useInput
+import { Box, Text, useStdin } from 'ink';
+import { SelectList } from './select-list.js';
+// Separate component for interactive selection
 var InteractiveProjectSelect = function(param) {
     var projects = param.projects, currentProject = param.currentProject, projectConfig = param.projectConfig;
-    var _useState = _sliced_to_array(useState(function() {
-        var currentIndex = projects.findIndex(function(p) {
-            return p.name === currentProject;
-        });
-        return currentIndex >= 0 ? currentIndex : 0;
-    }), 2), selectedIndex = _useState[0], setSelectedIndex = _useState[1];
-    var _useState1 = _sliced_to_array(useState(null), 2), result = _useState1[0], setResult = _useState1[1];
-    var exit = useApp().exit;
-    useInput(function(input, key) {
-        if (key.upArrow) {
-            setSelectedIndex(function(prev) {
-                return (prev - 1 + projects.length) % projects.length;
-            });
-        } else if (key.downArrow) {
-            setSelectedIndex(function(prev) {
-                return (prev + 1) % projects.length;
-            });
-        } else if (key.return) {
-            var selectedProject = projects[selectedIndex];
-            var selectResult = projectConfig.selectProject(selectedProject.name);
-            setResult(selectResult);
-        } else if (input === 'q' || key.escape) {
-            exit();
-        }
-    });
+    var _useState = _sliced_to_array(useState(null), 2), result = _useState[0], setResult = _useState[1];
+    var _useState1 = _sliced_to_array(useState(null), 2), selectedProject = _useState1[0], setSelectedProject = _useState1[1];
     // If selection was made, show success
-    if (result && result.success) {
-        var selectedProject = projects[selectedIndex];
+    if (result && result.success && selectedProject) {
         return /*#__PURE__*/ React.createElement(Box, {
             flexDirection: "column"
         }, /*#__PURE__*/ React.createElement(Text, {
@@ -91,29 +68,32 @@ var InteractiveProjectSelect = function(param) {
             bold: true
         }, "URL:"), " ", selectedProject.url)));
     }
-    // Show interactive selection UI
-    return /*#__PURE__*/ React.createElement(Box, {
-        flexDirection: "column"
-    }, /*#__PURE__*/ React.createElement(Text, {
-        bold: true
-    }, "Select a project:"), /*#__PURE__*/ React.createElement(Box, {
-        marginTop: 1,
-        flexDirection: "column"
-    }, projects.map(function(project, index) {
-        var isSelected = index === selectedIndex;
-        var isCurrent = project.name === currentProject;
-        return /*#__PURE__*/ React.createElement(Box, {
-            key: project.name
-        }, /*#__PURE__*/ React.createElement(Text, {
-            color: isSelected ? 'cyan' : undefined
-        }, isSelected ? '▶ ' : '  ', project.name, isCurrent && /*#__PURE__*/ React.createElement(Text, {
-            color: "green"
-        }, " (current)")));
-    })), /*#__PURE__*/ React.createElement(Box, {
-        marginTop: 1
-    }, /*#__PURE__*/ React.createElement(Text, {
-        dimColor: true
-    }, "Use arrow keys to navigate, Enter to select, q to quit")));
+    var currentIndex = projects.findIndex(function(p) {
+        return p.name === currentProject;
+    });
+    return /*#__PURE__*/ React.createElement(SelectList, {
+        items: projects.map(function(p) {
+            return {
+                id: p.name,
+                label: p.name,
+                extra: p.name === currentProject ? /*#__PURE__*/ React.createElement(Text, {
+                    color: "green"
+                }, " (current)") : undefined
+            };
+        }),
+        header: "Select a project:",
+        initialIndex: currentIndex >= 0 ? currentIndex : 0,
+        onSelect: function(item) {
+            var project = projects.find(function(p) {
+                return p.name === item.label;
+            });
+            if (project) {
+                setSelectedProject(project);
+                var selectResult = projectConfig.selectProject(project.name);
+                setResult(selectResult);
+            }
+        }
+    });
 };
 export var ProjectSelect = function(param) {
     var name = param.name, projectConfig = param.projectConfig;

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

@@ -0,0 +1,102 @@
+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 _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);
+}
+import React, { useState } from 'react';
+import { Box, Text, useInput, useApp } from 'ink';
+/**
+ * SelectList - A reusable component for keyboard-navigable list selection.
+ *
+ * Manages its own selectedIndex state and handles keyboard navigation.
+ * Use arrow keys to navigate, Enter to select, q/Escape to cancel.
+ */ export var SelectList = function(param) {
+    var items = param.items, header = param.header, onSelect = param.onSelect, onCancel = param.onCancel, _param_initialIndex = param.initialIndex, initialIndex = _param_initialIndex === void 0 ? 0 : _param_initialIndex, _param_footer = param.footer, footer = _param_footer === void 0 ? 'Use arrow keys to navigate, Enter to select, q to quit' : _param_footer;
+    var _useState = _sliced_to_array(useState(initialIndex), 2), selectedIndex = _useState[0], setSelectedIndex = _useState[1];
+    var exit = useApp().exit;
+    useInput(function(input, key) {
+        if (key.upArrow) {
+            setSelectedIndex(function(prev) {
+                return (prev - 1 + items.length) % items.length;
+            });
+        } else if (key.downArrow) {
+            setSelectedIndex(function(prev) {
+                return (prev + 1) % items.length;
+            });
+        } else if (key.return) {
+            onSelect(items[selectedIndex], selectedIndex);
+        } else if (input === 'q' || key.escape) {
+            if (onCancel) {
+                onCancel();
+            } else {
+                exit();
+            }
+        }
+    });
+    return /*#__PURE__*/ React.createElement(Box, {
+        flexDirection: "column"
+    }, /*#__PURE__*/ React.createElement(Text, {
+        bold: true
+    }, header), /*#__PURE__*/ React.createElement(Box, {
+        marginTop: 1,
+        flexDirection: "column"
+    }, items.map(function(item, index) {
+        var isSelected = index === selectedIndex;
+        return /*#__PURE__*/ React.createElement(Box, {
+            key: item.id,
+            flexDirection: "column",
+            marginBottom: item.description ? 1 : 0
+        }, /*#__PURE__*/ React.createElement(Text, {
+            color: isSelected ? 'cyan' : undefined
+        }, isSelected ? '▶ ' : '  ', /*#__PURE__*/ React.createElement(Text, {
+            bold: true
+        }, item.label), item.extra), item.description && /*#__PURE__*/ React.createElement(Text, {
+            dimColor: true
+        }, '    ', item.description));
+    })), /*#__PURE__*/ React.createElement(Box, {
+        marginTop: 1
+    }, /*#__PURE__*/ React.createElement(Text, {
+        dimColor: true
+    }, footer)));
+};