@mindexec/cli 0.2.98 → 0.2.100

package/package.json

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

package/scripts/remote-fleet-render-smoke.mjs

@@ -701,7 +701,7 @@ try {
     manager.renderRemoteFleetMonitorForTest(bodyView, buildMonitorNode(devices, hub.getStatus({ includeSecrets: true }), latestTaskBatch, recentTaskBatches));
 
     let cards = bodyView.querySelectorAll('article[data-device-id]');
-    assert.equal(cards.length, SYNTHETIC_COUNT);
+    assert.equal(cards.length, connectedCount);
     assert.equal(bodyView.querySelector('[data-remote-fleet-match-count="true"]'), null);
     assert.equal(bodyView.querySelector('[data-remote-fleet-search="true"]'), null);
     assert.equal(bodyView.querySelectorAll('select').length, 0);
@@ -723,18 +723,14 @@ try {
     assert.equal(statusFooter.querySelectorAll('[data-remote-fleet-status-item]').length, 5);
     assert.ok(statusFooter.querySelector('[data-remote-fleet-status-item="route"]'));
     const initialDetailPanel = bodyView.querySelector('[data-remote-fleet-detail-panel="true"]');
-    assert.equal(initialDetailPanel?.dataset.deviceId, focusedDevice.DeviceId);
+    assert.equal(initialDetailPanel, null);
     const initialSelectedCard = bodyView.querySelector(`article[data-device-id="${focusedDevice.DeviceId}"]`);
-    assert.equal(initialSelectedCard?.dataset.remoteFleetSelected, 'true');
-    assert.equal(initialSelectedCard?.getAttribute('aria-pressed'), 'true');
-    assert.ok(initialSelectedCard?.querySelector('[data-remote-fleet-selected-indicator="true"]'));
-    assert.equal(bodyView.querySelectorAll('[data-remote-fleet-action="pin-device"]').length, 1);
+    assert.ok(initialSelectedCard);
+    assert.equal(initialSelectedCard?.querySelector('[data-remote-fleet-selected-indicator="true"]'), null);
+    assert.equal(bodyView.querySelectorAll('[data-remote-fleet-action="pin-device"]').length, 0);
     assert.equal(bodyView.querySelectorAll('[data-remote-fleet-action="task-device"]').length, 0);
-    assert.equal(bodyView.querySelectorAll('[data-remote-fleet-action="thumbnail-device"]').length, focusedDevice.Connected && focusedDevice.ThumbnailEnabled ? 1 : 0);
-    assert.ok(initialDetailPanel?.textContent.includes('Seen'));
-    assert.ok(initialDetailPanel?.textContent.includes('Uptime'));
-    assert.ok(initialDetailPanel?.textContent.includes('Mem'));
-    assert.ok(initialDetailPanel?.textContent.includes('Load'));
+    assert.equal(bodyView.querySelectorAll('[data-remote-fleet-action="thumbnail-device"]').length, 0);
+    assert.equal(bodyView.querySelectorAll('[data-remote-fleet-frame-badge="true"]').length, 0);
     assert.ok(cards[0]?.querySelector('[data-remote-fleet-device-preview="tile"]'));
     assert.equal(/\b(Seen|Uptime|Mem|Load)\b/.test(cards[0]?.textContent || ''), false);
     assert.match(deviceGrid.style.cssText, /minmax\(132px,\s*1fr\)/);
@@ -745,7 +741,10 @@ try {
     assert.equal(bodyView.dataset.remoteFleetDensity, 'cards');
     assert.match(bodyView.querySelector('[data-remote-fleet-device-grid="true"]')?.style.cssText || '', /minmax\(132px,\s*1fr\)/);
     cards = bodyView.querySelectorAll('article[data-device-id]');
-    const patchTarget = devices.find(device => device.ThumbnailEnabled === true && device.LiveStreamActive !== true);
+    const patchTarget = devices.find(device =>
+        device.Connected === true
+        && device.ThumbnailEnabled === true
+        && device.LiveStreamActive !== true);
     assert.ok(patchTarget);
     const patchCard = Array.from(cards).find(card => card.dataset.deviceId === patchTarget.DeviceId);
     const patchPreview = patchCard?.querySelector('[data-remote-fleet-device-preview="tile"]');
@@ -765,19 +764,21 @@ try {
     assert.equal(patchPreview.dataset.remoteFleetPendingFrameUrl || '', '');
     assert.ok(patchPreview.querySelector('canvas[data-remote-fleet-frame-canvas="true"]'));
     assert.equal(patchPreview.querySelector('img[data-remote-fleet-frame-image="true"]')?.dataset.remoteFleetFrameUrl, patchUrl);
-    const alternateDevice = devices.find(device => device.DeviceId !== focusedDevice.DeviceId);
+    assert.equal(patchPreview.querySelector('[data-remote-fleet-frame-badge="true"]'), null);
+    const alternateDevice = devices.find(device =>
+        device.Connected === true
+        && device.DeviceId !== focusedDevice.DeviceId);
     assert.ok(alternateDevice);
     const alternateCard = Array.from(cards).find(card => card.dataset.deviceId === alternateDevice.DeviceId);
     assert.ok(alternateCard);
     alternateCard.dispatchEvent({ type: 'click' });
     assert.equal(bodyView.dataset.remoteFleetSelectedDeviceId, alternateDevice.DeviceId);
-    assert.equal(bodyView.querySelector('[data-remote-fleet-detail-panel="true"]')?.dataset.deviceId, alternateDevice.DeviceId);
+    assert.equal(bodyView.querySelector('[data-remote-fleet-detail-panel="true"]'), null);
     const selectedAfterClick = bodyView.querySelector(`article[data-device-id="${alternateDevice.DeviceId}"]`);
-    assert.equal(selectedAfterClick?.dataset.remoteFleetSelected, 'true');
-    assert.equal(selectedAfterClick?.getAttribute('aria-pressed'), 'true');
-    assert.ok(selectedAfterClick?.querySelector('[data-remote-fleet-selected-indicator="true"]'));
+    assert.ok(selectedAfterClick);
+    assert.equal(selectedAfterClick?.querySelector('[data-remote-fleet-selected-indicator="true"]'), null);
     const livePanel = bodyView.querySelector('[data-remote-fleet-live-panel="true"]');
-    assert.equal(livePanel?.dataset.deviceId, focusedDevice.DeviceId);
+    assert.equal(livePanel, null);
     assert.equal(bodyView.querySelector('[data-remote-fleet-action="task-visible"]'), null);
     assert.equal(bodyView.querySelector('[data-remote-fleet-action="task-connected"]'), null);
     assert.equal(bodyView.querySelector('[data-remote-fleet-task-input="true"]'), null);
@@ -811,28 +812,24 @@ try {
         enabled: false
     });
 
-    assert.ok(livePanel?.textContent.includes('RemoteFast 20 fps'), livePanel?.textContent || bodyView.textContent);
+    assert.equal(bodyView.querySelector('[data-remote-fleet-live-panel="true"]'), null);
     assert.equal(bodyView.querySelector('code'), null);
     assert.equal(bodyView.textContent.includes('npx @mindexec/remote connect'), false);
     assert.equal(bodyView.querySelector('[data-remote-fleet-action="copy-command"]'), null);
     assert.equal(bodyView.querySelector('[data-remote-fleet-action="refresh"]'), null);
     assert.equal(bodyView.querySelector('[data-remote-fleet-auto-toggle="true"]'), null);
-    assert.ok(bodyView.textContent.includes('synthetic-render-ai'));
-    assert.ok(bodyView.textContent.includes('Task timed out waiting for the agent response.'));
+    assert.equal(bodyView.textContent.includes('synthetic-render-ai'), false);
+    assert.equal(bodyView.textContent.includes('Task timed out waiting for the agent response.'), false);
     const batchSummary = bodyView.querySelector('[data-remote-fleet-task-batch="true"]');
-    assert.ok(batchSummary);
-    assert.ok(batchSummary.textContent.includes('Render smoke batch'));
-    assert.ok(batchSummary.textContent.includes('208/210 done'));
-    assert.ok(batchSummary.textContent.includes('1 timed out'));
+    assert.equal(batchSummary, null);
     const batchHistory = bodyView.querySelector('[data-remote-fleet-task-history="true"]');
-    assert.ok(batchHistory);
-    assert.ok(batchHistory.textContent.includes('Previous AI batch'));
-    assert.ok(batchHistory.textContent.includes('42/42 done'));
+    assert.equal(batchHistory, null);
     const resultPanel = bodyView.querySelector('[data-remote-fleet-task-results="true"]');
-    assert.ok(resultPanel);
-    assert.ok(resultPanel.textContent.includes('synthetic-render-ai'));
-    assert.ok(resultPanel.textContent.includes('Overview AI result visible'));
+    assert.equal(resultPanel, null);
     assert.ok(devices.some(device => /^synthetic-response-/.test(device.LatestTaskResultResponseId)));
+    await wait();
+    const liveStartCalls = dotNetCalls.filter(call => call.methodName === 'StartRemoteFleetLiveStreamFromJs');
+    assert.ok(liveStartCalls.length > 1, `expected multiple visible live starts, got ${liveStartCalls.length}`);
     await wait(320);
     assert.ok(dotNetCalls.some(call => call.methodName === 'RefreshRemoteFleetMonitorNodeFromJs'));
     assert.equal(bodyView.dataset.remoteFleetTaskFollowKey, 'render-smoke-batch');

package/server.js

@@ -2978,6 +2978,12 @@ function isRemoteAgentProcessRunning() {
         && !proc.killed;
 }
 
+function isLocalRemoteHostTargetActive() {
+    const status = remoteHub.getStatus({ includeSecrets: false });
+    return status?.hostTargetActive === true
+        && (!status.hostTargetHostInstanceId || status.hostTargetHostInstanceId === BRIDGE_INSTANCE_ID);
+}
+
 function resolveRemoteAgentLauncher() {
     const localLauncher = path.join(BRIDGE_ROOT, 'node_modules', '@mindexec', 'remote', 'bin', 'mindexec-remote.js');
     try {
@@ -3112,6 +3118,22 @@ async function startRemoteAgentConnection(options = {}) {
         return { ok: false, error: 'missing-pair-token', agent: serializeRemoteAgentState() };
     }
 
+    if (isLocalRemoteHostTargetActive()) {
+        if (isRemoteAgentProcessRunning()) {
+            await stopRemoteAgentConnection('local-host-target-active');
+        }
+        logEvent(
+            'remote',
+            'managed RemoteAgent connect skipped because this bridge is the active host target',
+            'remote');
+        return {
+            ok: true,
+            skipped: true,
+            reason: 'local-host-target-active',
+            agent: serializeRemoteAgentState()
+        };
+    }
+
     const activeConnectionKeys = new Set(managers.map(manager => createRemoteAgentConnectionKey(manager, leaseId)));
     if (isRemoteAgentProcessRunning()
         && remoteAgentState.ready === true
@@ -7831,13 +7853,33 @@ app.post('/api/remote/frames', (req, res) => {
     });
 });
 
-app.post('/api/remote/host-target', (req, res) => {
+app.post('/api/remote/host-target', async (req, res) => {
     res.setHeader('Cache-Control', 'no-store');
-    res.json(remoteHub.setHostTarget({
-        enabled: req.body?.enabled !== false,
-        nodeId: req.body?.nodeId,
-        leaseMs: req.body?.leaseMs
-    }));
+    try {
+        const result = remoteHub.setHostTarget({
+            enabled: req.body?.enabled !== false,
+            nodeId: req.body?.nodeId,
+            leaseMs: req.body?.leaseMs
+        });
+        if (result?.ok === true && result?.active === true && isLocalRemoteHostTargetActive()) {
+            if (isRemoteAgentProcessRunning()) {
+                await stopRemoteAgentConnection('local-host-target-active');
+                logEvent('remote', 'managed RemoteAgent held stopped while local host target is active', 'remote');
+            }
+        }
+        res.json({
+            ...result,
+            agent: serializeRemoteAgentState()
+        });
+    } catch (err) {
+        logError('remote', 'remote host target update failed.', err);
+        res.status(500).json({
+            ok: false,
+            active: false,
+            error: err?.message || String(err),
+            agent: serializeRemoteAgentState()
+        });
+    }
 });
 
 app.delete('/api/remote/host-target', (req, res) => {

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

@@ -12974,13 +12974,16 @@
     }
 
     const REMOTE_FLEET_MONITOR_REFRESH_MS = 10000;
+    const REMOTE_FLEET_EMPTY_MONITOR_REFRESH_MS = 2500;
     const REMOTE_FLEET_LIVE_REFRESH_MS = 30000;
-    const REMOTE_FLEET_FOCUSED_LIVE_FPS = 10;
-    const REMOTE_FLEET_LIVE_FRAME_REFRESH_MS = Math.round(1000 / REMOTE_FLEET_FOCUSED_LIVE_FPS);
+    const REMOTE_FLEET_MONITOR_LIVE_FPS = 10;
+    const REMOTE_FLEET_LIVE_FRAME_REFRESH_MS = Math.round(1000 / REMOTE_FLEET_MONITOR_LIVE_FPS);
     const REMOTE_FLEET_THUMBNAIL_FRAME_REFRESH_MS = 2000;
     const REMOTE_FLEET_FRAME_CANVAS_MAX_DPR = 2;
     const REMOTE_FLEET_FRAME_BLOB_CACHE_MS = 10000;
     const REMOTE_FLEET_FRAME_BLOB_CACHE_LIMIT = 96;
+    const REMOTE_FLEET_LIVE_FRAME_DECODE_TIMEOUT_MS = 180;
+    const REMOTE_FLEET_THUMBNAIL_FRAME_DECODE_TIMEOUT_MS = 1200;
     const REMOTE_FLEET_TASK_FOLLOW_INITIAL_MS = 250;
     const REMOTE_FLEET_TASK_FOLLOW_REFRESH_MS = 2000;
     const REMOTE_FLEET_TASK_FOLLOW_MAX_TICKS = 60;
@@ -13299,6 +13302,10 @@
         return patches;
     }
 
+    function shouldDisplayRemoteFleetMonitorDevice(device) {
+        return isRemoteFleetDeviceConnected(device);
+    }
+
     function ensureRemoteFleetFrameImage(preview, frame) {
         let image = preview?.querySelector?.('img[data-remote-fleet-frame-image="true"]');
         if (image) {
@@ -13439,6 +13446,42 @@
         return true;
     }
 
+    function getRemoteFleetFrameDecodeTimeoutMs(frame) {
+        return String(frame?.kind || '').toLowerCase() === 'live'
+            ? REMOTE_FLEET_LIVE_FRAME_DECODE_TIMEOUT_MS
+            : REMOTE_FLEET_THUMBNAIL_FRAME_DECODE_TIMEOUT_MS;
+    }
+
+    function withRemoteFleetFrameTimeout(promise, timeoutMs, onTimeout) {
+        const duration = Math.max(50, Number(timeoutMs) || REMOTE_FLEET_LIVE_FRAME_DECODE_TIMEOUT_MS);
+        return new Promise((resolve, reject) => {
+            let settled = false;
+            const timer = setTimeout(() => {
+                if (settled) return;
+                settled = true;
+                try {
+                    onTimeout?.();
+                } catch {
+                    // best effort only
+                }
+                reject(new Error('remote-frame-decode-timeout'));
+            }, duration);
+            Promise.resolve(promise)
+                .then(value => {
+                    if (settled) return;
+                    settled = true;
+                    clearTimeout(timer);
+                    resolve(value);
+                })
+                .catch(error => {
+                    if (settled) return;
+                    settled = true;
+                    clearTimeout(timer);
+                    reject(error);
+                });
+        });
+    }
+
     async function loadRemoteFleetFrameBitmap(frame) {
         if (!frame || !isRemoteFleetFrameSource(frame.frameUrl)) {
             return null;
@@ -13482,8 +13525,12 @@
             entry.expiresAt = now + REMOTE_FLEET_FRAME_BLOB_CACHE_MS;
         }
 
-        const blob = await entry.promise;
-        return createImageBitmap(blob);
+        const timeoutMs = getRemoteFleetFrameDecodeTimeoutMs(frame);
+        const blob = await withRemoteFleetFrameTimeout(
+            entry.promise,
+            timeoutMs,
+            () => remoteFleetFrameBlobCache.delete(identity));
+        return await withRemoteFleetFrameTimeout(createImageBitmap(blob), timeoutMs);
     }
 
     function getRemoteFleetFrameIdentity(frame) {
@@ -13602,6 +13649,12 @@
             placeholder.remove();
         }
 
+        const previewMode = String(preview?.dataset?.remoteFleetDevicePreview || '');
+        if (previewMode === 'tile') {
+            preview.querySelector?.('[data-remote-fleet-frame-badge="true"]')?.remove();
+            return true;
+        }
+
         const badge = ensureRemoteFleetFrameBadge(preview, frame);
         if (badge) {
             const at = frame.receivedAt || frame.capturedAt || '';
@@ -13718,15 +13771,24 @@
                 return;
             }
 
+            const timeoutMs = getRemoteFleetFrameDecodeTimeoutMs(frame);
+            let settled = false;
+            const complete = (loaded, surface = 'img') => {
+                if (settled) return;
+                settled = true;
+                clearTimeout(timeout);
+                finish(loaded, surface);
+            };
+            const timeout = setTimeout(() => complete(false, 'img-timeout'), timeoutMs);
             const loader = new Image();
             loader.decoding = 'async';
             loader.onload = () => {
                 const decoded = typeof loader.decode === 'function'
                     ? loader.decode().catch(() => undefined)
                     : Promise.resolve();
-                decoded.then(() => finish(true, 'img'));
+                decoded.then(() => complete(true, 'img'));
             };
-            loader.onerror = () => finish(false, 'img');
+            loader.onerror = () => complete(false, 'img');
             loader.src = frame.frameUrl;
         };
 
@@ -13782,7 +13844,19 @@
                     }
                 });
             })
-            .catch(() => loadFallbackImage());
+            .catch(error => {
+                if (frame.kind === 'live') {
+                    window.RuntimeTrace?.emit?.('remote.frame.decodeSkipped', {
+                        kind: frame.kind,
+                        seq: frame.frameSeq,
+                        error: error?.message || String(error || '')
+                    });
+                    finish(false, 'canvas-timeout');
+                    return;
+                }
+
+                loadFallbackImage();
+            });
     }
 
     function queueRemoteFleetFramePaint(preview, frame) {
@@ -15068,12 +15142,14 @@
         const recentTaskBatches = parseRemoteFleetRecentTaskBatches(nodeModel);
         const latestTaskBatchKey = getRemoteFleetTaskBatchKey(latestTaskBatch);
         const latestTaskBatchActive = isRemoteFleetTaskBatchActive(latestTaskBatch);
+        const showTaskSummarySurfaces = false;
         if (latestTaskBatchKey && bodyView.dataset.remoteFleetTaskFollowKey !== latestTaskBatchKey) {
             bodyView.dataset.remoteFleetTaskFollowKey = latestTaskBatchKey;
             bodyView.dataset.remoteFleetTaskFollowTicks = '0';
         }
         bodyView.dataset.remoteFleetTaskFollowActive = latestTaskBatchActive ? 'true' : 'false';
         const sortedDevices = [...parseRemoteFleetDevices(nodeModel)]
+            .filter(shouldDisplayRemoteFleetMonitorDevice)
             .sort((left, right) => compareRemoteFleetDevices(left, right, sortState));
         const devices = groupState === 'none'
             ? sortedDevices
@@ -15099,11 +15175,8 @@
         } else {
             delete bodyView.dataset.remoteFleetSelectedDeviceId;
         }
