@metaphi-ai/hum 0.1.5 → 0.1.7

package/dist/cli.mjs

@@ -999,15 +999,15 @@ var require_react_development = __commonJS({
             }
             return 1;
           }
-          var child2;
+          var child;
           var nextName;
           var subtreeCount = 0;
           var nextNamePrefix = nameSoFar === "" ? SEPARATOR : nameSoFar + SUBSEPARATOR;
           if (isArray(children)) {
             for (var i = 0; i < children.length; i++) {
-              child2 = children[i];
-              nextName = nextNamePrefix + getElementKey(child2, i);
-              subtreeCount += mapIntoArray(child2, array, escapedPrefix, nextName, callback);
+              child = children[i];
+              nextName = nextNamePrefix + getElementKey(child, i);
+              subtreeCount += mapIntoArray(child, array, escapedPrefix, nextName, callback);
             }
           } else {
             var iteratorFn = getIteratorFn(children);
@@ -1025,9 +1025,9 @@ var require_react_development = __commonJS({
               var step;
               var ii = 0;
               while (!(step = iterator.next()).done) {
-                child2 = step.value;
-                nextName = nextNamePrefix + getElementKey(child2, ii++);
-                subtreeCount += mapIntoArray(child2, array, escapedPrefix, nextName, callback);
+                child = step.value;
+                nextName = nextNamePrefix + getElementKey(child, ii++);
+                subtreeCount += mapIntoArray(child, array, escapedPrefix, nextName, callback);
               }
             } else if (type === "object") {
               var childrenString = String(children);
@@ -1042,8 +1042,8 @@ var require_react_development = __commonJS({
           }
           var result = [];
           var count = 0;
-          mapIntoArray(children, result, "", "", function(child2) {
-            return func.call(context, child2, count++);
+          mapIntoArray(children, result, "", "", function(child) {
+            return func.call(context, child, count++);
           });
           return result;
         }
@@ -1060,8 +1060,8 @@ var require_react_development = __commonJS({
           }, forEachContext);
         }
         function toArray(children) {
-          return mapChildren(children, function(child2) {
-            return child2;
+          return mapChildren(children, function(child) {
+            return child;
           }) || [];
         }
         function onlyChild(children) {
@@ -1257,7 +1257,7 @@ var require_react_development = __commonJS({
           }
           return lazyType;
         }
-        function forwardRef2(render2) {
+        function forwardRef3(render2) {
           {
             if (render2 != null && render2.$$typeof === REACT_MEMO_TYPE) {
               error("forwardRef requires a render function but received a `memo` component. Instead of forwardRef(memo(...)), use memo(forwardRef(...)).");
@@ -1402,7 +1402,7 @@ var require_react_development = __commonJS({
           var dispatcher = resolveDispatcher();
           return dispatcher.useMemo(create2, deps);
         }
-        function useImperativeHandle(ref, create2, deps) {
+        function useImperativeHandle2(ref, create2, deps) {
           var dispatcher = resolveDispatcher();
           return dispatcher.useImperativeHandle(ref, create2, deps);
         }
@@ -1795,9 +1795,9 @@ var require_react_development = __commonJS({
           }
           if (isArray(node)) {
             for (var i = 0; i < node.length; i++) {
-              var child2 = node[i];
-              if (isValidElement(child2)) {
-                validateExplicitKey(child2, parentType);
+              var child = node[i];
+              if (isValidElement(child)) {
+                validateExplicitKey(child, parentType);
               }
             }
           } else if (isValidElement(node)) {
@@ -2155,7 +2155,7 @@ var require_react_development = __commonJS({
         exports.createElement = createElement$1;
         exports.createFactory = createFactory;
         exports.createRef = createRef;
-        exports.forwardRef = forwardRef2;
+        exports.forwardRef = forwardRef3;
         exports.isValidElement = isValidElement;
         exports.lazy = lazy;
         exports.memo = memo;
@@ -2167,7 +2167,7 @@ var require_react_development = __commonJS({
         exports.useDeferredValue = useDeferredValue;
         exports.useEffect = useEffect5;
         exports.useId = useId;
-        exports.useImperativeHandle = useImperativeHandle;
+        exports.useImperativeHandle = useImperativeHandle2;
         exports.useInsertionEffect = useInsertionEffect;
         exports.useLayoutEffect = useLayoutEffect2;
         exports.useMemo = useMemo3;
@@ -8305,17 +8305,17 @@ var require_react_reconciler_development = __commonJS({
               break;
             }
             if (parentA.child === parentB.child) {
-              var child2 = parentA.child;
-              while (child2) {
-                if (child2 === a) {
+              var child = parentA.child;
+              while (child) {
+                if (child === a) {
                   assertIsMounted(parentA);
                   return fiber;
                 }
-                if (child2 === b) {
+                if (child === b) {
                   assertIsMounted(parentA);
                   return alternate;
                 }
-                child2 = child2.sibling;
+                child = child.sibling;
               }
               throw new Error("Unable to find node on an unmounted component.");
             }
@@ -8382,13 +8382,13 @@ var require_react_reconciler_development = __commonJS({
           if (node.tag === HostComponent || node.tag === HostText) {
             return node;
           }
-          var child2 = node.child;
-          while (child2 !== null) {
-            var match = findCurrentHostFiberImpl(child2);
+          var child = node.child;
+          while (child !== null) {
+            var match = findCurrentHostFiberImpl(child);
             if (match !== null) {
               return match;
             }
-            child2 = child2.sibling;
+            child = child.sibling;
           }
           return null;
         }
@@ -8400,15 +8400,15 @@ var require_react_reconciler_development = __commonJS({
           if (node.tag === HostComponent || node.tag === HostText) {
             return node;
           }
-          var child2 = node.child;
-          while (child2 !== null) {
-            if (child2.tag !== HostPortal) {
-              var match = findCurrentHostFiberWithNoPortalsImpl(child2);
+          var child = node.child;
+          while (child !== null) {
+            if (child.tag !== HostPortal) {
+              var match = findCurrentHostFiberWithNoPortalsImpl(child);
               if (match !== null) {
                 return match;
               }
             }
-            child2 = child2.sibling;
+            child = child.sibling;
           }
           return null;
         }
@@ -10975,7 +10975,7 @@ var require_react_reconciler_development = __commonJS({
         var didWarnAboutStringRefs;
         var ownerHasKeyUseWarning;
         var ownerHasFunctionTypeWarning;
-        var warnForMissingKey = function(child2, returnFiber) {
+        var warnForMissingKey = function(child, returnFiber) {
         };
         {
           didWarnAboutMaps = false;
@@ -10983,17 +10983,17 @@ var require_react_reconciler_development = __commonJS({
           didWarnAboutStringRefs = {};
           ownerHasKeyUseWarning = {};
           ownerHasFunctionTypeWarning = {};
-          warnForMissingKey = function(child2, returnFiber) {
-            if (child2 === null || typeof child2 !== "object") {
+          warnForMissingKey = function(child, returnFiber) {
+            if (child === null || typeof child !== "object") {
               return;
             }
-            if (!child2._store || child2._store.validated || child2.key != null) {
+            if (!child._store || child._store.validated || child.key != null) {
               return;
             }
-            if (typeof child2._store !== "object") {
+            if (typeof child._store !== "object") {
               throw new Error("React Component in warnForMissingKey should have a _store. This error is likely caused by a bug in React. Please file an issue.");
             }
-            child2._store.validated = true;
+            child._store.validated = true;
             var componentName = getComponentNameFromFiber(returnFiber) || "Component";
             if (ownerHasKeyUseWarning[componentName]) {
               return;
@@ -11332,16 +11332,16 @@ var require_react_reconciler_development = __commonJS({
             }
             return null;
           }
-          function warnOnInvalidKey(child2, knownKeys, returnFiber) {
+          function warnOnInvalidKey(child, knownKeys, returnFiber) {
             {
-              if (typeof child2 !== "object" || child2 === null) {
+              if (typeof child !== "object" || child === null) {
                 return knownKeys;
               }
-              switch (child2.$$typeof) {
+              switch (child.$$typeof) {
                 case REACT_ELEMENT_TYPE:
                 case REACT_PORTAL_TYPE:
-                  warnForMissingKey(child2, returnFiber);
-                  var key = child2.key;
+                  warnForMissingKey(child, returnFiber);
+                  var key = child.key;
                   if (typeof key !== "string") {
                     break;
                   }
@@ -11357,8 +11357,8 @@ var require_react_reconciler_development = __commonJS({
                   error("Encountered two children with the same key, `%s`. Keys should be unique so that components maintain their identity across updates. Non-unique keys may cause children to be duplicated and/or omitted \u2014 the behavior is unsupported and could change in a future version.", key);
                   break;
                 case REACT_LAZY_TYPE:
-                  var payload = child2._payload;
-                  var init = child2._init;
+                  var payload = child._payload;
+                  var init = child._init;
                   warnOnInvalidKey(init(payload), knownKeys, returnFiber);
                   break;
               }
@@ -11369,8 +11369,8 @@ var require_react_reconciler_development = __commonJS({
             {
               var knownKeys = null;
               for (var i = 0; i < newChildren.length; i++) {
-                var child2 = newChildren[i];
-                knownKeys = warnOnInvalidKey(child2, knownKeys, returnFiber);
+                var child = newChildren[i];
+                knownKeys = warnOnInvalidKey(child, knownKeys, returnFiber);
               }
             }
             var resultingFirstChild = null;
@@ -11454,8 +11454,8 @@ var require_react_reconciler_development = __commonJS({
               }
             }
             if (shouldTrackSideEffects) {
-              existingChildren.forEach(function(child3) {
-                return deleteChild(returnFiber, child3);
+              existingChildren.forEach(function(child2) {
+                return deleteChild(returnFiber, child2);
               });
             }
             if (getIsHydrating()) {
@@ -11488,8 +11488,8 @@ var require_react_reconciler_development = __commonJS({
                 var knownKeys = null;
                 var _step = _newChildren.next();
                 for (; !_step.done; _step = _newChildren.next()) {
-                  var child2 = _step.value;
-                  knownKeys = warnOnInvalidKey(child2, knownKeys, returnFiber);
+                  var child = _step.value;
+                  knownKeys = warnOnInvalidKey(child, knownKeys, returnFiber);
                 }
               }
             }
@@ -11579,8 +11579,8 @@ var require_react_reconciler_development = __commonJS({
               }
             }
             if (shouldTrackSideEffects) {
-              existingChildren.forEach(function(child3) {
-                return deleteChild(returnFiber, child3);
+              existingChildren.forEach(function(child2) {
+                return deleteChild(returnFiber, child2);
               });
             }
             if (getIsHydrating()) {
@@ -11603,14 +11603,14 @@ var require_react_reconciler_development = __commonJS({
           }
           function reconcileSingleElement(returnFiber, currentFirstChild, element, lanes) {
             var key = element.key;
-            var child2 = currentFirstChild;
-            while (child2 !== null) {
-              if (child2.key === key) {
+            var child = currentFirstChild;
+            while (child !== null) {
+              if (child.key === key) {
                 var elementType = element.type;
                 if (elementType === REACT_FRAGMENT_TYPE) {
-                  if (child2.tag === Fragment) {
-                    deleteRemainingChildren(returnFiber, child2.sibling);
-                    var existing = useFiber(child2, element.props.children);
+                  if (child.tag === Fragment) {
+                    deleteRemainingChildren(returnFiber, child.sibling);
+                    var existing = useFiber(child, element.props.children);
                     existing.return = returnFiber;
                     {
                       existing._debugSource = element._source;
@@ -11619,15 +11619,15 @@ var require_react_reconciler_development = __commonJS({
                     return existing;
                   }
                 } else {
-                  if (child2.elementType === elementType || // Keep this check inline so it only runs on the false path:
-                  isCompatibleFamilyForHotReloading(child2, element) || // Lazy types should reconcile their resolved type.
+                  if (child.elementType === elementType || // Keep this check inline so it only runs on the false path:
+                  isCompatibleFamilyForHotReloading(child, element) || // Lazy types should reconcile their resolved type.
                   // We need to do this after the Hot Reloading check above,
                   // because hot reloading has different semantics than prod because
                   // it doesn't resuspend. So we can't let the call below suspend.
-                  typeof elementType === "object" && elementType !== null && elementType.$$typeof === REACT_LAZY_TYPE && resolveLazy(elementType) === child2.type) {
-                    deleteRemainingChildren(returnFiber, child2.sibling);
-                    var _existing = useFiber(child2, element.props);
-                    _existing.ref = coerceRef(returnFiber, child2, element);
+                  typeof elementType === "object" && elementType !== null && elementType.$$typeof === REACT_LAZY_TYPE && resolveLazy(elementType) === child.type) {
+                    deleteRemainingChildren(returnFiber, child.sibling);
+                    var _existing = useFiber(child, element.props);
+                    _existing.ref = coerceRef(returnFiber, child, element);
                     _existing.return = returnFiber;
                     {
                       _existing._debugSource = element._source;
@@ -11636,12 +11636,12 @@ var require_react_reconciler_development = __commonJS({
                     return _existing;
                   }
                 }
-                deleteRemainingChildren(returnFiber, child2);
+                deleteRemainingChildren(returnFiber, child);
                 break;
               } else {
-                deleteChild(returnFiber, child2);
+                deleteChild(returnFiber, child);
               }
-              child2 = child2.sibling;
+              child = child.sibling;
             }
             if (element.type === REACT_FRAGMENT_TYPE) {
               var created = createFiberFromFragment(element.props.children, returnFiber.mode, lanes, element.key);
@@ -11656,22 +11656,22 @@ var require_react_reconciler_development = __commonJS({
           }
           function reconcileSinglePortal(returnFiber, currentFirstChild, portal, lanes) {
             var key = portal.key;
-            var child2 = currentFirstChild;
-            while (child2 !== null) {
-              if (child2.key === key) {
-                if (child2.tag === HostPortal && child2.stateNode.containerInfo === portal.containerInfo && child2.stateNode.implementation === portal.implementation) {
-                  deleteRemainingChildren(returnFiber, child2.sibling);
-                  var existing = useFiber(child2, portal.children || []);
+            var child = currentFirstChild;
+            while (child !== null) {
+              if (child.key === key) {
+                if (child.tag === HostPortal && child.stateNode.containerInfo === portal.containerInfo && child.stateNode.implementation === portal.implementation) {
+                  deleteRemainingChildren(returnFiber, child.sibling);
+                  var existing = useFiber(child, portal.children || []);
                   existing.return = returnFiber;
                   return existing;
                 } else {
-                  deleteRemainingChildren(returnFiber, child2);
+                  deleteRemainingChildren(returnFiber, child);
                   break;
                 }
               } else {
-                deleteChild(returnFiber, child2);
+                deleteChild(returnFiber, child);
               }
-              child2 = child2.sibling;
+              child = child.sibling;
             }
             var created = createFiberFromPortal(portal, returnFiber.mode, lanes);
             created.return = returnFiber;
@@ -11734,10 +11734,10 @@ var require_react_reconciler_development = __commonJS({
           newChild.sibling = null;
         }
         function resetChildFibers(workInProgress2, lanes) {
-          var child2 = workInProgress2.child;
-          while (child2 !== null) {
-            resetWorkInProgress(child2, lanes);
-            child2 = child2.sibling;
+          var child = workInProgress2.child;
+          while (child !== null) {
+            resetWorkInProgress(child, lanes);
+            child = child.sibling;
           }
         }
         var valueCursor = createCursor(null);
@@ -14512,10 +14512,10 @@ var require_react_reconciler_development = __commonJS({
           passiveEffectStartTime = now$1();
         }
         function transferActualDuration(fiber) {
-          var child2 = fiber.child;
-          while (child2) {
-            fiber.actualDuration += child2.actualDuration;
-            child2 = child2.sibling;
+          var child = fiber.child;
+          while (child) {
+            fiber.actualDuration += child.actualDuration;
+            child = child.sibling;
           }
         }
         function resolveDefaultProps(Component, baseProps) {
@@ -15538,11 +15538,11 @@ var require_react_reconciler_development = __commonJS({
                 }
               }
             }
-            var child2 = createFiberFromTypeAndProps(Component.type, null, nextProps, workInProgress2, workInProgress2.mode, renderLanes2);
-            child2.ref = workInProgress2.ref;
-            child2.return = workInProgress2;
-            workInProgress2.child = child2;
-            return child2;
+            var child = createFiberFromTypeAndProps(Component.type, null, nextProps, workInProgress2, workInProgress2.mode, renderLanes2);
+            child.ref = workInProgress2.ref;
+            child.return = workInProgress2;
+            workInProgress2.child = child;
+            return child;
           }
           {
             var _type = Component.type;
@@ -15918,9 +15918,9 @@ var require_react_reconciler_development = __commonJS({
               return mountHostRootWithoutHydrating(current2, workInProgress2, nextChildren, renderLanes2, _recoverableError);
             } else {
               enterHydrationState(workInProgress2);
-              var child2 = mountChildFibers(workInProgress2, null, nextChildren, renderLanes2);
-              workInProgress2.child = child2;
-              var node = child2;
+              var child = mountChildFibers(workInProgress2, null, nextChildren, renderLanes2);
+              workInProgress2.child = child;
+              var node = child;
               while (node) {
                 node.flags = node.flags & ~Placement | Hydrating;
                 node = node.sibling;
@@ -15977,29 +15977,29 @@ var require_react_reconciler_development = __commonJS({
           workInProgress2.type = Component;
           var resolvedTag = workInProgress2.tag = resolveLazyComponentTag(Component);
           var resolvedProps = resolveDefaultProps(Component, props);
-          var child2;
+          var child;
           switch (resolvedTag) {
             case FunctionComponent: {
               {
                 validateFunctionComponentInDev(workInProgress2, Component);
                 workInProgress2.type = Component = resolveFunctionForHotReloading(Component);
               }
-              child2 = updateFunctionComponent(null, workInProgress2, Component, resolvedProps, renderLanes2);
-              return child2;
+              child = updateFunctionComponent(null, workInProgress2, Component, resolvedProps, renderLanes2);
+              return child;
             }
             case ClassComponent: {
               {
                 workInProgress2.type = Component = resolveClassForHotReloading(Component);
               }
-              child2 = updateClassComponent(null, workInProgress2, Component, resolvedProps, renderLanes2);
-              return child2;
+              child = updateClassComponent(null, workInProgress2, Component, resolvedProps, renderLanes2);
+              return child;
             }
             case ForwardRef: {
               {
                 workInProgress2.type = Component = resolveForwardRefForHotReloading(Component);
               }
-              child2 = updateForwardRef(null, workInProgress2, Component, resolvedProps, renderLanes2);
-              return child2;
+              child = updateForwardRef(null, workInProgress2, Component, resolvedProps, renderLanes2);
+              return child;
             }
             case MemoComponent: {
               {
@@ -16016,7 +16016,7 @@ var require_react_reconciler_development = __commonJS({
                   }
                 }
               }
-              child2 = updateMemoComponent(
+              child = updateMemoComponent(
                 null,
                 workInProgress2,
                 Component,
@@ -16024,7 +16024,7 @@ var require_react_reconciler_development = __commonJS({
                 // The inner type can have defaults too
                 renderLanes2
               );
-              return child2;
+              return child;
             }
           }
           var hint = "";
@@ -16986,9 +16986,9 @@ var require_react_reconciler_development = __commonJS({
                   return updateSuspenseComponent(current2, workInProgress2, renderLanes2);
                 } else {
                   pushSuspenseContext(workInProgress2, setDefaultShallowSuspenseContext(suspenseStackCursor.current));
-                  var child2 = bailoutOnAlreadyFinishedWork(current2, workInProgress2, renderLanes2);
-                  if (child2 !== null) {
-                    return child2.sibling;
+                  var child = bailoutOnAlreadyFinishedWork(current2, workInProgress2, renderLanes2);
+                  if (child !== null) {
+                    return child.sibling;
                   } else {
                     return null;
                   }
@@ -17168,12 +17168,12 @@ var require_react_reconciler_development = __commonJS({
           if ((completedWork.flags & ChildDeletion) !== NoFlags) {
             return false;
           }
-          var child2 = completedWork.child;
-          while (child2 !== null) {
-            if ((child2.flags & MutationMask) !== NoFlags || (child2.subtreeFlags & MutationMask) !== NoFlags) {
+          var child = completedWork.child;
+          while (child !== null) {
+            if ((child.flags & MutationMask) !== NoFlags || (child.subtreeFlags & MutationMask) !== NoFlags) {
               return false;
             }
-            child2 = child2.sibling;
+            child = child.sibling;
           }
           return true;
         }
@@ -17247,9 +17247,9 @@ var require_react_reconciler_development = __commonJS({
                 appendInitialChild(parent, _instance);
               } else if (node.tag === HostPortal) ;
               else if (node.tag === OffscreenComponent && node.memoizedState !== null) {
-                var child2 = node.child;
-                if (child2 !== null) {
-                  child2.return = node;
+                var child = node.child;
+                if (child !== null) {
+                  child.return = node;
                 }
                 appendAllChildren(parent, node, true, true);
               } else if (node.child !== null) {
@@ -17291,9 +17291,9 @@ var require_react_reconciler_development = __commonJS({
                 appendChildToContainerChildSet(containerChildSet, _instance2);
               } else if (node.tag === HostPortal) ;
               else if (node.tag === OffscreenComponent && node.memoizedState !== null) {
-                var child2 = node.child;
-                if (child2 !== null) {
-                  child2.return = node;
+                var child = node.child;
+                if (child !== null) {
+                  child.return = node;
                 }
                 appendAllChildrenToContainer(containerChildSet, node, true, true);
               } else if (node.child !== null) {
@@ -17426,14 +17426,14 @@ var require_react_reconciler_development = __commonJS({
             if ((completedWork.mode & ProfileMode) !== NoMode) {
               var actualDuration = completedWork.actualDuration;
               var treeBaseDuration = completedWork.selfBaseDuration;
-              var child2 = completedWork.child;
-              while (child2 !== null) {
-                newChildLanes = mergeLanes(newChildLanes, mergeLanes(child2.lanes, child2.childLanes));
-                subtreeFlags |= child2.subtreeFlags;
-                subtreeFlags |= child2.flags;
-                actualDuration += child2.actualDuration;
-                treeBaseDuration += child2.treeBaseDuration;
-                child2 = child2.sibling;
+              var child = completedWork.child;
+              while (child !== null) {
+                newChildLanes = mergeLanes(newChildLanes, mergeLanes(child.lanes, child.childLanes));
+                subtreeFlags |= child.subtreeFlags;
+                subtreeFlags |= child.flags;
+                actualDuration += child.actualDuration;
+                treeBaseDuration += child.treeBaseDuration;
+                child = child.sibling;
               }
               completedWork.actualDuration = actualDuration;
               completedWork.treeBaseDuration = treeBaseDuration;
@@ -18186,10 +18186,10 @@ var require_react_reconciler_development = __commonJS({
         function commitBeforeMutationEffects_begin() {
           while (nextEffect !== null) {
             var fiber = nextEffect;
-            var child2 = fiber.child;
-            if ((fiber.subtreeFlags & BeforeMutationMask) !== NoFlags && child2 !== null) {
-              child2.return = fiber;
-              nextEffect = child2;
+            var child = fiber.child;
+            if ((fiber.subtreeFlags & BeforeMutationMask) !== NoFlags && child !== null) {
+              child.return = fiber;
+              nextEffect = child;
             } else {
               commitBeforeMutationEffects_complete();
             }
@@ -18847,10 +18847,10 @@ var require_react_reconciler_development = __commonJS({
             }
           } else if (tag2 === HostPortal) ;
           else {
-            var child2 = node.child;
-            if (child2 !== null) {
-              insertOrAppendPlacementNodeIntoContainer(child2, before, parent);
-              var sibling = child2.sibling;
+            var child = node.child;
+            if (child !== null) {
+              insertOrAppendPlacementNodeIntoContainer(child, before, parent);
+              var sibling = child.sibling;
               while (sibling !== null) {
                 insertOrAppendPlacementNodeIntoContainer(sibling, before, parent);
                 sibling = sibling.sibling;
@@ -18870,10 +18870,10 @@ var require_react_reconciler_development = __commonJS({
             }
           } else if (tag2 === HostPortal) ;
           else {
-            var child2 = node.child;
-            if (child2 !== null) {
-              insertOrAppendPlacementNode(child2, before, parent);
-              var sibling = child2.sibling;
+            var child = node.child;
+            if (child !== null) {
+              insertOrAppendPlacementNode(child, before, parent);
+              var sibling = child.sibling;
               while (sibling !== null) {
                 insertOrAppendPlacementNode(sibling, before, parent);
                 sibling = sibling.sibling;
@@ -18918,10 +18918,10 @@ var require_react_reconciler_development = __commonJS({
           detachFiberMutation(deletedFiber);
         }
         function recursivelyTraverseDeletionEffects(finishedRoot, nearestMountedAncestor, parent) {
-          var child2 = parent.child;
-          while (child2 !== null) {
-            commitDeletionEffectsOnFiber(finishedRoot, nearestMountedAncestor, child2);
-            child2 = child2.sibling;
+          var child = parent.child;
+          while (child !== null) {
+            commitDeletionEffectsOnFiber(finishedRoot, nearestMountedAncestor, child);
+            child = child.sibling;
           }
         }
         function commitDeletionEffectsOnFiber(finishedRoot, nearestMountedAncestor, deletedFiber) {
@@ -19125,11 +19125,11 @@ var require_react_reconciler_development = __commonJS({
           }
           var prevDebugFiber = getCurrentFiber();
           if (parentFiber.subtreeFlags & MutationMask) {
-            var child2 = parentFiber.child;
-            while (child2 !== null) {
-              setCurrentFiber(child2);
-              commitMutationEffectsOnFiber(child2, root);
-              child2 = child2.sibling;
+            var child = parentFiber.child;
+            while (child !== null) {
+              setCurrentFiber(child);
+              commitMutationEffectsOnFiber(child, root);
+              child = child.sibling;
             }
           }
           setCurrentFiber(prevDebugFiber);
@@ -19411,16 +19411,16 @@ var require_react_reconciler_development = __commonJS({
                   nextEffect = fiber;
                   reappearLayoutEffects_begin(fiber);
                 }
-                var child2 = firstChild;
-                while (child2 !== null) {
-                  nextEffect = child2;
+                var child = firstChild;
+                while (child !== null) {
+                  nextEffect = child;
                   commitLayoutEffects_begin(
-                    child2,
+                    child,
                     // New root; bubble back up to here and stop.
                     root,
                     committedLanes
                   );
-                  child2 = child2.sibling;
+                  child = child.sibling;
                 }
                 nextEffect = fiber;
                 offscreenSubtreeIsHidden = prevOffscreenSubtreeIsHidden;
@@ -19638,7 +19638,7 @@ var require_react_reconciler_development = __commonJS({
         function commitPassiveUnmountEffects_begin() {
           while (nextEffect !== null) {
             var fiber = nextEffect;
-            var child2 = fiber.child;
+            var child = fiber.child;
             if ((nextEffect.flags & ChildDeletion) !== NoFlags) {
               var deletions = fiber.deletions;
               if (deletions !== null) {
@@ -19664,9 +19664,9 @@ var require_react_reconciler_development = __commonJS({
                 nextEffect = fiber;
               }
             }
-            if ((fiber.subtreeFlags & PassiveMask) !== NoFlags && child2 !== null) {
-              child2.return = fiber;
-              nextEffect = child2;
+            if ((fiber.subtreeFlags & PassiveMask) !== NoFlags && child !== null) {
+              child.return = fiber;
+              nextEffect = child;
             } else {
               commitPassiveUnmountEffects_complete();
             }
@@ -19711,10 +19711,10 @@ var require_react_reconciler_development = __commonJS({
             setCurrentFiber(fiber);
             commitPassiveUnmountInsideDeletedTreeOnFiber(fiber, nearestMountedAncestor);
             resetCurrentFiber();
-            var child2 = fiber.child;
-            if (child2 !== null) {
-              child2.return = fiber;
-              nextEffect = child2;
+            var child = fiber.child;
+            if (child !== null) {
+              child.return = fiber;
+              nextEffect = child;
             } else {
               commitPassiveUnmountEffectsInsideOfDeletedTree_complete(deletedSubtreeRoot);
             }
@@ -19967,10 +19967,10 @@ var require_react_reconciler_development = __commonJS({
             if (selectorIndex === selectors.length) {
               matchingFibers.push(fiber);
             } else {
-              var child2 = fiber.child;
-              while (child2 !== null) {
-                stack.push(child2, selectorIndex);
-                child2 = child2.sibling;
+              var child = fiber.child;
+              while (child !== null) {
+                stack.push(child, selectorIndex);
+                child = child.sibling;
               }
             }
           }
@@ -19994,10 +19994,10 @@ var require_react_reconciler_development = __commonJS({
             if (selectorIndex === selectors.length) {
               return true;
             } else {
-              var child2 = fiber.child;
-              while (child2 !== null) {
-                stack.push(child2, selectorIndex);
-                child2 = child2.sibling;
+              var child = fiber.child;
+              while (child !== null) {
+                stack.push(child, selectorIndex);
+                child = child.sibling;
               }
             }
           }
@@ -20020,10 +20020,10 @@ var require_react_reconciler_development = __commonJS({
               }
               instanceRoots.push(node.stateNode);
             } else {
-              var child2 = node.child;
-              while (child2 !== null) {
-                stack.push(child2);
-                child2 = child2.sibling;
+              var child = node.child;
+              while (child !== null) {
+                stack.push(child);
+                child = child.sibling;
               }
             }
           }
@@ -20052,10 +20052,10 @@ var require_react_reconciler_development = __commonJS({
               }
             }
             if (selectorIndex < selectors.length) {
-              var child2 = fiber.child;
-              while (child2 !== null) {
-                stack.push(child2, selectorIndex);
-                child2 = child2.sibling;
+              var child = fiber.child;
+              while (child !== null) {
+                stack.push(child, selectorIndex);
+                child = child.sibling;
               }
             }
           }
@@ -20138,10 +20138,10 @@ var require_react_reconciler_development = __commonJS({
                 return true;
               }
             }
-            var child2 = fiber.child;
-            while (child2 !== null) {
-              stack.push(child2);
-              child2 = child2.sibling;
+            var child = fiber.child;
+            while (child !== null) {
+              stack.push(child);
+              child = child.sibling;
             }
           }
           return false;
@@ -20633,10 +20633,10 @@ var require_react_reconciler_development = __commonJS({
                 }
               }
             }
-            var child2 = node.child;
-            if (node.subtreeFlags & StoreConsistency && child2 !== null) {
-              child2.return = node;
-              node = child2;
+            var child = node.child;
+            if (node.subtreeFlags & StoreConsistency && child !== null) {
+              child.return = node;
+              node = child;
               continue;
             }
             if (node === finishedWork) {
@@ -21070,10 +21070,10 @@ var require_react_reconciler_development = __commonJS({
               if ((completedWork.mode & ProfileMode) !== NoMode) {
                 stopProfilerTimerIfRunningAndRecordDelta(completedWork, false);
                 var actualDuration = completedWork.actualDuration;
-                var child2 = completedWork.child;
-                while (child2 !== null) {
-                  actualDuration += child2.actualDuration;
-                  child2 = child2.sibling;
+                var child = completedWork.child;
+                while (child !== null) {
+                  actualDuration += child.actualDuration;
+                  child = child.sibling;
                 }
                 completedWork.actualDuration = actualDuration;
               }
@@ -21850,7 +21850,7 @@ var require_react_reconciler_development = __commonJS({
         };
         function scheduleFibersWithFamiliesRecursively(fiber, updatedFamilies, staleFamilies) {
           {
-            var alternate = fiber.alternate, child2 = fiber.child, sibling = fiber.sibling, tag2 = fiber.tag, type = fiber.type;
+            var alternate = fiber.alternate, child = fiber.child, sibling = fiber.sibling, tag2 = fiber.tag, type = fiber.type;
             var candidateType = null;
             switch (tag2) {
               case FunctionComponent:
@@ -21895,8 +21895,8 @@ var require_react_reconciler_development = __commonJS({
                 scheduleUpdateOnFiber(_root, fiber, SyncLane, NoTimestamp);
               }
             }
-            if (child2 !== null && !needsRemount) {
-              scheduleFibersWithFamiliesRecursively(child2, updatedFamilies, staleFamilies);
+            if (child !== null && !needsRemount) {
+              scheduleFibersWithFamiliesRecursively(child, updatedFamilies, staleFamilies);
             }
             if (sibling !== null) {
               scheduleFibersWithFamiliesRecursively(sibling, updatedFamilies, staleFamilies);
@@ -21915,7 +21915,7 @@ var require_react_reconciler_development = __commonJS({
         };
         function findHostInstancesForMatchingFibersRecursively(fiber, types, hostInstances) {
           {
-            var child2 = fiber.child, sibling = fiber.sibling, tag2 = fiber.tag, type = fiber.type;
+            var child = fiber.child, sibling = fiber.sibling, tag2 = fiber.tag, type = fiber.type;
             var candidateType = null;
             switch (tag2) {
               case FunctionComponent:
@@ -21936,8 +21936,8 @@ var require_react_reconciler_development = __commonJS({
             if (didMatch) {
               findHostInstancesForFiberShallowly(fiber, hostInstances);
             } else {
-              if (child2 !== null) {
-                findHostInstancesForMatchingFibersRecursively(child2, types, hostInstances);
+              if (child !== null) {
+                findHostInstancesForMatchingFibersRecursively(child, types, hostInstances);
               }
             }
             if (sibling !== null) {
@@ -22744,10 +22744,10 @@ var require_react_reconciler_development = __commonJS({
         var setErrorHandler = null;
         var setSuspenseHandler = null;
         {
-          var copyWithDeleteImpl = function(obj, path2, index2) {
-            var key = path2[index2];
+          var copyWithDeleteImpl = function(obj, path4, index2) {
+            var key = path4[index2];
             var updated = isArray(obj) ? obj.slice() : assign({}, obj);
-            if (index2 + 1 === path2.length) {
+            if (index2 + 1 === path4.length) {
               if (isArray(updated)) {
                 updated.splice(key, 1);
               } else {
@@ -22755,11 +22755,11 @@ var require_react_reconciler_development = __commonJS({
               }
               return updated;
             }
-            updated[key] = copyWithDeleteImpl(obj[key], path2, index2 + 1);
+            updated[key] = copyWithDeleteImpl(obj[key], path4, index2 + 1);
             return updated;
           };
-          var copyWithDelete = function(obj, path2) {
-            return copyWithDeleteImpl(obj, path2, 0);
+          var copyWithDelete = function(obj, path4) {
+            return copyWithDeleteImpl(obj, path4, 0);
           };
           var copyWithRenameImpl = function(obj, oldPath, newPath, index2) {
             var oldKey = oldPath[index2];
@@ -22797,17 +22797,17 @@ var require_react_reconciler_development = __commonJS({
             }
             return copyWithRenameImpl(obj, oldPath, newPath, 0);
           };
-          var copyWithSetImpl = function(obj, path2, index2, value) {
-            if (index2 >= path2.length) {
+          var copyWithSetImpl = function(obj, path4, index2, value) {
+            if (index2 >= path4.length) {
               return value;
             }
-            var key = path2[index2];
+            var key = path4[index2];
             var updated = isArray(obj) ? obj.slice() : assign({}, obj);
-            updated[key] = copyWithSetImpl(obj[key], path2, index2 + 1, value);
+            updated[key] = copyWithSetImpl(obj[key], path4, index2 + 1, value);
             return updated;
           };
-          var copyWithSet = function(obj, path2, value) {
-            return copyWithSetImpl(obj, path2, 0, value);
+          var copyWithSet = function(obj, path4, value) {
+            return copyWithSetImpl(obj, path4, 0, value);
           };
           var findHook = function(fiber, id) {
             var currentHook2 = fiber.memoizedState;
@@ -22817,10 +22817,10 @@ var require_react_reconciler_development = __commonJS({
             }
             return currentHook2;
           };
-          overrideHookState = function(fiber, id, path2, value) {
+          overrideHookState = function(fiber, id, path4, value) {
             var hook = findHook(fiber, id);
             if (hook !== null) {
-              var newState = copyWithSet(hook.memoizedState, path2, value);
+              var newState = copyWithSet(hook.memoizedState, path4, value);
               hook.memoizedState = newState;
               hook.baseState = newState;
               fiber.memoizedProps = assign({}, fiber.memoizedProps);
@@ -22830,10 +22830,10 @@ var require_react_reconciler_development = __commonJS({
               }
             }
           };
-          overrideHookStateDeletePath = function(fiber, id, path2) {
+          overrideHookStateDeletePath = function(fiber, id, path4) {
             var hook = findHook(fiber, id);
             if (hook !== null) {
-              var newState = copyWithDelete(hook.memoizedState, path2);
+              var newState = copyWithDelete(hook.memoizedState, path4);
               hook.memoizedState = newState;
               hook.baseState = newState;
               fiber.memoizedProps = assign({}, fiber.memoizedProps);
@@ -22856,8 +22856,8 @@ var require_react_reconciler_development = __commonJS({
               }
             }
           };
-          overrideProps = function(fiber, path2, value) {
-            fiber.pendingProps = copyWithSet(fiber.memoizedProps, path2, value);
+          overrideProps = function(fiber, path4, value) {
+            fiber.pendingProps = copyWithSet(fiber.memoizedProps, path4, value);
             if (fiber.alternate) {
               fiber.alternate.pendingProps = fiber.pendingProps;
             }
@@ -22866,8 +22866,8 @@ var require_react_reconciler_development = __commonJS({
               scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
             }
           };
-          overridePropsDeletePath = function(fiber, path2) {
-            fiber.pendingProps = copyWithDelete(fiber.memoizedProps, path2);
+          overridePropsDeletePath = function(fiber, path4) {
+            fiber.pendingProps = copyWithDelete(fiber.memoizedProps, path4);
             if (fiber.alternate) {
               fiber.alternate.pendingProps = fiber.pendingProps;
             }
@@ -29446,7 +29446,7 @@ var require_has_flag = __commonJS({
 var require_supports_colors = __commonJS({
   "node_modules/@colors/colors/lib/system/supports-colors.js"(exports, module) {
     "use strict";
-    var os4 = __require("os");
+    var os5 = __require("os");
     var hasFlag2 = require_has_flag();
     var env3 = process.env;
     var forceColor = void 0;
@@ -29484,7 +29484,7 @@ var require_supports_colors = __commonJS({
       }
       var min = forceColor ? 1 : 0;
       if (process.platform === "win32") {
-        var osRelease = os4.release().split(".");
+        var osRelease = os5.release().split(".");
         if (Number(process.versions.node.split(".")[0]) >= 8 && Number(osRelease[0]) >= 10 && Number(osRelease[2]) >= 10586) {
           return Number(osRelease[2]) >= 14931 ? 3 : 2;
         }
@@ -30897,7 +30897,7 @@ var require_core = __commonJS({
           builder.addText(node);
         } else if (node.children) {
           builder.openNode(node);
-          node.children.forEach((child2) => this._walk(builder, child2));
+          node.children.forEach((child) => this._walk(builder, child));
           builder.closeNode(node);
         }
         return builder;
@@ -30911,8 +30911,8 @@ var require_core = __commonJS({
         if (node.children.every((el) => typeof el === "string")) {
           node.children = [node.children.join("")];
         } else {
-          node.children.forEach((child2) => {
-            _TokenTree._collapse(child2);
+          node.children.forEach((child) => {
+            _TokenTree._collapse(child);
           });
         }
       }
@@ -31542,21 +31542,21 @@ var require_core = __commonJS({
     function nodeStream(node) {
       const result = [];
       (function _nodeStream(node2, offset) {
-        for (let child2 = node2.firstChild; child2; child2 = child2.nextSibling) {
-          if (child2.nodeType === 3) {
-            offset += child2.nodeValue.length;
-          } else if (child2.nodeType === 1) {
+        for (let child = node2.firstChild; child; child = child.nextSibling) {
+          if (child.nodeType === 3) {
+            offset += child.nodeValue.length;
+          } else if (child.nodeType === 1) {
             result.push({
               event: "start",
               offset,
-              node: child2
+              node: child
             });
-            offset = _nodeStream(child2, offset);
-            if (!tag2(child2).match(/br|hr|img|input/)) {
+            offset = _nodeStream(child, offset);
+            if (!tag2(child).match(/br|hr|img|input/)) {
               result.push({
                 event: "stop",
                 offset,
-                node: child2
+                node: child
               });
             }
           }
@@ -70141,9 +70141,9 @@ var require_parser = __commonJS({
         }
       }
       _adoptNodes(donor, recipient) {
-        for (let child2 = this.treeAdapter.getFirstChild(donor); child2; child2 = this.treeAdapter.getFirstChild(donor)) {
-          this.treeAdapter.detachNode(child2);
-          this.treeAdapter.appendChild(recipient, child2);
+        for (let child = this.treeAdapter.getFirstChild(donor); child; child = this.treeAdapter.getFirstChild(donor)) {
+          this.treeAdapter.detachNode(child);
+          this.treeAdapter.appendChild(recipient, child);
         }
       }
       //Token processing
@@ -73569,15 +73569,15 @@ var require_route = __commonJS({
       };
     }
     function wrapConversion(toModel, graph) {
-      const path2 = [graph[toModel].parent, toModel];
+      const path4 = [graph[toModel].parent, toModel];
       let fn = conversions[graph[toModel].parent][toModel];
       let cur = graph[toModel].parent;
       while (graph[cur].parent) {
-        path2.unshift(graph[cur].parent);
+        path4.unshift(graph[cur].parent);
         fn = link3(conversions[graph[cur].parent][cur], fn);
         cur = graph[cur].parent;
       }
-      fn.conversion = path2;
+      fn.conversion = path4;
       return fn;
     }
     module.exports = function(fromModel) {
@@ -73817,7 +73817,7 @@ var require_has_flag2 = __commonJS({
 var require_supports_color = __commonJS({
   "node_modules/supports-color/index.js"(exports, module) {
     "use strict";
-    var os4 = __require("os");
+    var os5 = __require("os");
     var tty2 = __require("tty");
     var hasFlag2 = require_has_flag2();
     var { env: env3 } = process;
@@ -73865,7 +73865,7 @@ var require_supports_color = __commonJS({
         return min;
       }
       if (process.platform === "win32") {
-        const osRelease = os4.release().split(".");
+        const osRelease = os5.release().split(".");
         if (Number(osRelease[0]) >= 10 && Number(osRelease[2]) >= 10586) {
           return Number(osRelease[2]) >= 14931 ? 3 : 2;
         }
@@ -75327,9 +75327,9 @@ var require_react_jsx_runtime_development = __commonJS({
             }
             if (isArray(node)) {
               for (var i = 0; i < node.length; i++) {
-                var child2 = node[i];
-                if (isValidElement(child2)) {
-                  validateExplicitKey(child2, parentType);
+                var child = node[i];
+                if (isValidElement(child)) {
+                  validateExplicitKey(child, parentType);
                 }
               }
             } else if (isValidElement(node)) {
@@ -80406,8 +80406,8 @@ function Text({ color, backgroundColor, dimColor = false, bold = false, italic =
 }
 
 // node_modules/ink/build/components/ErrorOverview.js
-var cleanupPath = (path2) => {
-  return path2?.replace(`file://${cwd()}/`, "");
+var cleanupPath = (path4) => {
+  return path4?.replace(`file://${cwd()}/`, "");
 };
 var stackUtils = new import_stack_utils.default({
   cwd: cwd(),
@@ -83569,22 +83569,34 @@ function renderMarkdown(text, width) {
 // src/input.jsx
 var import_react23 = __toESM(require_react(), 1);
 var import_jsx_runtime = __toESM(require_jsx_runtime(), 1);
-function MultilineInput({
+var MultilineInput = (0, import_react23.forwardRef)(function MultilineInput2({
   value,
   onChange,
   onSubmit,
+  onPasteImage,
   focus = true,
   placeholder = "",
   history = [],
   navActive = true
-}) {
+}, ref) {
   const [cursor, setCursor] = (0, import_react23.useState)(value.length);
   const hist = (0, import_react23.useRef)({ index: null, stash: "" });
+  const latest = (0, import_react23.useRef)({ value, cursor });
+  latest.current = { value, cursor };
   const clamp = (n, len) => Math.max(0, Math.min(n, len));
   const set = (v, c2) => {
     onChange(v);
     setCursor(clamp(c2, v.length));
   };
+  (0, import_react23.useImperativeHandle)(ref, () => ({
+    // text placed at the cursor as it is NOW (an image chip arrives after a round trip)
+    insert(text) {
+      const { value: v, cursor: cu } = latest.current;
+      const c2 = clamp(cu, v.length);
+      const sep = c2 > 0 && !/\s$/.test(v.slice(0, c2)) ? " " : "";
+      set(v.slice(0, c2) + sep + text + v.slice(c2), c2 + sep.length + text.length);
+    }
+  }));
   const lineStart = (v, c2) => v.lastIndexOf("\n", c2 - 1) + 1;
   const lineEnd = (v, c2) => {
     const i = v.indexOf("\n", c2);
@@ -83660,6 +83672,8 @@ function MultilineInput({
       else if (input === "w") {
         const head = value.slice(0, c2).replace(/\S+\s*$/, "");
         set(head + value.slice(c2), head.length);
+      } else if (input === "v") {
+        if (onPasteImage) onPasteImage();
       }
       return;
     }
@@ -83684,11 +83698,18 @@ function MultilineInput({
     shown = value.slice(0, c) + source_default.inverse(value[c]) + value.slice(c + 1);
   }
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: shown });
-}
+});
+var input_default = MultilineInput;
 
 // src/app.jsx
 var import_jsx_runtime2 = __toESM(require_jsx_runtime(), 1);
 var fmtDur = (s) => s < 60 ? `${Math.max(1, Math.round(s))}s` : `${Math.floor(s / 60)}m ${Math.round(s % 60)}s`;
+var plural = (n, w) => `${n} ${w}${n === 1 ? "" : "s"}`;
+var shortSession = (name) => (name || "").replace(/\.jsonl$/, "");
+var homeRel = (p) => {
+  const h = os3.homedir();
+  return p && h && p.startsWith(h) ? "~" + p.slice(h.length) : p;
+};
 var fmtCost = (c) => c >= 0.01 ? `$${c.toFixed(2)}` : c > 0 ? `$${c.toFixed(4)}` : "$0";
 var HISTORY_PATH = path.join(os3.homedir(), ".hum", "history.json");
 var HISTORY_MAX = 300;
@@ -83717,12 +83738,20 @@ var COMMANDS = [
   { name: "/compact", desc: "summarise and restart the context now" },
   { name: "/model", desc: "switch the model for this session (/model <name>)" },
   { name: "/cost", desc: "tokens and cost so far" },
+  { name: "/approve", desc: "approvals on|off \u2014 whether changes and commands wait for you first" },
+  { name: "/continue", desc: "after a pause: let the agent carry on" },
+  { name: "/image", desc: "attach an image file to your next message (/image <path>); ctrl+v pastes a screenshot" },
   { name: "/tools", desc: "what is mounted" },
+  { name: "/hooks", desc: "the lifecycle hooks in scope (~/.hum/hooks.json, <repo>/.hum/hooks.json; Claude Code and Codex hook files too)" },
   { name: "/help", desc: "keys and commands" },
-  { name: "/quit", desc: "save and leave" }
+  { name: "/quit", desc: "leave; the session keeps running (hum brings you back)" },
+  { name: "/stop", desc: "end this session's engine (the record is saved)" }
 ];
-var HELP = "!cmd runs a command as you \xB7 esc interrupts the model (what it had is kept) \xB7 type while it works to steer \xB7 edit files in your editor any time (recorded as your turn) \xB7 /resume picks a past session \xB7 /compact restarts the context from a summary \xB7 ctrl+c twice quits";
-function App2({ engine: engine2, task, resume }) {
+var HELP = "!cmd runs a command as you \xB7 esc interrupts the model (what it had is kept) \xB7 type while it works to steer \xB7 edit files in your editor any time (recorded as your turn) \xB7 ctrl+o shows the full output of the last tool result \xB7 ctrl+v pastes a screenshot from the clipboard \xB7 @path.png or /image <path> attaches an image file \xB7 /approve makes changes and commands wait for you (enter approves, a typed reason rejects) \xB7 /resume picks a past session (a running one attaches) \xB7 /compact restarts the context from a summary \xB7 ctrl+c twice leaves and the session keeps running (`hum` brings you back) \xB7 /stop ends it";
+var DIFF_TAIL_LINES = 20;
+var OUTPUT_MAX_LINES = 200;
+var ERR_TAIL_LINES = 5;
+function App2({ engine: engine2, task, resume, images = [] }) {
   const { exit } = use_app_default();
   const { stdout } = use_stdout_default();
   const width = (stdout?.columns || 80) - 2;
@@ -83739,6 +83768,11 @@ function App2({ engine: engine2, task, resume }) {
   const [elapsed, setElapsed] = (0, import_react24.useState)(0);
   const [ctrlc, setCtrlc] = (0, import_react24.useState)(0);
   const [picker, setPicker] = (0, import_react24.useState)(null);
+  const [proposal, setProposal] = (0, import_react24.useState)(null);
+  const [gate, setGate] = (0, import_react24.useState)("off");
+  const [paused, setPaused] = (0, import_react24.useState)(false);
+  const attachRef = (0, import_react24.useRef)([]);
+  const inputRef = (0, import_react24.useRef)(null);
   const nextId = (0, import_react24.useRef)(0);
   const phaseRef = (0, import_react24.useRef)("connecting");
   const turnT0 = (0, import_react24.useRef)(null);
@@ -83747,12 +83781,17 @@ function App2({ engine: engine2, task, resume }) {
   const toolsRef = (0, import_react24.useRef)({});
   const historyRef = (0, import_react24.useRef)(loadHistory());
   const modelRef = (0, import_react24.useRef)("");
+  const lastOutRef = (0, import_react24.useRef)(null);
+  const helloRef = (0, import_react24.useRef)(false);
+  const preHello = (0, import_react24.useRef)([]);
+  const [meter, setMeter] = (0, import_react24.useState)({ tokens: 0, cap: 0, input: 0, output: 0 });
   const setPhaseBoth = (p) => {
     phaseRef.current = p;
     setPhase(p);
   };
   const append = (item) => setItems((prev) => [...prev, { id: nextId.current++, ...item }]);
   const menu = value.trimStart().startsWith("/") && !value.includes(" ") ? COMMANDS.filter((c) => c.name.startsWith(value.trim())) : [];
+  const ctxPct = meter.cap > 0 && meter.tokens > 0 ? Math.round(meter.tokens / meter.cap * 100) : 0;
   (0, import_react24.useEffect)(() => {
     if (phase !== "busy" && phase !== "connecting") return void 0;
     const started = Date.now();
@@ -83809,18 +83848,114 @@ function App2({ engine: engine2, task, resume }) {
         append({ kind: "agent", text: `agent ${ev.n} \xB7 ${ev.kind} \xB7 ${ev.desc}` });
         break;
       case "agent_end":
-        append({ kind: "agent_end", text: `agent ${ev.n} done \xB7 ${ev.steps} steps \xB7 ${fmtCost(ev.cost_usd)}${ev.reason !== "done" ? ` \xB7 ${ev.reason}` : ""}` });
+        append({ kind: "agent_end", text: `agent ${ev.n} done \xB7 ${plural(ev.steps, "step")} \xB7 ${fmtCost(ev.cost_usd)}${ev.reason !== "done" ? ` \xB7 ${ev.reason}` : ""}` });
         break;
-      case "hello":
+      case "hello": {
         setHello(ev);
+        helloRef.current = true;
         modelRef.current = ev.model;
-        append({ kind: "banner", text: `${ev.model}${ev.user ? ` \xB7 ${ev.user}` : ""} \xB7 ${ev.cwd} \xB7 tools: ${ev.tools.join(", ")}` });
-        if (task) engine2.send({ cmd: "start", task });
-        else if (resume === "pick") {
+        setMeter((m) => ({ ...m, tokens: 0, cap: ev.compact_at || 0 }));
+        setGate(ev.gate === "approve" ? "approve" : "off");
+        if (ev.session) setSession(ev.session);
+        const state = ev.state && ev.state !== "new" && ev.state !== "idle" ? ` \xB7 ${ev.state}` : "";
+        append({
+          kind: "banner",
+          text: `${ev.model}${ev.user ? ` \xB7 ${ev.user}` : ""} \xB7 ${homeRel(ev.cwd)} \xB7 tools: ${ev.tools.join(", ")}${state}`,
+          instruction: ev.session ? ev.instruction : null
+        });
+        preHello.current.forEach((it) => append(it));
+        preHello.current = [];
+        if (ev.session) {
+          if (ev.busy) {
+            setPhaseBoth("busy");
+            setStatus(ev.phase || "");
+            turnT0.current = Date.now();
+          } else setPhaseBoth("idle");
+          if (resume === "pick") engine2.send({ cmd: "sessions" });
+        } else if (task) {
+          if (images.length && !ev.images) append({ kind: "warn", text: "this engine does not take images; update hum" });
+          engine2.send({ cmd: "start", task, images: ev.images ? images : [] });
+        } else if (resume === "pick") {
           setPhaseBoth("idle");
           engine2.send({ cmd: "sessions" });
         } else if (resume) engine2.send({ cmd: "resume", name: resume });
-        else setPhaseBoth("idle");
+        else {
+          setPhaseBoth("idle");
+          if (ev.images) images.forEach((p) => engine2.send({ cmd: "attach", path: p }));
+          else if (images.length) append({ kind: "warn", text: "this engine does not take images; update hum" });
+        }
+        break;
+      }
+      case "replay":
+        for (const it of ev.items || []) {
+          switch (it.type) {
+            case "you":
+              append({ kind: "you", text: it.text, images: it.images || [] });
+              break;
+            case "text":
+              append({ kind: "hum", text: it.text });
+              break;
+            case "thought":
+              append({ kind: "thought", text: `thought for ${fmtDur(it.secs || 0)} \xB7 ${((it.chars || 0) / 1e3).toFixed(1)}k chars` });
+              break;
+            case "tool_call": {
+              toolsRef.current[it.id] = it;
+              append({ kind: "tool", text: it.name === "write_file" && it.lines != null ? `${it.desc || it.name}  (${it.lines} lines)` : it.desc || it.name, name: it.name, args: it.args, agent: it.agent });
+              if (it.diff) {
+                const ls = it.diff.split("\n");
+                append({ kind: "diff", lines: ls.slice(0, DIFF_TAIL_LINES), more: Math.max(0, ls.length - DIFF_TAIL_LINES) });
+              }
+              break;
+            }
+            case "tool_result": {
+              if (!it.agent) lastOutRef.current = { name: it.name, content: it.content || "" };
+              const more = (it.lines || 0) > 1 ? `  (+${it.lines - 1} lines)` : "";
+              append({ kind: "tool_result", text: `${it.summary || "(no output)"}${more}`, isError: !it.ok, agent: it.agent });
+              break;
+            }
+            case "plan": {
+              const glyph = { completed: "\u25FC", in_progress: "\u25B8", pending: "\u25FB" };
+              append({ kind: "plan", steps: (it.steps || []).map((st) => ({ ...st, glyph: glyph[st.status] || "\u25FB" })), explanation: it.explanation });
+              break;
+            }
+            case "turn_end":
+              append({ kind: "turn", text: `${fmtDur(it.elapsed_s || 0)} \xB7 ${plural(it.turns, "step")} \xB7 ${fmtCost(it.cost_usd)} session` });
+              setSpend(it.cost_usd || 0);
+              break;
+            case "agent_start":
+              append({ kind: "agent", text: `agent ${it.n} \xB7 ${it.kind} \xB7 ${it.desc}` });
+              break;
+            case "agent_end":
+              append({ kind: "agent_end", text: `agent ${it.n} done \xB7 ${plural(it.steps, "step")} \xB7 ${fmtCost(it.cost_usd)}` });
+              break;
+            case "compaction":
+              append({ kind: "info", text: `context summarised and restarted${it.prompt_tokens_before ? ` at ${it.prompt_tokens_before.toLocaleString()} tokens` : ""}` });
+              break;
+            case "human_edit":
+              append({ kind: "info", text: `you edited files: ${it.stat}` });
+              break;
+            case "paused":
+              append({ kind: "paused", text: it.detail, trip: it.kind });
+              setPaused(true);
+              break;
+            case "resumed":
+              setPaused(false);
+              break;
+            case "interrupted":
+              append({ kind: "info", text: it.kept ? "stopped \xB7 what it had so far is kept in the session" : "stopped" });
+              break;
+            case "gate":
+              setGate(it.mode);
+              break;
+            case "info":
+            case "warn":
+            case "error":
+              append({ kind: it.type, text: it.text });
+              break;
+            default:
+              break;
+          }
+        }
         break;
       case "sessions":
         if (!ev.items || ev.items.length === 0) {
@@ -83832,8 +83967,9 @@ function App2({ engine: engine2, task, resume }) {
       case "session":
         setSession(ev.name);
         setSpend(0);
+        setPaused(false);
+        setProposal(null);
         if (ev.model) modelRef.current = ev.model;
-        append({ kind: "info", text: `session ${ev.name}` });
         break;
       case "turn_start":
         turnT0.current = turnT0.current || Date.now();
@@ -83858,15 +83994,26 @@ function App2({ engine: engine2, task, resume }) {
       case "tool_pending":
         break;
       // the status line already shows it; the call itself lands as a transcript line
-      case "tool_call":
+      case "tool_call": {
         foldThinking();
         flushDraft();
         toolsRef.current[ev.id] = ev;
-        append({ kind: "tool", text: ev.desc || ev.name, name: ev.name, args: ev.args });
+        const label = ev.name === "write_file" && ev.lines != null ? `${ev.desc || ev.name}  (${ev.lines} lines)` : ev.desc || ev.name;
+        append({ kind: "tool", text: label, name: ev.name, args: ev.args });
+        if (ev.diff) {
+          const ls = ev.diff.split("\n");
+          append({ kind: "diff", lines: ls.slice(0, DIFF_TAIL_LINES), more: Math.max(0, ls.length - DIFF_TAIL_LINES) });
+        }
         break;
+      }
       case "tool_result": {
-        const more = (ev.lines || 0) > 1 ? `  (+${ev.lines - 1} lines)` : "";
+        lastOutRef.current = { name: ev.name, content: ev.content || "" };
+        const more = (ev.lines || 0) > 1 ? `  (+${ev.lines - 1} lines \xB7 ctrl+o expands)` : "";
         append({ kind: "tool_result", text: `${ev.summary || "(no output)"}${more}`, isError: !ev.ok });
+        if (!ev.ok && ev.content) {
+          const t = ev.content.split("\n").filter((l) => l.trim()).slice(-ERR_TAIL_LINES);
+          if (t.length > 1) append({ kind: "errtail", lines: t });
+        }
         break;
       }
       case "plan": {
@@ -83876,11 +84023,37 @@ function App2({ engine: engine2, task, resume }) {
         append({ kind: "plan", steps: (ev.steps || []).map((st) => ({ ...st, glyph: glyph[st.status] || "\u25FB" })), explanation: ev.explanation });
         break;
       }
+      case "proposal":
+        foldThinking();
+        flushDraft();
+        setProposal({ content: ev.content || "", calls: ev.calls || [] });
+        setStatus("waiting for your decision");
+        break;
+      case "paused":
+        foldThinking();
+        flushDraft();
+        setPaused(true);
+        append({ kind: "paused", text: ev.detail, trip: ev.kind });
+        break;
+      case "resumed":
+        setPaused(false);
+        turnT0.current = Date.now();
+        setPhaseBoth("busy");
+        break;
+      case "proposal_released":
+        setProposal(null);
+        append({ kind: "info", text: "approvals off: the waiting proposal ran" });
+        break;
+      case "gate":
+        setGate(ev.mode);
+        append({ kind: "info", text: ev.mode === "approve" ? "approvals on: changes and commands wait for you first" : "approvals off: the agent acts, you steer" });
+        break;
       case "human_edit":
         append({ kind: "info", text: `you edited files: ${ev.stat}` });
         break;
       case "compaction":
-        append({ kind: "info", text: "context summarised and restarted (the session keeps everything)" });
+        append({ kind: "info", text: `context summarised and restarted${ev.prompt_tokens_before ? ` at ${ev.prompt_tokens_before.toLocaleString()} tokens` : ""} (the session keeps everything)` });
+        setMeter((m) => ({ ...m, tokens: 0 }));
         break;
       case "retry":
         append({ kind: "info", text: `model connection: ${ev.text} \u2014 retrying (${ev.attempt})` });
@@ -83888,6 +84061,8 @@ function App2({ engine: engine2, task, resume }) {
       case "interrupted":
         foldThinking();
         flushDraft();
+        setProposal(null);
+        setPaused(false);
         append({ kind: "info", text: ev.kept ? "stopped \xB7 what it had so far is kept in the session" : "stopped" });
         setPhaseBoth("idle");
         setStatus("");
@@ -83895,24 +84070,34 @@ function App2({ engine: engine2, task, resume }) {
       case "turn_end": {
         foldThinking();
         flushDraft();
+        setMeter((m) => ({ ...m, tokens: ev.context_tokens ?? m.tokens, input: ev.input_tokens || 0, output: ev.output_tokens || 0 }));
         setSpend(ev.cost_usd);
         const dur = turnT0.current ? fmtDur((Date.now() - turnT0.current) / 1e3) : fmtDur(ev.elapsed_s);
         turnT0.current = null;
-        append({ kind: "turn", text: `${dur} \xB7 ${ev.turns} steps \xB7 ${fmtCost(ev.cost_usd)} session` + (ev.stop_reason !== "done" ? ` \xB7 stopped: ${ev.stop_reason}` : "") });
+        append({ kind: "turn", text: `${dur} \xB7 ${plural(ev.turns, "step")} \xB7 ${fmtCost(ev.cost_usd)} session` + (ev.stop_reason !== "done" && !String(ev.stop_reason).startsWith("paused") ? ` \xB7 stopped: ${ev.stop_reason}` : "") });
         setPhaseBoth("idle");
         setStatus("");
         break;
       }
-      case "info":
-        append({ kind: "info", text: ev.text });
+      case "image": {
+        const n = attachRef.current.length + 1;
+        const { type, label, ...ref } = ev;
+        attachRef.current = [...attachRef.current, { ref, n, label: label || ref.name || "image", chip: `[Image #${n}]` }];
+        if (inputRef.current) inputRef.current.insert(`[Image #${n}] `);
         break;
-      case "warn":
-        append({ kind: "warn", text: ev.text });
+      }
+      case "info":
+      case "warn": {
+        const it = { kind: ev.type, text: ev.text };
+        if (helloRef.current) append(it);
+        else preHello.current.push(it);
         break;
+      }
       case "error":
         foldThinking();
         flushDraft();
-        append({ kind: "error", text: ev.text });
+        if (helloRef.current) append({ kind: "error", text: ev.text });
+        else preHello.current.push({ kind: "error", text: ev.text });
         setPhaseBoth("idle");
         setStatus("");
         break;
@@ -83930,12 +84115,22 @@ function App2({ engine: engine2, task, resume }) {
   }, []);
   const quit = () => {
     if (phaseRef.current === "dead") return;
-    append({ kind: "info", text: session ? `session saved: ${session}` : "bye" });
+    const busy = phaseRef.current === "busy";
+    append({ kind: "info", text: !session ? "bye" : busy ? "still working \xB7 `hum` brings you back" : `saved \xB7 \`hum\` brings you back` });
     engine2.send({ cmd: "quit" });
     setTimeout(() => {
       setPhaseBoth("dead");
       exit();
-    }, 1500);
+    }, 400);
+  };
+  const stop = () => {
+    if (phaseRef.current === "dead") return;
+    append({ kind: "info", text: session ? `stopped \xB7 saved \xB7 hum resume ${shortSession(session)}` : "stopped" });
+    engine2.send({ cmd: "stop" });
+    setTimeout(() => {
+      setPhaseBoth("dead");
+      exit();
+    }, 2500);
   };
   use_input_default((input, key) => {
     if (key.ctrl && input === "c") {
@@ -83952,13 +84147,34 @@ function App2({ engine: engine2, task, resume }) {
       quit();
       return;
     }
+    if (key.ctrl && input === "o") {
+      const last = lastOutRef.current;
+      if (last && last.content) {
+        const ls = last.content.split("\n");
+        append({ kind: "output", name: last.name, lines: ls.slice(0, OUTPUT_MAX_LINES), more: Math.max(0, ls.length - OUTPUT_MAX_LINES) });
+      }
+      return;
+    }
+    if (proposal && !picker) {
+      if (key.return && !value.trim()) {
+        decide("accept");
+        return;
+      }
+      if (key.escape) {
+        setProposal(null);
+        engine2.send({ cmd: "interrupt" });
+        return;
+      }
+    }
     if (picker) {
       if (key.upArrow) setPicker((p) => ({ ...p, index: (p.index + p.items.length - 1) % p.items.length }));
       else if (key.downArrow || key.tab) setPicker((p) => ({ ...p, index: (p.index + 1) % p.items.length }));
       else if (key.return) {
         const it = picker.items[picker.index];
         setPicker(null);
-        engine2.send({ cmd: "resume", name: it.name });
+        if (it.live && it.live.here) {
+        } else if (it.live && it.live.port) attachTo(it.live.port);
+        else engine2.send({ cmd: "resume", name: it.name });
       } else if (key.escape) setPicker(null);
       return;
     }
@@ -83973,6 +84189,29 @@ function App2({ engine: engine2, task, resume }) {
   (0, import_react24.useEffect)(() => {
     setMenuIndex(0);
   }, [value]);
+  const attachTo = (port2) => {
+    setItems([]);
+    setDraft("");
+    setThinking("");
+    thinkChars.current = 0;
+    setProposal(null);
+    setPaused(false);
+    setSpend(0);
+    helloRef.current = false;
+    setPhaseBoth("connecting");
+    setStatus("");
+    engine2.reconnect(port2).catch((e) => {
+      append({ kind: "error", text: `could not attach: ${e.message}` });
+      setPhaseBoth("idle");
+    });
+  };
+  const decide = (decision, note) => {
+    const p = proposal;
+    setProposal(null);
+    const what = p && p.calls.length ? p.calls.map((c) => c.desc).join(" \xB7 ") : "the proposal";
+    append({ kind: "you", text: decision === "accept" ? `approved: ${what}` : `rejected: ${what}${note ? ` \u2014 ${note}` : ""}` });
+    engine2.send({ cmd: "decide", decision, note: note || "" });
+  };
   const runCommand = (line) => {
     const [name, ...rest] = line.split(/\s+/);
     const arg = rest.join(" ").trim();
@@ -83985,6 +84224,9 @@ function App2({ engine: engine2, task, resume }) {
       case "/quit":
         quit();
         break;
+      case "/stop":
+        stop();
+        break;
       case "/help":
         append({ kind: "info", text: HELP });
         break;
@@ -84000,12 +84242,30 @@ function App2({ engine: engine2, task, resume }) {
           engine2.send({ cmd: "model", name: arg });
         } else append({ kind: "info", text: `model: ${modelRef.current}` });
         break;
-      case "/cost":
-        append({ kind: "info", text: `${fmtCost(spend)} this session` });
+      case "/cost": {
+        const ctx = ctxPct > 0 ? ` \xB7 context ${ctxPct}% of the compaction threshold` : "";
+        append({ kind: "info", text: `${fmtCost(spend)} this session \xB7 ${meter.input.toLocaleString()}+${meter.output.toLocaleString()} tokens${ctx}` });
+        break;
+      }
+      case "/image":
+        if (!hello?.images) append({ kind: "warn", text: "this engine does not take images; update hum" });
+        else if (!arg) append({ kind: "info", text: "/image <path> attaches the file to your next message \xB7 ctrl+v pastes a screenshot \xB7 @path.png in a message works too" });
+        else engine2.send({ cmd: "attach", path: arg });
         break;
       case "/tools":
         append({ kind: "info", text: (hello?.tools || []).join(", ") });
         break;
+      case "/hooks":
+        engine2.send({ cmd: "hooks" });
+        break;
+      case "/continue":
+        engine2.send({ cmd: "continue" });
+        break;
+      case "/approve": {
+        const mode = arg === "on" ? "approve" : arg === "off" ? "off" : gate === "approve" ? "off" : "approve";
+        engine2.send({ cmd: "gate", mode });
+        break;
+      }
       default:
         break;
     }
@@ -84013,12 +84273,20 @@ function App2({ engine: engine2, task, resume }) {
   const onSubmit = (line) => {
     const text = line.trim();
     setValue("");
-    if (!text) return;
+    const queued = attachRef.current;
+    const attached = text ? queued.filter((a) => text.includes(a.chip)) : queued;
+    const dropped = queued.filter((a) => !attached.includes(a));
+    if (!text && attached.length === 0) return;
+    if (!text && proposal) return;
     const hist = historyRef.current;
-    if (hist[hist.length - 1] !== text) {
+    if (text && hist[hist.length - 1] !== text) {
       hist.push(text);
       saveHistory(hist);
     }
+    if (proposal && !/^\/(approve|quit|exit|stop)\b/.test(text)) {
+      decide("reject", text);
+      return;
+    }
     if (text.startsWith("/")) {
       runCommand(text);
       return;
@@ -84029,14 +84297,21 @@ function App2({ engine: engine2, task, resume }) {
       if (phaseRef.current === "idle") setPhaseBoth("busy");
       return;
     }
-    append({ kind: "you", text, steering: phaseRef.current === "busy" });
-    engine2.send({ cmd: "message", text });
+    if (paused && /^(continue|go on|carry on|keep going)\.?$/i.test(text)) {
+      runCommand("/continue");
+      return;
+    }
+    if (paused) setPaused(false);
+    if (dropped.length) append({ kind: "info", text: `not sent (chip removed): ${dropped.map((a) => a.label).join(", ")}` });
+    append({ kind: "you", text, images: attached.map((a) => `#${a.n} ${a.label}`), steering: phaseRef.current === "busy" });
+    engine2.send({ cmd: "message", text, images: attached.map((a) => a.ref) });
+    attachRef.current = [];
     if (phaseRef.current === "idle") {
       turnT0.current = Date.now();
       setPhaseBoth("busy");
     }
   };
-  const statusLine = phase === "connecting" ? "starting the engine \u2026" : `${modelRef.current || ""}${session ? ` \xB7 ${session}` : ""} \xB7 ${fmtCost(spend)}` + (ctrlc ? " \xB7 ctrl+c again to quit" : " \xB7 / for commands");
+  const statusLine = phase === "connecting" ? "starting the engine \u2026" : `${modelRef.current || ""}${session ? ` \xB7 ${shortSession(session)}` : ""} \xB7 ${fmtCost(spend)}` + (ctxPct >= 10 ? ` \xB7 ctx ${ctxPct}%` : "") + (gate === "approve" ? " \xB7 approvals on" : "") + (ctrlc ? " \xB7 ctrl+c again to quit" : " \xB7 / for commands");
   const spinnerLabel = phase === "connecting" ? " starting \u2026" : ` ${status || "working"}${elapsed >= 2 ? ` \xB7 ${fmtDur(elapsed)}` : ""}` + (thinkChars.current > 4e3 ? ` \xB7 ${(thinkChars.current / 1e3).toFixed(0)}k thinking` : "");
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(Box_default, { flexDirection: "column", children: [
     /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Static, { items, children: (item) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(Box_default, { flexDirection: "column", marginBottom: ["hum", "you", "banner", "turn"].includes(item.kind) ? 1 : 0, children: [
@@ -84045,7 +84320,8 @@ function App2({ engine: engine2, task, resume }) {
           /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Text, { color: ACCENT, bold: true, children: "\u2733 hum " }),
           /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Text, { dimColor: true, children: "\u0939\u092E" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Text, { dimColor: true, children: item.text })
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Text, { dimColor: true, children: item.text }),
+        item.instruction ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Text, { children: item.instruction.split("\n")[0].slice(0, width - 8) }) : null
       ] }),
       item.kind === "hum" && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(Box_default, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Box_default, { width: 2, flexShrink: 0, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Text, { color: ACCENT, children: "\u25CF" }) }),
@@ -84057,9 +84333,15 @@ function App2({ engine: engine2, task, resume }) {
       ] }),
       item.kind === "you" && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(Box_default, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Box_default, { width: 2, flexShrink: 0, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Text, { color: "cyan", bold: true, children: "\u276F" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(Text, { color: "white", children: [
-          item.text,
-          item.steering ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Text, { dimColor: true, children: "  (steering)" }) : null
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(Box_default, { flexDirection: "column", children: [
+          item.text ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(Text, { color: "white", children: [
+            item.text,
+            item.steering ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Text, { dimColor: true, children: "  (steering)" }) : null
+          ] }) : null,
+          (item.images || []).map((im, i) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(Text, { dimColor: true, children: [
+            "\u{1F4CE} ",
+            im
+          ] }, i))
         ] })
       ] }),
       item.kind === "agent" && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(Text, { color: "magenta", children: [
@@ -84098,10 +84380,36 @@ function App2({ engine: engine2, task, resume }) {
         item.agent ? "        \u23BF " : "    \u23BF ",
         item.text
       ] })),
+      item.kind === "diff" && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(Box_default, { flexDirection: "column", paddingLeft: 4, children: [
+        item.lines.map((l, i) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          Text,
+          {
+            color: l.startsWith("+") ? "green" : l.startsWith("-") ? "red" : void 0,
+            dimColor: !l.startsWith("+") && !l.startsWith("-"),
+            children: l || " "
+          },
+          i
+        )),
+        item.more > 0 ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Text, { dimColor: true, children: `\u2026 +${item.more} more diff lines` }) : null
+      ] }),
+      item.kind === "errtail" && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Box_default, { flexDirection: "column", paddingLeft: 6, children: item.lines.map((l, i) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Text, { color: "red", dimColor: true, children: l }, i)) }),
+      item.kind === "output" && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(Box_default, { flexDirection: "column", paddingLeft: 4, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Text, { dimColor: true, children: `full output \xB7 ${item.name}` }),
+        item.lines.map((l, i) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Text, { dimColor: true, children: l || " " }, i)),
+        item.more > 0 ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Text, { dimColor: true, children: `\u2026 +${item.more} more lines (the session file keeps everything)` }) : null
+      ] }),
       item.kind === "turn" && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(Text, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Text, { color: ACCENT, children: "\u273B " }),
         /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Text, { dimColor: true, children: item.text })
       ] }),
+      item.kind === "paused" && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(Box_default, { borderStyle: "round", borderColor: "yellow", paddingX: 1, flexDirection: "column", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(Text, { color: "yellow", bold: true, children: [
+          "\u23F8 paused \u2014 ",
+          item.trip === "spend" ? "spend cap" : item.trip === "repeat" ? "repeating itself" : "no progress"
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Text, { children: item.text }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Text, { dimColor: true, children: "say what to do next \xB7 /continue lets it carry on" })
+      ] }),
       item.kind === "info" && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Text, { dimColor: true, children: item.text }),
       item.kind === "warn" && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Text, { color: "yellow", children: item.text }),
       item.kind === "error" && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Text, { color: "red", children: item.text })
@@ -84118,34 +84426,75 @@ function App2({ engine: engine2, task, resume }) {
       /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Text, { color: ACCENT, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(build_default, { type: "dots" }) }),
       /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Text, { dimColor: true, children: spinnerLabel })
     ] }),
+    proposal && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(Box_default, { flexDirection: "column", borderStyle: "round", borderColor: ACCENT, paddingX: 1, marginTop: 1, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(Text, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Text, { color: ACCENT, bold: true, children: "? " }),
+        "hum wants to ",
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Text, { dimColor: true, children: "\xB7 enter approves \xB7 type a reason to reject \xB7 esc stops" })
+      ] }),
+      proposal.content ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(Text, { dimColor: true, children: [
+        "  ",
+        proposal.content.split("\n")[0].slice(0, width - 4)
+      ] }) : null,
+      proposal.calls.map((c) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(Box_default, { flexDirection: "column", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(Text, { children: [
+          "  \xB7 ",
+          c.desc,
+          c.lines != null ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Text, { dimColor: true, children: `  (${c.lines} lines)` }) : null
+        ] }),
+        c.name === "bash" || c.name === "powershell" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(Text, { color: "cyan", children: [
+          "    $ ",
+          String(c.args?.command || "").split("\n").join(" \u23CE ").slice(0, 300)
+        ] }) : null,
+        c.diff ? c.diff.split("\n").slice(0, DIFF_TAIL_LINES).map((l, i) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+          Text,
+          {
+            color: l.startsWith("+") ? "green" : l.startsWith("-") ? "red" : void 0,
+            dimColor: !l.startsWith("+") && !l.startsWith("-"),
+            children: [
+              "    ",
+              l || " "
+            ]
+          },
+          i
+        )) : null,
+        c.diff && c.diff.split("\n").length > DIFF_TAIL_LINES ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Text, { dimColor: true, children: `    \u2026 +${c.diff.split("\n").length - DIFF_TAIL_LINES} more diff lines` }) : null
+      ] }, c.id))
+    ] }),
     picker && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(Box_default, { flexDirection: "column", paddingX: 1, marginTop: 1, children: [
       /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(Text, { children: [
         "pick a session to continue ",
         /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Text, { dimColor: true, children: "\xB7 enter continues \xB7 esc cancels" })
       ] }),
-      picker.items.map((it, i) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(Box_default, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Text, { color: "cyan", inverse: i === picker.index, children: (i === picker.index ? "\u276F " : "  ") + (it.when || "").padEnd(9) }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(Text, { dimColor: i !== picker.index, children: [
-          "  ",
-          (it.instruction || "(untitled)").slice(0, Math.max(20, width - 40)),
-          it.steps != null ? `  \xB7 ${it.steps} steps` : "  \xB7 on the server",
-          it.cost_usd ? ` \xB7 ${fmtCost(it.cost_usd)}` : "",
-          it.cwd ? ` \xB7 ${path.basename(it.cwd)}` : ""
-        ] })
-      ] }, it.name))
+      picker.items.map((it, i) => {
+        const live = it.live ? it.live.here ? "  \xB7 here" : `  \xB7 ${it.live.state || "running"}` : "";
+        const tail2 = (it.steps != null ? `  \xB7 ${plural(it.steps, "step")}` : "  \xB7 on the server") + (it.cost_usd ? ` \xB7 ${fmtCost(it.cost_usd)}` : "") + (it.cwd ? ` \xB7 ${path.basename(it.cwd)}` : "") + live;
+        const room = Math.max(16, width - 13 - tail2.length - 1);
+        const what = (it.instruction || "(untitled)").replace(/\s+/g, " ");
+        return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(Box_default, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Text, { color: "cyan", inverse: i === picker.index, children: (i === picker.index ? "\u276F " : "  ") + (it.when || "").padEnd(9) }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(Text, { dimColor: i !== picker.index, color: it.live && !it.live.here ? "magenta" : void 0, children: [
+            "  ",
+            what.length > room ? what.slice(0, room - 1) + "\u2026" : what,
+            tail2
+          ] })
+        ] }, it.name);
+      })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(Box_default, { borderStyle: "round", borderColor: "gray", paddingX: 1, marginTop: 1, children: [
       /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Text, { color: "cyan", children: "\u276F " }),
       /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-        MultilineInput,
+        input_default,
         {
+          ref: inputRef,
+          onPasteImage: () => hello?.images ? engine2.send({ cmd: "paste_image" }) : append({ kind: "warn", text: "this engine does not take images; update hum" }),
           value,
           onChange: setValue,
           onSubmit,
           focus: phase !== "dead" && !picker,
           navActive: menu.length === 0,
           history: historyRef.current,
-          placeholder: phase === "busy" ? "type to steer \xB7 esc to stop \xB7 !cmd runs a command" : session ? "what next?" : "what are we doing?"
+          placeholder: proposal ? "enter to approve \xB7 or type why not" : paused ? "paused \xB7 say what to do, or /continue" : phase === "busy" ? "type to steer \xB7 esc to stop \xB7 !cmd runs a command" : session ? "what next?" : "what are we doing?"
         }
       )
     ] }),
@@ -84164,8 +84513,20 @@ function App2({ engine: engine2, task, resume }) {
 }
 
 // src/engine.js
+import fs3 from "node:fs";
 import net from "node:net";
+import os4 from "node:os";
+import path2 from "node:path";
+import crypto from "node:crypto";
 import { spawn } from "node:child_process";
+var runDir = () => path2.join(process.env.HUM_HOME || path2.join(os4.homedir(), ".hum"), "run");
+var readRun = (id) => {
+  try {
+    return JSON.parse(fs3.readFileSync(path2.join(runDir(), `${id}.json`), "utf8"));
+  } catch {
+    return null;
+  }
+};
 var EngineError = class extends Error {
 };
 var ENGINE_CANDIDATES = [
@@ -84175,7 +84536,7 @@ var ENGINE_CANDIDATES = [
   // uv tool install hum-cli
   `${process.env.HOME || ""}/.local/bin/hum-engine`
 ];
-function spawnEngine(cwd2) {
+function spawnEngine(cwd2, { task = null, images = [], resume = null } = {}) {
   return new Promise((resolve, reject) => {
     const tryNext = (i) => {
       const cmd = ENGINE_CANDIDATES[i];
@@ -84189,21 +84550,48 @@ function spawnEngine(cwd2) {
         tryNext(i + 1);
         return;
       }
+      const runId = crypto.randomBytes(6).toString("hex");
+      fs3.mkdirSync(runDir(), { recursive: true });
+      const log = fs3.openSync(path2.join(runDir(), `${runId}.log`), "a");
       const [bin, ...rest] = cmd.split(" ");
-      const child2 = spawn(bin, [...rest, "--listen", "-C", cwd2], { stdio: ["ignore", "pipe", "inherit"] });
-      let buf = "";
-      child2.on("error", () => tryNext(i + 1));
-      child2.stdout.on("data", (d) => {
-        buf += d.toString();
-        const m = buf.match(/^port (\d+)/m);
-        if (m) {
-          child2.stdout.removeAllListeners("data");
-          resolve({ child: child2, port: Number(m[1]) });
-        }
+      const args2 = [...rest, "-C", cwd2, "--run-id", runId];
+      if (task) args2.push("--task", task);
+      for (const p of images) args2.push("--image", p);
+      if (resume) args2.push("--resume", resume);
+      let child;
+      try {
+        child = spawn(bin, args2, { stdio: ["ignore", log, log], detached: true, windowsHide: true });
+      } catch {
+        tryNext(i + 1);
+        return;
+      }
+      let failed = false;
+      child.on("error", () => {
+        failed = true;
+        tryNext(i + 1);
       });
-      child2.on("exit", (code) => {
-        if (!buf.match(/^port /m)) reject(new EngineError(`engine exited (${code}) before listening`));
+      child.on("exit", () => {
+        failed = true;
       });
+      const t0 = Date.now();
+      const poll = () => {
+        const rec = readRun(runId);
+        if (rec && rec.port) {
+          child.unref();
+          resolve(rec);
+          return;
+        }
+        if (failed && !rec) {
+          reject(new EngineError(`the engine did not start (see ${path2.join(runDir(), `${runId}.log`)})`));
+          return;
+        }
+        if (Date.now() - t0 > 25e3) {
+          reject(new EngineError("the engine did not start in time"));
+          return;
+        }
+        setTimeout(poll, 50);
+      };
+      poll();
     };
     tryNext(0);
   });
@@ -84216,12 +84604,14 @@ var Engine = class {
   }
   connect() {
     return new Promise((resolve, reject) => {
-      this.sock = net.createConnection({ host: "127.0.0.1", port: this.port }, () => resolve());
-      this.sock.on("error", (e) => {
-        if (!this.closed) reject(new EngineError(`engine: ${e.message}`));
+      const sock = net.createConnection({ host: "127.0.0.1", port: this.port }, () => resolve());
+      this.sock = sock;
+      sock.on("error", (e) => {
+        if (!this.closed && this.sock === sock) reject(new EngineError(`engine: ${e.message}`));
       });
       let buf = "";
-      this.sock.on("data", (d) => {
+      sock.on("data", (d) => {
+        if (this.sock !== sock) return;
         buf += d.toString();
         const lines = buf.split("\n");
         buf = lines.pop();
@@ -84236,12 +84626,26 @@ var Engine = class {
           for (const h of this.handlers) h(ev);
         }
       });
-      this.sock.on("close", () => {
+      sock.on("close", () => {
+        if (this.sock !== sock) return;
         this.closed = true;
         for (const h of this.handlers) h({ type: "bye", gone: true });
       });
     });
   }
+  // Attach to another engine (a session running elsewhere on this machine): the old
+  // socket is dropped quietly, the new one greets us with hello and a replay.
+  async reconnect(port2) {
+    const old = this.sock;
+    this.sock = null;
+    this.port = port2;
+    this.closed = false;
+    try {
+      old.destroy();
+    } catch {
+    }
+    await this.connect();
+  }
   on(handler) {
     this.handlers.push(handler);
   }
@@ -84263,16 +84667,20 @@ var Engine = class {
 
 // src/cli.jsx
 var import_jsx_runtime3 = __toESM(require_jsx_runtime(), 1);
+import fs4 from "node:fs";
+import path3 from "node:path";
 function parseArgs(argv) {
-  const a = { task: null, resume: null, cwd: process.cwd() };
+  const a = { task: null, resume: null, cwd: process.cwd(), images: [] };
   for (let i = 0; i < argv.length; i += 1) {
     const x = argv[i];
     if (x === "resume") {
       a.resume = argv[i + 1] && !argv[i + 1].startsWith("-") ? argv[++i] : "pick";
     } else if ((x === "-C" || x === "--cwd") && argv[i + 1]) {
       a.cwd = argv[++i];
+    } else if (x === "--image" && argv[i + 1]) {
+      a.images.push(argv[++i]);
     } else if (x === "-h" || x === "--help") {
-      process.stdout.write("usage: hum [task]  |  hum resume [name]\nIn a session: type to talk, !cmd runs a command, esc stops the model, / for commands.\n");
+      process.stdout.write("usage: hum [task] [--image path]  |  hum resume [name]\nIn a session: type to talk, !cmd runs a command, esc stops the model, ctrl+v pastes a screenshot, / for commands.\n");
       process.exit(0);
     } else if (!x.startsWith("-")) {
       a.task = a.task ? `${a.task} ${x}` : x;
@@ -84285,10 +84693,41 @@ if (!process.stdin.isTTY) {
   process.stderr.write('hum needs an interactive terminal; use `hum run "task"` when piping.\n');
   process.exit(1);
 }
-var child = null;
+var liveRuns = () => {
+  let out = [];
+  try {
+    for (const f of fs4.readdirSync(runDir())) {
+      if (!f.endsWith(".json")) continue;
+      try {
+        const r = JSON.parse(fs4.readFileSync(path3.join(runDir(), f), "utf8"));
+        if (r.port && r.session) out.push(r);
+      } catch {
+      }
+    }
+  } catch {
+  }
+  out.sort((a, b) => (b.updated || 0) - (a.updated || 0));
+  for (const r of out) {
+    try {
+      process.kill(r.pid, 0);
+    } catch {
+      r.dead = true;
+    }
+  }
+  return out.filter((r) => !r.dead);
+};
 var port = Number(process.env.HUM_ENGINE_PORT || 0);
+var startedHere = false;
 try {
-  if (!port) ({ child, port } = await spawnEngine(args.cwd));
+  if (!port) {
+    let rec = null;
+    if (!args.task && !args.resume && args.images.length === 0) rec = liveRuns()[0] || null;
+    if (!rec) {
+      rec = await spawnEngine(args.cwd, { task: args.task, images: args.images, resume: args.resume && args.resume !== "pick" ? args.resume : null });
+      startedHere = true;
+    }
+    port = rec.port;
+  }
 } catch (exc) {
   if (exc instanceof EngineError) {
     process.stderr.write(exc.message + "\n");
@@ -84303,15 +84742,9 @@ try {
   process.stderr.write(exc.message + "\n");
   process.exit(1);
 }
-var { waitUntilExit } = render_default(/* @__PURE__ */ (0, import_jsx_runtime3.jsx)(App2, { engine, task: args.task, resume: args.resume }), { exitOnCtrlC: false });
+var { waitUntilExit } = render_default(/* @__PURE__ */ (0, import_jsx_runtime3.jsx)(App2, { engine, task: startedHere ? null : args.task, resume: args.resume === "pick" || !startedHere ? args.resume : null, images: startedHere ? [] : args.images }), { exitOnCtrlC: false });
 waitUntilExit().then(() => {
   engine.close();
-  if (child) setTimeout(() => {
-    try {
-      child.kill();
-    } catch {
-    }
-  }, 3e3);
   process.exit(0);
 });
 /*! Bundled license information: