@mindexec/cli 0.2.143 → 0.2.145

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mindexec/cli",
-  "version": "0.2.143",
+  "version": "0.2.145",
   "description": "MindExec local runtime and bridge CLI",
   "main": "server.js",
   "type": "module",

package/scripts/remote-fleet-render-smoke.mjs

@@ -186,6 +186,16 @@ class MiniElement {
         return true;
     }
 
+    focus() {
+        this.ownerDocument.activeElement = this;
+    }
+
+    blur() {
+        if (this.ownerDocument.activeElement === this) {
+            this.ownerDocument.activeElement = null;
+        }
+    }
+
     getBoundingClientRect() {
         return {
             left: 0,
@@ -268,6 +278,7 @@ class MiniDocument {
         this.body = new MiniElement('body', this);
         this.head = new MiniElement('head', this);
         this.canvasDrawCalls = [];
+        this.activeElement = null;
     }
 
     createElement(tagName) {
@@ -997,6 +1008,111 @@ try {
     assert.equal(rerenderedPatchPreview.dataset.remoteFleetFrameSeq, String(websocketFrameSeq));
     assert.equal(rerenderedPatchPreview.querySelector('canvas[data-remote-fleet-frame-canvas="true"]')?.style.display, 'block');
 
+    const liveStartCallsBeforeControl = dotNetCalls.filter(call => call.methodName === 'StartRemoteFleetLiveStreamFromJs').length;
+    const sendCountBeforeControl = diagnostics.webSocketSends.length;
+    const drawCountBeforeControl = document.canvasDrawCalls.length;
+    const controlCard = bodyView.querySelector(`article[data-device-id="${patchTarget.DeviceId}"]`);
+    assert.ok(controlCard);
+    controlCard.dispatchEvent({ type: 'dblclick', button: 0 });
+    await wait(30);
+    const controlPopup = document.body.querySelector('[data-remote-fleet-control-popup="true"]');
+    assert.ok(controlPopup, 'double-clicking an MDM tile should open the control popup');
+    const controlShell = controlPopup.querySelector('[data-remote-fleet-control-shell="true"]');
+    const controlStage = controlPopup.querySelector('[data-remote-fleet-control-stage="true"]');
+    const controlCanvas = controlPopup.querySelector('[data-remote-fleet-control-canvas="true"]');
+    assert.ok(controlShell);
+    assert.ok(controlStage);
+    assert.ok(controlCanvas);
+    assert.equal(document.activeElement, controlShell);
+    const controlStartCalls = dotNetCalls
+        .filter(call => call.methodName === 'StartRemoteFleetLiveStreamFromJs')
+        .slice(liveStartCallsBeforeControl);
+    assert.equal(controlStartCalls.length, 1);
+    assert.equal(controlStartCalls[0].args[0], 'remote-fleet-render-smoke');
+    assert.equal(controlStartCalls[0].args[1], patchTarget.DeviceId);
+    assert.equal(controlStartCalls[0].args[2], 20);
+    const controlSubscribe = diagnostics.webSocketSends
+        .slice(sendCountBeforeControl)
+        .map(send => {
+            try {
+                return JSON.parse(send.payload);
+            } catch {
+                return null;
+            }
+        })
+        .find(message =>
+            message
+            && message.type === 'subscribe'
+            && message.nodeId === 'remote-fleet-render-smoke'
+            && message.autoStartLive === true
+            && message.fps === 20
+            && Array.isArray(message.deviceIds)
+            && message.deviceIds.includes(patchTarget.DeviceId));
+    assert.ok(controlSubscribe, 'control popup should reuse the binary frame WebSocket with a 20fps subscription');
+
+    const controlFrameSeq = 20001;
+    liveWs.onmessage?.({
+        data: new Blob([encodeRemoteBinaryFrame({
+            type: 'remote.frame.binary',
+            deviceId: patchTarget.DeviceId,
+            kind: 'live',
+            frameSeq: controlFrameSeq,
+            streamId: 'render-smoke-control-live',
+            contentHash: `render-smoke-control-live-${controlFrameSeq}`,
+            mimeType: 'image/jpeg',
+            width: 64,
+            height: 36,
+            capturedAt: new Date().toISOString(),
+            receivedAt: new Date().toISOString()
+        })])
+    });
+    await wait(40);
+    assert.equal(controlCanvas.style.display, 'block');
+    assert.ok(
+        document.canvasDrawCalls
+            .slice(drawCountBeforeControl)
+            .some(call => call.canvas === controlCanvas && call.op === 'drawImage'),
+        'control popup should paint binary WebSocket frames directly to its canvas');
+
+    controlStage.dispatchEvent({
+        type: 'pointerdown',
+        button: 0,
+        pointerId: 7,
+        clientX: 160,
+        clientY: 90
+    });
+    controlStage.dispatchEvent({
+        type: 'pointerup',
+        button: 0,
+        pointerId: 7,
+        clientX: 160,
+        clientY: 90
+    });
+    controlShell.dispatchEvent({
+        type: 'keydown',
+        key: 'A',
+        code: 'KeyA',
+        repeat: false
+    });
+    await wait(20);
+    const inputCalls = dotNetCalls.filter(call => call.methodName === 'SendRemoteFleetInputFromJs');
+    assert.ok(inputCalls.length >= 3, 'control popup should send pointer and keyboard input through JS interop');
+    const pointerDown = inputCalls.find(call => call.args[2]?.type === 'pointerDown');
+    const keyDown = inputCalls.find(call => call.args[2]?.type === 'keyDown');
+    assert.ok(pointerDown);
+    assert.ok(keyDown);
+    assert.equal(pointerDown.args[0], 'remote-fleet-render-smoke');
+    assert.equal(pointerDown.args[1], patchTarget.DeviceId);
+    assert.equal(pointerDown.args[2].button, 'left');
+    assert.ok(pointerDown.args[2].controlLeaseId);
+    assert.ok(pointerDown.args[2].normalizedX >= 0 && pointerDown.args[2].normalizedX <= 1);
+    assert.ok(pointerDown.args[2].normalizedY >= 0 && pointerDown.args[2].normalizedY <= 1);
+    assert.equal(keyDown.args[2].key, 'A');
+    assert.equal(keyDown.args[2].code, 'KeyA');
+    manager.closeRemoteFleetControlPopupForTest('render-smoke');
+    await wait(20);
+    assert.equal(document.body.querySelector('[data-remote-fleet-control-popup="true"]'), null);
+
     const alternateDevice = devices.find(device =>
         device.Connected === true
         && device.DeviceId !== focusedDevice.DeviceId);
@@ -1063,7 +1179,9 @@ try {
     assert.equal(resultPanel, null);
     assert.ok(devices.some(device => /^synthetic-response-/.test(device.LatestTaskResultResponseId)));
     await wait(20);
-    const liveStartCalls = dotNetCalls.filter(call => call.methodName === 'StartRemoteFleetLiveStreamFromJs');
+    const liveStartCalls = dotNetCalls
+        .filter(call => call.methodName === 'StartRemoteFleetLiveStreamFromJs')
+        .slice(0, liveStartCallsBeforeControl);
     const subscribeMessages = diagnostics.webSocketSends
         .map(send => {
             try {

package/wwwroot/index.html

@@ -7,8 +7,8 @@
     <title>MindExec | Run your ideas as AI task graphs</title>
     <meta name="description" content="MindExec is an AI execution canvas for solo builders, researchers, developers, and creators. Start with free browser tools, then move serious work into saved MindCanvas projects." />
     <base href="/" />
-    <link rel="stylesheet" href="_content/MindExecution.Shared/css/app.css?v=20260616-mdm-binary-canvas-v579" />
-    <link rel="stylesheet" href="_content/MindExecution.Shared/css/mind-map-overrides.css?v=20260616-mdm-binary-canvas-v579" />
+    <link rel="stylesheet" href="_content/MindExecution.Shared/css/app.css?v=20260617-mdm-ws-rerender-v580" />
+    <link rel="stylesheet" href="_content/MindExecution.Shared/css/mind-map-overrides.css?v=20260617-mdm-ws-rerender-v580" />
     <!-- ?쇄뼹??Font Awesome (local) ?쇄뼹??-->
     <link rel="stylesheet" href="_content/MindExecution.Shared/lib/font-awesome/css/all.min.css" />
     <!-- ?꿎뼯??-->
@@ -579,7 +579,7 @@
             }
 
             const base = '_content/MindExecution.Shared/js/';
-        const scriptVersion = '20260616-mdm-binary-canvas-v579';
+        const scriptVersion = '20260617-mdm-ws-rerender-v580';
             const scriptUrl = (script) => `${base}${script}?v=${scriptVersion}`;
             console.log(`[Script Loader] Shared JS version: ${scriptVersion}`);
             const criticalScripts = [

package/wwwroot/service-worker-assets.js

@@ -1,5 +1,5 @@
 self.assetsManifest = {
-    "version":  "Q3LEcx0Y",
+    "version":  "caOR4cJE",
     "assets":  [
                    {
                        "hash":  "sha256-+CSYMcqLNTsq3VnH11jgYyOCCdxvHzL74CBmo4sCmMU=",
@@ -834,7 +834,7 @@
                        "url":  "image-manifest.json"
                    },
                    {
-                       "hash":  "sha256-0O54YE8cYfnYOu/2NbpFuJs/cJRKBw/OAc963M3JI6E=",
+                       "hash":  "sha256-zI55TuKnPpHEJMEolp25Zk/P6dkZEOtbMSHObMgR84A=",
                        "url":  "index.html"
                    },
                    {

package/wwwroot/service-worker.js

@@ -1,4 +1,4 @@
-/* Manifest version: Q3LEcx0Y */
+/* Manifest version: caOR4cJE */
 // Hosted deployments should prefer the network over stale offline caches.
 // This service worker immediately clears old Blazor offline caches and unregisters itself.