-        const total = Number(getRemoteFleetMetadataValue(nodeModel, 'RemoteFleetDeviceCount', devices.length));
-        const connected = Number(getRemoteFleetMetadataValue(
-            nodeModel,
-            'RemoteFleetConnectedDeviceCount',
-            devices.filter(isRemoteFleetDeviceConnected).length));
+        const total = devices.length;
+        const connected = 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 hubStatus = getRemoteFleetMetadataValue(nodeModel, 'RemoteFleetHubStatus', 'offline');
@@ -15376,7 +15449,7 @@
         `;
         bodyView.appendChild(taskFeedback);
 
-        if (latestTaskBatch) {
+        if (showTaskSummarySurfaces && latestTaskBatch) {
             const batchTotal = Number(latestTaskBatch.total ?? latestTaskBatch.Total ?? 0);
             const batchQueued = Number(latestTaskBatch.queued ?? latestTaskBatch.Queued ?? 0);
             const batchPending = Number(latestTaskBatch.pending ?? latestTaskBatch.Pending ?? 0);
@@ -15437,7 +15510,7 @@
         const visibleRecentBatches = recentTaskBatches
             .filter(batch => batch && String(batch.batchId ?? batch.BatchId ?? '').trim())
             .slice(0, 3);
-        if (visibleRecentBatches.length > 0) {
+        if (showTaskSummarySurfaces && visibleRecentBatches.length > 0) {
             const history = document.createElement('div');
             history.dataset.remoteFleetTaskHistory = 'true';
             history.style.cssText = `
