@mindexec/cli 0.2.5 → 0.2.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mindexec/cli",
-  "version": "0.2.5",
+  "version": "0.2.6",
   "description": "MindExec local runtime and bridge CLI",
   "main": "server.js",
   "type": "module",
@@ -8,9 +8,9 @@
     "start-bridge.bat",
     "start-bridge.sh",
     "launch-bridge.cjs",
-    "server.js",
-    "remote-hub.js",
-    "codex-runtime.js",
+    "server.js",
+    "remote-hub.js",
+    "codex-runtime.js",
     "port-guard.cjs",
     "wwwroot/",
     "scripts/",
@@ -20,8 +20,8 @@
   "scripts": {
     "start": "node launch-bridge.cjs",
     "dev": "node launch-bridge.cjs --watch",
-    "test:syntax": "node --check server.js && node --check remote-hub.js && node --check codex-runtime.js && node --check launch-bridge.cjs && node --check port-guard.cjs && node --check scripts/setup-tree-sitter-grammars.mjs && node --check scripts/remote-hub-smoke.mjs",
-    "test:remote": "node scripts/remote-hub-smoke.mjs",
+    "test:syntax": "node --check server.js && node --check remote-hub.js && node --check codex-runtime.js && node --check launch-bridge.cjs && node --check port-guard.cjs && node --check scripts/setup-tree-sitter-grammars.mjs && node --check scripts/remote-hub-smoke.mjs",
+    "test:remote": "node scripts/remote-hub-smoke.mjs",
     "pack:dry": "npm pack --dry-run",
     "setup:grammars": "node scripts/setup-tree-sitter-grammars.mjs",
     "postinstall": "npm run setup:grammars"

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

@@ -12005,8 +12005,11 @@
         return `${Math.floor(seconds / 86400)}d ago`;
     }
 
