@mindexec/cli 0.2.8 → 0.2.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mindexec/cli",
-  "version": "0.2.8",
+  "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

@@ -12167,6 +12167,68 @@
         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;
@@ -12246,12 +12308,18 @@
         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));
@@ -12376,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;
@@ -12424,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' }
@@ -12446,6 +12522,7 @@
         filterRow.appendChild(searchInput);
         filterRow.appendChild(filterSelect);
         filterRow.appendChild(sortSelect);
+        filterRow.appendChild(groupSelect);
         filterRow.appendChild(densitySelect);
         filterRow.appendChild(matchCount);
         bodyView.appendChild(filterRow);
@@ -12726,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);
@@ -12753,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';
@@ -13064,7 +13195,7 @@
         bodyView.appendChild(grid);
 
         const footer = document.createElement('div');
-        footer.textContent = `Endpoint ${endpoint} - all devices, no paging - ${autoMonitorState ? 'auto monitor' : 'manual'} - 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;
@@ -13157,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';
@@ -13182,11 +13325,12 @@
             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());
             });
@@ -13208,6 +13352,10 @@
             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);

package/wwwroot/index.html

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

package/wwwroot/service-worker.js

@@ -1,4 +1,4 @@
-/* Manifest version: ok6mf/2a */
+/* 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.