@positronic/cli 0.0.55 → 0.0.57

package/dist/src/components/watch-machine.js

@@ -0,0 +1,573 @@
+/**
+ * State machine for the Watch component.
+ *
+ * This machine handles UI navigation and async operations for the watch view.
+ * The brain execution tracking (useBrainMachine) and EventSource connection
+ * remain separate concerns.
+ */ 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 _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 _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 _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 { useMemo } from 'react';
+import * as robot3 from 'robot3';
+import { useMachine } from 'react-robot';
+import { apiClient } from '../commands/helpers.js';
+var createMachine = robot3.createMachine, state = robot3.state, transition = robot3.transition, reduce = robot3.reduce, invoke = robot3.invoke, immediate = robot3.immediate, guard = robot3.guard;
+// ============================================================================
+// Reducers
+// ============================================================================
+var setStateForStateView = reduce(function(ctx, param) {
+    var stateSnapshot = param.stateSnapshot, stateTitle = param.stateTitle, fromView = param.fromView;
+    return _object_spread_props(_object_spread({}, ctx), {
+        stateSnapshot: stateSnapshot,
+        stateTitle: stateTitle,
+        stateScrollOffset: 0,
+        previousView: fromView
+    });
+});
+var clearStateSnapshot = reduce(function(ctx) {
+    return _object_spread_props(_object_spread({}, ctx), {
+        stateSnapshot: null
+    });
+});
+var setAgentForChat = reduce(function(ctx, param) {
+    var selectedAgentId = param.selectedAgentId, fromView = param.fromView;
+    return _object_spread_props(_object_spread({}, ctx), {
+        selectedAgentId: selectedAgentId !== null && selectedAgentId !== void 0 ? selectedAgentId : null,
+        agentChatScrollOffset: 0,
+        previousView: fromView
+    });
+});
+var clearSelectedAgent = reduce(function(ctx) {
+    return _object_spread_props(_object_spread({}, ctx), {
+        selectedAgentId: null
+    });
+});
+var setPreviousViewForMessage = reduce(function(ctx, param) {
+    var fromView = param.fromView;
+    return _object_spread_props(_object_spread({}, ctx), {
+        previousView: fromView
+    });
+});
+var setEventsSelectedIndex = reduce(function(ctx, param) {
+    var index = param.index;
+    return _object_spread_props(_object_spread({}, ctx), {
+        eventsSelectedIndex: index
+    });
+});
+var setStateScrollOffset = reduce(function(ctx, param) {
+    var offset = param.offset;
+    return _object_spread_props(_object_spread({}, ctx), {
+        stateScrollOffset: offset
+    });
+});
+var setAgentChatScrollOffset = reduce(function(ctx, param) {
+    var offset = param.offset;
+    return _object_spread_props(_object_spread({}, ctx), {
+        agentChatScrollOffset: offset
+    });
+});
+var selectAgentFromPicker = reduce(function(ctx, param) {
+    var agentId = param.agentId;
+    return _object_spread_props(_object_spread({}, ctx), {
+        selectedAgentId: agentId,
+        agentChatScrollOffset: 0
+    });
+});
+var markKilled = reduce(function(ctx) {
+    return _object_spread_props(_object_spread({}, ctx), {
+        isKilled: true
+    });
+});
+var setKillError = reduce(function(ctx, param) {
+    var error = param.error;
+    return _object_spread_props(_object_spread({}, ctx), {
+        killError: error
+    });
+});
+var setPauseMessage = reduce(function(ctx) {
+    return _object_spread_props(_object_spread({}, ctx), {
+        pauseResumeMessage: 'Pause signal sent'
+    });
+});
+var setResumeMessage = reduce(function(ctx) {
+    return _object_spread_props(_object_spread({}, ctx), {
+        pauseResumeMessage: 'Resume signal sent'
+    });
+});
+var clearPauseResumeMessage = reduce(function(ctx) {
+    return _object_spread_props(_object_spread({}, ctx), {
+        pauseResumeMessage: null
+    });
+});
+var setMessageText = reduce(function(ctx, param) {
+    var text = param.text;
+    return _object_spread_props(_object_spread({}, ctx), {
+        messageText: text
+    });
+});
+var clearMessageText = reduce(function(ctx) {
+    return _object_spread_props(_object_spread({}, ctx), {
+        messageText: ''
+    });
+});
+var setMessageSuccess = reduce(function(ctx) {
+    return _object_spread_props(_object_spread({}, ctx), {
+        messageFeedback: 'success',
+        messageText: ''
+    });
+});
+var setMessageError = reduce(function(ctx) {
+    return _object_spread_props(_object_spread({}, ctx), {
+        messageFeedback: 'error'
+    });
+});
+var clearMessageFeedback = reduce(function(ctx) {
+    return _object_spread_props(_object_spread({}, ctx), {
+        messageFeedback: null
+    });
+});
+// ============================================================================
+// Guards
+// ============================================================================
+var previousViewIsProgress = guard(function(ctx) {
+    return ctx.previousView === 'progress';
+});
+var hasSelectedAgent = guard(function(ctx) {
+    return ctx.selectedAgentId !== null;
+});
+// ============================================================================
+// Async operation functions
+// ============================================================================
+var sendKillRequest = function(ctx) {
+    return _async_to_generator(function() {
+        var response;
+        return _ts_generator(this, function(_state) {
+            switch(_state.label){
+                case 0:
+                    return [
+                        4,
+                        apiClient.fetch("/brains/runs/".concat(ctx.runId), {
+                            method: 'DELETE'
+                        })
+                    ];
+                case 1:
+                    response = _state.sent();
+                    if (!response.ok) {
+                        throw new Error("Failed to kill brain: ".concat(response.status));
+                    }
+                    return [
+                        2,
+                        response
+                    ];
+            }
+        });
+    })();
+};
+var sendPauseSignal = function(ctx) {
+    return _async_to_generator(function() {
+        var response;
+        return _ts_generator(this, function(_state) {
+            switch(_state.label){
+                case 0:
+                    return [
+                        4,
+                        apiClient.fetch("/brains/runs/".concat(ctx.runId, "/signals"), {
+                            method: 'POST',
+                            headers: {
+                                'Content-Type': 'application/json'
+                            },
+                            body: JSON.stringify({
+                                type: 'PAUSE'
+                            })
+                        })
+                    ];
+                case 1:
+                    response = _state.sent();
+                    if (response.status !== 202) {
+                        throw new Error("Failed to pause: ".concat(response.status));
+                    }
+                    return [
+                        2,
+                        response
+                    ];
+            }
+        });
+    })();
+};
+var sendResumeSignal = function(ctx) {
+    return _async_to_generator(function() {
+        var response;
+        return _ts_generator(this, function(_state) {
+            switch(_state.label){
+                case 0:
+                    return [
+                        4,
+                        apiClient.fetch("/brains/runs/".concat(ctx.runId, "/signals"), {
+                            method: 'POST',
+                            headers: {
+                                'Content-Type': 'application/json'
+                            },
+                            body: JSON.stringify({
+                                type: 'RESUME'
+                            })
+                        })
+                    ];
+                case 1:
+                    response = _state.sent();
+                    if (response.status !== 202) {
+                        throw new Error("Failed to resume: ".concat(response.status));
+                    }
+                    return [
+                        2,
+                        response
+                    ];
+            }
+        });
+    })();
+};
+var sendUserMessage = function(ctx) {
+    return _async_to_generator(function() {
+        var text, response;
+        return _ts_generator(this, function(_state) {
+            switch(_state.label){
+                case 0:
+                    text = ctx.messageText.trim();
+                    if (!text) {
+                        throw new Error('Message is empty');
+                    }
+                    return [
+                        4,
+                        apiClient.fetch("/brains/runs/".concat(ctx.runId, "/signals"), {
+                            method: 'POST',
+                            headers: {
+                                'Content-Type': 'application/json'
+                            },
+                            body: JSON.stringify({
+                                type: 'USER_MESSAGE',
+                                content: text
+                            })
+                        })
+                    ];
+                case 1:
+                    response = _state.sent();
+                    if (response.status !== 202) {
+                        throw new Error("Failed to send message: ".concat(response.status));
+                    }
+                    return [
+                        2,
+                        response
+                    ];
+            }
+        });
+    })();
+};
+// ============================================================================
+// State Machine Definition
+// ============================================================================
+var createWatchMachine = function(runId) {
+    var startWithEvents = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
+    return createMachine(startWithEvents ? 'events' : 'progress', {
+        // Main view states
+        progress: state(transition('GO_TO_EVENTS', 'events'), transition('GO_TO_STATE', 'state', setStateForStateView), transition('GO_TO_AGENTS', 'route-agents', setAgentForChat), transition('GO_TO_MESSAGE_INPUT', 'message-input', setPreviousViewForMessage), transition('INITIATE_KILL', 'confirming-kill'), transition('PAUSE', 'pausing'), transition('RESUME', 'resuming')),
+        events: state(transition('GO_TO_PROGRESS', 'progress'), transition('GO_TO_STATE', 'state', setStateForStateView), transition('GO_TO_AGENTS', 'route-agents', setAgentForChat), transition('GO_TO_MESSAGE_INPUT', 'message-input', setPreviousViewForMessage), transition('INITIATE_KILL', 'confirming-kill'), transition('PAUSE', 'pausing'), transition('RESUME', 'resuming'), transition('SET_EVENTS_SELECTED_INDEX', 'events', setEventsSelectedIndex)),
+        state: state(transition('GO_BACK', 'route-back', clearStateSnapshot), transition('SET_STATE_SCROLL_OFFSET', 'state', setStateScrollOffset)),
+        // Routing state to determine where to go back
+        'route-back': state(immediate('progress', previousViewIsProgress), immediate('events')),
+        // Routing state to determine if we show picker or go directly to chat
+        'route-agents': state(immediate('agent-chat', hasSelectedAgent), immediate('agent-picker')),
+        'agent-picker': state(transition('GO_BACK', 'route-back'), transition('AGENT_SELECTED', 'agent-chat', selectAgentFromPicker)),
+        'agent-chat': state(transition('GO_BACK', 'route-back', clearSelectedAgent), transition('SET_AGENT_CHAT_SCROLL_OFFSET', 'agent-chat', setAgentChatScrollOffset)),
+        // Message input and sending
+        'message-input': state(transition('GO_BACK', 'route-back', clearMessageText), transition('SET_MESSAGE_TEXT', 'message-input', setMessageText), transition('SEND_MESSAGE', 'sending-message')),
+        'sending-message': invoke(sendUserMessage, transition('done', 'message-sent', setMessageSuccess), transition('error', 'message-error', setMessageError)),
+        'message-sent': state(transition('CLEAR_FEEDBACK', 'route-back', clearMessageFeedback)),
+        'message-error': state(transition('CLEAR_FEEDBACK', 'message-input', clearMessageFeedback), transition('GO_BACK', 'route-back', clearMessageText)),
+        // Kill flow
+        'confirming-kill': state(transition('CONFIRM_KILL', 'killing'), transition('CANCEL_KILL', 'progress')),
+        killing: invoke(sendKillRequest, transition('done', 'killed', markKilled), transition('error', 'kill-error', setKillError)),
+        killed: state(// Can still navigate after kill
+        transition('GO_TO_EVENTS', 'events'), transition('GO_TO_STATE', 'state', setStateForStateView), transition('GO_TO_AGENTS', 'route-agents', setAgentForChat)),
+        'kill-error': state(// Can retry kill or navigate
+        transition('INITIATE_KILL', 'confirming-kill'), transition('GO_TO_EVENTS', 'events'), transition('GO_TO_STATE', 'state', setStateForStateView), transition('GO_TO_AGENTS', 'route-agents', setAgentForChat)),
+        // Pause flow
+        pausing: invoke(sendPauseSignal, transition('done', 'pause-sent', setPauseMessage), transition('error', 'progress')),
+        'pause-sent': state(transition('CLEAR_PAUSE_RESUME_MESSAGE', 'progress', clearPauseResumeMessage), // Allow navigation while showing message
+        transition('GO_TO_EVENTS', 'events', clearPauseResumeMessage), transition('GO_TO_STATE', 'state', setStateForStateView), transition('GO_TO_AGENTS', 'route-agents', setAgentForChat)),
+        // Resume flow
+        resuming: invoke(sendResumeSignal, transition('done', 'resume-sent', setResumeMessage), transition('error', 'progress')),
+        'resume-sent': state(transition('CLEAR_PAUSE_RESUME_MESSAGE', 'progress', clearPauseResumeMessage), // Allow navigation while showing message
+        transition('GO_TO_EVENTS', 'events', clearPauseResumeMessage), transition('GO_TO_STATE', 'state', setStateForStateView), transition('GO_TO_AGENTS', 'route-agents', setAgentForChat))
+    }, function() {
+        return {
+            runId: runId,
+            previousView: 'progress',
+            stateSnapshot: null,
+            stateTitle: '',
+            stateScrollOffset: 0,
+            selectedAgentId: null,
+            agentChatScrollOffset: 0,
+            eventsSelectedIndex: null,
+            killError: null,
+            isKilled: false,
+            pauseResumeMessage: null,
+            messageText: '',
+            messageFeedback: null
+        };
+    });
+};
+// ============================================================================
+// Helper to map machine state to ViewMode
+// ============================================================================
+/**
+ * Map machine state name to ViewMode for rendering.
+ * The machine has routing/async states that need to be mapped to display views.
+ */ export function machineStateToViewMode(stateName) {
+    switch(stateName){
+        case 'progress':
+        case 'confirming-kill':
+        case 'killing':
+        case 'killed':
+        case 'kill-error':
+        case 'pausing':
+        case 'pause-sent':
+        case 'resuming':
+        case 'resume-sent':
+            return 'progress';
+        case 'events':
+            return 'events';
+        case 'state':
+            return 'state';
+        case 'agent-picker':
+        case 'route-agents':
+            return 'agent-picker';
+        case 'agent-chat':
+            return 'agent-chat';
+        case 'message-input':
+        case 'sending-message':
+        case 'message-sent':
+        case 'message-error':
+            return 'message-input';
+        case 'route-back':
+            // Transient state, treat as progress
+            return 'progress';
+        default:
+            return 'progress';
+    }
+}
+/**
+ * Check if the machine is in a "confirming kill" state.
+ */ export function isConfirmingKill(stateName) {
+    return stateName === 'confirming-kill';
+}
+/**
+ * Check if the machine is in a "killing" state.
+ */ export function isKillingState(stateName) {
+    return stateName === 'killing';
+}
+/**
+ * Check if the machine is in a "killed" state.
+ */ export function isKilledState(stateName) {
+    return stateName === 'killed' || stateName === 'kill-error';
+}
+/**
+ * Check if the machine is in a "pausing" state.
+ */ export function isPausingState(stateName) {
+    return stateName === 'pausing';
+}
+/**
+ * Check if the machine is in a "resuming" state.
+ */ export function isResumingState(stateName) {
+    return stateName === 'resuming';
+}
+/**
+ * Check if the machine is in a "sending message" state.
+ */ export function isSendingMessageState(stateName) {
+    return stateName === 'sending-message';
+}
+// ============================================================================
+// React Hook
+// ============================================================================
+/**
+ * React hook for the watch UI state machine.
+ * Creates a fresh machine when runId changes.
+ */ export function useWatchMachine(runId) {
+    var startWithEvents = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
+    var machine = useMemo(function() {
+        return createWatchMachine(runId, startWithEvents);
+    }, [
+        runId,
+        startWithEvents
+    ]);
+    return useMachine(machine);
+}
+// Export the machine creator for testing
+export { createWatchMachine };

package/dist/src/components/watch-resolver.js

@@ -521,7 +521,7 @@ var createResolverMachine = function(identifier) {
  * 2. If no brain matches, try as a run ID
  * 3. If neither works, show an error
  */ export var WatchResolver = function(param) {
-    var identifier = param.identifier;
+    var identifier = param.identifier, startWithEvents = param.startWithEvents;
     var machine = useMemo(function() {
         return createResolverMachine(identifier);
     }, [
@@ -584,7 +584,8 @@ var createResolverMachine = function(identifier) {
             }) : null;
         case 'resolved':
             return resolvedRunId ? /*#__PURE__*/ React.createElement(Watch, {
-                runId: resolvedRunId
+                runId: resolvedRunId,
+                startWithEvents: startWithEvents
             }) : null;
         default:
             return null;