@@ -15504,7 +15577,7 @@
             .filter(item => item.status || item.title || item.summary || item.error)
             .sort((left, right) => right.updatedMs - left.updatedMs)
             .slice(0, 4);
-        if (recentTaskResults.length > 0) {
+        if (showTaskSummarySurfaces && recentTaskResults.length > 0) {
             const resultPanel = document.createElement('div');
             resultPanel.dataset.remoteFleetTaskResults = 'true';
             resultPanel.style.cssText = `
@@ -15542,150 +15615,6 @@
             bodyView.appendChild(resultPanel);
         }
 
-        if (focusedDevice) {
-            const focusedId = getRemoteFleetDeviceId(focusedDevice);
-            const focusedName = getRemoteFleetDeviceName(focusedDevice);
-            const liveActive = isRemoteFleetLiveActive(focusedDevice);
-            const liveFrameSource = getRemoteFleetFrameSource(focusedDevice, 'live');
-            const liveFrameAt = String(getRemoteFleetDeviceField(focusedDevice, 'liveFrameReceivedAt', 'LiveFrameReceivedAt', ''));
-            const liveStreamId = String(getRemoteFleetDeviceField(focusedDevice, 'liveStreamId', 'LiveStreamId', ''));
-            const hasLiveFrame = hasRemoteFleetLiveFrame(focusedDevice);
-            const livePanel = document.createElement('section');
-            livePanel.dataset.remoteFleetLivePanel = 'true';
-            livePanel.dataset.deviceId = focusedId;
-            livePanel.style.cssText = `
-                flex: 0 0 auto;
-                display: grid;
-                grid-template-columns: minmax(220px, 0.95fr) minmax(0, 1.25fr);
-                gap: 10px;
-                min-height: 170px;
-                padding: 10px;
-                border-radius: 8px;
-                border: 1px solid rgba(14, 165, 233, 0.24);
-                background: rgba(255, 255, 255, 0.82);
-            `;
-
-            const livePreview = document.createElement('div');
-            livePreview.dataset.remoteFleetDevicePreview = 'focused-live';
-            livePreview.dataset.deviceId = focusedId;
-            livePreview.dataset.remoteFleetFrameKind = hasLiveFrame ? 'live' : '';
-            livePreview.dataset.remoteFleetFrameSeq = String(getRemoteFleetDeviceField(focusedDevice, 'liveFrameSeq', 'LiveFrameSeq', 0));
-            livePreview.style.cssText = `
-                position: relative;
-                min-width: 0;
-                aspect-ratio: 16 / 9;
-                overflow: hidden;
-                border-radius: 7px;
-                background: linear-gradient(135deg, #111827 0%, #1f2937 100%);
-                border: 1px solid rgba(15, 23, 42, 0.16);
-            `;
-            if (hasLiveFrame) {
-                const image = document.createElement('img');
-                image.dataset.remoteFleetFrameImage = 'true';
-                image.dataset.remoteFleetFrameKind = 'live';
-                image.dataset.remoteFleetFrameSeq = livePreview.dataset.remoteFleetFrameSeq;
-                image.src = liveFrameSource;
-                image.alt = `${focusedName} live screen`;
-                image.decoding = 'async';
-                image.style.cssText = `
-                    width: 100%;
-                    height: 100%;
-                    object-fit: cover;
-                    display: block;
-                `;
-                livePreview.appendChild(image);
-            } else {
-                const placeholder = document.createElement('div');
-                placeholder.dataset.remoteFleetScreenPlaceholder = 'true';
-                placeholder.textContent = liveActive ? 'Waiting for live frame' : 'Live view idle';
-                placeholder.style.cssText = `
-                    position: absolute;
-                    inset: 0;
-                    display: flex;
-                    align-items: center;
-                    justify-content: center;
-                    color: rgba(226, 232, 240, 0.82);
-                    font-size: 12px;
-                    font-weight: 900;
-                    letter-spacing: 0;
-                `;
-                livePreview.appendChild(placeholder);
-            }
-            const liveBadge = document.createElement('span');
-            liveBadge.dataset.remoteFleetFrameBadge = 'true';
-            liveBadge.textContent = liveActive
-                ? `LIVE ${liveFrameAt ? formatRemoteFleetAge(liveFrameAt) : ''}`.trim()
-                : 'FOCUS';
-            liveBadge.style.cssText = `
-                position: absolute;
-                left: 7px;
-                top: 7px;
-                max-width: calc(100% - 14px);
-                padding: 4px 7px;
-                border-radius: 999px;
-                background: ${liveActive ? 'rgba(220, 38, 38, 0.86)' : 'rgba(15, 23, 42, 0.72)'};
-                color: #ffffff;
-                font-size: 9px;
-                font-weight: 950;
-                line-height: 1;
-                overflow: hidden;
-                text-overflow: ellipsis;
-                white-space: nowrap;
-                letter-spacing: 0;
-            `;
-            livePreview.appendChild(liveBadge);
-
-            const liveInfo = document.createElement('div');
-            liveInfo.style.cssText = `
-                min-width: 0;
-                display: flex;
-                flex-direction: column;
-                justify-content: space-between;
-                gap: 8px;
-            `;
-            const liveTitle = document.createElement('div');
-            liveTitle.style.cssText = 'min-width:0;display:flex;flex-direction:column;gap:3px;';
-            const liveName = document.createElement('strong');
-            liveName.textContent = focusedName;
-            liveName.title = focusedName;
-            liveName.style.cssText = 'color:#0f172a;font-size:15px;font-weight:950;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:0;';
-            const liveMeta = document.createElement('span');
-            liveMeta.textContent = liveActive
-                ? `RemoteFast ${getRemoteFleetDeviceField(focusedDevice, 'liveStreamFps', 'LiveStreamFps', 0) || 20} fps`
-                : 'View-only focused screen stream';
-            liveMeta.style.cssText = 'color:#475569;font-size:11px;font-weight:800;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:0;';
-            liveTitle.appendChild(liveName);
-            liveTitle.appendChild(liveMeta);
-
-            const liveActions = document.createElement('div');
-            liveActions.style.cssText = 'display:flex;align-items:center;gap:8px;flex-wrap:wrap;';
-            if (isRemoteFleetDeviceConnected(focusedDevice) && isRemoteFleetLiveCapable(focusedDevice)) {
-                const startLiveButton = createRemoteFleetButton(liveActive ? 'Restart live' : 'Start live', 'Start focused view-only live stream', 'live-start');
-                startLiveButton.dataset.deviceId = focusedId;
-                startLiveButton.style.height = '30px';
-                liveActions.appendChild(startLiveButton);
-                if (liveActive) {
-                    const stopLiveButton = createRemoteFleetButton('Stop live', 'Stop focused live stream', 'live-stop');
-                    stopLiveButton.dataset.deviceId = focusedId;
-                    stopLiveButton.dataset.streamId = liveStreamId;
-                    stopLiveButton.style.height = '30px';
-                    stopLiveButton.style.borderColor = 'rgba(220, 38, 38, 0.32)';
-                    stopLiveButton.style.color = '#b91c1c';
-                    liveActions.appendChild(stopLiveButton);
-                }
-            } else {
-                const disabled = document.createElement('span');
-                disabled.textContent = 'Live unavailable';
-                disabled.style.cssText = 'color:#64748b;font-size:11px;font-weight:900;';
-                liveActions.appendChild(disabled);
-            }
-            liveInfo.appendChild(liveTitle);
-            liveInfo.appendChild(liveActions);
-            livePanel.appendChild(livePreview);
-            livePanel.appendChild(liveInfo);
-            bodyView.appendChild(livePanel);
-        }
-
         const createDevicePreview = (device, mode = 'tile') => {
             const name = getRemoteFleetDeviceName(device);
             const connectedDevice = isRemoteFleetDeviceConnected(device);
@@ -15696,7 +15625,6 @@
             const previewSource = hasLiveFrame
                 ? getRemoteFleetFrameSource(device, 'live')
                 : getRemoteFleetFrameSource(device, 'thumbnail');
-            const previewAt = hasLiveFrame ? liveFrameReceivedAt : thumbnailCapturedAt;
             const isDetail = mode === 'detail';
 
             const preview = document.createElement('div');
@@ -15743,231 +15671,9 @@
                 preview.appendChild(placeholder);
             }
 
-            const dot = document.createElement('span');
-            dot.style.cssText = `
-                position: absolute;
-                left: ${isDetail ? '9px' : '6px'};
-                top: ${isDetail ? '9px' : '6px'};
-                width: ${isDetail ? '10px' : '8px'};
-                height: ${isDetail ? '10px' : '8px'};
-                border-radius: 999px;
-                background: ${connectedDevice ? '#10b981' : '#94a3b8'};
-                box-shadow: 0 0 0 3px ${connectedDevice ? 'rgba(16,185,129,0.20)' : 'rgba(148,163,184,0.18)'};
-            `;
-            preview.appendChild(dot);
-
-            if (hasLiveFrame || (isDetail && previewAt)) {
-                const badge = document.createElement('span');
-                badge.dataset.remoteFleetFrameBadge = 'true';
-                badge.textContent = hasLiveFrame
-                    ? (isDetail && previewAt ? `LIVE ${formatRemoteFleetAge(previewAt)}` : 'LIVE')
-                    : formatRemoteFleetAge(previewAt);
-                badge.style.cssText = `
-                    position: absolute;
-                    right: ${isDetail ? '9px' : '6px'};
-                    bottom: ${isDetail ? '9px' : '6px'};
-                    max-width: calc(100% - ${isDetail ? '18px' : '12px'});
-                    padding: ${isDetail ? '4px 7px' : '3px 6px'};
-                    border-radius: 999px;
-                    background: ${hasLiveFrame ? 'rgba(220, 38, 38, 0.84)' : 'rgba(15, 23, 42, 0.72)'};
-                    color: #e2e8f0;
-                    font-size: ${isDetail ? '9px' : '8px'};
-                    font-weight: 950;
-                    line-height: 1;
-                    overflow: hidden;
-                    text-overflow: ellipsis;
-                    white-space: nowrap;
-                    letter-spacing: 0;
-                `;
-                preview.appendChild(badge);
-            }
-
             return preview;
         };
 
-        const createSelectedDevicePanel = device => {
-            const panel = document.createElement('aside');
-            panel.dataset.remoteFleetDetailPanel = 'true';
-            panel.style.cssText = `
-                min-width: 0;
-                min-height: 0;
-                overflow-y: auto;
-                display: flex;
-                flex-direction: column;
-                gap: 9px;
-                padding: 10px;
-                border-radius: 8px;
-                border: 1px solid rgba(148, 163, 184, 0.28);
-                background: rgba(255, 255, 255, 0.86);
-            `;
-
-            if (!device) {
-                const empty = document.createElement('div');
-                empty.textContent = 'Select a screen';
-                empty.style.cssText = 'display:flex;align-items:center;justify-content:center;min-height:120px;color:#64748b;font-size:12px;font-weight:900;';
-                panel.appendChild(empty);
-                return panel;
-            }
-
-            const deviceId = getRemoteFleetDeviceId(device);
-            const name = getRemoteFleetDeviceName(device);
-            const connectedDevice = isRemoteFleetDeviceConnected(device);
-            const platform = [device?.platform || device?.Platform, device?.arch || device?.Arch]
-                .filter(Boolean)
-                .join(' / ') || 'unknown';
-            const release = String(device?.release || device?.Release || '');
-            const thumbnailEnabled = device?.thumbnailEnabled === true || device?.ThumbnailEnabled === true;
-            const liveStreamEnabled = isRemoteFleetLiveCapable(device);
-            const liveStreamActive = isRemoteFleetLiveActive(device);
-            const liveStreamId = String(device?.liveStreamId || device?.LiveStreamId || '');
-            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 || '');
-            const latestTaskApproval = String(device?.latestTaskApprovalLevel || device?.LatestTaskApprovalLevel || '');
-            const latestTaskUpdatedAt = String(device?.latestTaskUpdatedAt || device?.LatestTaskUpdatedAt || '');
-            const latestTaskError = String(device?.latestTaskError || device?.LatestTaskError || '');
-            const latestTaskResultModel = String(device?.latestTaskResultModel || device?.LatestTaskResultModel || '');
-            const latestTaskResultResponseId = String(device?.latestTaskResultResponseId || device?.LatestTaskResultResponseId || '');
-            const latestTaskResult = String(device?.latestTaskResultSummary || device?.LatestTaskResultSummary || '');
-            const statusText = connectedDevice
-                ? (liveStreamActive ? 'Live' : (aiAssistEnabled ? `AI ${aiModel || 'ready'}` : 'Connected'))
-                : 'Offline';
-
-            panel.dataset.deviceId = deviceId;
-            const detailPreview = createDevicePreview(device, 'detail');
-            detailPreview.style.cursor = 'pointer';
-            detailPreview.addEventListener('dblclick', event => {
-                event.preventDefault();
-                event.stopPropagation();
-                bodyView.dataset.remoteFleetSelectedDeviceId = deviceId;
-                openRemoteFleetControlPopup(bodyView, nodeModel, deviceId);
-            });
-            panel.appendChild(detailPreview);
-
-            const header = document.createElement('div');
-            header.style.cssText = 'display:flex;align-items:flex-start;justify-content:space-between;gap:8px;min-width:0;';
-            const titleBox = document.createElement('div');
-            titleBox.style.cssText = 'min-width:0;display:flex;flex-direction:column;gap:3px;';
-            const title = document.createElement('strong');
-            title.textContent = name;
-            title.title = name;
-            title.style.cssText = 'color:#0f172a;font-size:14px;font-weight:950;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:0;';
-            const subtitle = document.createElement('span');
-            subtitle.textContent = release ? `${platform} ${release}` : platform;
-            subtitle.title = subtitle.textContent;
-            subtitle.style.cssText = 'color:#64748b;font-size:11px;font-weight:750;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:0;';
-            titleBox.appendChild(title);
-            titleBox.appendChild(subtitle);
-            const status = document.createElement('span');
-            status.textContent = statusText;
-            status.style.cssText = `
-                flex: 0 0 auto;
-                max-width: 82px;
-                padding: 4px 7px;
-                border-radius: 999px;
-                background: ${liveStreamActive ? 'rgba(254, 226, 226, 0.92)' : (connectedDevice ? 'rgba(209, 250, 229, 0.92)' : 'rgba(226, 232, 240, 0.92)')};
-                color: ${liveStreamActive ? '#b91c1c' : (connectedDevice ? '#047857' : '#475569')};
-                font-size: 9px;
-                font-weight: 950;
-                line-height: 1;
-                overflow: hidden;
-                text-overflow: ellipsis;
-                white-space: nowrap;
-                letter-spacing: 0;
-            `;
-            header.appendChild(titleBox);
-            header.appendChild(status);
-            panel.appendChild(header);
-
-            const metrics = document.createElement('div');
-            metrics.style.cssText = 'display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;';
-            const addDetailMetric = (label, value) => {
-                const metric = document.createElement('div');
-                metric.style.cssText = 'min-width:0;padding:7px 8px;border-radius:7px;background:rgba(241,245,249,0.86);border:1px solid rgba(148,163,184,0.16);';
-                const labelEl = document.createElement('div');
-                labelEl.textContent = label;
-                labelEl.style.cssText = 'color:#64748b;font-size:9px;font-weight:850;letter-spacing:0;text-transform:uppercase;';
-                const valueEl = document.createElement('div');
-                valueEl.textContent = value;
-                valueEl.title = value;
-                valueEl.style.cssText = 'color:#0f172a;font-size:12px;font-weight:950;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:0;';
-                metric.appendChild(labelEl);
-                metric.appendChild(valueEl);
-                metrics.appendChild(metric);
-            };
-            addDetailMetric('Seen', formatRemoteFleetAge(device?.lastSeenAt || device?.LastSeenAt));
-            addDetailMetric('Uptime', formatRemoteFleetDuration(device?.uptimeSec ?? device?.UptimeSec));
-            addDetailMetric('Mem', formatRemoteFleetPercent(device?.usedMemRatio ?? device?.UsedMemRatio));
-            addDetailMetric('Load', formatRemoteFleetNumber(device?.load1 ?? device?.Load1, 2));
-            panel.appendChild(metrics);
-
-            if (latestTaskStatus || latestTaskTitle || latestTaskResult || latestTaskError) {
-                const taskBox = document.createElement('div');
-                const taskTone = latestTaskError || latestTaskStatus === 'failed'
-                    ? 'error'
-                    : (latestTaskStatus === 'completed' ? 'done' : 'pending');
-                taskBox.style.cssText = `
-                    display: flex;
-                    flex-direction: column;
-                    gap: 4px;
-                    min-width: 0;
-                    padding: 8px 9px;
-                    border-radius: 7px;
-                    background: ${taskTone === 'error' ? 'rgba(248, 113, 113, 0.12)' : taskTone === 'done' ? 'rgba(16, 185, 129, 0.10)' : 'rgba(37, 99, 235, 0.08)'};
-                    border: 1px solid ${taskTone === 'error' ? 'rgba(248, 113, 113, 0.24)' : taskTone === 'done' ? 'rgba(16, 185, 129, 0.20)' : 'rgba(37, 99, 235, 0.16)'};
-                `;
-                const taskLine = document.createElement('div');
-                const taskModeLabel = latestTaskApproval === 'ai-assist' ? 'AI' : 'Task';
-                taskLine.textContent = `${taskModeLabel} ${latestTaskStatus || 'task'}${latestTaskUpdatedAt ? ` - ${formatRemoteFleetAge(latestTaskUpdatedAt)}` : ''}${latestTaskResultModel ? ` - ${latestTaskResultModel}` : ''}`;
-                taskLine.title = latestTaskResultResponseId
-                    ? `${taskLine.textContent} (${latestTaskResultResponseId})`
-                    : taskLine.textContent;
-                taskLine.style.cssText = `color:${taskTone === 'error' ? '#991b1b' : taskTone === 'done' ? '#047857' : '#1d4ed8'};font-size:10px;font-weight:950;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:0;`;
-                const taskSummary = document.createElement('div');
-                taskSummary.textContent = formatRemoteFleetTaskError(latestTaskError) || latestTaskResult || latestTaskTitle || 'Task queued';
-                taskSummary.title = taskSummary.textContent;
-                taskSummary.style.cssText = 'color:#334155;font-size:10px;font-weight:750;line-height:1.25;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;letter-spacing:0;';
-                taskBox.appendChild(taskLine);
-                taskBox.appendChild(taskSummary);
-                panel.appendChild(taskBox);
-            }
-
-            const actions = document.createElement('div');
-            actions.style.cssText = 'display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:auto;';
-            if (deviceId) {
-                const pinButton = createRemoteFleetButton('Pin', 'Pin this device as a canvas node', 'pin-device');
-                pinButton.dataset.deviceId = deviceId;
-                actions.appendChild(pinButton);
-            }
-            if (connectedDevice && deviceId) {
-                const focusButton = createRemoteFleetButton('Focus', 'Show this device in focused live panel', 'live-focus');
-                focusButton.dataset.deviceId = deviceId;
-                actions.appendChild(focusButton);
-                if (liveStreamEnabled) {
-                    const liveButton = createRemoteFleetButton(liveStreamActive ? 'Stop' : 'Live', liveStreamActive ? 'Stop live stream' : 'Start focused live stream', liveStreamActive ? 'live-stop' : 'live-start');
-                    liveButton.dataset.deviceId = deviceId;
-                    liveButton.dataset.streamId = liveStreamId;
-                    if (liveStreamActive) {
-                        liveButton.style.borderColor = 'rgba(220, 38, 38, 0.32)';
-                        liveButton.style.color = '#b91c1c';
-                    }
-                    actions.appendChild(liveButton);
-                }
-                if (thumbnailEnabled) {
-                    const thumbnailButton = createRemoteFleetButton('Shot', 'Request thumbnail', 'thumbnail-device');
-                    thumbnailButton.dataset.deviceId = deviceId;
-                    actions.appendChild(thumbnailButton);
-                }
-                const pingButton = createRemoteFleetButton('Ping', 'Ping device', 'ping-device');
-                pingButton.dataset.deviceId = deviceId;
-                actions.appendChild(pingButton);
-            }
-            panel.appendChild(actions);
-            return panel;
-        };
-
         const tileMetrics = getRemoteFleetTileMetrics(densityState);
         const tileMinWidth = tileMetrics.tileMinWidth;
         const tileMinHeight = tileMetrics.tileMinHeight;
@@ -15979,9 +15685,8 @@
             flex: 1 1 auto;
             min-height: 0;
             overflow: hidden;
-            display: grid;
-            grid-template-columns: minmax(0, 1fr) minmax(230px, 270px);
-            gap: 10px;
+            display: flex;
+            flex-direction: column;
             align-items: stretch;
             box-sizing: border-box;
         `;
@@ -16092,7 +15797,7 @@
                 card.dataset.remoteFleetAction = 'select-device';
                 card.setAttribute('role', 'button');
                 card.setAttribute('aria-pressed', isSelected ? 'true' : 'false');
-                card.setAttribute('aria-label', `Show details for ${name}`);
+                card.setAttribute('aria-label', `Open remote control for ${name}`);
                 card.tabIndex = 0;
                 card.title = name;
                 card.style.cssText = `
@@ -16109,37 +15814,13 @@
                     padding: 2px;
                     border-radius: 8px;
                     background: #ffffff;
-                    border: 2px solid ${isSelected ? 'rgba(37, 99, 235, 0.76)' : (connectedDevice ? 'rgba(16, 185, 129, 0.30)' : 'rgba(148, 163, 184, 0.24)')};
-                    box-shadow: ${isSelected ? '0 0 0 3px rgba(37, 99, 235, 0.15), 0 10px 22px rgba(15, 23, 42, 0.08)' : '0 8px 18px rgba(15, 23, 42, 0.05)'};
+                    border: 1px solid ${connectedDevice ? 'rgba(16, 185, 129, 0.28)' : 'rgba(148, 163, 184, 0.22)'};
+                    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.05);
                     cursor: pointer;
                     pointer-events: auto;
                     user-select: none;
                 `;
                 card.appendChild(createDevicePreview(device, 'tile'));
-                if (isSelected) {
-                    const selectedIndicator = document.createElement('span');
-                    selectedIndicator.dataset.remoteFleetSelectedIndicator = 'true';
-                    selectedIndicator.innerHTML = '<i class="fa-solid fa-check" aria-hidden="true"></i>';
-                    selectedIndicator.title = 'Selected screen';
-                    selectedIndicator.style.cssText = `
-                        position: absolute;
-                        right: 6px;
-                        top: 6px;
-                        width: 18px;
-                        height: 18px;
-                        display: inline-flex;
-                        align-items: center;
-                        justify-content: center;
-                        border-radius: 999px;
-                        background: #2563eb;
-                        color: #ffffff;
-                        font-size: 9px;
-                        line-height: 1;
-                        box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.16), 0 8px 16px rgba(15, 23, 42, 0.16);
-                        pointer-events: none;
-                    `;
-                    card.appendChild(selectedIndicator);
-                }
                 grid.appendChild(card);
             });
 
@@ -16168,7 +15849,6 @@
             monitorWorkspace.appendChild(createRemoteFleetEmptyScreens(nodeModel, densityState));
         } else {
             monitorWorkspace.appendChild(grid);
-            monitorWorkspace.appendChild(createSelectedDevicePanel(selectedDevice));
         }
         bodyView.appendChild(monitorWorkspace);
         bodyView.appendChild(statusRail);
