@mindexec/cli 0.2.30 → 0.2.31

package/package.json

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

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

@@ -412,7 +412,7 @@ function wait(ms = 0) {
     return new Promise(resolve => setTimeout(resolve, ms));
 }
 
-function buildMonitorNode(devices, hubStatus, latestTaskBatch = null, recentTaskBatches = []) {
+function buildMonitorNode(devices, hubStatus, latestTaskBatch = null, recentTaskBatches = [], lastError = '') {
     const connected = devices.filter(device => device.Connected).length;
     const endpoint = hubStatus.agentEndpoint || '127.0.0.1:5197';
     const pairToken = hubStatus.pairToken || 'render-smoke-token';
@@ -447,7 +447,7 @@ function buildMonitorNode(devices, hubStatus, latestTaskBatch = null, recentTask
             RemoteFleetDevicesJson: JSON.stringify(devices),
             RemoteFleetLatestTaskBatchJson: latestTaskBatch ? JSON.stringify(latestTaskBatch) : '',
             RemoteFleetRecentTaskBatchesJson: JSON.stringify(recentTaskBatches),
-            RemoteFleetLastError: ''
+            RemoteFleetLastError: String(lastError || '')
         }
     };
 }
@@ -703,6 +703,13 @@ try {
     assert.equal(bodyView.querySelector('[data-remote-fleet-search="true"]'), null);
     assert.equal(bodyView.querySelectorAll('select').length, 0);
     assert.ok(bodyView.querySelector('[data-remote-fleet-device-grid="true"]'));
+    const statusFooter = bodyView.querySelector('[data-remote-fleet-status-rail="true"]');
+    assert.ok(statusFooter);
+    const bodyChildOrder = Array.from(bodyView.children).map(child =>
+        Object.keys(child.dataset || {}).join(',') || child.tagName).join('|');
+    assert.ok(bodyChildOrder.endsWith('remoteFleetStatusRail'), bodyChildOrder);
+    assert.ok(statusFooter.style.cssText.includes('flex-direction: row'));
+    assert.equal(statusFooter.querySelectorAll('[data-remote-fleet-status-item]').length, 4);
     const initialDetailPanel = bodyView.querySelector('[data-remote-fleet-detail-panel="true"]');
     assert.equal(initialDetailPanel?.dataset.deviceId, focusedDevice.DeviceId);
     assert.equal(bodyView.querySelectorAll('[data-remote-fleet-action="pin-device"]').length, 1);
@@ -761,6 +768,10 @@ try {
     assert.ok(stopHostCall);
     assert.equal(stopHostCall.args[0], 'remote-fleet-render-smoke');
     assert.equal(stopHostCall.args[1], false);
+    hub.setHostTarget({
+        nodeId: 'remote-fleet-render-smoke',
+        enabled: false
+    });
 
     assert.ok(livePanel?.textContent.includes('RemoteFast 20 fps'), livePanel?.textContent || bodyView.textContent);
     assert.equal(bodyView.querySelector('code'), null);
@@ -801,11 +812,26 @@ try {
     document.body.appendChild(emptyShell);
     manager.renderRemoteFleetMonitorForTest(emptyBody, buildMonitorNode([], hub.getStatus({ includeSecrets: true })));
     assert.equal(emptyBody.querySelectorAll('[data-remote-fleet-empty-screen="true"]').length, 6);
+    assert.ok(Array.from(emptyBody.children).map(child =>
+        Object.keys(child.dataset || {}).join(',') || child.tagName).join('|').endsWith('remoteFleetStatusRail'));
     assert.equal(emptyBody.textContent.includes('No devices connected yet.'), false);
     assert.equal(emptyBody.textContent.includes('Select a screen'), false);
     assert.equal(emptyBody.textContent.includes('No screen'), false);
     assert.equal(emptyBody.textContent.includes('Endpoint 127.0.0.1'), false);
 
+    const { nodeShell: errorShell, bodyView: errorBody } = createRemoteFleetTemplateShell(document);
+    document.body.appendChild(errorShell);
+    manager.renderRemoteFleetMonitorForTest(errorBody, buildMonitorNode([], hub.getStatus({ includeSecrets: true }), null, [], 'RemoteHub is unavailable. Start LocalBridge and retry.'));
+    const errorFooter = errorBody.querySelector('[data-remote-fleet-status-rail="true"]');
+    const footerError = errorFooter?.querySelector('[data-remote-fleet-status-error="true"]');
+    assert.ok(errorFooter);
+    assert.ok(footerError);
+    assert.ok(Array.from(errorBody.children).map(child =>
+        Object.keys(child.dataset || {}).join(',') || child.tagName).join('|').endsWith('remoteFleetStatusRail'));
+    assert.equal(footerError.textContent.includes('RemoteHub is unavailable'), true);
+    assert.equal(Array.from(errorBody.children).some(child =>
+        child !== errorFooter && (child.textContent || '').includes('RemoteHub is unavailable')), false);
+
     const deviceBody = document.createElement('div');
     document.body.appendChild(deviceBody);
     manager.renderRemoteFleetDeviceForTest(deviceBody, buildDeviceNode(focusedDevice, hub.getStatus()));
@@ -815,6 +841,12 @@ try {
     assert.ok(deviceBody.textContent.includes('Task timed out waiting for the agent response.'));
     assert.ok(deviceBody.textContent.includes(focusedDevice.DeviceId));
 
+    nodeShell.remove();
+    emptyShell.remove();
+    errorShell.remove();
+    deviceBody.remove();
+    await wait(2200);
+
     console.log(`RemoteFleet render smoke OK (${SYNTHETIC_COUNT} synthetic devices, ${connectedCount} connected, ${aiCount} AI-ready)`);
 } finally {
     await hub.close();

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

@@ -12259,43 +12259,79 @@
         return item;
     }
 
-    function createRemoteFleetStatusRail(items) {
+    function createRemoteFleetStatusRail(items, errorMessage = '') {
         const rail = document.createElement('aside');
         rail.dataset.remoteFleetStatusRail = 'true';
         rail.style.cssText = `
             flex: 0 0 auto;
-            align-self: flex-start;
+            align-self: stretch;
             display: flex;
-            flex-direction: column;
-            gap: 3px;
-            min-width: 132px;
-            max-width: min(100%, 176px);
-            padding: 5px 6px;
+            flex-direction: row;
+            align-items: center;
+            justify-content: flex-end;
+            gap: 6px;
+            width: 100%;
+            min-width: 0;
+            min-height: 28px;
+            padding: 4px 6px;
             border-radius: 7px;
             border: 1px solid rgba(148, 163, 184, 0.22);
             background: rgba(255, 255, 255, 0.70);
         `;
 
+        const normalizedError = String(errorMessage || '').trim();
+        if (normalizedError) {
+            const error = document.createElement('div');
+            error.dataset.remoteFleetStatusError = 'true';
+            error.textContent = normalizedError;
+            error.title = normalizedError;
+            error.style.cssText = `
+                flex: 1 1 auto;
+                min-width: 0;
+                display: inline-flex;
+                align-items: center;
+                height: 22px;
+                padding: 0 9px;
+                border-radius: 999px;
+                border: 1px solid rgba(148, 163, 184, 0.22);
+                background: rgba(15, 23, 42, 0.05);
+                color: #334155;
+                font-size: 10px;
+                font-weight: 850;
+                line-height: 1;
+                letter-spacing: 0;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                white-space: nowrap;
+            `;
+            rail.appendChild(error);
+        }
+
         (items || []).forEach(item => {
             const tone = String(item?.tone || 'default');
             const row = document.createElement('div');
             row.dataset.remoteFleetStatusItem = item?.key || '';
             row.style.cssText = `
-                display: grid;
-                grid-template-columns: 7px minmax(0, 1fr) auto;
+                flex: 0 0 auto;
+                display: inline-flex;
                 align-items: center;
-                gap: 5px;
-                min-height: 16px;
+                gap: 4px;
+                height: 22px;
                 min-width: 0;
+                padding: 0 7px;
+                border-radius: 999px;
+                background: ${tone === 'online' ? 'rgba(16, 185, 129, 0.09)' : 'rgba(15, 23, 42, 0.04)'};
+                border: 1px solid ${tone === 'online' ? 'rgba(16, 185, 129, 0.18)' : 'rgba(148, 163, 184, 0.18)'};
             `;
 
             const dot = document.createElement('span');
             dot.style.cssText = `
-                width: 7px;
-                height: 7px;
+                flex: 0 0 auto;
+                width: 6px;
+                height: 6px;
                 border-radius: 999px;
                 background: ${tone === 'online' ? '#10b981' : tone === 'warn' ? '#f59e0b' : '#94a3b8'};
-                box-shadow: ${tone === 'online' ? '0 0 0 3px rgba(16, 185, 129, 0.12)' : 'none'};
+                box-shadow: ${tone === 'online' ? '0 0 0 2px rgba(16, 185, 129, 0.11)' : 'none'};
             `;
 
             const labelEl = document.createElement('span');
@@ -12321,7 +12357,7 @@
                 font-weight: 950;
                 line-height: 1;
                 letter-spacing: 0;
-                max-width: 76px;
+                max-width: 86px;
                 overflow: hidden;
                 text-overflow: ellipsis;
                 white-space: nowrap;
@@ -13463,7 +13499,7 @@
                 value: String(aiCapableCount),
                 tone: aiCapableCount > 0 ? 'online' : 'default'
             }
-        ]);
+        ], lastError);
 
         const filterRow = document.createElement('div');
         filterRow.style.cssText = `
@@ -13945,23 +13981,6 @@
             bodyView.appendChild(livePanel);
         }
 
-        if (lastError.trim()) {
-            const errorEl = document.createElement('div');
-            errorEl.textContent = lastError;
-            errorEl.style.cssText = `
-                flex: 0 0 auto;
-                padding: 8px 10px;
-                border-radius: 7px;
-                background: rgba(248, 113, 113, 0.12);
-                color: #991b1b;
-                font-size: 12px;
-                line-height: 1.35;
-                font-weight: 700;
-                overflow-wrap: break-word;
-            `;
-            bodyView.appendChild(errorEl);
-        }
-
         const createDevicePreview = (device, mode = 'tile') => {
             const name = getRemoteFleetDeviceName(device);
             const connectedDevice = isRemoteFleetDeviceConnected(device);

package/wwwroot/index.html

@@ -558,7 +558,7 @@
             }
 
             const base = '_content/MindExecution.Shared/js/';
-            const scriptVersion = '20260613-remote-template-card-v497';
+            const scriptVersion = '20260613-remote-status-footer-v498';
             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":  "rlBXfYfF",
+    "version":  "bj3XSoYW",
     "assets":  [
                    {
                        "hash":  "sha256-+CSYMcqLNTsq3VnH11jgYyOCCdxvHzL74CBmo4sCmMU=",
@@ -86,7 +86,7 @@
                        "url":  "_content/MindExecution.Shared/js/mind-map-core.js.backup"
                    },
                    {
-                       "hash":  "sha256-wFyeN3Nc8gLXo/cHEuXYwFvgBSy2cPUmdFsMNcTzSNg=",
+                       "hash":  "sha256-wA7GDKMviFGPIS+XIFaOKL57XgwYI5rm8uCzK3lbJ4Q=",
                        "url":  "_content/MindExecution.Shared/js/mind-map-css3d-manager.js"
                    },
                    {
@@ -834,7 +834,7 @@
                        "url":  "image-manifest.json"
                    },
                    {
-                       "hash":  "sha256-GqwKG61iKXWuVja2WDiaUhRcpii3CSqQbYVobOtWaIQ=",
+                       "hash":  "sha256-DnjQ0S/JwJSnNvxVlB8B3VSxBcrtCmulbGRdjQZqsLg=",
                        "url":  "index.html"
                    },
                    {

package/wwwroot/service-worker.js

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