@mindexec/cli 0.2.158 → 0.2.160

package/package.json

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

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

@@ -1043,6 +1043,7 @@ try {
         binaryDrawCalls.some(call => call.op === 'clearRect' || call.op === 'fillRect'),
         false,
         'binary Blob frame paint must not clear/fill the canvas before drawing');
+    const binaryCanvasBeforeRerender = binaryCanvas;
 
     const liveOverlayCard = document.createElement('div');
     liveOverlayCard.dataset.nodeId = 'remote-fleet-render-smoke';
@@ -1105,7 +1106,12 @@ try {
         ?.querySelector('[data-remote-fleet-device-preview="tile"]');
     assert.ok(rerenderedPatchPreview);
     assert.equal(rerenderedPatchPreview.dataset.remoteFleetFrameSeq, String(websocketFrameSeq));
-    assert.equal(rerenderedPatchPreview.querySelector('canvas[data-remote-fleet-frame-canvas="true"]')?.style.display, 'block');
+    const rerenderedPatchCanvas = rerenderedPatchPreview.querySelector('canvas[data-remote-fleet-frame-canvas="true"]');
+    assert.equal(rerenderedPatchCanvas?.style.display, 'block');
+    assert.equal(
+        rerenderedPatchCanvas,
+        binaryCanvasBeforeRerender,
+        'MDM rerender should reuse the already-painted canvas instead of flashing a blank replacement');
 
     const otherBoardNodeId = 'remote-fleet-render-smoke-other-board';
     const { nodeShell: otherBoardShell, bodyView: otherBoardBodyView } =
@@ -1322,10 +1328,21 @@ try {
     const drawCountBeforeControlNode = document.canvasDrawCalls.length;
     manager.renderRemoteFleetDeviceForTest(deviceBody, buildDeviceNode(focusedDevice, hub.getStatus()));
     assert.ok(deviceBody.textContent.includes(focusedDevice.Name));
+    assert.ok(deviceBody.querySelector('[data-remote-fleet-device-toolbar="true"]'));
+    assert.ok(deviceBody.querySelector('[data-remote-fleet-device-actions="true"]'));
+    assert.ok(deviceBody.querySelector('[data-remote-fleet-device-task-panel="true"]'));
+    const deviceStatusBar = deviceBody.querySelector('[data-remote-fleet-device-status-bar="true"]')
+        || deviceBody.querySelector('[data-remote-fleet-device-statusbar="true"]');
+    assert.ok(deviceStatusBar);
     const deviceControlStage = deviceBody.querySelector('[data-remote-fleet-control-node-stage="true"]');
     const deviceControlCanvas = deviceBody.querySelector('[data-remote-fleet-control-node-canvas="true"]');
     assert.ok(deviceControlStage);
     assert.ok(deviceControlCanvas);
+    assert.equal(
+        deviceControlStage.parentElement,
+        deviceBody,
+        'RemoteFleetDevice should spend its main body area on the control screen');
+    assert.equal(deviceBody.querySelectorAll('[data-remote-fleet-status-card], [data-remote-fleet-stat]').length, 0);
     assert.equal(document.activeElement, deviceControlStage);
     await wait(30);
     const deviceControlSubscribe = diagnostics.webSocketSends
@@ -1433,7 +1450,19 @@ try {
     assert.ok(deviceBody.querySelector('[data-remote-fleet-action="refresh-device"]'));
     assert.ok(deviceBody.querySelector('[data-remote-fleet-action="task-device"]'));
     assert.ok(deviceBody.textContent.includes('Task timed out waiting for the agent response.'));
-    assert.ok(deviceBody.textContent.includes(focusedDevice.DeviceId));
+    assert.ok(deviceStatusBar.title.includes(focusedDevice.DeviceId));
+    const controlCanvasBeforeRerender = deviceControlCanvas;
+    manager.renderRemoteFleetDeviceForTest(deviceBody, buildDeviceNode(focusedDevice, hub.getStatus()));
+    await wait(30);
+    const controlCanvasAfterRerender = deviceBody.querySelector('[data-remote-fleet-control-node-canvas="true"]');
+    assert.equal(
+        controlCanvasAfterRerender,
+        controlCanvasBeforeRerender,
+        'RemoteFleetDevice rerender should reuse the already-painted control canvas instead of flashing black');
+    assert.equal(
+        deviceBody.querySelector('[data-remote-fleet-control-node-placeholder="true"]'),
+        null,
+        'RemoteFleetDevice rerender should not cover a restored control canvas with a waiting placeholder');
 
     nodeShell.remove();
     emptyShell.remove();

package/wwwroot/_content/MindExecution.Shared/css/mind-map-overrides.css

@@ -2585,6 +2585,17 @@ body.mindcanvas-is-dense .css3d-resolution-wrapper.node-type-templatelauncher.se
     background: #ffffff;
 }
 
+.map-node-template-card.map-node-remote-device .template-card__shell--remote-fleet {
+    gap: 0;
+    padding: 8px;
+}
+
+.map-node-template-card.map-node-remote-device .template-card__remote-fleet-body {
+    border: 0;
+    border-radius: 0;
+    background: transparent;
+}
+
 .template-card__generate:hover {
     background: #115e59;
 }

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

@@ -4008,7 +4008,9 @@
 
     function isTemplateLauncherNode(nodeModel) {
         const contentType = String(nodeModel?.contentType ?? nodeModel?.ContentType ?? '').trim().toLowerCase();
-        return contentType === 'templatelauncher' || isRemoteFleetMonitorNode(nodeModel);
+        return contentType === 'templatelauncher'
+            || isRemoteFleetMonitorNode(nodeModel)
+            || isRemoteFleetDeviceNode(nodeModel);
     }
 
     function isLiveOverlayPortalNode(nodeModel) {
@@ -4031,8 +4033,7 @@
         const semanticType = getNodeSemanticType(nodeModel);
         return semanticType === 'MindCanvasAgent'
             || semanticType === 'AgentCommand'
-            || semanticType === BUSINESS_AUTOMATION_SEMANTIC_TYPE
-            || semanticType === REMOTE_FLEET_DEVICE_SEMANTIC_TYPE;
+            || semanticType === BUSINESS_AUTOMATION_SEMANTIC_TYPE;
     }
 
     function allowsMemoExternalChrome(nodeModel) {
@@ -11977,8 +11978,7 @@
         const isAgentStyled = element?.classList?.contains('map-node-agent')
             || semanticType === 'MindCanvasAgent'
             || semanticType === 'AgentCommand'
-            || semanticType === BUSINESS_AUTOMATION_SEMANTIC_TYPE
-            || semanticType === REMOTE_FLEET_DEVICE_SEMANTIC_TYPE;
+            || semanticType === BUSINESS_AUTOMATION_SEMANTIC_TYPE;
         wrapper.classList.toggle('selection-style-agent', !!isAgentStyled);
         const nextColorKey = MEMO_COLOR_THEMES[colorKey] ? colorKey : 'coral';
         const theme = MEMO_COLOR_THEMES[nextColorKey] || MEMO_COLOR_THEMES.gray;
@@ -12264,8 +12264,13 @@
             '[data-template-option-id]',
             '[data-remote-fleet-action]',
             '[data-remote-fleet-control-popup]',
+            '[data-remote-fleet-control-node-stage]',
+            '[data-remote-fleet-control-node-canvas]',
+            '[data-remote-fleet-control-node-placeholder]',
             '[data-remote-fleet-task-input]',
+            '[data-remote-fleet-device-task-input]',
             '[data-remote-fleet-ai-toggle]',
+            '[data-remote-fleet-device-ai-toggle]',
             '[data-remote-fleet-search]',
             '.csv-table-scroll',
             '.csv-table-header-button',
@@ -12426,7 +12431,7 @@
     }
 
     function createTemplateLauncherNodeElement(nodeModel) {
-        if (isRemoteFleetMonitorNode(nodeModel)) {
+        if (isRemoteFleetNode(nodeModel)) {
             return createRemoteFleetTemplateNodeElement(nodeModel);
         }
 
@@ -12532,10 +12537,11 @@
         const width = Number(nodeModel.width ?? nodeModel.Width ?? 960);
         const height = Number(nodeModel.height ?? nodeModel.Height ?? 620);
         const title = getRemoteFleetDisplayTitle(nodeModel.prompt ?? nodeModel.Prompt);
+        const isDeviceNode = isRemoteFleetDeviceNode(nodeModel);
 
         const container = document.createElement('div');
         container.id = `node-${nodeModel.id}`;
-        container.className = 'map-node css3d-dynamic-node map-node-template-card map-node-remote-fleet';
+        container.className = `map-node css3d-dynamic-node map-node-template-card map-node-remote-fleet${isDeviceNode ? ' map-node-remote-device' : ''}`;
         container.dataset.nodeId = nodeModel.id;
         container.dataset.contentType = 'templateLauncher';
         container.dataset.semanticType = getNodeSemanticType(nodeModel);
@@ -12550,25 +12556,31 @@
         const shell = document.createElement('div');
         shell.className = 'template-card__shell template-card__shell--remote-fleet';
 
-        const header = document.createElement('div');
-        header.className = 'template-card__header template-card__header--remote-fleet';
+        if (!isDeviceNode) {
+            const header = document.createElement('div');
+            header.className = 'template-card__header template-card__header--remote-fleet';
 
-        const icon = document.createElement('div');
-        icon.className = 'template-card__icon template-card__icon--remote-fleet';
-        icon.innerHTML = '<i class="fa-solid fa-network-wired" aria-hidden="true"></i>';
-        header.appendChild(icon);
+            const icon = document.createElement('div');
+            icon.className = 'template-card__icon template-card__icon--remote-fleet';
+            icon.innerHTML = '<i class="fa-solid fa-network-wired" aria-hidden="true"></i>';
+            header.appendChild(icon);
 
-        const titleBlock = document.createElement('div');
-        titleBlock.className = 'template-card__title-block';
-        titleBlock.appendChild(createTemplateCardText('div', 'template-card__eyebrow', 'Remote'));
-        titleBlock.appendChild(createTemplateCardText('div', 'template-card__title', title));
-        header.appendChild(titleBlock);
-        shell.appendChild(header);
+            const titleBlock = document.createElement('div');
+            titleBlock.className = 'template-card__title-block';
+            titleBlock.appendChild(createTemplateCardText('div', 'template-card__eyebrow', 'Remote'));
+            titleBlock.appendChild(createTemplateCardText('div', 'template-card__title', title));
+            header.appendChild(titleBlock);
+            shell.appendChild(header);
+        }
 
         const bodyView = document.createElement('div');
         bodyView.className = 'template-card__remote-fleet-body markdown-body mind-map-text-scrollable-view';
         bodyView.dataset.nodeId = nodeModel.id;
-        renderRemoteFleetMonitor(bodyView, nodeModel);
+        if (isDeviceNode) {
+            renderRemoteFleetDevice(bodyView, nodeModel);
+        } else {
+            renderRemoteFleetMonitor(bodyView, nodeModel);
+        }
         shell.appendChild(bodyView);
 
         container.appendChild(shell);
@@ -14842,6 +14854,104 @@
         return canvas;
     }
 
+    function collectRemoteFleetPreviewFrameSurfaces(root) {
+        const surfaces = new Map();
+        if (!root?.querySelectorAll) {
+            return surfaces;
+        }
+
+        root.querySelectorAll('[data-remote-fleet-device-preview][data-device-id]').forEach(preview => {
+            const deviceId = String(preview.dataset.deviceId || '').trim();
+            if (!deviceId) {
+                return;
+            }
+
+            const canvas = preview.querySelector('canvas[data-remote-fleet-frame-canvas="true"]');
+            const image = preview.querySelector('img[data-remote-fleet-frame-image="true"]');
+            surfaces.set(deviceId, {
+                canvas,
+                image,
+                kind: String(preview.dataset.remoteFleetFrameKind || canvas?.dataset?.remoteFleetFrameKind || image?.dataset?.remoteFleetFrameKind || '').trim().toLowerCase(),
+                seq: Number(preview.dataset.remoteFleetFrameSeq || canvas?.dataset?.remoteFleetFrameSeq || image?.dataset?.remoteFleetFrameSeq || 0) || 0,
+                url: String(preview.dataset.remoteFleetFrameUrl || canvas?.dataset?.remoteFleetFrameUrl || image?.dataset?.remoteFleetFrameUrl || '').trim()
+            });
+        });
+
+        return surfaces;
+    }
+
+    function restoreRemoteFleetPreviewFrameSurface(preview, surfaces, deviceId) {
+        const id = String(deviceId || preview?.dataset?.deviceId || '').trim();
+        const surface = id && surfaces instanceof Map ? surfaces.get(id) : null;
+        if (!preview || !surface) {
+            return false;
+        }
+
+        const existingSeq = Number(surface.seq || 0) || 0;
+        const nextSeq = Number(preview.dataset.remoteFleetFrameSeq || 0) || 0;
+        if (existingSeq <= 0 || (nextSeq > 0 && existingSeq < nextSeq)) {
+            return false;
+        }
+
+        const currentCanvas = preview.querySelector('canvas[data-remote-fleet-frame-canvas="true"]');
+        if (surface.canvas && surface.canvas !== currentCanvas) {
+            currentCanvas?.remove?.();
+            surface.canvas.dataset.remoteFleetFrameKind = surface.kind || preview.dataset.remoteFleetFrameKind || 'live';
+            surface.canvas.dataset.remoteFleetFrameSeq = String(existingSeq);
+            surface.canvas.dataset.remoteFleetFrameUrl = surface.url || '';
+            surface.canvas.style.display = 'block';
+            if (typeof preview.insertBefore === 'function') {
+                preview.insertBefore(surface.canvas, preview.firstChild || null);
+            } else {
+                preview.appendChild?.(surface.canvas);
+            }
+        }
+
+        const currentImage = preview.querySelector('img[data-remote-fleet-frame-image="true"]');
+        if (surface.canvas) {
+            preview.querySelector('[data-remote-fleet-screen-placeholder="true"]')?.remove?.();
+            if (currentImage && currentImage !== surface.image) {
+                currentImage.style.display = 'none';
+            }
+            if (surface.image && surface.image !== currentImage && surface.image.parentElement === preview) {
+                surface.image.style.display = 'none';
+            }
+        } else if (surface.image && surface.image !== currentImage) {
+            currentImage?.remove?.();
+            surface.image.style.display = 'block';
+            if (typeof preview.insertBefore === 'function') {
+                preview.insertBefore(surface.image, preview.firstChild || null);
+            } else {
+                preview.appendChild?.(surface.image);
+            }
+        }
+
+        preview.dataset.remoteFleetFrameKind = surface.kind || preview.dataset.remoteFleetFrameKind || '';
+        preview.dataset.remoteFleetFrameSeq = String(existingSeq);
+        preview.dataset.remoteFleetFrameUrl = surface.url || '';
+        preview.dataset.remoteFleetRestoredFrame = 'true';
+        return true;
+    }
+
+    function collectRemoteFleetControlNodeSurface(root) {
+        const canvas = root?.querySelector?.('canvas[data-remote-fleet-control-node-canvas="true"]');
+        if (!canvas) {
+            return null;
+        }
+
+        return {
+            canvas,
+            kind: String(canvas.dataset.remoteFleetFrameKind || 'live').trim().toLowerCase(),
+            seq: Number(canvas.dataset.remoteFleetFrameSeq || 0) || 0,
+            contentRect: canvas._remoteFleetContentRect || null
+        };
+    }
+
+    function hasRemoteFleetReusableControlSurface(surface) {
+        return !!surface?.canvas
+            && (Number(surface.seq || 0) > 0 || !!surface.contentRect);
+    }
+
     function syncRemoteFleetFrameCanvasSize(canvas) {
         if (!canvas) {
             return null;
@@ -14853,8 +14963,18 @@
         const cssWidth = Math.max(1, Math.round(rect?.width || canvas.clientWidth || 320));
         const cssHeight = Math.max(1, Math.round(rect?.height || canvas.clientHeight || 180));
         const dpr = Math.max(1, Math.min(REMOTE_FLEET_FRAME_CANVAS_MAX_DPR, Number(window.devicePixelRatio || 1) || 1));
-        const nextWidth = Math.max(1, Math.round(cssWidth * dpr));
-        const nextHeight = Math.max(1, Math.round(cssHeight * dpr));
+        let nextWidth = Math.max(1, Math.round(cssWidth * dpr));
+        let nextHeight = Math.max(1, Math.round(cssHeight * dpr));
+        const currentWidth = Number(canvas.width || 0) || 0;
+        const currentHeight = Number(canvas.height || 0) || 0;
+        const widthDelta = Math.abs(currentWidth - nextWidth);
+        const heightDelta = Math.abs(currentHeight - nextHeight);
+        if (currentWidth > 0 && widthDelta > 0 && widthDelta <= 2) {
+            nextWidth = currentWidth;
+        }
+        if (currentHeight > 0 && heightDelta > 0 && heightDelta <= 2) {
+            nextHeight = currentHeight;
+        }
         if (canvas.width !== nextWidth) {
             canvas.width = nextWidth;
         }
@@ -15970,7 +16090,12 @@
                 }
 
                 drawRemoteFleetFrameToCanvas(session.canvas, bitmap, 'contain');
+                session.canvas.dataset.remoteFleetFrameKind = String(frame.kind || 'live').toLowerCase();
+                session.canvas.dataset.remoteFleetFrameSeq = String(Number(frame.frameSeq || frame.FrameSeq || 0) || 0);
+                session.canvas.dataset.remoteFleetFrameUrl = String(frame.frameUrl || '');
                 session.canvas.style.display = 'block';
+                session.lastControlFrameSeq = Number(frame.frameSeq || frame.FrameSeq || session.lastControlFrameSeq || 0) || 0;
+                session.lastControlFrameAt = Date.now();
                 session.placeholder?.remove?.();
                 session.placeholder = null;
                 if (typeof bitmap.close === 'function') {
@@ -16020,6 +16145,9 @@
                 }
 
                 drawRemoteFleetFrameToCanvas(session.canvas, bitmap, 'contain');
+                session.canvas.dataset.remoteFleetFrameKind = String(frame.kind || 'live').toLowerCase();
+                session.canvas.dataset.remoteFleetFrameSeq = String(frameSeq || 0);
+                session.canvas.dataset.remoteFleetFrameUrl = String(frame.frameUrl || '');
                 session.canvas.style.display = 'block';
                 session.lastControlFrameAt = Date.now();
                 session.status.textContent = `Control ${REMOTE_FLEET_CONTROL_LIVE_FPS}fps`;
@@ -16971,6 +17099,7 @@
     function renderRemoteFleetDevice(bodyView, nodeModel) {
         if (!bodyView) return;
         clearRemoteFleetTimers(bodyView, { keepBinaryFrameSocket: true });
+        const preservedControlSurface = collectRemoteFleetControlNodeSurface(bodyView);
 
         const nodeId = String(nodeModel?.id ?? nodeModel?.Id ?? '');
         const device = parseRemoteFleetPinnedDevice(nodeModel);
@@ -16978,7 +17107,6 @@
         const refreshedAt = getRemoteFleetMetadataValue(nodeModel, 'RemoteFleetLastRefreshAtUtc', '');
         const lastError = getRemoteFleetMetadataValue(nodeModel, 'RemoteFleetLastError', '');
         const deviceId = getRemoteFleetMetadataValue(nodeModel, 'RemoteFleetPinnedDeviceId', device ? getRemoteFleetDeviceId(device) : '');
-        const endpoint = getRemoteFleetMetadataValue(nodeModel, 'RemoteFleetHubEndpoint', '127.0.0.1:5197');
 
         bodyView.dataset.src = `remote-device:${deviceId}:${refreshedAt}`;
         bodyView.classList.add('map-node-remote-fleet__body');
@@ -16987,12 +17115,13 @@
             flex: 1 1 auto;
             min-height: 0;
             pointer-events: auto;
+            position: relative;
             display: flex;
             flex-direction: column;
-            gap: 10px;
-            padding: 12px 14px 14px;
+            gap: 6px;
+            padding: 6px;
             overflow: hidden;
-            background: linear-gradient(180deg, rgba(248, 250, 252, 0.96), rgba(236, 253, 245, 0.78));
+            background: #ffffff;
         `;
 
         const feedback = document.createElement('div');
@@ -17111,42 +17240,82 @@
         const release = String(getRemoteFleetDeviceField(device, 'release', 'Release', ''));
         const latestTaskStatus = String(getRemoteFleetDeviceField(device, 'latestTaskStatus', 'LatestTaskStatus', ''));
         const latestTaskTitle = String(getRemoteFleetDeviceField(device, 'latestTaskTitle', 'LatestTaskTitle', ''));
-        const latestTaskApproval = String(getRemoteFleetDeviceField(device, 'latestTaskApprovalLevel', 'LatestTaskApprovalLevel', ''));
         const latestTaskUpdatedAt = String(getRemoteFleetDeviceField(device, 'latestTaskUpdatedAt', 'LatestTaskUpdatedAt', ''));
         const latestTaskError = String(getRemoteFleetDeviceField(device, 'latestTaskError', 'LatestTaskError', ''));
         const latestTaskResultModel = String(getRemoteFleetDeviceField(device, 'latestTaskResultModel', 'LatestTaskResultModel', ''));
         const latestTaskResultResponseId = String(getRemoteFleetDeviceField(device, 'latestTaskResultResponseId', 'LatestTaskResultResponseId', ''));
         const latestTaskResult = String(getRemoteFleetDeviceField(device, 'latestTaskResultSummary', 'LatestTaskResultSummary', ''));
 
-        const header = document.createElement('div');
-        header.style.cssText = 'display:flex;align-items:flex-start;justify-content:space-between;gap:10px;flex:0 0 auto;';
-        const titleBox = document.createElement('div');
-        titleBox.style.cssText = 'min-width:0;display:flex;flex-direction:column;gap:3px;';
+        const toolbar = document.createElement('div');
+        toolbar.dataset.remoteFleetDeviceToolbar = 'true';
+        toolbar.style.cssText = `
+            flex: 0 0 32px;
+            min-height: 32px;
+            display: flex;
+            align-items: center;
+            gap: 8px;
+            min-width: 0;
+            padding: 0 2px;
+        `;
+        const deviceTitle = document.createElement('div');
+        deviceTitle.style.cssText = `
+            min-width: 0;
+            flex: 1 1 auto;
+            display: flex;
+            align-items: center;
+            gap: 7px;
+            overflow: hidden;
+        `;
+        const stateDot = document.createElement('span');
+        stateDot.title = connected ? 'Online' : 'Offline';
+        stateDot.style.cssText = `
+            width: 8px;
+            height: 8px;
+            border-radius: 50%;
+            flex: 0 0 auto;
+            background: ${connected ? '#10b981' : '#94a3b8'};
+            box-shadow: 0 0 0 2px rgba(226, 232, 240, 0.9);
+        `;
         const title = document.createElement('strong');
         title.textContent = name;
         title.title = `${name} (${deviceId})`;
-        title.style.cssText = 'color:#0f172a;font-size:16px;font-weight:950;line-height:1.12;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:0;';
-        const subtitle = document.createElement('span');
-        subtitle.textContent = `${connected ? 'Online' : 'Offline'} - ${release ? `${platform} ${release}` : platform}`;
-        subtitle.title = subtitle.textContent;
-        subtitle.style.cssText = `color:${connected ? '#047857' : '#64748b'};font-size:11px;font-weight:850;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:0;`;
-        titleBox.appendChild(title);
-        titleBox.appendChild(subtitle);
-        const statusBadge = document.createElement('span');
-        statusBadge.textContent = liveActive ? 'LIVE' : (connected ? 'READY' : 'OFFLINE');
-        statusBadge.style.cssText = `
+        title.style.cssText = `
+            min-width: 0;
+            color: #0f172a;
+            font-size: 13px;
+            font-weight: 950;
+            line-height: 1;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+            letter-spacing: 0;
+        `;
+        const titleStatus = document.createElement('span');
+        titleStatus.textContent = liveActive ? 'Live' : (connected ? 'Ready' : 'Offline');
+        titleStatus.style.cssText = `
             flex: 0 0 auto;
-            padding: 5px 8px;
-            border-radius: 999px;
-            background: ${liveActive ? 'rgba(220, 38, 38, 0.12)' : connected ? 'rgba(16, 185, 129, 0.12)' : 'rgba(100, 116, 139, 0.12)'};
-            color: ${liveActive ? '#b91c1c' : connected ? '#047857' : '#475569'};
+            color: ${connected ? '#047857' : '#64748b'};
             font-size: 10px;
-            font-weight: 950;
+            font-weight: 900;
+            line-height: 1;
             letter-spacing: 0;
         `;
-        header.appendChild(titleBox);
-        header.appendChild(statusBadge);
-        bodyView.appendChild(header);
+        deviceTitle.appendChild(stateDot);
+        deviceTitle.appendChild(title);
+        deviceTitle.appendChild(titleStatus);
+        const actions = document.createElement('div');
+        actions.dataset.remoteFleetDeviceActions = 'true';
+        actions.style.cssText = `
+            flex: 0 0 auto;
+            display: flex;
+            align-items: center;
+            justify-content: flex-end;
+            gap: 5px;
+            min-width: 0;
+        `;
+        toolbar.appendChild(deviceTitle);
+        toolbar.appendChild(actions);
+        bodyView.appendChild(toolbar);
 
         const controlStage = document.createElement('div');
         controlStage.dataset.remoteFleetControlNodeStage = 'true';
@@ -17156,17 +17325,17 @@
         controlStage.style.cssText = `
             position: relative;
             flex: 1 1 auto;
-            min-height: 260px;
+            min-height: 0;
             width: 100%;
             overflow: hidden;
             border-radius: 0;
             background: #020617;
-            border: 1px solid rgba(15, 23, 42, 0.18);
+            border: 1px solid rgba(15, 23, 42, 0.20);
             cursor: crosshair;
             touch-action: none;
             outline: none;
         `;
-        const controlCanvas = document.createElement('canvas');
+        const controlCanvas = preservedControlSurface?.canvas || document.createElement('canvas');
         controlCanvas.dataset.remoteFleetControlNodeCanvas = 'true';
         controlCanvas.style.cssText = `
             position: absolute;
@@ -17226,7 +17395,10 @@
         controlOverlay.appendChild(controlDot);
         controlOverlay.appendChild(controlStatus);
         controlStage.appendChild(controlCanvas);
-        controlStage.appendChild(controlPlaceholder);
+        const restoredControlSurface = hasRemoteFleetReusableControlSurface(preservedControlSurface);
+        if (!restoredControlSurface) {
+            controlStage.appendChild(controlPlaceholder);
+        }
         controlStage.appendChild(controlOverlay);
         bodyView.appendChild(controlStage);
 
@@ -17238,7 +17410,17 @@
                 controlStage,
                 controlCanvas,
                 controlStatus,
-                controlPlaceholder);
+                restoredControlSurface ? null : controlPlaceholder);
+            if (session && restoredControlSurface) {
+                session.lastControlFrameSeq = Number(preservedControlSurface?.seq || session.lastControlFrameSeq || 0) || 0;
+                session.lastControlFrameAt = Date.now();
+                controlStatus.textContent = `Control ${REMOTE_FLEET_CONTROL_LIVE_FPS}fps`;
+                window.RuntimeTrace?.emit?.('remote.control.surfaceRestored', {
+                    nodeId,
+                    deviceId,
+                    seq: session.lastControlFrameSeq
+                });
+            }
             if (session && isRemoteFleetFrameSource(previewSource)) {
                 paintRemoteFleetControlFrame(session, {
                     deviceId,
@@ -17252,103 +17434,81 @@
             }
         }
 
-        const stats = document.createElement('div');
-        stats.style.cssText = 'display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;flex:0 0 auto;';
-        stats.appendChild(createRemoteFleetStat('Seen', formatRemoteFleetAge(getRemoteFleetDeviceField(device, 'lastSeenAt', 'LastSeenAt', '')), connected ? 'online' : 'default'));
-        stats.appendChild(createRemoteFleetStat('Uptime', formatRemoteFleetDuration(getRemoteFleetDeviceField(device, 'uptimeSec', 'UptimeSec', Number.NaN))));
-        stats.appendChild(createRemoteFleetStat('Mem', formatRemoteFleetPercent(getRemoteFleetDeviceField(device, 'usedMemRatio', 'UsedMemRatio', Number.NaN))));
-        stats.appendChild(createRemoteFleetStat('Load', formatRemoteFleetNumber(getRemoteFleetDeviceField(device, 'load1', 'Load1', Number.NaN), 2)));
-        bodyView.appendChild(stats);
-
-        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: 3px;
-                min-width: 0;
-                padding: 8px 9px;
-                border-radius: 8px;
-                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)'};
-                flex: 0 0 auto;
-            `;
-            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:900;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:11px;font-weight:750;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;letter-spacing:0;';
-            taskBox.appendChild(taskLine);
-            taskBox.appendChild(taskSummary);
-            bodyView.appendChild(taskBox);
-        }
-
-        const taskInput = document.createElement('textarea');
-        taskInput.dataset.remoteFleetDeviceTaskInput = 'true';
-        taskInput.placeholder = 'Task for this computer';
-        taskInput.rows = 2;
-        taskInput.style.cssText = `
-            width: 100%;
-            min-width: 0;
-            height: 50px;
-            resize: none;
-            border-radius: 8px;
-            border: 1px solid rgba(148, 163, 184, 0.34);
-            background: rgba(255, 255, 255, 0.92);
-            color: #0f172a;
-            padding: 8px 10px;
-            font-size: 12px;
-            line-height: 1.35;
-            font-weight: 700;
-            letter-spacing: 0;
-            outline: none;
-            pointer-events: auto;
-        `;
-        bodyView.appendChild(taskInput);
-
-        const actions = document.createElement('div');
-        actions.style.cssText = 'display:flex;align-items:center;gap:7px;flex-wrap:wrap;flex:0 0 auto;';
         const refreshButton = createRemoteFleetButton('Refresh', 'Refresh this remote control device', 'refresh-device');
-        refreshButton.style.height = '30px';
+        refreshButton.style.height = '26px';
         actions.appendChild(refreshButton);
         if (connected && thumbnailEnabled) {
             const shotButton = createRemoteFleetButton('Shot', 'Request thumbnail', 'thumbnail-device');
             shotButton.dataset.deviceId = deviceId;
-            shotButton.style.height = '30px';
+            shotButton.style.height = '26px';
             actions.appendChild(shotButton);
         }
         if (connected && liveStreamEnabled) {
             const liveButton = createRemoteFleetButton(liveActive ? 'Stop' : 'Live', liveActive ? 'Stop live stream' : 'Start live stream', liveActive ? 'live-stop' : 'live-start');
             liveButton.dataset.deviceId = deviceId;
             liveButton.dataset.streamId = liveStreamId;
-            liveButton.style.height = '30px';
+            liveButton.style.height = '26px';
             if (liveActive) {
                 liveButton.style.borderColor = 'rgba(220, 38, 38, 0.32)';
                 liveButton.style.color = '#b91c1c';
             }
             actions.appendChild(liveButton);
         }
+        let taskToggleButton = null;
         if (connected && taskEnabled) {
-            const taskButton = createRemoteFleetButton(aiAssistEnabled ? 'Task/AI' : 'Task', 'Dispatch task to this device', 'task-device');
-            taskButton.dataset.deviceId = deviceId;
-            taskButton.style.height = '30px';
-            actions.appendChild(taskButton);
+            taskToggleButton = createRemoteFleetButton(aiAssistEnabled ? 'Task/AI' : 'Task', 'Open task input for this device', 'task-open');
+            taskToggleButton.dataset.deviceId = deviceId;
+            taskToggleButton.style.height = '26px';
+            actions.appendChild(taskToggleButton);
         }
         if (connected) {
             const pingButton = createRemoteFleetButton('Ping', 'Ping device', 'ping-device');
             pingButton.dataset.deviceId = deviceId;
-            pingButton.style.height = '30px';
+            pingButton.style.height = '26px';
             actions.appendChild(pingButton);
         }
+
+        const taskPanel = document.createElement('div');
+        taskPanel.dataset.remoteFleetDeviceTaskPanel = 'true';
+        taskPanel.style.cssText = `
+            position: absolute;
+            right: 8px;
+            top: 42px;
+            z-index: 6;
+            width: min(360px, calc(100% - 16px));
+            display: none;
+            grid-template-columns: minmax(0, 1fr) auto auto;
+            gap: 6px;
+            align-items: stretch;
+            padding: 7px;
+            border-radius: 8px;
+            border: 1px solid rgba(148, 163, 184, 0.30);
+            background: rgba(255, 255, 255, 0.97);
+            box-shadow: 0 16px 32px rgba(15, 23, 42, 0.18);
+            pointer-events: auto;
+        `;
+        const taskInput = document.createElement('textarea');
+        taskInput.dataset.remoteFleetDeviceTaskInput = 'true';
+        taskInput.placeholder = 'Task for this computer';
+        taskInput.rows = 2;
+        taskInput.style.cssText = `
+            width: 100%;
+            min-width: 0;
+            height: 42px;
+            resize: none;
+            border-radius: 7px;
+            border: 1px solid rgba(148, 163, 184, 0.34);
+            background: rgba(255, 255, 255, 0.94);
+            color: #0f172a;
+            padding: 6px 8px;
+            font-size: 11px;
+            line-height: 1.3;
+            font-weight: 700;
+            letter-spacing: 0;
+            outline: none;
+            pointer-events: auto;
+        `;
+        taskPanel.appendChild(taskInput);
         const aiToggleLabel = document.createElement('label');
         aiToggleLabel.title = 'Use AI assist when this agent exposes it';
         aiToggleLabel.style.cssText = `
@@ -17356,7 +17516,7 @@
             align-items: center;
             justify-content: center;
             gap: 6px;
-            height: 30px;
+            height: 42px;
             padding: 0 9px;
             border-radius: 7px;
             border: 1px solid rgba(14, 165, 233, 0.28);
@@ -17377,37 +17537,73 @@
         aiToggleText.textContent = 'AI';
         aiToggleLabel.appendChild(aiToggle);
         aiToggleLabel.appendChild(aiToggleText);
-        actions.appendChild(aiToggleLabel);
-        bodyView.appendChild(actions);
+        taskPanel.appendChild(aiToggleLabel);
+        const taskSendButton = createRemoteFleetButton('Send', 'Dispatch task to this device', 'task-device');
+        taskSendButton.dataset.deviceId = deviceId;
+        taskSendButton.style.height = '42px';
+        taskPanel.appendChild(taskSendButton);
+        bodyView.appendChild(taskPanel);
         bodyView.appendChild(feedback);
 
-        const footer = document.createElement('div');
-        footer.textContent = `Endpoint ${endpoint} - ${deviceId} - refreshed ${formatRemoteFleetAge(refreshedAt)}`;
-        footer.title = footer.textContent;
-        footer.style.cssText = `
-            margin-top: auto;
+        const statusBar = document.createElement('div');
+        statusBar.dataset.remoteFleetDeviceStatusBar = 'true';
+        const latestTaskText = formatRemoteFleetTaskError(latestTaskError) || latestTaskResult || latestTaskTitle || '';
+        const statusItems = [
+            `${connected ? 'Online' : 'Offline'}`,
+            `Seen ${formatRemoteFleetAge(getRemoteFleetDeviceField(device, 'lastSeenAt', 'LastSeenAt', ''))}`,
+            `Uptime ${formatRemoteFleetDuration(getRemoteFleetDeviceField(device, 'uptimeSec', 'UptimeSec', Number.NaN))}`,
+            `Mem ${formatRemoteFleetPercent(getRemoteFleetDeviceField(device, 'usedMemRatio', 'UsedMemRatio', Number.NaN))}`,
+            `Load ${formatRemoteFleetNumber(getRemoteFleetDeviceField(device, 'load1', 'Load1', Number.NaN), 2)}`,
+            release ? `${platform} ${release}` : platform,
+            latestTaskStatus ? `Task ${latestTaskStatus}${latestTaskUpdatedAt ? ` ${formatRemoteFleetAge(latestTaskUpdatedAt)}` : ''}` : '',
+            latestTaskText ? latestTaskText : ''
+        ].filter(text => String(text || '').trim());
+        statusBar.textContent = statusItems.join('  |  ');
+        statusBar.title = `${name} (${deviceId}) - ${statusBar.textContent}${latestTaskResultModel ? ` - ${latestTaskResultModel}` : ''}${latestTaskResultResponseId ? ` - ${latestTaskResultResponseId}` : ''}`;
+        statusBar.style.cssText = `
             flex: 0 0 auto;
-            color: #64748b;
-            font-size: 10px;
+            min-height: 22px;
+            display: flex;
+            align-items: center;
+            min-width: 0;
+            padding: 0 6px;
+            border-radius: 0;
+            border: 1px solid rgba(148, 163, 184, 0.18);
+            background: rgba(248, 250, 252, 0.92);
+            color: #334155;
+            font-size: 10.5px;
             font-weight: 750;
-            line-height: 1.2;
+            line-height: 1;
             overflow: hidden;
             text-overflow: ellipsis;
             white-space: nowrap;
+            letter-spacing: 0;
         `;
-        bodyView.appendChild(footer);
+        bodyView.appendChild(statusBar);
 
         if (lastError.trim()) {
             setFeedback(lastError, 'error');
         }
 
-        [taskInput, aiToggleLabel, aiToggle, ...Array.from(actions.querySelectorAll('button'))].forEach(control => {
+        [taskPanel, taskInput, aiToggleLabel, aiToggle, ...Array.from(actions.querySelectorAll('button')), taskSendButton].forEach(control => {
             if (!control) return;
             ['mousedown', 'mouseup', 'click', 'dblclick', 'keydown'].forEach(eventName => {
                 control.addEventListener(eventName, event => event.stopPropagation());
             });
         });
 
+        if (taskToggleButton) {
+            taskToggleButton.addEventListener('click', event => {
+                event.preventDefault();
+                event.stopPropagation();
+                const nextVisible = taskPanel.style.display === 'none';
+                taskPanel.style.display = nextVisible ? 'grid' : 'none';
+                if (nextVisible) {
+                    taskInput.focus({ preventScroll: true });
+                }
+            });
+        }
+
         refreshButton.addEventListener('click', async event => {
             event.preventDefault();
             event.stopPropagation();
@@ -17483,7 +17679,7 @@
             });
         });
 
-        actions.querySelectorAll('[data-remote-fleet-action="task-device"]').forEach(button => {
+        bodyView.querySelectorAll('[data-remote-fleet-action="task-device"]').forEach(button => {
             button.addEventListener('click', async event => {
                 event.preventDefault();
                 event.stopPropagation();
@@ -17526,6 +17722,7 @@
     function renderRemoteFleetMonitor(bodyView, nodeModel) {
         if (!bodyView) return;
         clearRemoteFleetTimers(bodyView, { keepBinaryFrameSocket: true });
+        const preservedFrameSurfaces = collectRemoteFleetPreviewFrameSurfaces(bodyView);
 
         const nodeId = String(nodeModel?.id ?? nodeModel?.Id ?? '');
         const searchState = bodyView.dataset.remoteFleetSearch || '';
@@ -18080,6 +18277,7 @@
                 preview.appendChild(placeholder);
             }
 
+            restoreRemoteFleetPreviewFrameSurface(preview, preservedFrameSurfaces, getRemoteFleetDeviceId(device));
             return preview;
         };
 
@@ -19290,7 +19488,7 @@
     }
 
     function createMemoNodeElement(nodeModel) {
-        if (isRemoteFleetMonitorNode(nodeModel)) {
+        if (isRemoteFleetNode(nodeModel)) {
             return createRemoteFleetTemplateNodeElement(nodeModel);
         }
 
@@ -22480,7 +22678,7 @@
             dividerEl.style.display = prompt ? (isLoading || hasContent ? 'block' : 'none') : 'none';
         }
 
-        if (isRemoteFleetMonitorNode(nodeModel)) {
+        if (isRemoteFleetNode(nodeModel)) {
             el.classList.remove('node-type-memo', 'has-context-source-pins');
             el.classList.add('node-type-templatelauncher');
             el.dataset.contentType = 'templateLauncher';
@@ -22507,6 +22705,7 @@
 
             card.dataset.nodeId = nodeId;
             card.dataset.semanticType = getNodeSemanticType(nodeModel);
+            card.classList.toggle('map-node-remote-device', isRemoteFleetDeviceNode(nodeModel));
             card.style.width = `${worldWidth}px`;
             card.style.height = `${worldHeight}px`;
             card.style.minWidth = `${worldWidth}px`;
@@ -22525,7 +22724,11 @@
             }
 
             const bodyView = card.querySelector('.template-card__remote-fleet-body');
-            renderRemoteFleetMonitor(bodyView, nodeModel);
+            if (isRemoteFleetDeviceNode(nodeModel)) {
+                renderRemoteFleetDevice(bodyView, nodeModel);
+            } else {
+                renderRemoteFleetMonitor(bodyView, nodeModel);
+            }
             bindTemplateCardCanvasNavigation(card, nodeModel);
             return;
         }

package/wwwroot/_content/MindExecution.Shared/js/mind-map-lod-renderer.js

@@ -382,7 +382,8 @@
         const contentType = getNodeContentType(model);
         return isTemplateLauncherModel(model) ||
             contentType === 'csv-table' ||
-            isBusinessAutomationModel(model);
+            isBusinessAutomationModel(model) ||
+            isRemoteFleetNodeModel(model);
     }
 
     function isRemoteFleetNodeModel(model) {

package/wwwroot/_content/MindExecution.Shared/js/mind-map-nodes.js

@@ -43,7 +43,10 @@
     }
 
     function isTemplateLauncherNodeModel(nodeModel) {
-        return getNodeContentTypeLower(nodeModel) === 'templatelauncher';
+        const semanticType = getNodeSemanticType(nodeModel);
+        return getNodeContentTypeLower(nodeModel) === 'templatelauncher'
+            || semanticType === REMOTE_FLEET_SEMANTIC_TYPE
+            || semanticType === REMOTE_FLEET_DEVICE_SEMANTIC_TYPE;
     }
 
     function getNodeMetadata(nodeModel) {
@@ -103,8 +106,7 @@
         const semanticType = getNodeSemanticType(nodeModel);
         return semanticType === 'MindCanvasAgent'
             || semanticType === 'AgentCommand'
-            || semanticType === BUSINESS_AUTOMATION_SEMANTIC_TYPE
-            || semanticType === REMOTE_FLEET_DEVICE_SEMANTIC_TYPE;
+            || semanticType === BUSINESS_AUTOMATION_SEMANTIC_TYPE;
     }
 
     function isAgentNodeModel(nodeModel) {

package/wwwroot/_framework/blazor.boot.json

@@ -1,7 +1,7 @@
 {
   "mainAssemblyName": "MindExecution.Web",
   "resources": {
-    "hash": "sha256-oN9NB5XxbZ2xSDkf/iKkLdth/StnRySGcRVgEHblI6U=",
+    "hash": "sha256-fuZfmnPbFwdls7P4hSQJc1lN5QGs/DTxCqcNmFrIMjs=",
     "fingerprinting": {
       "Google.Protobuf.9h59ukbel7.dll": "Google.Protobuf.dll",
       "Markdig.d1j7v41cl1.dll": "Markdig.dll",
@@ -127,12 +127,12 @@
       "MindExecution.Kernel.3zom09ir6j.dll": "MindExecution.Kernel.dll",
       "MindExecution.Plugins.Admin.bk23zzy6wc.dll": "MindExecution.Plugins.Admin.dll",
       "MindExecution.Plugins.Business.zwcvc8wufe.dll": "MindExecution.Plugins.Business.dll",
-      "MindExecution.Plugins.Concept.4ncya2e794.dll": "MindExecution.Plugins.Concept.dll",
+      "MindExecution.Plugins.Concept.9igh5dsuw9.dll": "MindExecution.Plugins.Concept.dll",
       "MindExecution.Plugins.Directory.jc0g7fvyzv.dll": "MindExecution.Plugins.Directory.dll",
-      "MindExecution.Plugins.PlanMaster.0yfii1nh3p.dll": "MindExecution.Plugins.PlanMaster.dll",
-      "MindExecution.Plugins.YouTube.y4vxx807fo.dll": "MindExecution.Plugins.YouTube.dll",
-      "MindExecution.Shared.50ptsgk9eg.dll": "MindExecution.Shared.dll",
-      "MindExecution.Web.hucq2w2ism.dll": "MindExecution.Web.dll",
+      "MindExecution.Plugins.PlanMaster.g9r2lbhihg.dll": "MindExecution.Plugins.PlanMaster.dll",
+      "MindExecution.Plugins.YouTube.6ni889qas8.dll": "MindExecution.Plugins.YouTube.dll",
+      "MindExecution.Shared.xtnh42yedc.dll": "MindExecution.Shared.dll",
+      "MindExecution.Web.cg3mse80dr.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.asayb4hw1o.dll": "sha256-5gla4JTR/zbvkGpneSt6S7ItE51+MjWgjW6L+B6Yevk=",
       "MindExecution.Kernel.3zom09ir6j.dll": "sha256-78vR2SNkF9FwdQv0fEItSyz4HzgyzwGUROJAnpripPA=",
-      "MindExecution.Plugins.Concept.4ncya2e794.dll": "sha256-gKad12tQh1p7kInUiSIECobEZiD4VIuxmmskGE3ambo=",
-      "MindExecution.Plugins.PlanMaster.0yfii1nh3p.dll": "sha256-OMcIYPKBnnJCW6QRN8nGykgCloUl1FRnFx6lma85ZGs=",
-      "MindExecution.Shared.50ptsgk9eg.dll": "sha256-1X+o7c7jCm4MVorCrq52beiyMe+C6qFw6EyIGfZGQdo=",
-      "MindExecution.Web.hucq2w2ism.dll": "sha256-iSV90XAYUoYq7Rfm7gf4tzJBsIy2zbfVfxadAFS8pSY="
+      "MindExecution.Plugins.Concept.9igh5dsuw9.dll": "sha256-L9kDRKc/l7qDyrpHv3nP2eZJFl3hiTKzobGq+1Ir1u4=",
+      "MindExecution.Plugins.PlanMaster.g9r2lbhihg.dll": "sha256-hMdypae7YThv34t4g0TL/iI1GF/vQsZVQgEehe1AXt8=",
+      "MindExecution.Shared.xtnh42yedc.dll": "sha256-GwFDvUKSi/L8U9L2QsvOVjOOZYAaQInM5CLVYhD0BFk=",
+      "MindExecution.Web.cg3mse80dr.dll": "sha256-BDF8hVymVem3X/dB9iKv2S6Vohz7y9CKSYMQOattgaA="
     },
     "lazyAssembly": {
       "MindExecution.Plugins.Admin.bk23zzy6wc.dll": "sha256-uz7Nz0OZ8BBESp2Nr9YocyzV0dUrn7szPuD4/m/RWL8=",
       "MindExecution.Plugins.Business.zwcvc8wufe.dll": "sha256-3YDsB2/uNI+feWqJk+cesLHgNt8s2/8hXxGPO6CRZZE=",
       "MindExecution.Plugins.Directory.jc0g7fvyzv.dll": "sha256-PSe7135JPpTBmu4j+rGLF0Dc/6w/wDJNPi8zlfTmSMk=",
-      "MindExecution.Plugins.YouTube.y4vxx807fo.dll": "sha256-HkMC8BltV070e0Uaskpmyu6+TIs04y0G2t4E62RJdcc="
+      "MindExecution.Plugins.YouTube.6ni889qas8.dll": "sha256-ngO7cBhZwzW2Sx9TqcTZj/3TW3lOkcluXr76P2oH9X8="
     }
   },
   "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=20260617-mdm-tab-fast-v591" />
-    <link rel="stylesheet" href="_content/MindExecution.Shared/css/mind-map-overrides.css?v=20260617-mdm-tab-fast-v591" />
+    <link rel="stylesheet" href="_content/MindExecution.Shared/css/app.css?v=20260617-remote-control-screen-v593" />
+    <link rel="stylesheet" href="_content/MindExecution.Shared/css/mind-map-overrides.css?v=20260617-remote-control-screen-v593" />
     <!-- ?쇄뼹??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 = '20260617-mdm-tab-fast-v591';
+        const scriptVersion = '20260617-remote-control-screen-v593';
             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":  "2guH6APA",
+    "version":  "xi510uSd",
     "assets":  [
                    {
                        "hash":  "sha256-+CSYMcqLNTsq3VnH11jgYyOCCdxvHzL74CBmo4sCmMU=",
@@ -42,7 +42,7 @@
                        "url":  "_content/MindExecution.Shared/css/app.css"
                    },
                    {
-                       "hash":  "sha256-FxtluumoQV2QXTCFtSR+/dc0Xp/CFDcF1cXkaeikt4s=",
+                       "hash":  "sha256-Qe8ZasFVu0/cCvryv6hkXRbNvdEQFO8yqiIOKN5w4G4=",
                        "url":  "_content/MindExecution.Shared/css/mind-map-overrides.css"
                    },
                    {
@@ -86,7 +86,7 @@
                        "url":  "_content/MindExecution.Shared/js/mind-map-core.js.backup"
                    },
                    {
-                       "hash":  "sha256-piKsRYcnSTaqs+vd7QATTt7cGBN5hHPbY6P8Xjl2J6k=",
+                       "hash":  "sha256-5NeWmkeG5tE20WMmpOO59SkGuCFv+yk/h6kOeYeOmJA=",
                        "url":  "_content/MindExecution.Shared/js/mind-map-css3d-manager.js"
                    },
                    {
@@ -114,7 +114,7 @@
                        "url":  "_content/MindExecution.Shared/js/mind-map-lod-plan-worker.js"
                    },
                    {
-                       "hash":  "sha256-Lo7v8nqlOhYydM8OzuMLHllA29+Q76y/PIV+QaB1uyo=",
+                       "hash":  "sha256-pI3Kf/v2vRRR1SMDKCjMZcLtR8ACg7XAROlgwHBGg50=",
                        "url":  "_content/MindExecution.Shared/js/mind-map-lod-renderer.js"
                    },
                    {
@@ -134,7 +134,7 @@
                        "url":  "_content/MindExecution.Shared/js/mind-map-node-search-worker.js"
                    },
                    {
-                       "hash":  "sha256-Du/v38HmdprkhvETqiO0mx3Ez3rYmEvjQnDMIQclta0=",
+                       "hash":  "sha256-e1IsTR6acAA6OdptYbIJWTS3km0IJGh/VYBU75rDMXU=",
                        "url":  "_content/MindExecution.Shared/js/mind-map-nodes.js"
                    },
                    {
@@ -426,28 +426,28 @@
                        "url":  "_framework/MindExecution.Plugins.Business.zwcvc8wufe.dll"
                    },
                    {
-                       "hash":  "sha256-gKad12tQh1p7kInUiSIECobEZiD4VIuxmmskGE3ambo=",
-                       "url":  "_framework/MindExecution.Plugins.Concept.4ncya2e794.dll"
+                       "hash":  "sha256-L9kDRKc/l7qDyrpHv3nP2eZJFl3hiTKzobGq+1Ir1u4=",
+                       "url":  "_framework/MindExecution.Plugins.Concept.9igh5dsuw9.dll"
                    },
                    {
                        "hash":  "sha256-PSe7135JPpTBmu4j+rGLF0Dc/6w/wDJNPi8zlfTmSMk=",
                        "url":  "_framework/MindExecution.Plugins.Directory.jc0g7fvyzv.dll"
                    },
                    {
-                       "hash":  "sha256-OMcIYPKBnnJCW6QRN8nGykgCloUl1FRnFx6lma85ZGs=",
-                       "url":  "_framework/MindExecution.Plugins.PlanMaster.0yfii1nh3p.dll"
+                       "hash":  "sha256-hMdypae7YThv34t4g0TL/iI1GF/vQsZVQgEehe1AXt8=",
+                       "url":  "_framework/MindExecution.Plugins.PlanMaster.g9r2lbhihg.dll"
                    },
                    {
-                       "hash":  "sha256-HkMC8BltV070e0Uaskpmyu6+TIs04y0G2t4E62RJdcc=",
-                       "url":  "_framework/MindExecution.Plugins.YouTube.y4vxx807fo.dll"
+                       "hash":  "sha256-ngO7cBhZwzW2Sx9TqcTZj/3TW3lOkcluXr76P2oH9X8=",
+                       "url":  "_framework/MindExecution.Plugins.YouTube.6ni889qas8.dll"
                    },
                    {
-                       "hash":  "sha256-1X+o7c7jCm4MVorCrq52beiyMe+C6qFw6EyIGfZGQdo=",
-                       "url":  "_framework/MindExecution.Shared.50ptsgk9eg.dll"
+                       "hash":  "sha256-GwFDvUKSi/L8U9L2QsvOVjOOZYAaQInM5CLVYhD0BFk=",
+                       "url":  "_framework/MindExecution.Shared.xtnh42yedc.dll"
                    },
                    {
-                       "hash":  "sha256-iSV90XAYUoYq7Rfm7gf4tzJBsIy2zbfVfxadAFS8pSY=",
-                       "url":  "_framework/MindExecution.Web.hucq2w2ism.dll"
+                       "hash":  "sha256-BDF8hVymVem3X/dB9iKv2S6Vohz7y9CKSYMQOattgaA=",
+                       "url":  "_framework/MindExecution.Web.cg3mse80dr.dll"
                    },
                    {
                        "hash":  "sha256-IsZJ91/OW+fHzNqIgEc7Y072ns8z9dGritiSyvR9Wgc=",
@@ -770,7 +770,7 @@
                        "url":  "_framework/Websocket.Client.vapounvmnl.dll"
                    },
                    {
-                       "hash":  "sha256-l0xPjAbrLfbdmB69gqtRn+JMPssryiM0fh1uDxZ/NNo=",
+                       "hash":  "sha256-1T/+tduwHalERbmteG+ZOkOPvGnie3dWjxoK9p0myto=",
                        "url":  "_framework/blazor.boot.json"
                    },
                    {
@@ -834,7 +834,7 @@
                        "url":  "image-manifest.json"
                    },
                    {
-                       "hash":  "sha256-hq0qYVhXCK09hkKo9EkKj84gbxqFCuf2l4XAWk1gfL0=",
+                       "hash":  "sha256-tgf6hPsk0rfP/I8Wx88fu4cEJGVIRNrgAztKJfw35Ms=",
                        "url":  "index.html"
                    },
                    {

package/wwwroot/service-worker.js

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