@mindexec/cli 0.2.7 → 0.2.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mindexec/cli",
-  "version": "0.2.7",
+  "version": "0.2.9",
   "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,72 @@
         return getRemoteFleetDeviceField(device, 'liveStreamActive', 'LiveStreamActive', false) === true;
     }
 
+    function isRemoteFleetThumbnailCapable(device) {
+        return getRemoteFleetDeviceField(device, 'thumbnailEnabled', 'ThumbnailEnabled', false) === true;
+    }
+
+    function getRemoteFleetGroupInfo(device, groupMode) {
+        const mode = String(groupMode || 'none');
+        const connected = isRemoteFleetDeviceConnected(device);
+        const latestTaskStatus = String(getRemoteFleetDeviceField(device, 'latestTaskStatus', 'LatestTaskStatus', '')).toLowerCase();
+        const latestTaskError = String(getRemoteFleetDeviceField(device, 'latestTaskError', 'LatestTaskError', ''));
+        const platform = String(getRemoteFleetDeviceField(device, 'platform', 'Platform', '') || 'unknown').toLowerCase();
+
+        switch (mode) {
+            case 'status':
+                return connected
+                    ? { key: 'status-online', label: 'Online', order: 0 }
+                    : { key: 'status-offline', label: 'Offline', order: 9 };
+            case 'activity':
+                if (isRemoteFleetLiveActive(device)) {
+                    return { key: 'activity-live', label: 'Live streams', order: 0 };
+                }
+                if (latestTaskError || latestTaskStatus === 'failed') {
+                    return { key: 'activity-issues', label: 'Needs attention', order: 1 };
+                }
+                if (latestTaskStatus && latestTaskStatus !== 'completed') {
+                    return { key: 'activity-working', label: 'Task in progress', order: 2 };
+                }
+                if (hasRemoteFleetThumbnail(device) || hasRemoteFleetLiveFrame(device)) {
+                    return { key: 'activity-frames', label: 'Recent frames', order: 3 };
+                }
+                return connected
+                    ? { key: 'activity-idle', label: 'Online idle', order: 4 }
+                    : { key: 'activity-offline', label: 'Offline', order: 9 };
+            case 'platform':
+                return {
+                    key: `platform-${platform || 'unknown'}`,
+                    label: platform ? platform.toUpperCase() : 'Unknown platform',
+                    order: connected ? 0 : 8
+                };
+            case 'capability':
+                if (!connected) {
+                    return { key: 'capability-offline', label: 'Offline', order: 9 };
+                }
+                if (isRemoteFleetDeviceAiCapable(device)) {
+                    return { key: 'capability-ai', label: 'AI assist ready', order: 0 };
+                }
+                if (isRemoteFleetDeviceTaskCapable(device)) {
+                    return { key: 'capability-task', label: 'Task capable', order: 1 };
+                }
+                if (isRemoteFleetThumbnailCapable(device)) {
+                    return { key: 'capability-monitor', label: 'Monitor only', order: 2 };
+                }
+                return { key: 'capability-status', label: 'Status only', order: 3 };
+            case 'none':
+            default:
+                return { key: '', label: '', order: 0 };
+        }
+    }
+
+    function compareRemoteFleetGroups(left, right, groupMode) {
+        const leftGroup = getRemoteFleetGroupInfo(left, groupMode);
+        const rightGroup = getRemoteFleetGroupInfo(right, groupMode);
+        return (leftGroup.order - rightGroup.order)
+            || leftGroup.label.localeCompare(rightGroup.label)
+            || leftGroup.key.localeCompare(rightGroup.key);
+    }
+
     function getRemoteFleetTimestampMs(value) {
         const timestamp = Date.parse(String(value || ''));
         return Number.isFinite(timestamp) ? timestamp : 0;
@@ -12221,21 +12302,27 @@
 
     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 || '';
         const filterState = bodyView.dataset.remoteFleetFilter || 'all';
         const sortState = bodyView.dataset.remoteFleetSort || 'status';
+        const groupState = bodyView.dataset.remoteFleetGroup || 'none';
         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)]
+        const sortedDevices = [...parseRemoteFleetDevices(nodeModel)]
             .sort((left, right) => compareRemoteFleetDevices(left, right, sortState));
