@mindexec/cli 0.2.148 → 0.2.150

package/package.json

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

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

@@ -945,12 +945,12 @@ try {
     assert.match(cards[0]?.title || '', /Seen:/);
     assert.match(cards[0]?.title || '', /Uptime:/);
     assert.equal(/\b(Seen|Uptime|Mem|Load)\b/.test(cards[0]?.textContent || ''), false);
-    assert.match(deviceGrid.style.cssText, /minmax\(132px,\s*1fr\)/);
+    assert.match(deviceGrid.style.cssText, /minmax\(198px,\s*1fr\)/);
     sizeControls.querySelector('[data-remote-fleet-action="monitor-size-up"]').dispatchEvent({ type: 'click' });
     assert.equal(bodyView.dataset.remoteFleetDensity, 'large');
-    assert.match(bodyView.querySelector('[data-remote-fleet-device-grid="true"]')?.style.cssText || '', /minmax\(168px,\s*1fr\)/);
+    assert.match(bodyView.querySelector('[data-remote-fleet-device-grid="true"]')?.style.cssText || '', /minmax\(297px,\s*1fr\)/);
     assert.equal(mirrorBodyView.dataset.remoteFleetDensity, 'large');
-    assert.match(mirrorBodyView.querySelector('[data-remote-fleet-device-grid="true"]')?.style.cssText || '', /minmax\(168px,\s*1fr\)/);
+    assert.match(mirrorBodyView.querySelector('[data-remote-fleet-device-grid="true"]')?.style.cssText || '', /minmax\(297px,\s*1fr\)/);
     assert.ok(diagnostics.textOverlayInvalidations.some(entry =>
         entry.nodeId === 'remote-fleet-render-smoke'
         && entry.reason === 'remote-monitor-size'));
@@ -961,9 +961,15 @@ try {
         && entry.overlayInvalidated === true));
     bodyView.querySelector('[data-remote-fleet-action="monitor-size-down"]').dispatchEvent({ type: 'click' });
     assert.equal(bodyView.dataset.remoteFleetDensity, 'cards');
-    assert.match(bodyView.querySelector('[data-remote-fleet-device-grid="true"]')?.style.cssText || '', /minmax\(132px,\s*1fr\)/);
+    assert.match(bodyView.querySelector('[data-remote-fleet-device-grid="true"]')?.style.cssText || '', /minmax\(198px,\s*1fr\)/);
     assert.equal(mirrorBodyView.dataset.remoteFleetDensity, 'cards');
