@mindexec/cli 0.2.7 → 0.2.8

package/package.json

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

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

@@ -12105,6 +12105,21 @@
         return select;
     }
 
+    const REMOTE_FLEET_MONITOR_REFRESH_MS = 5000;
+    const REMOTE_FLEET_LIVE_REFRESH_MS = 1000;
+
+    function clearRemoteFleetTimers(bodyView) {
+        if (!bodyView) return;
+        if (bodyView._remoteFleetLiveRefreshTimer) {
+            clearInterval(bodyView._remoteFleetLiveRefreshTimer);
+            bodyView._remoteFleetLiveRefreshTimer = null;
+        }
+        if (bodyView._remoteFleetMonitorRefreshTimer) {
+            clearInterval(bodyView._remoteFleetMonitorRefreshTimer);
+            bodyView._remoteFleetMonitorRefreshTimer = null;
+        }
+    }
+
     function getRemoteFleetDeviceField(device, camelKey, pascalKey, fallback = '') {
         const value = device?.[camelKey] ?? device?.[pascalKey] ?? fallback;
         return value === undefined || value === null ? fallback : value;
@@ -12148,6 +12163,10 @@
         return getRemoteFleetDeviceField(device, 'liveStreamActive', 'LiveStreamActive', false) === true;
     }
 