+        const devices = groupState === 'none'
+            ? sortedDevices
+            : [...sortedDevices].sort((left, right) =>
+                compareRemoteFleetGroups(left, right, groupState)
+                || 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 +12376,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 +12401,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);
@@ -12322,7 +12444,7 @@
         const filterRow = document.createElement('div');
         filterRow.style.cssText = `
             display: grid;
-            grid-template-columns: minmax(150px, 1.2fr) minmax(96px, 0.7fr) minmax(96px, 0.7fr) minmax(84px, 0.55fr) auto;
+            grid-template-columns: minmax(140px, 1.25fr) minmax(86px, 0.62fr) minmax(86px, 0.62fr) minmax(98px, 0.7fr) minmax(78px, 0.5fr) auto;
             gap: 8px;
             align-items: center;
             flex: 0 0 auto;
@@ -12370,6 +12492,14 @@
             { value: 'task', label: 'Task' }
         ], sortState, 'Device sort');
 
+        const groupSelect = createRemoteFleetSelect([
+            { value: 'none', label: 'No group' },
+            { value: 'status', label: 'Status' },
+            { value: 'activity', label: 'Activity' },
+            { value: 'platform', label: 'Platform' },
+            { value: 'capability', label: 'Capability' }
+        ], groupState, 'Device grouping');
+
         const densitySelect = createRemoteFleetSelect([
             { value: 'cards', label: 'Cards' },
             { value: 'dense', label: 'Dense' }
@@ -12392,6 +12522,7 @@
         filterRow.appendChild(searchInput);
         filterRow.appendChild(filterSelect);
         filterRow.appendChild(sortSelect);
+        filterRow.appendChild(groupSelect);
         filterRow.appendChild(densitySelect);
         filterRow.appendChild(matchCount);
         bodyView.appendChild(filterRow);
@@ -12672,6 +12803,25 @@
             `;
             grid.appendChild(empty);
         } else {
+            const groupStats = new Map();
+            if (groupState !== 'none') {
+                devices.forEach(device => {
+                    const group = getRemoteFleetGroupInfo(device, groupState);
+                    if (!group.key) return;
+                    const stat = groupStats.get(group.key) || {
+                        label: group.label,
+                        total: 0,
+                        connected: 0
+                    };
+                    stat.total += 1;
+                    if (isRemoteFleetDeviceConnected(device)) {
+                        stat.connected += 1;
+                    }
+                    groupStats.set(group.key, stat);
+                });
+            }
+
+            let lastGroupKey = '';
             devices.forEach(device => {
                 const connectedDevice = isRemoteFleetDeviceConnected(device);
                 const name = getRemoteFleetDeviceName(device);
@@ -12699,9 +12849,44 @@
                 const latestTaskUpdatedAt = String(device?.latestTaskUpdatedAt || device?.LatestTaskUpdatedAt || '');
                 const latestTaskError = String(device?.latestTaskError || device?.LatestTaskError || '');
                 const latestTaskResult = String(device?.latestTaskResultSummary || device?.LatestTaskResultSummary || '');
+                const groupInfo = getRemoteFleetGroupInfo(device, groupState);
+                if (groupState !== 'none' && groupInfo.key && groupInfo.key !== lastGroupKey) {
+                    const stat = groupStats.get(groupInfo.key) || { label: groupInfo.label, total: 0, connected: 0 };
+                    const groupHeader = document.createElement('div');
+                    groupHeader.dataset.remoteFleetGroupHeader = 'true';
+                    groupHeader.dataset.remoteFleetGroupKey = groupInfo.key;
+                    groupHeader.style.cssText = `
+                        grid-column: 1 / -1;
+                        display: flex;
+                        align-items: center;
+                        justify-content: space-between;
+                        gap: 10px;
+                        min-height: 30px;
+                        padding: 6px 9px;
+                        border-radius: 7px;
+                        border: 1px solid rgba(148, 163, 184, 0.22);
+                        background: rgba(226, 232, 240, 0.58);
+                        color: #334155;
+                        font-size: 11px;
+                        font-weight: 950;
+                        letter-spacing: 0;
+                    `;
+                    const groupLabel = document.createElement('span');
+                    groupLabel.textContent = stat.label || groupInfo.label;
+                    groupLabel.style.cssText = 'min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;';
+                    const groupCount = document.createElement('span');
+                    groupCount.dataset.remoteFleetGroupCount = 'true';
+                    groupCount.textContent = `${stat.total} device${stat.total === 1 ? '' : 's'}${stat.connected !== stat.total ? ` - ${stat.connected} online` : ''}`;
+                    groupCount.style.cssText = 'flex:0 0 auto;color:#64748b;font-size:10px;font-weight:900;white-space:nowrap;';
+                    groupHeader.appendChild(groupLabel);
+                    groupHeader.appendChild(groupCount);
+                    grid.appendChild(groupHeader);
+                    lastGroupKey = groupInfo.key;
+                }
                 const card = document.createElement('article');
                 card.dataset.deviceId = deviceId;
                 card.dataset.remoteFleetSearchText = buildRemoteFleetSearchText(device);
+                card.dataset.remoteFleetGroupKey = groupInfo.key || '';
                 card.dataset.remoteFleetConnected = connectedDevice ? 'true' : 'false';
                 card.dataset.remoteFleetTaskCapable = taskEnabled ? 'true' : 'false';
                 card.dataset.remoteFleetAiCapable = aiAssistEnabled ? 'true' : 'false';
@@ -13010,8 +13195,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 - group ${groupState} - ${autoMonitorState ? 'auto monitor' : 'manual'} - refreshed ${formatRemoteFleetAge(refreshedAt)}`;
         footer.style.cssText = `
             flex: 0 0 auto;
             color: #64748b;
@@ -13048,6 +13232,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()
@@ -13090,6 +13288,18 @@
                 }
             });
 