-    assert.match(mirrorBodyView.querySelector('[data-remote-fleet-device-grid="true"]')?.style.cssText || '', /minmax\(132px,\s*1fr\)/);
+    assert.match(mirrorBodyView.querySelector('[data-remote-fleet-device-grid="true"]')?.style.cssText || '', /minmax\(198px,\s*1fr\)/);
+    bodyView.querySelector('[data-remote-fleet-action="monitor-size-down"]').dispatchEvent({ type: 'click' });
+    assert.equal(bodyView.dataset.remoteFleetDensity, 'dense');
+    assert.match(bodyView.querySelector('[data-remote-fleet-device-grid="true"]')?.style.cssText || '', /minmax\(132px,\s*1fr\)/);
+    bodyView.querySelector('[data-remote-fleet-action="monitor-size-up"]').dispatchEvent({ type: 'click' });
+    assert.equal(bodyView.dataset.remoteFleetDensity, 'cards');
+    assert.match(bodyView.querySelector('[data-remote-fleet-device-grid="true"]')?.style.cssText || '', /minmax\(198px,\s*1fr\)/);
     mirrorShell.remove();
     cards = bodyView.querySelectorAll('article[data-device-id]');
     const patchTarget = devices.find(device =>
@@ -1216,6 +1222,10 @@ try {
     assert.equal(bodyView.textContent.includes('No screen'), false);
     assert.equal(bodyView.textContent.includes('@mindexec/cli'), false);
     assert.equal(nodeShell.querySelector('[data-remote-fleet-host-indicator="true"]')?.dataset.remoteFleetHostActive, 'false');
+    const { nodeShell: hostMirrorShell, bodyView: hostMirrorBodyView } = createRemoteFleetTemplateShell(document, focusedDevice.DeviceId);
+    document.body.appendChild(hostMirrorShell);
+    manager.renderRemoteFleetMonitorForTest(hostMirrorBodyView, monitorNode);
+    assert.equal(hostMirrorShell.querySelector('[data-remote-fleet-host-indicator="true"]')?.dataset.remoteFleetHostActive, 'false');
     const initialHostButton = nodeShell.querySelector('[data-remote-fleet-action="set-host"]');
     assert.equal(initialHostButton?.textContent, 'Set Host');
     initialHostButton.dispatchEvent({ type: 'click' });
@@ -1227,6 +1237,17 @@ try {
     const hostFeedback = bodyView.querySelector('[data-remote-fleet-task-feedback="true"]');
     assert.equal(hostFeedback?.style.display, 'none');
     assert.equal(hostFeedback?.textContent, '');
+    assert.equal(nodeShell.querySelector('[data-remote-fleet-host-indicator="true"]')?.dataset.remoteFleetHostActive, 'true');
+    assert.equal(hostMirrorShell.querySelector('[data-remote-fleet-host-indicator="true"]')?.dataset.remoteFleetHostActive, 'true');
+    assert.ok(diagnostics.textOverlayInvalidations.some(entry =>
+        entry.nodeId === 'remote-fleet-render-smoke'
+        && entry.reason === 'remote-monitor-host'));
+    assert.ok(diagnostics.runtimeTrace.some(entry =>
+        entry.type === 'remote.monitor.projectionInvalidated'
+        && entry.nodeId === 'remote-fleet-render-smoke'
+        && entry.reason === 'host'
+        && entry.overlayInvalidated === true));
+    hostMirrorShell.remove();
 
     hub.setHostTarget({
         nodeId: 'remote-fleet-render-smoke',
@@ -1305,7 +1326,7 @@ try {
     assert.ok(emptyScreenShell);
     assert.match(emptyScreenShell.style.cssText, /padding:\s*2px 4px 6px 4px;/);
     const emptyScreens = emptyBody.querySelectorAll('[data-remote-fleet-empty-screen="true"]');
-    assert.ok(emptyScreens.length >= 24, `expected empty monitor to fill space, got ${emptyScreens.length}`);
+    assert.ok(emptyScreens.length >= 12, `expected empty monitor to fill space, got ${emptyScreens.length}`);
     assert.notEqual(emptyScreens.length, 6);
     assert.match(emptyScreens[0].style.cssText, /border-radius:\s*0/);
     assert.ok(Array.from(emptyBody.children).map(child =>

package/wwwroot/_content/MindExecution.Shared/js/mind-map-css3d-manager.js

@@ -3813,13 +3813,13 @@
     const REMOTE_FLEET_DEVICE_SEMANTIC_TYPE = 'RemoteFleetDevice';
     const REMOTE_FLEET_CENTER_NUDGE_PX = 4;
     const REMOTE_FLEET_MONITOR_TILE_GAP_PX = 8;
-    const REMOTE_FLEET_EMPTY_SCREEN_MIN_WIDTH = 132;
-    const REMOTE_FLEET_EMPTY_SCREEN_MIN_HEIGHT = 72;
+    const REMOTE_FLEET_EMPTY_SCREEN_MIN_WIDTH = 198;
+    const REMOTE_FLEET_EMPTY_SCREEN_MIN_HEIGHT = 108;
     const REMOTE_FLEET_MONITOR_SIZE_LEVELS = Object.freeze(['dense', 'cards', 'large']);
     const REMOTE_FLEET_MONITOR_TILE_METRICS = Object.freeze({
-        dense: Object.freeze({ tileMinWidth: 104, tileMinHeight: 66, emptyMinWidth: 104, emptyMinHeight: 58 }),
-        cards: Object.freeze({ tileMinWidth: 132, tileMinHeight: 84, emptyMinWidth: 132, emptyMinHeight: 72 }),
-        large: Object.freeze({ tileMinWidth: 168, tileMinHeight: 106, emptyMinWidth: 168, emptyMinHeight: 94 })
+        dense: Object.freeze({ tileMinWidth: 132, tileMinHeight: 84, emptyMinWidth: 132, emptyMinHeight: 72 }),
+        cards: Object.freeze({ tileMinWidth: 198, tileMinHeight: 126, emptyMinWidth: 198, emptyMinHeight: 108 }),
+        large: Object.freeze({ tileMinWidth: 297, tileMinHeight: 189, emptyMinWidth: 297, emptyMinHeight: 162 })
     });
     const AUTOMATION_NODE_KIND_METADATA_KEY = 'AutomationNodeKind';
     const AUTOMATION_NODE_LABEL_METADATA_KEY = 'AutomationNodeLabel';
@@ -13652,6 +13652,52 @@
         return nodeState;
     }
 
+    function applyRemoteFleetHostTargetResultToNodeModel(nodeModel, nodeId, enabled, result) {
+        const id = String(nodeId || '').trim();
+        if (!nodeModel || !id || !isRemoteFleetResultSuccess(result)) {
+            return false;
+        }
+
+        const metadata = ensureNodeMetadata(nodeModel);
+        if (!metadata) {
+            return false;
+        }
+
+        const registryStatus = String(result?.registryStatus || result?.RegistryStatus || '').trim();
+        const registryReason = String(result?.registryReason || result?.RegistryReason || '').trim();
+        if (registryStatus) {
+            metadata.RemoteFleetRegistryStatus = registryStatus;
+        }
+        if (registryReason) {
+            metadata.RemoteFleetRegistryReason = registryReason;
+        }
+
+        const active = enabled === true && isRemoteFleetResultActive(result);
+        if (active) {
+            applyRemoteFleetLocalHostTarget(nodeModel);
+            metadata.RemoteFleetHostTargetState = 'hosting';
+            metadata.RemoteFleetHostTargetNodeId = id;
+            const hostTarget = result?.hostTarget || result?.HostTarget || {};
+            const now = new Date().toISOString();
+            metadata.RemoteFleetHostTargetLeaseId = String(readRemoteFleetObjectField(hostTarget, 'leaseId', 'LeaseId', metadata.RemoteFleetHostTargetLeaseId || '') || '').trim();
+            metadata.RemoteFleetHostTargetEndpoint = String(readRemoteFleetObjectField(hostTarget, 'endpoint', 'Endpoint', metadata.RemoteFleetHostTargetEndpoint || metadata.RemoteFleetHubEndpoint || '') || '').trim();
+            metadata.RemoteFleetHostTargetActivatedAtUtc = String(readRemoteFleetObjectField(hostTarget, 'activatedAt', 'ActivatedAt', metadata.RemoteFleetHostTargetActivatedAtUtc || now) || '').trim();
+            metadata.RemoteFleetHostTargetUpdatedAtUtc = String(readRemoteFleetObjectField(hostTarget, 'updatedAt', 'UpdatedAt', now) || '').trim();
+            metadata.RemoteFleetHostTargetExpiresAtUtc = String(readRemoteFleetObjectField(hostTarget, 'expiresAt', 'ExpiresAt', metadata.RemoteFleetHostTargetExpiresAtUtc || '') || '').trim();
+        } else if (enabled !== true || isRemoteFleetResultExplicitlyInactive(result)) {
+            metadata.RemoteFleetHostTargetState = 'inactive';
+            metadata.RemoteFleetHostTargetNodeId = '';
+            metadata.RemoteFleetHostTargetLeaseId = '';
+            metadata.RemoteFleetHostTargetActivatedAtUtc = '';
+            metadata.RemoteFleetHostTargetUpdatedAtUtc = '';
+            metadata.RemoteFleetHostTargetExpiresAtUtc = '';
+        }
+
+        nodeModel.metadata = metadata;
+        nodeModel.Metadata = metadata;
+        return true;
+    }
+
     function clearRemoteFleetTimers(bodyView, options = {}) {
         if (!bodyView) return;
         if (options.keepBinaryFrameSocket !== true) {
@@ -13925,6 +13971,35 @@
         return synced;
     }
 
+    function renderRemoteFleetMonitorSurfaces(nodeId, nodeModel, sourceBodyView = null) {
+        const id = String(nodeId || '').trim();
+        if (!id || !nodeModel) {
+            return 0;
+        }
+
+        const escapedId = cssEscapeValue(id);
+        const bodies = new Set([
+            ...Array.from(document.querySelectorAll(`.template-card__remote-fleet-body[data-node-id="${escapedId}"]`)),
+            ...Array.from(document.querySelectorAll(`.template-card__remote-fleet-body[data-remote-fleet-monitor-node-id="${escapedId}"]`))
+        ]);
+
+        if (sourceBodyView) {
+            bodies.add(sourceBodyView);
+        }
+
+        let rendered = 0;
+        bodies.forEach(body => {
+            if (!body) {
+                return;
+            }
+
+            renderRemoteFleetMonitor(body, nodeModel);
+            rendered += 1;
+        });
+
+        return rendered;
+    }
+
     function invalidateRemoteFleetMonitorProjection(nodeId, sizeState, reason = 'size') {
         const id = String(nodeId || '').trim();
         if (!_module || !id) {
@@ -13944,11 +14019,16 @@
         _module._css3dVisualChangedThisFrame = true;
         _module._css3dVisualChangedSinceLastRender = true;
         wakeRemoteFleetModuleAnimation(_module, `remote-monitor-${reason}`);
-        window.RuntimeTrace?.emit?.('remote.monitor.sizeChanged', {
+        const tracePayload = {
             nodeId: id,
             density: normalizeRemoteFleetMonitorSize(sizeState),
+            reason: String(reason || 'projection'),
             overlayInvalidated: invalidated
-        });
+        };
+        window.RuntimeTrace?.emit?.('remote.monitor.projectionInvalidated', tracePayload);
+        if (reason === 'size') {
+            window.RuntimeTrace?.emit?.('remote.monitor.sizeChanged', tracePayload);
+        }
         return invalidated;
     }
 
@@ -18117,6 +18197,10 @@
                 rememberRemoteFleetLocalHostTarget(nodeId, enabled === true, result);
                 if (isRemoteFleetResultSuccess(result)) {
                     rememberRemoteFleetAutoHostPreference(nodeId, enabled === true && isRemoteFleetResultActive(result));
+                    if (applyRemoteFleetHostTargetResultToNodeModel(nodeModel, nodeId, enabled === true, result)) {
+                        renderRemoteFleetMonitorSurfaces(nodeId, nodeModel, bodyView);
+                        invalidateRemoteFleetMonitorProjection(nodeId, bodyView.dataset.remoteFleetDensity || densityState, 'host');
+                    }
                 }
                 if (quiet) {
                     if (!isRemoteFleetResultSuccess(result) || !isRemoteFleetResultActive(result)) {

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=20260617-mdm-size-sync-v583" />
-    <link rel="stylesheet" href="_content/MindExecution.Shared/css/mind-map-overrides.css?v=20260617-mdm-size-sync-v583" />
+    <link rel="stylesheet" href="_content/MindExecution.Shared/css/app.css?v=20260617-mdm-tile-scale-v585" />
+    <link rel="stylesheet" href="_content/MindExecution.Shared/css/mind-map-overrides.css?v=20260617-mdm-tile-scale-v585" />
     <!-- ?쇄뼹??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 = '20260617-mdm-size-sync-v583';
+        const scriptVersion = '20260617-mdm-tile-scale-v585';
             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":  "2KqIRZaB",
+    "version":  "ZfLSWK2O",
     "assets":  [
                    {
                        "hash":  "sha256-+CSYMcqLNTsq3VnH11jgYyOCCdxvHzL74CBmo4sCmMU=",
@@ -86,7 +86,7 @@
                        "url":  "_content/MindExecution.Shared/js/mind-map-core.js.backup"
                    },
                    {
-                       "hash":  "sha256-jDvRb/lyHSbYOYjqGqyc0m3AIRkOtfL144gqEyAGHOM=",
+                       "hash":  "sha256-Ma2j27vONNBesOrw65Auhtvwr3a5NFSp7sDag7VUo38=",
                        "url":  "_content/MindExecution.Shared/js/mind-map-css3d-manager.js"
                    },
                    {
@@ -834,7 +834,7 @@
                        "url":  "image-manifest.json"
                    },
                    {
-                       "hash":  "sha256-TJzGANRJXvjZ2Tpohu7NwDaJqYaNRaaVMNDegpwN3GI=",
+                       "hash":  "sha256-uZsIbGZb6Q24FUaQCppHT2DCnj7ae7QpkaKq6YnmLIY=",
                        "url":  "index.html"
                    },
                    {

package/wwwroot/service-worker.js

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