+    function isRemoteFleetThumbnailCapable(device) {
+        return getRemoteFleetDeviceField(device, 'thumbnailEnabled', 'ThumbnailEnabled', false) === true;
+    }
+
     function getRemoteFleetTimestampMs(value) {
         const timestamp = Date.parse(String(value || ''));
         return Number.isFinite(timestamp) ? timestamp : 0;
@@ -12221,10 +12240,7 @@
 
     function renderRemoteFleetMonitor(bodyView, nodeModel) {
         if (!bodyView) return;
-        if (bodyView._remoteFleetLiveRefreshTimer) {
-            clearInterval(bodyView._remoteFleetLiveRefreshTimer);
-            bodyView._remoteFleetLiveRefreshTimer = null;
-        }
+        clearRemoteFleetTimers(bodyView);
 
         const nodeId = String(nodeModel?.id ?? nodeModel?.Id ?? '');
         const searchState = bodyView.dataset.remoteFleetSearch || '';
@@ -12232,10 +12248,13 @@
         const sortState = bodyView.dataset.remoteFleetSort || 'status';
         const densityState = bodyView.dataset.remoteFleetDensity || 'cards';
         const aiAssistState = bodyView.dataset.remoteFleetAiAssist === 'true';
+        const autoMonitorState = bodyView.dataset.remoteFleetAutoMonitor !== 'false';
         const focusState = bodyView.dataset.remoteFleetFocusDeviceId || '';
         const devices = [...parseRemoteFleetDevices(nodeModel)]
             .sort((left, right) => compareRemoteFleetDevices(left, right, sortState));
         const hasActiveLiveStream = devices.some(isRemoteFleetLiveActive);
+        const hasMonitorTargets = devices.some(device =>
+            isRemoteFleetDeviceConnected(device) && isRemoteFleetThumbnailCapable(device));
         const focusedDevice = devices.find(device => getRemoteFleetDeviceId(device) === focusState)
             || devices.find(device => isRemoteFleetLiveActive(device))
             || null;
@@ -12289,7 +12308,7 @@
         const commandRow = document.createElement('div');
         commandRow.style.cssText = `
             display: grid;
-            grid-template-columns: minmax(0, 1fr) auto auto;
+            grid-template-columns: minmax(0, 1fr) auto auto auto;
             gap: 8px;
             align-items: center;
             flex: 0 0 auto;
@@ -12314,7 +12333,42 @@
 
         const copyButton = createRemoteFleetButton('Copy', 'Copy agent command', 'copy-command');
         const refreshButton = createRemoteFleetButton('Refresh', 'Refresh remote devices', 'refresh');
+        const autoMonitorLabel = document.createElement('label');
+        autoMonitorLabel.title = 'Refresh stale thumbnails on a bounded timer';
+        autoMonitorLabel.style.cssText = `
+            display: inline-flex;
+            align-items: center;
+            justify-content: center;
+            gap: 6px;
+            height: 34px;
+            padding: 0 9px;
+            border-radius: 7px;
+            border: 1px solid rgba(14, 165, 233, 0.28);
+            background: ${autoMonitorState ? 'rgba(240, 249, 255, 0.92)' : 'rgba(248, 250, 252, 0.92)'};
+            color: ${autoMonitorState ? '#0369a1' : '#475569'};
+            font-size: 11px;
+            font-weight: 900;
+            letter-spacing: 0;
+            cursor: pointer;
+            pointer-events: auto;
+            user-select: none;
+        `;
+        const autoMonitorToggle = document.createElement('input');
+        autoMonitorToggle.type = 'checkbox';
+        autoMonitorToggle.checked = autoMonitorState;
+        autoMonitorToggle.dataset.remoteFleetAutoToggle = 'true';
+        autoMonitorToggle.style.cssText = `
+            width: 14px;
+            height: 14px;
+            margin: 0;
+            accent-color: #0284c7;
+        `;
+        const autoMonitorText = document.createElement('span');
+        autoMonitorText.textContent = 'Auto';
+        autoMonitorLabel.appendChild(autoMonitorToggle);
+        autoMonitorLabel.appendChild(autoMonitorText);
         commandRow.appendChild(commandText);
+        commandRow.appendChild(autoMonitorLabel);
         commandRow.appendChild(copyButton);
         commandRow.appendChild(refreshButton);
         bodyView.appendChild(commandRow);
@@ -13010,8 +13064,7 @@
         bodyView.appendChild(grid);
 
         const footer = document.createElement('div');
-        footer.textContent = `Endpoint ${endpoint} · refreshed ${formatRemoteFleetAge(refreshedAt)}`;
-        footer.textContent = `Endpoint ${endpoint} - all devices, no paging - refreshed ${formatRemoteFleetAge(refreshedAt)}`;
+        footer.textContent = `Endpoint ${endpoint} - all devices, no paging - ${autoMonitorState ? 'auto monitor' : 'manual'} - refreshed ${formatRemoteFleetAge(refreshedAt)}`;
         footer.style.cssText = `
             flex: 0 0 auto;
             color: #64748b;
@@ -13048,6 +13101,20 @@
         const readTaskInstruction = () => String(taskInput.value || '').trim();
         const useAiAssist = () => aiToggle.checked === true;
         const getDeviceCards = () => Array.from(grid.querySelectorAll('article[data-device-id]'));
+        const refreshRemoteFleetNode = async () => {
+            if (bodyView._remoteFleetRefreshInFlight === true) {
+                return null;
+            }
+
+            bodyView._remoteFleetRefreshInFlight = true;
+            try {
+                const result = await invokeDotNetAsync('RefreshRemoteFleetMonitorNodeFromJs', nodeId);
+                await syncRemoteFleetNodeStateFromResult(result);
+                return result;
+            } finally {
+                bodyView._remoteFleetRefreshInFlight = false;
+            }
+        };
         const getVisibleEligibleDeviceIds = () => {
             const wantsAi = useAiAssist();
             return getDeviceCards()
@@ -13124,10 +13191,19 @@
                 control.addEventListener(eventName, event => event.stopPropagation());
             });
         });
+        [autoMonitorLabel, autoMonitorToggle].forEach(control => {
+            ['mousedown', 'mouseup', 'click', 'dblclick', 'keydown'].forEach(eventName => {
+                control.addEventListener(eventName, event => event.stopPropagation());
+            });
+        });
 
         searchInput.addEventListener('input', applyRemoteFleetFilters);
         filterSelect.addEventListener('change', applyRemoteFleetFilters);
         aiToggle.addEventListener('change', applyRemoteFleetFilters);
