@mindexec/cli 0.2.159 → 0.2.160

package/package.json

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

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

@@ -1328,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
@@ -1439,7 +1450,7 @@ 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);

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);
@@ -17095,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');
@@ -17104,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');
@@ -17228,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';
@@ -17273,12 +17325,12 @@
         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;
@@ -17382,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 = `
@@ -17486,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);
@@ -17507,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();
@@ -17613,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();
@@ -19422,7 +19488,7 @@
     }
 
     function createMemoNodeElement(nodeModel) {
-        if (isRemoteFleetMonitorNode(nodeModel)) {
+        if (isRemoteFleetNode(nodeModel)) {
             return createRemoteFleetTemplateNodeElement(nodeModel);
         }
 
@@ -22612,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';
@@ -22639,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`;
@@ -22657,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-remote-frame-no-flash-v592" />
-    <link rel="stylesheet" href="_content/MindExecution.Shared/css/mind-map-overrides.css?v=20260617-remote-frame-no-flash-v592" />
+    <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-remote-frame-no-flash-v592';
+        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":  "ikaqQxI3",
+    "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-yUuxzH9Fpd62pPLMU5n0HuYjsJhKvC82LO5X5Uu/1gg=",
+                       "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-8VAYYW89mBjF45WS2vA1+Hssmo6S30PB8AW03niSE2Q=",
+                       "hash":  "sha256-tgf6hPsk0rfP/I8Wx88fu4cEJGVIRNrgAztKJfw35Ms=",
                        "url":  "index.html"
                    },
                    {

package/wwwroot/service-worker.js

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