@@ -16226,71 +15906,90 @@
                 .filter(card => card.style.display !== 'none')
                 .map(card => String(card.dataset.deviceId || '').trim())
                 .filter(Boolean);
-            if (focusedDevice) {
-                const focusedId = getRemoteFleetDeviceId(focusedDevice);
-                if (focusedId) {
-                    ids.unshift(focusedId);
-                }
-            }
             return Array.from(new Set(ids)).slice(0, 120);
         };
-        const getFocusedLiveFrameDeviceIds = () => {
+        const getVisibleLiveDevices = () => {
+            const visibleIds = new Set(getVisibleFrameDeviceIds());
+            return devices
+                .filter(device => {
+                    const id = getRemoteFleetDeviceId(device);
+                    return id
+                        && visibleIds.has(id)
+                        && isRemoteFleetDeviceConnected(device)
+                        && isRemoteFleetLiveCapable(device);
+                })
+                .slice(0, 120);
+        };
+        const getVisibleLiveFrameDeviceIds = () => {
             const ids = [];
-            if (selectedDevice
-                && isRemoteFleetDeviceConnected(selectedDevice)
-                && (isRemoteFleetLiveCapable(selectedDevice) || isRemoteFleetLiveActive(selectedDevice))) {
-                pushUniqueFrameDeviceId(ids, selectedDevice);
-            }
-            if (focusedDevice
-                && isRemoteFleetDeviceConnected(focusedDevice)
-                && (isRemoteFleetLiveCapable(focusedDevice) || isRemoteFleetLiveActive(focusedDevice))) {
-                pushUniqueFrameDeviceId(ids, focusedDevice);
-            }
+            getVisibleLiveDevices().forEach(device => pushUniqueFrameDeviceId(ids, device));
             devices
                 .filter(device => isRemoteFleetDeviceConnected(device) && isRemoteFleetLiveActive(device))
-                .slice(0, 6)
                 .forEach(device => pushUniqueFrameDeviceId(ids, device));
-            return ids.slice(0, 8);
-        };
-        const getAutoLiveDevice = () => {
-            if (selectedDevice && isRemoteFleetDeviceConnected(selectedDevice) && isRemoteFleetLiveCapable(selectedDevice)) {
-                return selectedDevice;
-            }
-            if (focusedDevice && isRemoteFleetDeviceConnected(focusedDevice) && isRemoteFleetLiveCapable(focusedDevice)) {
-                return focusedDevice;
-            }
-            return null;
+            return ids.slice(0, 120);
         };
-        const ensureFocusedRemoteFleetLiveStream = async () => {
-            const target = getAutoLiveDevice();
-            if (!target || isRemoteFleetLiveActive(target)) {
+        const ensureVisibleRemoteFleetLiveStreams = async () => {
+            if (!(bodyView._remoteFleetAutoLiveStartedIds instanceof Set)) {
+                bodyView._remoteFleetAutoLiveStartedIds = new Set();
+            }
+            const targets = getVisibleLiveDevices()
+                .filter(device => {
+                    const deviceId = getRemoteFleetDeviceId(device);
+                    return deviceId
+                        && !isRemoteFleetLiveActive(device)
+                        && !bodyView._remoteFleetAutoLiveStartedIds.has(deviceId);
+                });
+            if (targets.length === 0) {
                 return null;
             }
 
-            const deviceId = getRemoteFleetDeviceId(target);
-            if (!deviceId || bodyView._remoteFleetAutoLiveStartInFlight === deviceId) {
-                return null;
+            if (!(bodyView._remoteFleetAutoLiveStartInFlight instanceof Set)) {
+                bodyView._remoteFleetAutoLiveStartInFlight = new Set();
             }
 
-            bodyView._remoteFleetAutoLiveStartInFlight = deviceId;
-            try {
-                const result = await invokeDotNetAsync('StartRemoteFleetLiveStreamFromJs', nodeId, deviceId);
-                window.RuntimeTrace?.emit?.('remote.live.autoStart', {
-                    nodeId,
-                    deviceId,
-                    success: isRemoteFleetResultSuccess(result),
-                    fps: result?.fps || result?.Fps || 0,
-                    error: result?.error || result?.Error || ''
-                });
-                if (isRemoteFleetResultSuccess(result)) {
-                    await syncRemoteFleetNodeStateFromResult(result);
+            let started = 0;
+            let lastResult = null;
+            for (const target of targets) {
+                const deviceId = getRemoteFleetDeviceId(target);
+                if (!deviceId || bodyView._remoteFleetAutoLiveStartInFlight.has(deviceId)) {
+                    continue;
                 }
-                return result;
-            } finally {
-                if (bodyView._remoteFleetAutoLiveStartInFlight === deviceId) {
-                    bodyView._remoteFleetAutoLiveStartInFlight = '';
+
+                bodyView._remoteFleetAutoLiveStartInFlight.add(deviceId);
+                try {
+                    const result = await invokeDotNetAsync('StartRemoteFleetLiveStreamFromJs', nodeId, deviceId);
+                    lastResult = result;
+                    const success = isRemoteFleetResultSuccess(result);
+                    window.RuntimeTrace?.emit?.('remote.live.autoStart', {
+                        nodeId,
+                        deviceId,
+                        success,
+                        fps: result?.fps || result?.Fps || 0,
+                        mode: 'visible-grid',
+                        error: result?.error || result?.Error || ''
+                    });
+                    if (success) {
+                        started += 1;
+                        bodyView._remoteFleetAutoLiveStartedIds.add(deviceId);
+                    }
+                } finally {
+                    bodyView._remoteFleetAutoLiveStartInFlight.delete(deviceId);
+                }
+            }
+
+            if (started > 0) {
+                try {
+                    await refreshRemoteFleetNode();
+                } catch (error) {
+                    window.RuntimeTrace?.emit?.('remote.live.autoRefreshFailed', {
+                        nodeId,
+                        started,
+                        error: error?.message || String(error || '')
+                    });
                 }
             }
+
+            return lastResult || { success: started > 0, started };
         };
         const refreshRemoteFleetNode = async () => {
             if (bodyView._remoteFleetRefreshInFlight === true) {
@@ -16311,8 +16010,8 @@
             applyRemoteFleetFramePatches(bodyView, normalizeRemoteFleetDeviceFramePatches(result));
             return result;
         };
-        const refreshRemoteFleetFocusedLiveFrames = async () => {
-            const deviceIds = getFocusedLiveFrameDeviceIds();
+        const refreshRemoteFleetVisibleLiveFrames = async () => {
+            const deviceIds = getVisibleLiveFrameDeviceIds();
             if (deviceIds.length === 0) {
                 return null;
             }
@@ -16323,6 +16022,27 @@
             applyRemoteFleetFramePatches(bodyView, patches);
             return result;
         };
+        const startRemoteFleetMonitorRefreshTimer = (intervalMs, reason = 'monitor') => {
+            const interval = Math.max(1000, Number(intervalMs) || REMOTE_FLEET_MONITOR_REFRESH_MS);
+            bodyView.dataset.remoteFleetRefreshReason = reason;
+            bodyView._remoteFleetMonitorRefreshTimer = setInterval(async () => {
+                if (!document.body.contains(bodyView)) {
+                    clearRemoteFleetTimers(bodyView);
+                    return;
+                }
+
+                try {
+                    await refreshRemoteFleetNode();
+                } catch (error) {
+                    window.RuntimeTrace?.emit?.('remote.monitor.refreshFailed', {
+                        nodeId,
+                        reason,
+                        error: error?.message || String(error || '')
+                    });
+                    clearRemoteFleetTimers(bodyView);
+                }
+            }, interval);
+        };
         const prepareRemoteFleetTaskFollow = batch => {
             if (!isRemoteFleetTaskBatchActive(batch)) {
                 bodyView.dataset.remoteFleetTaskFollowActive = 'false';
@@ -16517,7 +16237,6 @@
                 const deviceId = String(card.dataset.deviceId || '').trim();
                 if (!deviceId) return;
                 bodyView.dataset.remoteFleetSelectedDeviceId = deviceId;
-                renderRemoteFleetMonitor(bodyView, nodeModel);
             };
             card.addEventListener('click', selectCard);
             card.addEventListener('keydown', event => {
@@ -16814,15 +16533,16 @@
             startRemoteFleetHostLeaseTimer(nodeId, () => setRemoteFleetHostTarget(true, { quiet: true, renew: true }));
         }
 
-        const hasFocusedLiveTarget = getFocusedLiveFrameDeviceIds().length > 0 || !!getAutoLiveDevice();
-        if (hasFocusedLiveTarget || hasActiveLiveStream) {
-            ensureFocusedRemoteFleetLiveStream().catch(error => {
+        const hasVisibleLiveTarget = getVisibleLiveFrameDeviceIds().length > 0
+            || devices.some(device => isRemoteFleetDeviceConnected(device) && isRemoteFleetLiveCapable(device));
+        if (hasVisibleLiveTarget || hasActiveLiveStream) {
+            ensureVisibleRemoteFleetLiveStreams().catch(error => {
                 window.RuntimeTrace?.emit?.('remote.live.autoStartFailed', {
                     nodeId,
                     error: error?.message || String(error || '')
                 });
             });
-            startRemoteFleetFrameLoop(bodyView, REMOTE_FLEET_LIVE_FRAME_REFRESH_MS, () => refreshRemoteFleetFocusedLiveFrames());
+            startRemoteFleetFrameLoop(bodyView, REMOTE_FLEET_LIVE_FRAME_REFRESH_MS, () => refreshRemoteFleetVisibleLiveFrames());
             bodyView._remoteFleetLiveRefreshTimer = setInterval(async () => {
                 if (!document.body.contains(bodyView)) {
                     clearRemoteFleetTimers(bodyView);
@@ -16837,18 +16557,9 @@
             }, REMOTE_FLEET_LIVE_REFRESH_MS);
         } else if (autoMonitorState && hasMonitorTargets) {
             startRemoteFleetFrameLoop(bodyView, REMOTE_FLEET_THUMBNAIL_FRAME_REFRESH_MS, () => refreshRemoteFleetVisibleFrames(true));
-            bodyView._remoteFleetMonitorRefreshTimer = setInterval(async () => {
-                if (!document.body.contains(bodyView)) {
-                    clearRemoteFleetTimers(bodyView);
-                    return;
-                }
-
-                try {
-                    await refreshRemoteFleetNode();
-                } catch {
-                    clearRemoteFleetTimers(bodyView);
-                }
-            }, REMOTE_FLEET_MONITOR_REFRESH_MS);
+            startRemoteFleetMonitorRefreshTimer(REMOTE_FLEET_MONITOR_REFRESH_MS, 'visible-devices');
+        } else if (autoMonitorState) {
+            startRemoteFleetMonitorRefreshTimer(REMOTE_FLEET_EMPTY_MONITOR_REFRESH_MS, 'empty-discovery');
         }
     }
 

package/wwwroot/_framework/blazor.boot.json

@@ -1,7 +1,7 @@
 {
   "mainAssemblyName": "MindExecution.Web",
   "resources": {
-    "hash": "sha256-aehUBy4ZKXMCMfDXLIq7332pdALPad8G/hoFfyL1YcY=",
+    "hash": "sha256-we9qenVtePc2CABTfoN+/D96wdPuqIl4CgKuk3znAUA=",
     "fingerprinting": {
       "Google.Protobuf.9h59ukbel7.dll": "Google.Protobuf.dll",
       "Markdig.d1j7v41cl1.dll": "Markdig.dll",
@@ -127,12 +127,12 @@
       "MindExecution.Kernel.7k773jan4j.dll": "MindExecution.Kernel.dll",
       "MindExecution.Plugins.Admin.nr5ioavpvn.dll": "MindExecution.Plugins.Admin.dll",
       "MindExecution.Plugins.Business.qq63kom73x.dll": "MindExecution.Plugins.Business.dll",
-      "MindExecution.Plugins.Concept.y4ipk4t13u.dll": "MindExecution.Plugins.Concept.dll",
+      "MindExecution.Plugins.Concept.w4znwcrl6x.dll": "MindExecution.Plugins.Concept.dll",
       "MindExecution.Plugins.Directory.u6p6pxpwxp.dll": "MindExecution.Plugins.Directory.dll",
-      "MindExecution.Plugins.PlanMaster.3gd195fq5t.dll": "MindExecution.Plugins.PlanMaster.dll",
-      "MindExecution.Plugins.YouTube.sb0cb9cans.dll": "MindExecution.Plugins.YouTube.dll",
-      "MindExecution.Shared.ib8s249hay.dll": "MindExecution.Shared.dll",
-      "MindExecution.Web.bfrevq2q4y.dll": "MindExecution.Web.dll",
+      "MindExecution.Plugins.PlanMaster.0w4vr40lnz.dll": "MindExecution.Plugins.PlanMaster.dll",
+      "MindExecution.Plugins.YouTube.sdl5n9uv68.dll": "MindExecution.Plugins.YouTube.dll",
+      "MindExecution.Shared.fprczldv6z.dll": "MindExecution.Shared.dll",
+      "MindExecution.Web.xhlvm1d8ex.dll": "MindExecution.Web.dll",
       "dotnet.js": "dotnet.js",
       "dotnet.native.qc8g39g30v.js": "dotnet.native.js",
       "dotnet.native.boem75ye5i.wasm": "dotnet.native.wasm",
@@ -280,16 +280,16 @@
       "netstandard.yvr3prsx0x.dll": "sha256-EksNn8Luo4bOWqJ6X7dIe9qG9oOqwOVzjH2xYyMNi+E=",
       "MindExecution.Core.cdplo34sb2.dll": "sha256-sLc0yEeGYQhFPxxNKLQsHllAhwjKhNn+pfgRY0bHbpo=",
       "MindExecution.Kernel.7k773jan4j.dll": "sha256-B5H6hzB6g8sWLqXUoXifv8CbLqVt7g1lLkkinTBKF8E=",
-      "MindExecution.Plugins.Concept.y4ipk4t13u.dll": "sha256-ElyrQZwOP6pofpDFl6jxXzggowpO1TJO2Rg7ipnXrVE=",
-      "MindExecution.Plugins.PlanMaster.3gd195fq5t.dll": "sha256-U0cqGsVxa696XZuKmipYMdlZ3Da761XTPmB5H+7oX7I=",
-      "MindExecution.Shared.ib8s249hay.dll": "sha256-HrtN17KC7pAEJ7wf9AihBGmtftOOKR+S1iaj4FTtlwU=",
-      "MindExecution.Web.bfrevq2q4y.dll": "sha256-qbbJ5AlXO8D8IEMvXHyA9a64eJEidL8Ksn4a/SD7pu8="
+      "MindExecution.Plugins.Concept.w4znwcrl6x.dll": "sha256-oNGAmbTjkFdVfZeYbc4jYWtyQa3c8Tle5LIXoFye4yo=",
+      "MindExecution.Plugins.PlanMaster.0w4vr40lnz.dll": "sha256-gPWCEzDE7cJLOFTJOhja3JXJzkHFWd4dzfRdsdTxwps=",
+      "MindExecution.Shared.fprczldv6z.dll": "sha256-veGmVlpQw2b1zDaUWReHRSLbiZ2IloG79uo1GLlduEo=",
+      "MindExecution.Web.xhlvm1d8ex.dll": "sha256-azcD8wLJIxuNSplzTVvh2ndLwdcu20xz1t8Jh23Dr7Q="
     },
     "lazyAssembly": {
       "MindExecution.Plugins.Admin.nr5ioavpvn.dll": "sha256-TWIfHGuEUUD1JtyuhfH4NM5JkvqAt8KcDVrWxvmwnVc=",
       "MindExecution.Plugins.Business.qq63kom73x.dll": "sha256-4lgIcKclWQIjijrBJJFu84fgAH4MsDCN/myhG/K9OOU=",
       "MindExecution.Plugins.Directory.u6p6pxpwxp.dll": "sha256-BjJ6/XNfp5wd/1RTdh99X9RR0I1GV6t4bp5A+RlAK9s=",
-      "MindExecution.Plugins.YouTube.sb0cb9cans.dll": "sha256-WIQjip313fTDOOZ82NrcgM3dSrtgE8+A3grbIyBDMDE="
+      "MindExecution.Plugins.YouTube.sdl5n9uv68.dll": "sha256-gNZE7M6cqiF9aEJYdZtUzt5bYPkh5Be7LKuyh286u2Q="
     }
   },
   "cacheBootResources": true,

package/wwwroot/index.html

@@ -7,8 +7,8 @@
     <title>MindExec | Run your ideas as AI task graphs</title>
     <meta name="description" content="MindExec is an AI execution canvas for solo builders, researchers, developers, and creators. Start with free browser tools, then move serious work into saved MindCanvas projects." />
     <base href="/" />
-    <link rel="stylesheet" href="_content/MindExecution.Shared/css/app.css?v=20260616-mdm-live-10fps-v557" />
-    <link rel="stylesheet" href="_content/MindExecution.Shared/css/mind-map-overrides.css?v=20260616-mdm-live-10fps-v557" />
+    <link rel="stylesheet" href="_content/MindExecution.Shared/css/app.css?v=20260616-mdm-screen-wall-v560" />
+    <link rel="stylesheet" href="_content/MindExecution.Shared/css/mind-map-overrides.css?v=20260616-mdm-screen-wall-v560" />
     <!-- ?쇄뼹??Font Awesome (local) ?쇄뼹??-->
     <link rel="stylesheet" href="_content/MindExecution.Shared/lib/font-awesome/css/all.min.css" />
     <!-- ?꿎뼯??-->
@@ -579,7 +579,7 @@
             }
 
             const base = '_content/MindExecution.Shared/js/';
-        const scriptVersion = '20260616-mdm-live-10fps-v557';
+        const scriptVersion = '20260616-mdm-screen-wall-v560';
             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":  "ubjvvUaQ",
+    "version":  "i4nijHuW",
     "assets":  [
                    {
                        "hash":  "sha256-+CSYMcqLNTsq3VnH11jgYyOCCdxvHzL74CBmo4sCmMU=",
@@ -86,7 +86,7 @@
                        "url":  "_content/MindExecution.Shared/js/mind-map-core.js.backup"
                    },
                    {
-                       "hash":  "sha256-jqoAthq+GECm6zHrHdOnHyBxLrin0deFSEmEXlCpIqg=",
+                       "hash":  "sha256-MWVSM/VwUCyDL+ohY/7e6qDkkosGiE9E3t3DbiGJJEs=",
                        "url":  "_content/MindExecution.Shared/js/mind-map-css3d-manager.js"
                    },
                    {
@@ -426,28 +426,28 @@
                        "url":  "_framework/MindExecution.Plugins.Business.qq63kom73x.dll"
                    },
                    {
-                       "hash":  "sha256-ElyrQZwOP6pofpDFl6jxXzggowpO1TJO2Rg7ipnXrVE=",
-                       "url":  "_framework/MindExecution.Plugins.Concept.y4ipk4t13u.dll"
+                       "hash":  "sha256-oNGAmbTjkFdVfZeYbc4jYWtyQa3c8Tle5LIXoFye4yo=",
+                       "url":  "_framework/MindExecution.Plugins.Concept.w4znwcrl6x.dll"
                    },
                    {
                        "hash":  "sha256-BjJ6/XNfp5wd/1RTdh99X9RR0I1GV6t4bp5A+RlAK9s=",
                        "url":  "_framework/MindExecution.Plugins.Directory.u6p6pxpwxp.dll"
                    },
                    {
-                       "hash":  "sha256-U0cqGsVxa696XZuKmipYMdlZ3Da761XTPmB5H+7oX7I=",
-                       "url":  "_framework/MindExecution.Plugins.PlanMaster.3gd195fq5t.dll"
+                       "hash":  "sha256-gPWCEzDE7cJLOFTJOhja3JXJzkHFWd4dzfRdsdTxwps=",
+                       "url":  "_framework/MindExecution.Plugins.PlanMaster.0w4vr40lnz.dll"
                    },
                    {
-                       "hash":  "sha256-WIQjip313fTDOOZ82NrcgM3dSrtgE8+A3grbIyBDMDE=",
-                       "url":  "_framework/MindExecution.Plugins.YouTube.sb0cb9cans.dll"
+                       "hash":  "sha256-gNZE7M6cqiF9aEJYdZtUzt5bYPkh5Be7LKuyh286u2Q=",
+                       "url":  "_framework/MindExecution.Plugins.YouTube.sdl5n9uv68.dll"
                    },
                    {
-                       "hash":  "sha256-HrtN17KC7pAEJ7wf9AihBGmtftOOKR+S1iaj4FTtlwU=",
-                       "url":  "_framework/MindExecution.Shared.ib8s249hay.dll"
+                       "hash":  "sha256-veGmVlpQw2b1zDaUWReHRSLbiZ2IloG79uo1GLlduEo=",
+                       "url":  "_framework/MindExecution.Shared.fprczldv6z.dll"
                    },
                    {
-                       "hash":  "sha256-qbbJ5AlXO8D8IEMvXHyA9a64eJEidL8Ksn4a/SD7pu8=",
-                       "url":  "_framework/MindExecution.Web.bfrevq2q4y.dll"
+                       "hash":  "sha256-azcD8wLJIxuNSplzTVvh2ndLwdcu20xz1t8Jh23Dr7Q=",
+                       "url":  "_framework/MindExecution.Web.xhlvm1d8ex.dll"
                    },
                    {
                        "hash":  "sha256-IsZJ91/OW+fHzNqIgEc7Y072ns8z9dGritiSyvR9Wgc=",
@@ -770,7 +770,7 @@
                        "url":  "_framework/Websocket.Client.vapounvmnl.dll"
                    },
                    {
-                       "hash":  "sha256-lwdIDm7MRgjojZnnKDxY0mgEXEahNVpbFzIiLxbPh9k=",
+                       "hash":  "sha256-vjnwzCMMAs+8it6vEUPeOD7pI/ekFwMr484KaDdpugE=",
                        "url":  "_framework/blazor.boot.json"
                    },
                    {
@@ -834,7 +834,7 @@
                        "url":  "image-manifest.json"
                    },
                    {
-                       "hash":  "sha256-oH92qacgFgianR88nktzfiIq92f7S1DnX+p/mh/U5yQ=",
+                       "hash":  "sha256-sZOOfmQyxo9FNFTY9d3r4uYgRhh9Z2b5ve3569JDamU=",
                        "url":  "index.html"
                    },
                    {

package/wwwroot/service-worker.js

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