-    function createRemoteFleetStat(label, value, tone = 'default') {
+    function createRemoteFleetStat(label, value, tone = 'default', key = '') {
         const item = document.createElement('div');
+        if (key) {
+            item.dataset.remoteFleetStat = key;
+        }
         item.style.cssText = `
             display: flex;
             flex-direction: column;
@@ -12029,6 +12032,7 @@
         `;
 
         const valueEl = document.createElement('strong');
+        valueEl.dataset.remoteFleetStatValue = 'true';
         valueEl.textContent = value;
         valueEl.style.cssText = `
             color: ${tone === 'online' ? '#047857' : '#0f172a'};
@@ -12073,6 +12077,130 @@
         return button;
     }
 
+    function createRemoteFleetSelect(options, value, title) {
+        const select = document.createElement('select');
+        select.title = title || '';
+        select.setAttribute('aria-label', title || 'Remote fleet option');
+        select.style.cssText = `
+            min-width: 0;
+            height: 34px;
+            border-radius: 7px;
+            border: 1px solid rgba(148, 163, 184, 0.34);
+            background: rgba(255, 255, 255, 0.94);
+            color: #0f172a;
+            padding: 0 8px;
+            font-size: 11px;
+            font-weight: 850;
+            letter-spacing: 0;
+            outline: none;
+            pointer-events: auto;
+        `;
+        options.forEach(option => {
+            const optionEl = document.createElement('option');
+            optionEl.value = option.value;
+            optionEl.textContent = option.label;
+            select.appendChild(optionEl);
+        });
+        select.value = value;
+        return select;
+    }
+
+    function getRemoteFleetDeviceField(device, camelKey, pascalKey, fallback = '') {
+        const value = device?.[camelKey] ?? device?.[pascalKey] ?? fallback;
+        return value === undefined || value === null ? fallback : value;
+    }
+
+    function getRemoteFleetDeviceId(device) {
+        return String(getRemoteFleetDeviceField(device, 'deviceId', 'DeviceId', '')).trim();
+    }
+
+    function getRemoteFleetDeviceName(device) {
+        return String(
+            getRemoteFleetDeviceField(device, 'name', 'Name')
+            || getRemoteFleetDeviceField(device, 'hostname', 'Hostname')
+            || getRemoteFleetDeviceId(device)
+            || 'device');
+    }
+
+    function isRemoteFleetDeviceConnected(device) {
+        return getRemoteFleetDeviceField(device, 'connected', 'Connected', false) === true;
+    }
+
+    function isRemoteFleetDeviceTaskCapable(device) {
+        return getRemoteFleetDeviceField(device, 'computerAgentEnabled', 'ComputerAgentEnabled', false) === true;
+    }
+
+    function isRemoteFleetDeviceAiCapable(device) {
+        return getRemoteFleetDeviceField(device, 'aiAssistEnabled', 'AiAssistEnabled', false) === true;
+    }
+
+    function hasRemoteFleetThumbnail(device) {
+        const dataUrl = String(getRemoteFleetDeviceField(device, 'thumbnailDataUrl', 'ThumbnailDataUrl', ''));
+        return /^data:image\/(png|jpe?g|webp|svg\+xml);base64,/i.test(dataUrl);
+    }
+
+    function getRemoteFleetTimestampMs(value) {
+        const timestamp = Date.parse(String(value || ''));
+        return Number.isFinite(timestamp) ? timestamp : 0;
+    }
+
+    function getRemoteFleetDeviceLastSeenMs(device) {
+        return Math.max(
+            getRemoteFleetTimestampMs(getRemoteFleetDeviceField(device, 'lastSeenAt', 'LastSeenAt', '')),
+            getRemoteFleetTimestampMs(getRemoteFleetDeviceField(device, 'lastStatusAt', 'LastStatusAt', '')),
+            getRemoteFleetTimestampMs(getRemoteFleetDeviceField(device, 'thumbnailReceivedAt', 'ThumbnailReceivedAt', '')));
+    }
+
+    function getRemoteFleetDeviceNumber(device, camelKey, pascalKey) {
+        const number = Number(getRemoteFleetDeviceField(device, camelKey, pascalKey, Number.NaN));
+        return Number.isFinite(number) ? number : Number.NaN;
+    }
+
+    function buildRemoteFleetSearchText(device) {
+        return [
+            getRemoteFleetDeviceId(device),
+            getRemoteFleetDeviceName(device),
+            getRemoteFleetDeviceField(device, 'hostname', 'Hostname', ''),
+            getRemoteFleetDeviceField(device, 'platform', 'Platform', ''),
+            getRemoteFleetDeviceField(device, 'release', 'Release', ''),
+            getRemoteFleetDeviceField(device, 'arch', 'Arch', ''),
+            getRemoteFleetDeviceField(device, 'agentVersion', 'AgentVersion', ''),
+            getRemoteFleetDeviceField(device, 'latestTaskTitle', 'LatestTaskTitle', ''),
+            getRemoteFleetDeviceField(device, 'latestTaskStatus', 'LatestTaskStatus', ''),
+            getRemoteFleetDeviceField(device, 'latestTaskResultSummary', 'LatestTaskResultSummary', ''),
+            getRemoteFleetDeviceField(device, 'latestTaskError', 'LatestTaskError', '')
+        ].join(' ').toLowerCase();
+    }
+
+    function compareRemoteFleetDevices(left, right, sortMode) {
+        const connectedDelta = Number(isRemoteFleetDeviceConnected(right)) - Number(isRemoteFleetDeviceConnected(left));
+        const byName = () => getRemoteFleetDeviceName(left).localeCompare(getRemoteFleetDeviceName(right))
+            || getRemoteFleetDeviceId(left).localeCompare(getRemoteFleetDeviceId(right));
+
+        switch (sortMode) {
+            case 'recent':
+                return getRemoteFleetDeviceLastSeenMs(right) - getRemoteFleetDeviceLastSeenMs(left) || byName();
+            case 'memory': {
+                const leftMem = getRemoteFleetDeviceNumber(left, 'usedMemRatio', 'UsedMemRatio');
+                const rightMem = getRemoteFleetDeviceNumber(right, 'usedMemRatio', 'UsedMemRatio');
+                return (Number.isFinite(rightMem) ? rightMem : -1) - (Number.isFinite(leftMem) ? leftMem : -1) || byName();
+            }
+            case 'load': {
+                const leftLoad = getRemoteFleetDeviceNumber(left, 'load1', 'Load1');
+                const rightLoad = getRemoteFleetDeviceNumber(right, 'load1', 'Load1');
+                return (Number.isFinite(rightLoad) ? rightLoad : -1) - (Number.isFinite(leftLoad) ? leftLoad : -1) || byName();
+            }
+            case 'task':
+                return String(getRemoteFleetDeviceField(right, 'latestTaskUpdatedAt', 'LatestTaskUpdatedAt', ''))
+                    .localeCompare(String(getRemoteFleetDeviceField(left, 'latestTaskUpdatedAt', 'LatestTaskUpdatedAt', ''))) || byName();
+            case 'status':
+                return connectedDelta || byName();
+            case 'name':
+            default:
+                return byName();
+        }
+    }
+
     async function syncRemoteFleetNodeStateFromResult(result) {
         const nodeState = result?.nodeState || result?.refresh?.nodeState;
         if (nodeState && window.mindMap?.syncNodeStates) {
@@ -12084,12 +12212,20 @@
         if (!bodyView) return;
 
         const nodeId = String(nodeModel?.id ?? nodeModel?.Id ?? '');
-        const devices = parseRemoteFleetDevices(nodeModel);
+        const searchState = bodyView.dataset.remoteFleetSearch || '';
+        const filterState = bodyView.dataset.remoteFleetFilter || 'all';
+        const sortState = bodyView.dataset.remoteFleetSort || 'status';
+        const densityState = bodyView.dataset.remoteFleetDensity || 'cards';
+        const aiAssistState = bodyView.dataset.remoteFleetAiAssist === 'true';
+        const devices = [...parseRemoteFleetDevices(nodeModel)]
+            .sort((left, right) => compareRemoteFleetDevices(left, right, sortState));
         const total = Number(getRemoteFleetMetadataValue(nodeModel, 'RemoteFleetDeviceCount', devices.length));
         const connected = Number(getRemoteFleetMetadataValue(
             nodeModel,
             'RemoteFleetConnectedDeviceCount',
-            devices.filter(device => device?.connected === true || device?.Connected === true).length));
+            devices.filter(isRemoteFleetDeviceConnected).length));
+        const taskCapableCount = devices.filter(device => isRemoteFleetDeviceConnected(device) && isRemoteFleetDeviceTaskCapable(device)).length;
+        const aiCapableCount = devices.filter(device => isRemoteFleetDeviceConnected(device) && isRemoteFleetDeviceAiCapable(device)).length;
         const endpoint = getRemoteFleetMetadataValue(nodeModel, 'RemoteFleetHubEndpoint', '127.0.0.1:5197');
         const command = getRemoteFleetMetadataValue(
             nodeModel,
@@ -12123,8 +12259,8 @@
         `;
         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('Mode', 'All', 'default'));
-        top.appendChild(createRemoteFleetStat('Paging', 'None', '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 commandRow = document.createElement('div');
@@ -12160,10 +12296,86 @@
         commandRow.appendChild(refreshButton);
         bodyView.appendChild(commandRow);
 
+        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;
+            gap: 8px;
+            align-items: center;
+            flex: 0 0 auto;
+        `;
+
+        const searchInput = document.createElement('input');
+        searchInput.type = 'search';
+        searchInput.value = searchState;
+        searchInput.placeholder = 'Search devices';
+        searchInput.dataset.remoteFleetSearch = 'true';
+        searchInput.autocomplete = 'off';
+        searchInput.spellcheck = false;
+        searchInput.style.cssText = `
+            min-width: 0;
+            height: 34px;
+            border-radius: 7px;
+            border: 1px solid rgba(148, 163, 184, 0.34);
+            background: rgba(255, 255, 255, 0.94);
+            color: #0f172a;
+            padding: 0 10px;
+            font-size: 12px;
+            font-weight: 750;
+            letter-spacing: 0;
+            outline: none;
+            pointer-events: auto;
+        `;
+
+        const filterSelect = createRemoteFleetSelect([
+            { value: 'all', label: 'All' },
+            { value: 'connected', label: 'Online' },
+            { value: 'offline', label: 'Offline' },
+            { value: 'task', label: 'Task' },
+            { value: 'ai', label: 'AI' },
+            { value: 'frames', label: 'Frames' },
+            { value: 'issues', label: 'Issues' }
+        ], filterState, 'Device filter');
+
+        const sortSelect = createRemoteFleetSelect([
+            { value: 'status', label: 'Status' },
+            { value: 'name', label: 'Name' },
+            { value: 'recent', label: 'Recent' },
+            { value: 'memory', label: 'Memory' },
+            { value: 'load', label: 'Load' },
+            { value: 'task', label: 'Task' }
+        ], sortState, 'Device sort');
+
+        const densitySelect = createRemoteFleetSelect([
+            { value: 'cards', label: 'Cards' },
+            { value: 'dense', label: 'Dense' }
+        ], densityState, 'Device density');
+
+        const matchCount = document.createElement('div');
+        matchCount.dataset.remoteFleetMatchCount = 'true';
+        matchCount.style.cssText = `
+            min-width: 72px;
+            color: #334155;
+            font-size: 11px;
+            font-weight: 900;
+            letter-spacing: 0;
+            text-align: right;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+        `;
+
+        filterRow.appendChild(searchInput);
+        filterRow.appendChild(filterSelect);
+        filterRow.appendChild(sortSelect);
+        filterRow.appendChild(densitySelect);
+        filterRow.appendChild(matchCount);
+        bodyView.appendChild(filterRow);
+
         const taskRow = document.createElement('div');
         taskRow.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: stretch;
             flex: 0 0 auto;
@@ -12212,6 +12424,7 @@
         `;
         const aiToggle = document.createElement('input');
         aiToggle.type = 'checkbox';
+        aiToggle.checked = aiAssistState;
         aiToggle.dataset.remoteFleetAiToggle = 'true';
         aiToggle.style.cssText = `
             width: 14px;
@@ -12223,10 +12436,13 @@
         aiToggleText.textContent = 'AI';
         aiToggleLabel.appendChild(aiToggle);
         aiToggleLabel.appendChild(aiToggleText);
-        const sendConnectedButton = createRemoteFleetButton('Send connected', 'Dispatch task to all connected task-capable devices', 'task-connected');
+        const sendVisibleButton = createRemoteFleetButton('Send visible', 'Dispatch task to visible connected task-capable devices', 'task-visible');
+        sendVisibleButton.style.height = '54px';
+        const sendConnectedButton = createRemoteFleetButton('Send all', 'Dispatch task to all connected task-capable devices', 'task-connected');
         sendConnectedButton.style.height = '54px';
         taskRow.appendChild(taskInput);
         taskRow.appendChild(aiToggleLabel);
+        taskRow.appendChild(sendVisibleButton);
         taskRow.appendChild(sendConnectedButton);
         bodyView.appendChild(taskRow);
 
@@ -12273,7 +12489,7 @@
             overflow-y: auto;
             overflow-x: hidden;
             display: grid;
-            grid-template-columns: repeat(auto-fill, minmax(168px, 1fr));
+            grid-template-columns: ${densityState === 'dense' ? 'repeat(auto-fill, minmax(220px, 1fr))' : 'repeat(auto-fill, minmax(168px, 1fr))'};
             align-content: start;
             gap: 8px;
             padding-right: 4px;
@@ -12298,19 +12514,19 @@
             grid.appendChild(empty);
         } else {
             devices.forEach(device => {
-                const connectedDevice = device?.connected === true || device?.Connected === true;
-                const name = String(device?.name || device?.Name || device?.hostname || device?.Hostname || device?.deviceId || device?.DeviceId || 'device');
+                const connectedDevice = isRemoteFleetDeviceConnected(device);
+                const name = getRemoteFleetDeviceName(device);
                 const platform = [device?.platform || device?.Platform, device?.arch || device?.Arch]
                     .filter(Boolean)
                     .join(' / ') || 'unknown';
                 const release = String(device?.release || device?.Release || '');
-                const deviceId = String(device?.deviceId || device?.DeviceId || '');
+                const deviceId = getRemoteFleetDeviceId(device);
                 const thumbnailEnabled = device?.thumbnailEnabled === true || device?.ThumbnailEnabled === true;
                 const thumbnailDataUrl = String(device?.thumbnailDataUrl || device?.ThumbnailDataUrl || '');
                 const thumbnailCapturedAt = String(device?.thumbnailCapturedAt || device?.ThumbnailCapturedAt || '');
-                const hasThumbnail = /^data:image\/(png|jpe?g|webp|svg\+xml);base64,/i.test(thumbnailDataUrl);
-                const taskEnabled = device?.computerAgentEnabled === true || device?.ComputerAgentEnabled === true;
-                const aiAssistEnabled = device?.aiAssistEnabled === true || device?.AiAssistEnabled === true;
+                const hasThumbnail = hasRemoteFleetThumbnail(device);
+                const taskEnabled = isRemoteFleetDeviceTaskCapable(device);
+                const aiAssistEnabled = isRemoteFleetDeviceAiCapable(device);
                 const aiModel = String(device?.aiModel || device?.AiModel || '');
                 const latestTaskStatus = String(device?.latestTaskStatus || device?.LatestTaskStatus || '');
                 const latestTaskTitle = String(device?.latestTaskTitle || device?.LatestTaskTitle || '');
@@ -12320,80 +12536,88 @@
                 const latestTaskResult = String(device?.latestTaskResultSummary || device?.LatestTaskResultSummary || '');
                 const card = document.createElement('article');
                 card.dataset.deviceId = deviceId;
+                card.dataset.remoteFleetSearchText = buildRemoteFleetSearchText(device);
+                card.dataset.remoteFleetConnected = connectedDevice ? 'true' : 'false';
+                card.dataset.remoteFleetTaskCapable = taskEnabled ? 'true' : 'false';
+                card.dataset.remoteFleetAiCapable = aiAssistEnabled ? 'true' : 'false';
+                card.dataset.remoteFleetHasFrame = hasThumbnail ? 'true' : 'false';
+                card.dataset.remoteFleetIssue = (!connectedDevice || latestTaskStatus === 'failed' || !!latestTaskError) ? 'true' : 'false';
                 card.style.cssText = `
                     display: flex;
                     flex-direction: column;
-                    gap: 8px;
+                    gap: ${densityState === 'dense' ? '6px' : '8px'};
                     min-width: 0;
-                    min-height: 134px;
-                    padding: 10px;
+                    min-height: ${densityState === 'dense' ? '92px' : '134px'};
+                    padding: ${densityState === 'dense' ? '8px' : '10px'};
                     border-radius: 8px;
                     background: #ffffff;
                     border: 1px solid ${connectedDevice ? 'rgba(16, 185, 129, 0.34)' : 'rgba(148, 163, 184, 0.28)'};
                     box-shadow: 0 8px 20px rgba(15, 23, 42, 0.06);
                 `;
 
-                const preview = document.createElement('div');
-                preview.style.cssText = `
-                    position: relative;
-                    width: 100%;
-                    aspect-ratio: 16 / 9;
-                    overflow: hidden;
-                    border-radius: 7px;
-                    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
-                    border: 1px solid rgba(15, 23, 42, 0.12);
-                `;
-                if (hasThumbnail) {
-                    const image = document.createElement('img');
-                    image.src = thumbnailDataUrl;
-                    image.alt = `${name} thumbnail`;
-                    image.loading = 'lazy';
-                    image.decoding = 'async';
-                    image.style.cssText = `
+                if (densityState !== 'dense') {
+                    const preview = document.createElement('div');
+                    preview.style.cssText = `
+                        position: relative;
                         width: 100%;
-                        height: 100%;
-                        object-fit: cover;
-                        display: block;
-                    `;
-                    preview.appendChild(image);
-                } else {
-                    const placeholder = document.createElement('div');
-                    placeholder.textContent = thumbnailEnabled ? 'No frame yet' : 'Status only';
-                    placeholder.style.cssText = `
-                        position: absolute;
-                        inset: 0;
-                        display: flex;
-                        align-items: center;
-                        justify-content: center;
-                        color: rgba(226, 232, 240, 0.78);
-                        font-size: 11px;
-                        font-weight: 900;
-                        letter-spacing: 0;
-                    `;
-                    preview.appendChild(placeholder);
-                }
-                if (thumbnailCapturedAt) {
-                    const badge = document.createElement('span');
-                    badge.textContent = formatRemoteFleetAge(thumbnailCapturedAt);
-                    badge.style.cssText = `
-                        position: absolute;
-                        right: 6px;
-                        bottom: 6px;
-                        max-width: calc(100% - 12px);
-                        padding: 3px 6px;
-                        border-radius: 999px;
-                        background: rgba(15, 23, 42, 0.74);
-                        color: #e2e8f0;
-                        font-size: 9px;
-                        font-weight: 900;
-                        line-height: 1;
+                        aspect-ratio: 16 / 9;
                         overflow: hidden;
-                        text-overflow: ellipsis;
-                        white-space: nowrap;
+                        border-radius: 7px;
+                        background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
+                        border: 1px solid rgba(15, 23, 42, 0.12);
                     `;
-                    preview.appendChild(badge);
+                    if (hasThumbnail) {
+                        const image = document.createElement('img');
+                        image.src = thumbnailDataUrl;
+                        image.alt = `${name} thumbnail`;
+                        image.loading = 'lazy';
+                        image.decoding = 'async';
+                        image.style.cssText = `
+                            width: 100%;
+                            height: 100%;
+                            object-fit: cover;
+                            display: block;
+                        `;
+                        preview.appendChild(image);
+                    } else {
+                        const placeholder = document.createElement('div');
+                        placeholder.textContent = thumbnailEnabled ? 'No frame yet' : 'Status only';
+                        placeholder.style.cssText = `
+                            position: absolute;
+                            inset: 0;
+                            display: flex;
+                            align-items: center;
+                            justify-content: center;
+                            color: rgba(226, 232, 240, 0.78);
+                            font-size: 11px;
+                            font-weight: 900;
+                            letter-spacing: 0;
+                        `;
+                        preview.appendChild(placeholder);
+                    }
+                    if (thumbnailCapturedAt) {
+                        const badge = document.createElement('span');
+                        badge.textContent = formatRemoteFleetAge(thumbnailCapturedAt);
+                        badge.style.cssText = `
+                            position: absolute;
+                            right: 6px;
+                            bottom: 6px;
+                            max-width: calc(100% - 12px);
+                            padding: 3px 6px;
+                            border-radius: 999px;
+                            background: rgba(15, 23, 42, 0.74);
+                            color: #e2e8f0;
+                            font-size: 9px;
+                            font-weight: 900;
+                            line-height: 1;
+                            overflow: hidden;
+                            text-overflow: ellipsis;
+                            white-space: nowrap;
+                        `;
+                        preview.appendChild(badge);
+                    }
+                    card.appendChild(preview);
                 }
-                card.appendChild(preview);
 
                 const cardHeader = document.createElement('div');
                 cardHeader.style.cssText = 'display:flex;align-items:flex-start;gap:8px;min-width:0;';
@@ -12470,7 +12694,23 @@
                 addMetric('Uptime', formatRemoteFleetDuration(device?.uptimeSec ?? device?.UptimeSec));
                 addMetric('Mem', formatRemoteFleetPercent(device?.usedMemRatio ?? device?.UsedMemRatio));
                 addMetric('Load', formatRemoteFleetNumber(device?.load1 ?? device?.Load1, 2));
-                card.appendChild(metrics);
+                if (densityState === 'dense') {
+                    const denseMeta = document.createElement('div');
+                    denseMeta.textContent = `Seen ${formatRemoteFleetAge(device?.lastSeenAt || device?.LastSeenAt)} - Mem ${formatRemoteFleetPercent(device?.usedMemRatio ?? device?.UsedMemRatio)} - Load ${formatRemoteFleetNumber(device?.load1 ?? device?.Load1, 2)}`;
+                    denseMeta.style.cssText = `
+                        color: #475569;
+                        font-size: 10px;
+                        font-weight: 750;
+                        line-height: 1.2;
+                        overflow: hidden;
+                        text-overflow: ellipsis;
+                        white-space: nowrap;
+                        letter-spacing: 0;
+                    `;
+                    card.appendChild(denseMeta);
+                } else {
+                    card.appendChild(metrics);
+                }
 
                 if (latestTaskStatus || latestTaskTitle || latestTaskResult || latestTaskError) {
                     const taskBox = document.createElement('div');
@@ -12559,12 +12799,31 @@
                 card.appendChild(actions);
                 grid.appendChild(card);
             });
+
+            const noMatch = document.createElement('div');
+            noMatch.dataset.remoteFleetNoMatch = 'true';
+            noMatch.textContent = 'No matching devices.';
+            noMatch.style.cssText = `
+                grid-column: 1 / -1;
+                display: none;
+                align-items: center;
+                min-height: 74px;
+                padding: 14px;
+                border-radius: 8px;
+                border: 1px dashed rgba(100, 116, 139, 0.36);
+                color: #475569;
+                font-size: 13px;
+                font-weight: 850;
+                background: rgba(255, 255, 255, 0.74);
+            `;
+            grid.appendChild(noMatch);
         }
 
         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.style.cssText = `
             flex: 0 0 auto;
             color: #64748b;
@@ -12600,6 +12859,127 @@
 
         const readTaskInstruction = () => String(taskInput.value || '').trim();
         const useAiAssist = () => aiToggle.checked === true;
+        const getDeviceCards = () => Array.from(grid.querySelectorAll('article[data-device-id]'));
+        const getVisibleEligibleDeviceIds = () => {
+            const wantsAi = useAiAssist();
+            return getDeviceCards()
+                .filter(card => card.style.display !== 'none'
+                    && card.dataset.remoteFleetConnected === 'true'
+                    && card.dataset.remoteFleetTaskCapable === 'true'
+                    && (!wantsAi || card.dataset.remoteFleetAiCapable === 'true'))
+                .map(card => String(card.dataset.deviceId || '').trim())
+                .filter(Boolean);
+        };
+
+        const applyRemoteFleetFilters = () => {
+            const searchText = String(searchInput.value || '').trim().toLowerCase();
+            const terms = searchText.split(/\s+/).filter(Boolean);
+            const filterMode = String(filterSelect.value || 'all');
+            let visible = 0;
+            let eligible = 0;
+            const wantsAi = useAiAssist();
+
+            getDeviceCards().forEach(card => {
+                const matchesSearch = terms.length === 0
+                    || terms.every(term => String(card.dataset.remoteFleetSearchText || '').includes(term));
+                const matchesMode = filterMode === 'all'
+                    || (filterMode === 'connected' && card.dataset.remoteFleetConnected === 'true')
+                    || (filterMode === 'offline' && card.dataset.remoteFleetConnected !== 'true')
+                    || (filterMode === 'task' && card.dataset.remoteFleetConnected === 'true' && card.dataset.remoteFleetTaskCapable === 'true')
+                    || (filterMode === 'ai' && card.dataset.remoteFleetConnected === 'true' && card.dataset.remoteFleetAiCapable === 'true')
+                    || (filterMode === 'frames' && card.dataset.remoteFleetHasFrame === 'true')
+                    || (filterMode === 'issues' && card.dataset.remoteFleetIssue === 'true');
+                const show = matchesSearch && matchesMode;
+                card.style.display = show ? 'flex' : 'none';
+                if (show) {
+                    visible += 1;
+                    if (card.dataset.remoteFleetConnected === 'true'
+                        && card.dataset.remoteFleetTaskCapable === 'true'
+                        && (!wantsAi || card.dataset.remoteFleetAiCapable === 'true')) {
+                        eligible += 1;
+                    }
+                }
+            });
+
+            const noMatch = grid.querySelector('[data-remote-fleet-no-match="true"]');
+            if (noMatch) {
+                noMatch.style.display = devices.length > 0 && visible === 0 ? 'flex' : 'none';
+            }
+
+            matchCount.textContent = `${visible}/${devices.length}`;
+            matchCount.title = `${visible} visible, ${eligible} targetable`;
+            sendVisibleButton.disabled = eligible <= 0;
+            sendVisibleButton.title = eligible > 0
+                ? `Dispatch to ${eligible} visible target(s)`
+                : 'No visible targetable devices';
+            const allTargetCount = wantsAi ? aiCapableCount : taskCapableCount;
+            sendConnectedButton.disabled = allTargetCount <= 0;
+            sendConnectedButton.title = allTargetCount > 0
+                ? `Dispatch to ${allTargetCount} connected target(s)`
+                : 'No connected targetable devices';
+            grid.querySelectorAll('[data-remote-fleet-action="task-device"]').forEach(button => {
+                const card = button.closest('article[data-device-id]');
+                button.disabled = wantsAi && card?.dataset.remoteFleetAiCapable !== 'true';
+                button.title = button.disabled ? 'AI assist is not enabled on this device' : 'Dispatch task to this device';
+            });
+
+            bodyView.dataset.remoteFleetSearch = searchText;
+            bodyView.dataset.remoteFleetFilter = filterMode;
+            bodyView.dataset.remoteFleetSort = String(sortSelect.value || 'status');
+            bodyView.dataset.remoteFleetDensity = String(densitySelect.value || 'cards');
+            bodyView.dataset.remoteFleetAiAssist = wantsAi ? 'true' : 'false';
+        };
+
+        [searchInput, filterSelect, sortSelect, densitySelect, aiToggle].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);
+        sortSelect.addEventListener('change', () => {
+            bodyView.dataset.remoteFleetSort = String(sortSelect.value || 'status');
+            renderRemoteFleetMonitor(bodyView, nodeModel);
+        });
+        densitySelect.addEventListener('change', () => {
+            bodyView.dataset.remoteFleetDensity = String(densitySelect.value || 'cards');
+            renderRemoteFleetMonitor(bodyView, nodeModel);
+        });
+        applyRemoteFleetFilters();
+
+        sendVisibleButton.addEventListener('click', async event => {
+            event.preventDefault();
+            event.stopPropagation();
+            const instruction = readTaskInstruction();
+            if (!instruction) {
+                setTaskFeedback('Write a task first.', 'error');
+                taskInput.focus();
+                return;
+            }
+
+            const targetIds = getVisibleEligibleDeviceIds();
+            if (targetIds.length === 0) {
+                setTaskFeedback('No visible targetable devices.', 'error');
+                return;
+            }
+
+            sendVisibleButton.disabled = true;
+            setTaskFeedback('Dispatching task to visible devices...');
+            try {
+                const result = await invokeDotNetAsync('DispatchRemoteFleetTaskBatchFromJs', nodeId, targetIds, instruction, useAiAssist());
+                await syncRemoteFleetNodeStateFromResult(result);
+                if (result?.success) {
+                    const mode = useAiAssist() ? 'AI task' : 'remote task';
+                    setTaskFeedback(`Queued ${result.queued || targetIds.length} visible ${mode}(s).`, 'success');
+                } else {
+                    setTaskFeedback(result?.error || 'Task dispatch failed.', 'error');
+                }
+            } finally {
+                applyRemoteFleetFilters();
+            }
+        });
 
         sendConnectedButton.addEventListener('click', async event => {
             event.preventDefault();
@@ -12623,7 +13003,7 @@
                     setTaskFeedback(result?.error || 'Task dispatch failed.', 'error');
                 }
             } finally {
-                sendConnectedButton.disabled = false;
+                applyRemoteFleetFilters();
             }
         });
 
@@ -12670,6 +13050,7 @@
                     }
                 } finally {
                     button.disabled = false;
+                    applyRemoteFleetFilters();
                 }
             });
         });

package/wwwroot/_framework/blazor.boot.json

@@ -1,7 +1,7 @@
 {
   "mainAssemblyName": "MindExecution.Web",
   "resources": {
-    "hash": "sha256-pNivN7EJaBIokgTOUsXUgk3uMPTdJMPxWR5WEc3XWNk=",
+    "hash": "sha256-/odScRNovgEc8hBO1R9VAaBYER2ZEkgcGNL8jCOVsoU=",
     "fingerprinting": {
       "Google.Protobuf.9h59ukbel7.dll": "Google.Protobuf.dll",
       "Markdig.d1j7v41cl1.dll": "Markdig.dll",
@@ -123,16 +123,16 @@
       "System.m05i39uvk9.dll": "System.dll",
       "netstandard.0xet7jg7ky.dll": "netstandard.dll",
       "System.Private.CoreLib.rkafq04oma.dll": "System.Private.CoreLib.dll",
-      "MindExecution.Core.27f2blpou6.dll": "MindExecution.Core.dll",
-      "MindExecution.Kernel.9wfplilp5l.dll": "MindExecution.Kernel.dll",
-      "MindExecution.Plugins.Admin.sb1vkmct0w.dll": "MindExecution.Plugins.Admin.dll",
-      "MindExecution.Plugins.Business.zr7rkofx44.dll": "MindExecution.Plugins.Business.dll",
-      "MindExecution.Plugins.Concept.g6wd36v92i.dll": "MindExecution.Plugins.Concept.dll",
-      "MindExecution.Plugins.Directory.bb5flwt0u7.dll": "MindExecution.Plugins.Directory.dll",
-      "MindExecution.Plugins.PlanMaster.me8v9fpgwc.dll": "MindExecution.Plugins.PlanMaster.dll",
-      "MindExecution.Plugins.YouTube.l811fqx9e0.dll": "MindExecution.Plugins.YouTube.dll",
-      "MindExecution.Shared.oseamdg577.dll": "MindExecution.Shared.dll",
-      "MindExecution.Web.96r3nnp9is.dll": "MindExecution.Web.dll",
+      "MindExecution.Core.kf4752v5yl.dll": "MindExecution.Core.dll",
+      "MindExecution.Kernel.79mgmkpsy1.dll": "MindExecution.Kernel.dll",
+      "MindExecution.Plugins.Admin.8ey1m70q79.dll": "MindExecution.Plugins.Admin.dll",
+      "MindExecution.Plugins.Business.8rvwgqzxaz.dll": "MindExecution.Plugins.Business.dll",
+      "MindExecution.Plugins.Concept.ynnk3bqf03.dll": "MindExecution.Plugins.Concept.dll",
+      "MindExecution.Plugins.Directory.vi24rmnuyq.dll": "MindExecution.Plugins.Directory.dll",
+      "MindExecution.Plugins.PlanMaster.9r08m5atjr.dll": "MindExecution.Plugins.PlanMaster.dll",
+      "MindExecution.Plugins.YouTube.fjkbniwa4o.dll": "MindExecution.Plugins.YouTube.dll",
+      "MindExecution.Shared.e0qnm5vtax.dll": "MindExecution.Shared.dll",
+      "MindExecution.Web.wk9yv02eva.dll": "MindExecution.Web.dll",
       "dotnet.js": "dotnet.js",
       "dotnet.native.xsn1d6x2kd.js": "dotnet.native.js",
       "dotnet.native.vz0adxojrz.wasm": "dotnet.native.wasm",
@@ -278,18 +278,18 @@
       "System.Xml.XDocument.c539ki6cuq.dll": "sha256-MPTRJkptrL9nGa2tl4kF46+wErNUYRPCGblX3ANoKoY=",
       "System.m05i39uvk9.dll": "sha256-5jDfIdbYAigw7/Q/lMzt5W/+cayGbW9ko9FvuaN1GsQ=",
       "netstandard.0xet7jg7ky.dll": "sha256-xENDv620uJ8fHwLJ2bdhrTHz4QPjvqXOztnk2a4wr0c=",
-      "MindExecution.Core.27f2blpou6.dll": "sha256-bqjP4oZY0UUVrmz+2Ctlf51S2Uo5Y/AKoPqoHy4pOnw=",
-      "MindExecution.Kernel.9wfplilp5l.dll": "sha256-uWkVGORohTBq4U8aic2oWXUFy9SnLejWJO5jA4AYUv4=",
-      "MindExecution.Plugins.Concept.g6wd36v92i.dll": "sha256-2DAMmcKQQlL5nDSjz2wZpO3rsJZCKV47BD19znoecJc=",
-      "MindExecution.Plugins.PlanMaster.me8v9fpgwc.dll": "sha256-ThFpjeyaMI19u6kLpApau9CFMDFKu0qAXvW45raEf4A=",
-      "MindExecution.Shared.oseamdg577.dll": "sha256-aNNAxyXR5QAJc8/7NHb0SkPoCV/ZfKxUpI1EutwVPoU=",
-      "MindExecution.Web.96r3nnp9is.dll": "sha256-Ua8v/da0JRYdWnLlYTo7RN8X+fLqj0Fx2ep9gtN0GS4="
+      "MindExecution.Core.kf4752v5yl.dll": "sha256-MK+6sYNYxso5bmurLtzuQOy6PiIr6jHmV0DMzHSg+sc=",
+      "MindExecution.Kernel.79mgmkpsy1.dll": "sha256-qwoCzn5eUut0Qz0kvhUJmtlPAtoMtYtMTv9c4ekX84o=",
+      "MindExecution.Plugins.Concept.ynnk3bqf03.dll": "sha256-Mvw1k0NexULKDOElumjmqjK4jl2MS5NNvFrTnBDZ2qc=",
+      "MindExecution.Plugins.PlanMaster.9r08m5atjr.dll": "sha256-K2De6QooRNGCQL7zfYyZ4aeMZZE2etfT4Aj52u7y+RQ=",
+      "MindExecution.Shared.e0qnm5vtax.dll": "sha256-bh3YoyPl9H4U9q8TO3u6hoJLMoWW0sYxJyJwj8heek0=",
+      "MindExecution.Web.wk9yv02eva.dll": "sha256-AHwwn1rOC7uDlpCJJLndmyf97G7nM018K4WpzRuPwTg="
     },
     "lazyAssembly": {
-      "MindExecution.Plugins.Admin.sb1vkmct0w.dll": "sha256-iDuN0GDy4cf1SBO0F9oNo6GO3m98b3TfcSaQWtQK5q8=",
-      "MindExecution.Plugins.Business.zr7rkofx44.dll": "sha256-H4Q/ZDzQZhQkspAue90LyhKxSx6KmvoqYZrQYavlsN4=",
-      "MindExecution.Plugins.Directory.bb5flwt0u7.dll": "sha256-WbJHd3y3nymvVCvYGNYYw7/ywI8NraYmG8Y2IFch1u8=",
-      "MindExecution.Plugins.YouTube.l811fqx9e0.dll": "sha256-e9zKVUmEONig5ScJXvPEPBQf+MAVyfEqyCTncHnO8Y0="
+      "MindExecution.Plugins.Admin.8ey1m70q79.dll": "sha256-oMlSl7sNr3GfLsqVskx6UNQMyoGJANENnZIL62rfG+c=",
+      "MindExecution.Plugins.Business.8rvwgqzxaz.dll": "sha256-xJBBAfZAEw5jQcNThJNI3vKn2rLWuCRV7Oo8onCFwOo=",
+      "MindExecution.Plugins.Directory.vi24rmnuyq.dll": "sha256-x+iwabNhSVcOgBw2RlEp7HSQ7Eep/nvCn+lZVNGxCK8=",
+      "MindExecution.Plugins.YouTube.fjkbniwa4o.dll": "sha256-RUR2I22IaFbLmHY/Gcw7wfwiybsIs8m+kgMfo1i78+w="
     }
   },
   "cacheBootResources": true,

package/wwwroot/index.html

@@ -558,7 +558,7 @@
             }
 
             const base = '_content/MindExecution.Shared/js/';
-            const scriptVersion = '20260612-remote-ai-v465';
+            const scriptVersion = '20260612-remote-fleet-scale-v466';
             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":  "wLEvF+gp",
+    "version":  "tyUOiEjY",
     "assets":  [
                    {
                        "hash":  "sha256-+CSYMcqLNTsq3VnH11jgYyOCCdxvHzL74CBmo4sCmMU=",
@@ -86,7 +86,7 @@
                        "url":  "_content/MindExecution.Shared/js/mind-map-core.js.backup"
                    },
                    {
-                       "hash":  "sha256-hBSas6gvVUMu0hBpxyG+W6xv8+NN7JcjiSq0+C6ZjGU=",
+                       "hash":  "sha256-UIJj28RUmbRzdxZB7yxJHs88G8t0QTV1mCQOJeHywK8=",
                        "url":  "_content/MindExecution.Shared/js/mind-map-css3d-manager.js"
                    },
                    {
@@ -410,44 +410,44 @@
                        "url":  "_framework/MimeMapping.og9ys58ylm.dll"
                    },
                    {
-                       "hash":  "sha256-bqjP4oZY0UUVrmz+2Ctlf51S2Uo5Y/AKoPqoHy4pOnw=",
-                       "url":  "_framework/MindExecution.Core.27f2blpou6.dll"
+                       "hash":  "sha256-MK+6sYNYxso5bmurLtzuQOy6PiIr6jHmV0DMzHSg+sc=",
+                       "url":  "_framework/MindExecution.Core.kf4752v5yl.dll"
                    },
                    {
-                       "hash":  "sha256-uWkVGORohTBq4U8aic2oWXUFy9SnLejWJO5jA4AYUv4=",
-                       "url":  "_framework/MindExecution.Kernel.9wfplilp5l.dll"
+                       "hash":  "sha256-qwoCzn5eUut0Qz0kvhUJmtlPAtoMtYtMTv9c4ekX84o=",
+                       "url":  "_framework/MindExecution.Kernel.79mgmkpsy1.dll"
                    },
                    {
-                       "hash":  "sha256-iDuN0GDy4cf1SBO0F9oNo6GO3m98b3TfcSaQWtQK5q8=",
-                       "url":  "_framework/MindExecution.Plugins.Admin.sb1vkmct0w.dll"
+                       "hash":  "sha256-oMlSl7sNr3GfLsqVskx6UNQMyoGJANENnZIL62rfG+c=",
+                       "url":  "_framework/MindExecution.Plugins.Admin.8ey1m70q79.dll"
                    },
                    {
-                       "hash":  "sha256-H4Q/ZDzQZhQkspAue90LyhKxSx6KmvoqYZrQYavlsN4=",
-                       "url":  "_framework/MindExecution.Plugins.Business.zr7rkofx44.dll"
+                       "hash":  "sha256-xJBBAfZAEw5jQcNThJNI3vKn2rLWuCRV7Oo8onCFwOo=",
+                       "url":  "_framework/MindExecution.Plugins.Business.8rvwgqzxaz.dll"
                    },
                    {
-                       "hash":  "sha256-2DAMmcKQQlL5nDSjz2wZpO3rsJZCKV47BD19znoecJc=",
-                       "url":  "_framework/MindExecution.Plugins.Concept.g6wd36v92i.dll"
+                       "hash":  "sha256-Mvw1k0NexULKDOElumjmqjK4jl2MS5NNvFrTnBDZ2qc=",
+                       "url":  "_framework/MindExecution.Plugins.Concept.ynnk3bqf03.dll"
                    },
                    {
-                       "hash":  "sha256-WbJHd3y3nymvVCvYGNYYw7/ywI8NraYmG8Y2IFch1u8=",
-                       "url":  "_framework/MindExecution.Plugins.Directory.bb5flwt0u7.dll"
+                       "hash":  "sha256-x+iwabNhSVcOgBw2RlEp7HSQ7Eep/nvCn+lZVNGxCK8=",
+                       "url":  "_framework/MindExecution.Plugins.Directory.vi24rmnuyq.dll"
                    },
                    {
-                       "hash":  "sha256-ThFpjeyaMI19u6kLpApau9CFMDFKu0qAXvW45raEf4A=",
-                       "url":  "_framework/MindExecution.Plugins.PlanMaster.me8v9fpgwc.dll"
+                       "hash":  "sha256-K2De6QooRNGCQL7zfYyZ4aeMZZE2etfT4Aj52u7y+RQ=",
+                       "url":  "_framework/MindExecution.Plugins.PlanMaster.9r08m5atjr.dll"
                    },
                    {
-                       "hash":  "sha256-e9zKVUmEONig5ScJXvPEPBQf+MAVyfEqyCTncHnO8Y0=",
-                       "url":  "_framework/MindExecution.Plugins.YouTube.l811fqx9e0.dll"
+                       "hash":  "sha256-RUR2I22IaFbLmHY/Gcw7wfwiybsIs8m+kgMfo1i78+w=",
+                       "url":  "_framework/MindExecution.Plugins.YouTube.fjkbniwa4o.dll"
                    },
                    {
-                       "hash":  "sha256-aNNAxyXR5QAJc8/7NHb0SkPoCV/ZfKxUpI1EutwVPoU=",
-                       "url":  "_framework/MindExecution.Shared.oseamdg577.dll"
+                       "hash":  "sha256-bh3YoyPl9H4U9q8TO3u6hoJLMoWW0sYxJyJwj8heek0=",
+                       "url":  "_framework/MindExecution.Shared.e0qnm5vtax.dll"
                    },
                    {
-                       "hash":  "sha256-Ua8v/da0JRYdWnLlYTo7RN8X+fLqj0Fx2ep9gtN0GS4=",
-                       "url":  "_framework/MindExecution.Web.96r3nnp9is.dll"
+                       "hash":  "sha256-AHwwn1rOC7uDlpCJJLndmyf97G7nM018K4WpzRuPwTg=",
+                       "url":  "_framework/MindExecution.Web.wk9yv02eva.dll"
                    },
                    {
                        "hash":  "sha256-IsZJ91/OW+fHzNqIgEc7Y072ns8z9dGritiSyvR9Wgc=",
@@ -770,7 +770,7 @@
                        "url":  "_framework/Websocket.Client.vapounvmnl.dll"
                    },
                    {
-                       "hash":  "sha256-kTyP4Fsv/AOm0/MqoZ+M1/9yt5ZgNrXfJE8PEsMaTqQ=",
+                       "hash":  "sha256-v2ZTmYhjrtyEfbHSvkcdnYwoI+IoWSf/opZgluPefHA=",
                        "url":  "_framework/blazor.boot.json"
                    },
                    {
@@ -834,7 +834,7 @@
                        "url":  "image-manifest.json"
                    },
                    {
-                       "hash":  "sha256-Cf/mSFH1jP/r7yYXdv2Fyy4jqSjg5ouxZIKPgeRRLQI=",
+                       "hash":  "sha256-TU40FZ+Rzj9ZDbwOAysHnWs1F2588obb2+wwcp7Mcy4=",
                        "url":  "index.html"
                    },
                    {

package/wwwroot/service-worker.js

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