@mindexec/cli 0.2.28 → 0.2.29

package/package.json

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

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

@@ -12208,6 +12208,83 @@
         return item;
     }
 
+    function createRemoteFleetStatusRail(items) {
+        const rail = document.createElement('aside');
+        rail.dataset.remoteFleetStatusRail = 'true';
+        rail.style.cssText = `
+            flex: 0 0 auto;
+            align-self: flex-start;
+            display: flex;
+            flex-direction: column;
+            gap: 3px;
+            min-width: 132px;
+            max-width: min(100%, 176px);
+            padding: 5px 6px;
+            border-radius: 7px;
+            border: 1px solid rgba(148, 163, 184, 0.22);
+            background: rgba(255, 255, 255, 0.70);
+        `;
+
+        (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;
+                align-items: center;
+                gap: 5px;
+                min-height: 16px;
+                min-width: 0;
+            `;
+
+            const dot = document.createElement('span');
+            dot.style.cssText = `
+                width: 7px;
+                height: 7px;
+                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'};
+            `;
+
+            const labelEl = document.createElement('span');
+            labelEl.textContent = item?.label || '';
+            labelEl.style.cssText = `
+                color: #64748b;
+                font-size: 9px;
+                font-weight: 850;
+                line-height: 1;
+                letter-spacing: 0;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                white-space: nowrap;
+                text-transform: uppercase;
+            `;
+
+            const valueEl = document.createElement('strong');
+            valueEl.textContent = item?.value || '';
+            valueEl.title = `${labelEl.textContent} ${valueEl.textContent}`.trim();
+            valueEl.style.cssText = `
+                color: ${tone === 'online' ? '#047857' : '#0f172a'};
+                font-size: 10px;
+                font-weight: 950;
+                line-height: 1;
+                letter-spacing: 0;
+                max-width: 76px;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                white-space: nowrap;
+            `;
+
+            row.appendChild(dot);
+            row.appendChild(labelEl);
+            row.appendChild(valueEl);
+            rail.appendChild(row);
+        });
+
+        return rail;
+    }
+
     function createRemoteFleetButton(label, title, action) {
         const button = document.createElement('button');
         button.type = 'button';
@@ -13306,18 +13383,32 @@
         }
         attachRemoteFleetTitleActions(bodyView, hostButton, stopHostButton, hostTargetState);
 
-        const top = document.createElement('div');
-        top.style.cssText = `
-            display: grid;
-            grid-template-columns: repeat(4, minmax(0, 1fr));
-            gap: 8px;
-            flex: 0 0 auto;
-        `;
-        top.appendChild(createRemoteFleetStat('Hub', hubStatus === 'online' ? 'Online' : 'Offline', hubStatus === 'online' ? 'online' : 'default'));
-        top.appendChild(createRemoteFleetStat('Connected', `${Number.isFinite(connected) ? connected : 0}/${Number.isFinite(total) ? total : devices.length}`, connected > 0 ? 'online' : 'default'));
-        top.appendChild(createRemoteFleetStat('Task', String(taskCapableCount), taskCapableCount > 0 ? 'online' : 'default'));
-        top.appendChild(createRemoteFleetStat('AI', String(aiCapableCount), aiCapableCount > 0 ? 'online' : 'default'));
-        bodyView.appendChild(top);
+        const statusRail = createRemoteFleetStatusRail([
+            {
+                key: 'hub',
+                label: 'Hub',
+                value: hubStatus === 'online' ? 'Online' : 'Offline',
+                tone: hubStatus === 'online' ? 'online' : 'default'
+            },
+            {
+                key: 'connected',
+                label: 'Connected',
+                value: `${Number.isFinite(connected) ? connected : 0}/${Number.isFinite(total) ? total : devices.length}`,
+                tone: connected > 0 ? 'online' : 'default'
+            },
+            {
+                key: 'task',
+                label: 'Task',
+                value: String(taskCapableCount),
+                tone: taskCapableCount > 0 ? 'online' : 'default'
+            },
+            {
+                key: 'ai',
+                label: 'AI',
+                value: String(aiCapableCount),
+                tone: aiCapableCount > 0 ? 'online' : 'default'
+            }
+        ]);
 
         const filterRow = document.createElement('div');
         filterRow.style.cssText = `
@@ -14238,6 +14329,7 @@
             monitorWorkspace.appendChild(createSelectedDevicePanel(selectedDevice));
         }
         bodyView.appendChild(monitorWorkspace);
+        bodyView.appendChild(statusRail);
 
         const setTaskFeedback = (message, tone = 'info') => {
             taskFeedback.textContent = message || '';

package/wwwroot/index.html

@@ -558,7 +558,7 @@
             }
 
             const base = '_content/MindExecution.Shared/js/';
-            const scriptVersion = '20260613-dom-cursor-v494';
+            const scriptVersion = '20260613-remote-status-rail-v495';
             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":  "m4oKu8Nx",
+    "version":  "RMyUd5ec",
     "assets":  [
                    {
                        "hash":  "sha256-+CSYMcqLNTsq3VnH11jgYyOCCdxvHzL74CBmo4sCmMU=",
@@ -86,7 +86,7 @@
                        "url":  "_content/MindExecution.Shared/js/mind-map-core.js.backup"
                    },
                    {
-                       "hash":  "sha256-wZrUQUYTsiH7hkHaZPeEBdqG+r+e2UDR9vqZmyARSFg=",
+                       "hash":  "sha256-S8H0KuKhx8Fhbt07w1LBGxnBjT4km99JHDxzrHVFVho=",
                        "url":  "_content/MindExecution.Shared/js/mind-map-css3d-manager.js"
                    },
                    {
@@ -834,7 +834,7 @@
                        "url":  "image-manifest.json"
                    },
                    {
-                       "hash":  "sha256-6CFY94JBwL0ucGyOLKGUhtHcboWlYd/I3J3bnSVjxjM=",
+                       "hash":  "sha256-t14gn/m71KgCPH/qD7JKdV9e5WD4DsQVpId/vGYdorE=",
                        "url":  "index.html"
                    },
                    {

package/wwwroot/service-worker.js

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