+            grid.querySelectorAll('[data-remote-fleet-group-header="true"]').forEach(header => {
+                const key = String(header.dataset.remoteFleetGroupKey || '');
+                const groupCards = getDeviceCards().filter(card => String(card.dataset.remoteFleetGroupKey || '') === key);
+                const visibleCards = groupCards.filter(card => card.style.display !== 'none').length;
+                header.style.display = visibleCards > 0 ? 'flex' : 'none';
+                const countEl = header.querySelector('[data-remote-fleet-group-count="true"]');
+                if (countEl) {
+                    countEl.textContent = `${visibleCards}/${groupCards.length}`;
+                    countEl.title = `${visibleCards} visible in this group, ${groupCards.length} total`;
+                }
+            });
+
             const noMatch = grid.querySelector('[data-remote-fleet-no-match="true"]');
             if (noMatch) {
                 noMatch.style.display = devices.length > 0 && visible === 0 ? 'flex' : 'none';
@@ -13115,11 +13325,17 @@
             bodyView.dataset.remoteFleetSearch = searchText;
             bodyView.dataset.remoteFleetFilter = filterMode;
             bodyView.dataset.remoteFleetSort = String(sortSelect.value || 'status');
+            bodyView.dataset.remoteFleetGroup = String(groupSelect.value || 'none');
             bodyView.dataset.remoteFleetDensity = String(densitySelect.value || 'cards');
             bodyView.dataset.remoteFleetAiAssist = wantsAi ? 'true' : 'false';
         };
 
-        [searchInput, filterSelect, sortSelect, densitySelect, aiToggle].forEach(control => {
+        [searchInput, filterSelect, sortSelect, groupSelect, densitySelect, aiToggle].forEach(control => {
+            ['mousedown', 'mouseup', 'click', 'dblclick', 'keydown'].forEach(eventName => {
+                control.addEventListener(eventName, event => event.stopPropagation());
+            });
+        });
+        [autoMonitorLabel, autoMonitorToggle].forEach(control => {
             ['mousedown', 'mouseup', 'click', 'dblclick', 'keydown'].forEach(eventName => {
                 control.addEventListener(eventName, event => event.stopPropagation());
             });
@@ -13128,10 +13344,18 @@
         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);
         });
+        groupSelect.addEventListener('change', () => {
+            bodyView.dataset.remoteFleetGroup = String(groupSelect.value || 'none');
+            renderRemoteFleetMonitor(bodyView, nodeModel);
+        });
         densitySelect.addEventListener('change', () => {
             bodyView.dataset.remoteFleetDensity = String(densitySelect.value || 'cards');
             renderRemoteFleetMonitor(bodyView, nodeModel);
@@ -13200,9 +13424,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 +13540,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-grouping-v469';
             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":  "f0W9Xlyj",
     "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-PUVvy0IwiS6uV3XxWr2shsyWGD3tgG9LmarQERuoboY=",
                        "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-N8LbhFnpFjOzfff/nGijpdKbc+/wg9vtlFm7ZpJtkK0=",
                        "url":  "index.html"
                    },
                    {

package/wwwroot/service-worker.js

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