+        autoMonitorToggle.addEventListener('change', () => {
+            bodyView.dataset.remoteFleetAutoMonitor = autoMonitorToggle.checked ? 'true' : 'false';
+            renderRemoteFleetMonitor(bodyView, nodeModel);
+        });
         sortSelect.addEventListener('change', () => {
             bodyView.dataset.remoteFleetSort = String(sortSelect.value || 'status');
             renderRemoteFleetMonitor(bodyView, nodeModel);
@@ -13200,9 +13276,11 @@
             event.preventDefault();
             event.stopPropagation();
             refreshButton.disabled = true;
-            const result = await invokeDotNetAsync('RefreshRemoteFleetMonitorNodeFromJs', nodeId);
-            await syncRemoteFleetNodeStateFromResult(result);
-            refreshButton.disabled = false;
+            try {
+                await refreshRemoteFleetNode();
+            } finally {
+                refreshButton.disabled = false;
+            }
         });
 
         bodyView.querySelectorAll('[data-remote-fleet-action="live-focus"]').forEach(button => {
@@ -13314,19 +13392,29 @@
         if (hasActiveLiveStream) {
             bodyView._remoteFleetLiveRefreshTimer = setInterval(async () => {
                 if (!document.body.contains(bodyView)) {
-                    clearInterval(bodyView._remoteFleetLiveRefreshTimer);
-                    bodyView._remoteFleetLiveRefreshTimer = null;
+                    clearRemoteFleetTimers(bodyView);
                     return;
                 }
 
                 try {
-                    const result = await invokeDotNetAsync('RefreshRemoteFleetMonitorNodeFromJs', nodeId);
-                    await syncRemoteFleetNodeStateFromResult(result);
+                    await refreshRemoteFleetNode();
+                } catch {
+                    clearRemoteFleetTimers(bodyView);
+                }
+            }, REMOTE_FLEET_LIVE_REFRESH_MS);
+        } else if (autoMonitorState && hasMonitorTargets) {
+            bodyView._remoteFleetMonitorRefreshTimer = setInterval(async () => {
+                if (!document.body.contains(bodyView)) {
+                    clearRemoteFleetTimers(bodyView);
+                    return;
+                }
+
+                try {
+                    await refreshRemoteFleetNode();
                 } catch {
-                    clearInterval(bodyView._remoteFleetLiveRefreshTimer);
-                    bodyView._remoteFleetLiveRefreshTimer = null;
+                    clearRemoteFleetTimers(bodyView);
                 }
-            }, 1000);
+            }, REMOTE_FLEET_MONITOR_REFRESH_MS);
         }
     }
 

package/wwwroot/index.html

@@ -558,7 +558,7 @@
             }
 
             const base = '_content/MindExecution.Shared/js/';
-            const scriptVersion = '20260612-remote-live-v467';
+            const scriptVersion = '20260612-remote-auto-monitor-v468';
             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":  "VGenANrx",
+    "version":  "ok6mf/2a",
     "assets":  [
                    {
                        "hash":  "sha256-+CSYMcqLNTsq3VnH11jgYyOCCdxvHzL74CBmo4sCmMU=",
@@ -86,7 +86,7 @@
                        "url":  "_content/MindExecution.Shared/js/mind-map-core.js.backup"
                    },
                    {
-                       "hash":  "sha256-onBRk1N+CsAvVe3BVd4w9ca+0VF+NLCzDOjqBH3T2vw=",
+                       "hash":  "sha256-9f7DLlG6ShPyYhu/Db97YKVoFr+RhJC2Ko9E4NsL9Lc=",
                        "url":  "_content/MindExecution.Shared/js/mind-map-css3d-manager.js"
                    },
                    {
@@ -834,7 +834,7 @@
                        "url":  "image-manifest.json"
                    },
                    {
-                       "hash":  "sha256-XjrBWCpqleqLE2sqmht7oUg24vRCkU/O+yj7TszO43g=",
+                       "hash":  "sha256-e/vzCKU0rJNUBs7+YbA+jxOZd53T9CbUxhBAJ0yi6oM=",
                        "url":  "index.html"
                    },
                    {

package/wwwroot/service-worker.js

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