@mindexec/cli 0.2.29 → 0.2.31

package/package.json

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

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

@@ -412,7 +412,7 @@ function wait(ms = 0) {
     return new Promise(resolve => setTimeout(resolve, ms));
 }
 
-function buildMonitorNode(devices, hubStatus, latestTaskBatch = null, recentTaskBatches = []) {
+function buildMonitorNode(devices, hubStatus, latestTaskBatch = null, recentTaskBatches = [], lastError = '') {
     const connected = devices.filter(device => device.Connected).length;
     const endpoint = hubStatus.agentEndpoint || '127.0.0.1:5197';
     const pairToken = hubStatus.pairToken || 'render-smoke-token';
@@ -421,7 +421,7 @@ function buildMonitorNode(devices, hubStatus, latestTaskBatch = null, recentTask
         : 'inactive';
     return {
         id: 'remote-fleet-render-smoke',
-        contentType: 'memo',
+        contentType: 'templateLauncher',
         metadata: {
             SemanticType: 'RemoteFleetMonitor',
             RemoteFleetSchemaVersion: 'remote-fleet@1',
@@ -447,11 +447,37 @@ function buildMonitorNode(devices, hubStatus, latestTaskBatch = null, recentTask
             RemoteFleetDevicesJson: JSON.stringify(devices),
             RemoteFleetLatestTaskBatchJson: latestTaskBatch ? JSON.stringify(latestTaskBatch) : '',
             RemoteFleetRecentTaskBatchesJson: JSON.stringify(recentTaskBatches),
-            RemoteFleetLastError: ''
+            RemoteFleetLastError: String(lastError || '')
         }
     };
 }
 
+function createRemoteFleetTemplateShell(document, focusDeviceId = '') {
+    const nodeShell = document.createElement('div');
+    nodeShell.setAttribute('class', 'map-node-template-card map-node-remote-fleet');
+    const shell = document.createElement('div');
+    shell.setAttribute('class', 'template-card__shell template-card__shell--remote-fleet');
+    const header = document.createElement('div');
+    header.setAttribute('class', 'template-card__header template-card__header--remote-fleet');
+    const icon = document.createElement('div');
+    icon.setAttribute('class', 'template-card__icon template-card__icon--remote-fleet');
+    const titleWrap = document.createElement('div');
+    titleWrap.setAttribute('class', 'template-card__title-block');
+    titleWrap.textContent = 'Remote Fleet Monitor';
+    header.appendChild(icon);
+    header.appendChild(titleWrap);
+    const bodyView = document.createElement('div');
+    bodyView.setAttribute('class', 'template-card__remote-fleet-body');
+    bodyView.dataset.remoteFleetAutoMonitor = 'false';
+    if (focusDeviceId) {
+        bodyView.dataset.remoteFleetFocusDeviceId = focusDeviceId;
+    }
+    shell.appendChild(header);
+    shell.appendChild(bodyView);
+    nodeShell.appendChild(shell);
+    return { nodeShell, bodyView };
+}
+
 function buildDeviceNode(device, hubStatus) {
     const endpoint = hubStatus.agentEndpoint || '127.0.0.1:5197';
     return {
@@ -666,25 +692,7 @@ try {
     };
     manager.setModuleForTest({ dotNetHelper });
 
-    const nodeShell = document.createElement('div');
-    nodeShell.setAttribute('class', 'map-node-remote-fleet map-node-memo');
-    const header = document.createElement('div');
-    header.setAttribute('class', 'map-node-memo__header');
-    const iconWrap = document.createElement('div');
-    iconWrap.setAttribute('class', 'map-node-memo__icon-wrap');
-    const iconButton = document.createElement('button');
-    iconButton.setAttribute('class', 'map-node-memo__icon-button');
-    iconWrap.appendChild(iconButton);
-    const titleWrap = document.createElement('div');
-    titleWrap.setAttribute('class', 'map-node-memo__title-wrap');
-    titleWrap.textContent = 'Remote Fleet Monitor';
-    header.appendChild(iconWrap);
-    header.appendChild(titleWrap);
-    const bodyView = document.createElement('div');
-    bodyView.dataset.remoteFleetAutoMonitor = 'false';
-    bodyView.dataset.remoteFleetFocusDeviceId = focusedDevice.DeviceId;
-    nodeShell.appendChild(header);
-    nodeShell.appendChild(bodyView);
+    const { nodeShell, bodyView } = createRemoteFleetTemplateShell(document, focusedDevice.DeviceId);
     document.body.appendChild(nodeShell);
 
     manager.renderRemoteFleetMonitorForTest(bodyView, buildMonitorNode(devices, hub.getStatus({ includeSecrets: true }), latestTaskBatch, recentTaskBatches));
@@ -695,6 +703,13 @@ try {
     assert.equal(bodyView.querySelector('[data-remote-fleet-search="true"]'), null);
     assert.equal(bodyView.querySelectorAll('select').length, 0);
     assert.ok(bodyView.querySelector('[data-remote-fleet-device-grid="true"]'));
+    const statusFooter = bodyView.querySelector('[data-remote-fleet-status-rail="true"]');
+    assert.ok(statusFooter);
+    const bodyChildOrder = Array.from(bodyView.children).map(child =>
+        Object.keys(child.dataset || {}).join(',') || child.tagName).join('|');
+    assert.ok(bodyChildOrder.endsWith('remoteFleetStatusRail'), bodyChildOrder);
+    assert.ok(statusFooter.style.cssText.includes('flex-direction: row'));
+    assert.equal(statusFooter.querySelectorAll('[data-remote-fleet-status-item]').length, 4);
     const initialDetailPanel = bodyView.querySelector('[data-remote-fleet-detail-panel="true"]');
     assert.equal(initialDetailPanel?.dataset.deviceId, focusedDevice.DeviceId);
     assert.equal(bodyView.querySelectorAll('[data-remote-fleet-action="pin-device"]').length, 1);
@@ -753,6 +768,10 @@ try {
     assert.ok(stopHostCall);
     assert.equal(stopHostCall.args[0], 'remote-fleet-render-smoke');
     assert.equal(stopHostCall.args[1], false);
+    hub.setHostTarget({
+        nodeId: 'remote-fleet-render-smoke',
+        enabled: false
+    });
 
     assert.ok(livePanel?.textContent.includes('RemoteFast 20 fps'), livePanel?.textContent || bodyView.textContent);
     assert.equal(bodyView.querySelector('code'), null);
@@ -789,23 +808,30 @@ try {
         call.methodName === 'DispatchRemoteFleetTaskBatchFromJs'
         || call.methodName === 'DispatchRemoteFleetTaskFromJs'), false);
 
-    const emptyShell = document.createElement('div');
-    emptyShell.setAttribute('class', 'map-node-remote-fleet map-node-memo');
-    const emptyHeader = document.createElement('div');
-    emptyHeader.setAttribute('class', 'map-node-memo__header');
-    emptyHeader.appendChild(document.createElement('div'));
-    emptyHeader.appendChild(document.createElement('div'));
-    const emptyBody = document.createElement('div');
-    emptyShell.appendChild(emptyHeader);
-    emptyShell.appendChild(emptyBody);
+    const { nodeShell: emptyShell, bodyView: emptyBody } = createRemoteFleetTemplateShell(document);
     document.body.appendChild(emptyShell);
     manager.renderRemoteFleetMonitorForTest(emptyBody, buildMonitorNode([], hub.getStatus({ includeSecrets: true })));
     assert.equal(emptyBody.querySelectorAll('[data-remote-fleet-empty-screen="true"]').length, 6);
+    assert.ok(Array.from(emptyBody.children).map(child =>
+        Object.keys(child.dataset || {}).join(',') || child.tagName).join('|').endsWith('remoteFleetStatusRail'));
     assert.equal(emptyBody.textContent.includes('No devices connected yet.'), false);
     assert.equal(emptyBody.textContent.includes('Select a screen'), false);
     assert.equal(emptyBody.textContent.includes('No screen'), false);
     assert.equal(emptyBody.textContent.includes('Endpoint 127.0.0.1'), false);
 
+    const { nodeShell: errorShell, bodyView: errorBody } = createRemoteFleetTemplateShell(document);
+    document.body.appendChild(errorShell);
+    manager.renderRemoteFleetMonitorForTest(errorBody, buildMonitorNode([], hub.getStatus({ includeSecrets: true }), null, [], 'RemoteHub is unavailable. Start LocalBridge and retry.'));
+    const errorFooter = errorBody.querySelector('[data-remote-fleet-status-rail="true"]');
+    const footerError = errorFooter?.querySelector('[data-remote-fleet-status-error="true"]');
+    assert.ok(errorFooter);
+    assert.ok(footerError);
+    assert.ok(Array.from(errorBody.children).map(child =>
+        Object.keys(child.dataset || {}).join(',') || child.tagName).join('|').endsWith('remoteFleetStatusRail'));
+    assert.equal(footerError.textContent.includes('RemoteHub is unavailable'), true);
+    assert.equal(Array.from(errorBody.children).some(child =>
+        child !== errorFooter && (child.textContent || '').includes('RemoteHub is unavailable')), false);
+
     const deviceBody = document.createElement('div');
     document.body.appendChild(deviceBody);
     manager.renderRemoteFleetDeviceForTest(deviceBody, buildDeviceNode(focusedDevice, hub.getStatus()));
@@ -815,6 +841,12 @@ try {
     assert.ok(deviceBody.textContent.includes('Task timed out waiting for the agent response.'));
     assert.ok(deviceBody.textContent.includes(focusedDevice.DeviceId));
 
+    nodeShell.remove();
+    emptyShell.remove();
+    errorShell.remove();
+    deviceBody.remove();
+    await wait(2200);
+
     console.log(`RemoteFleet render smoke OK (${SYNTHETIC_COUNT} synthetic devices, ${connectedCount} connected, ${aiCount} AI-ready)`);
 } finally {
     await hub.close();

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

@@ -2480,6 +2480,31 @@ body.is-panning .mind-map-text-overlay-v2-card.is-passive .mind-map-text-overlay
     white-space: nowrap;
 }
 
+.map-node-template-card.map-node-remote-fleet .template-card__shell--remote-fleet {
+    gap: 10px;
+    padding: 14px;
+    background: #f8fafc;
+}
+
+.map-node-template-card.map-node-remote-fleet .template-card__header--remote-fleet {
+    align-items: center;
+}
+
+.map-node-template-card.map-node-remote-fleet .template-card__icon--remote-fleet {
+    border-color: rgba(37, 99, 235, 0.22);
+    background: #eff6ff;
+    color: #2563eb;
+}
+
+.map-node-template-card.map-node-remote-fleet .template-card__remote-fleet-body {
+    flex: 1 1 auto;
+    min-height: 0;
+    overflow: hidden;
+    border: 1px solid rgba(148, 163, 184, 0.28);
+    border-radius: 8px;
+    background: #ffffff;
+}
+
 .template-card__generate:hover {
     background: #115e59;
 }

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

@@ -3587,7 +3587,7 @@
     }
 
     function isBusinessAutomationContextSourceNode(nodeModel) {
-        if (!nodeModel || isBusinessAutomationNode(nodeModel)) {
+        if (!nodeModel || isBusinessAutomationNode(nodeModel) || isRemoteFleetNode(nodeModel)) {
             return false;
         }
 
@@ -3600,7 +3600,6 @@
         return semanticType === 'MindCanvasAgent'
             || semanticType === 'AgentCommand'
             || semanticType === BUSINESS_AUTOMATION_SEMANTIC_TYPE
-            || semanticType === REMOTE_FLEET_SEMANTIC_TYPE
             || semanticType === REMOTE_FLEET_DEVICE_SEMANTIC_TYPE;
     }
 
@@ -11644,6 +11643,10 @@
     }
 
     function createTemplateLauncherNodeElement(nodeModel) {
+        if (isRemoteFleetMonitorNode(nodeModel)) {
+            return createRemoteFleetTemplateNodeElement(nodeModel);
+        }
+
         const width = Number(nodeModel.width ?? nodeModel.Width ?? 560);
         const height = Number(nodeModel.height ?? nodeModel.Height ?? 620);
         const config = getTemplateCardConfig(nodeModel);
@@ -11734,6 +11737,54 @@
         return container;
     }
 
+    function createRemoteFleetTemplateNodeElement(nodeModel) {
+        const width = Number(nodeModel.width ?? nodeModel.Width ?? 960);
+        const height = Number(nodeModel.height ?? nodeModel.Height ?? 620);
+        const title = String(nodeModel.prompt ?? nodeModel.Prompt ?? 'Remote Fleet Monitor').trim()
+            || 'Remote Fleet Monitor';
+
+        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.dataset.nodeId = nodeModel.id;
+        container.dataset.contentType = 'templateLauncher';
+        container.dataset.semanticType = getNodeSemanticType(nodeModel);
+        container.style.cssText = `
+            width: ${width}px;
+            height: ${height}px;
+            box-sizing: border-box;
+            overflow: hidden;
+            pointer-events: auto;
+        `;
+
+        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';
+
+        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 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);
+        shell.appendChild(bodyView);
+
+        container.appendChild(shell);
+        return container;
+    }
+
     function stopMemoEvent(event) {
         if (event.button === 1 || event.button === 2) {
             return;
@@ -12208,43 +12259,79 @@
         return item;
     }
 
-    function createRemoteFleetStatusRail(items) {
+    function createRemoteFleetStatusRail(items, errorMessage = '') {
         const rail = document.createElement('aside');
         rail.dataset.remoteFleetStatusRail = 'true';
         rail.style.cssText = `
             flex: 0 0 auto;
-            align-self: flex-start;
+            align-self: stretch;
             display: flex;
-            flex-direction: column;
-            gap: 3px;
-            min-width: 132px;
-            max-width: min(100%, 176px);
-            padding: 5px 6px;
+            flex-direction: row;
+            align-items: center;
+            justify-content: flex-end;
+            gap: 6px;
+            width: 100%;
+            min-width: 0;
+            min-height: 28px;
+            padding: 4px 6px;
             border-radius: 7px;
             border: 1px solid rgba(148, 163, 184, 0.22);
             background: rgba(255, 255, 255, 0.70);
         `;
 
+        const normalizedError = String(errorMessage || '').trim();
+        if (normalizedError) {
+            const error = document.createElement('div');
+            error.dataset.remoteFleetStatusError = 'true';
+            error.textContent = normalizedError;
+            error.title = normalizedError;
+            error.style.cssText = `
+                flex: 1 1 auto;
+                min-width: 0;
+                display: inline-flex;
+                align-items: center;
+                height: 22px;
+                padding: 0 9px;
+                border-radius: 999px;
+                border: 1px solid rgba(148, 163, 184, 0.22);
+                background: rgba(15, 23, 42, 0.05);
+                color: #334155;
+                font-size: 10px;
+                font-weight: 850;
+                line-height: 1;
+                letter-spacing: 0;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                white-space: nowrap;
+            `;
+            rail.appendChild(error);
+        }
+
         (items || []).forEach(item => {
             const tone = String(item?.tone || 'default');
             const row = document.createElement('div');
             row.dataset.remoteFleetStatusItem = item?.key || '';
             row.style.cssText = `
-                display: grid;
-                grid-template-columns: 7px minmax(0, 1fr) auto;
+                flex: 0 0 auto;
+                display: inline-flex;
                 align-items: center;
-                gap: 5px;
-                min-height: 16px;
+                gap: 4px;
+                height: 22px;
                 min-width: 0;
+                padding: 0 7px;
+                border-radius: 999px;
+                background: ${tone === 'online' ? 'rgba(16, 185, 129, 0.09)' : 'rgba(15, 23, 42, 0.04)'};
+                border: 1px solid ${tone === 'online' ? 'rgba(16, 185, 129, 0.18)' : 'rgba(148, 163, 184, 0.18)'};
             `;
 
             const dot = document.createElement('span');
             dot.style.cssText = `
-                width: 7px;
-                height: 7px;
+                flex: 0 0 auto;
+                width: 6px;
+                height: 6px;
                 border-radius: 999px;
                 background: ${tone === 'online' ? '#10b981' : tone === 'warn' ? '#f59e0b' : '#94a3b8'};
-                box-shadow: ${tone === 'online' ? '0 0 0 3px rgba(16, 185, 129, 0.12)' : 'none'};
+                box-shadow: ${tone === 'online' ? '0 0 0 2px rgba(16, 185, 129, 0.11)' : 'none'};
             `;
 
             const labelEl = document.createElement('span');
@@ -12270,7 +12357,7 @@
                 font-weight: 950;
                 line-height: 1;
                 letter-spacing: 0;
-                max-width: 76px;
+                max-width: 86px;
                 overflow: hidden;
                 text-overflow: ellipsis;
                 white-space: nowrap;
@@ -12314,7 +12401,9 @@
 
     function attachRemoteFleetTitleActions(bodyView, hostButton, stopHostButton, hostState) {
         const container = bodyView?.closest?.('.map-node-remote-fleet');
-        const header = container?.querySelector?.('.map-node-memo__header') || null;
+        const header = container?.querySelector?.('.template-card__header')
+            || container?.querySelector?.('.map-node-memo__header')
+            || null;
         const existingActions = header?.querySelector?.('[data-remote-fleet-title-actions="true"]') || null;
         existingActions?.remove?.();
 
@@ -12351,7 +12440,9 @@
         }
 
         if (header) {
-            header.style.gridTemplateColumns = '46px minmax(0, 1fr) auto';
+            header.style.gridTemplateColumns = header.classList?.contains?.('template-card__header')
+                ? '42px minmax(0, 1fr) auto'
+                : '46px minmax(0, 1fr) auto';
             header.appendChild(titleActions);
         } else {
             titleActions.style.alignSelf = 'flex-end';
@@ -13408,7 +13499,7 @@
                 value: String(aiCapableCount),
                 tone: aiCapableCount > 0 ? 'online' : 'default'
             }
-        ]);
+        ], lastError);
 
         const filterRow = document.createElement('div');
         filterRow.style.cssText = `
@@ -13890,23 +13981,6 @@
             bodyView.appendChild(livePanel);
         }
 
-        if (lastError.trim()) {
-            const errorEl = document.createElement('div');
-            errorEl.textContent = lastError;
-            errorEl.style.cssText = `
-                flex: 0 0 auto;
-                padding: 8px 10px;
-                border-radius: 7px;
-                background: rgba(248, 113, 113, 0.12);
-                color: #991b1b;
-                font-size: 12px;
-                line-height: 1.35;
-                font-weight: 700;
-                overflow-wrap: break-word;
-            `;
-            bodyView.appendChild(errorEl);
-        }
-
         const createDevicePreview = (device, mode = 'tile') => {
             const name = getRemoteFleetDeviceName(device);
             const connectedDevice = isRemoteFleetDeviceConnected(device);
@@ -15094,6 +15168,10 @@
     }
 
     function createMemoNodeElement(nodeModel) {
+        if (isRemoteFleetMonitorNode(nodeModel)) {
+            return createRemoteFleetTemplateNodeElement(nodeModel);
+        }
+
         const width = Number(nodeModel.width || 320);
         const height = Number(nodeModel.height || 240);
         const title = nodeModel.prompt ?? nodeModel.Prompt ?? '';
@@ -17428,6 +17506,10 @@
         const metadata = nodeModel.metadata ?? nodeModel.Metadata ?? {};
         const agentId = metadata?.agentId ?? metadata?.AgentId;
         const isAgentNode = nodeTypeLower.startsWith('agent_') || (agentId !== undefined && agentId !== null && String(agentId) !== '');
+        if (isRemoteFleetMonitorNode(nodeModel)) {
+            return createRemoteFleetTemplateNodeElement(nodeModel);
+        }
+
         if (contentTypeLower === 'templatelauncher') {
             return createTemplateLauncherNodeElement(nodeModel);
         }
@@ -17853,7 +17935,10 @@
         // ▼▼▼ [New] 템플릿이 없으면 동적으로 생성 (text/markdown 타입용) ▼▼▼
         // [FIX] hybrid overlay가 기대하는 구조를 보장하기 위해 text/markdown/note/memo는 동적 DOM을 강제합니다.
         const contentTypeLower = String(nodeModel.contentType ?? nodeModel.ContentType ?? '').toLowerCase();
-        if (contentTypeLower === 'text'
+        const remoteFleetMonitor = isRemoteFleetMonitorNode(nodeModel);
+        const visualContentTypeLower = remoteFleetMonitor ? 'templatelauncher' : contentTypeLower;
+        if (remoteFleetMonitor
+            || contentTypeLower === 'text'
             || contentTypeLower === 'markdown'
             || contentTypeLower === 'note'
             || contentTypeLower === 'memo'
@@ -17872,8 +17957,8 @@
             // But usually 'note' comes from Razor. If missing, we create it.
             const dynamicTypes = ['text', 'markdown', 'code', 'note', 'memo', 'templatelauncher', 'image', 'video', 'embed'];
 
-            if (dynamicTypes.includes(contentTypeLower)) {
-                log(`[MindMapCss3DManager] Creating dynamic DOM element for ${contentTypeLower} node ${nodeModel.id}`);
+            if (remoteFleetMonitor || dynamicTypes.includes(contentTypeLower)) {
+                log(`[MindMapCss3DManager] Creating dynamic DOM element for ${visualContentTypeLower || contentTypeLower} node ${nodeModel.id}`);
                 templateElement = createDynamicNodeElement(nodeModel);
                 isDynamicallyCreated = true;
             } else {
@@ -17971,7 +18056,7 @@
         // ▲▲▲ [Perf] ▲▲▲
 
         const wrapper = document.createElement('div');
-        const wrapperTypeClass = `node-type-${contentTypeLower || 'unknown'}`;
+        const wrapperTypeClass = `node-type-${visualContentTypeLower || 'unknown'}`;
         wrapper.className = `css3d-resolution-wrapper ${wrapperTypeClass}`;
         wrapper.style.width = `${width * resolutionScale}px`; // ★ [Fix] Scale wrapper size
         wrapper.style.height = `${height * resolutionScale}px`; // ★ [Fix] Scale wrapper size
@@ -18044,18 +18129,23 @@
             });
         }
 
-        if (String(nodeModel.contentType ?? nodeModel.ContentType ?? '').toLowerCase() === 'memo') {
+        if (String(nodeModel.contentType ?? nodeModel.ContentType ?? '').toLowerCase() === 'memo'
+            && !isRemoteFleetMonitorNode(nodeModel)) {
             bindMemoNodeEvents(clonedElement, nodeModel);
         }
-        if (String(nodeModel.contentType ?? nodeModel.ContentType ?? '').toLowerCase() === 'templatelauncher') {
+        if (String(nodeModel.contentType ?? nodeModel.ContentType ?? '').toLowerCase() === 'templatelauncher'
+            && !isRemoteFleetMonitorNode(nodeModel)) {
             bindTemplateLauncherNodeEvents(clonedElement, nodeModel);
         }
         wrapper.appendChild(clonedElement);
-        if (String(nodeModel.contentType ?? nodeModel.ContentType ?? '').toLowerCase() !== 'templatelauncher') {
+        if (String(nodeModel.contentType ?? nodeModel.ContentType ?? '').toLowerCase() !== 'templatelauncher'
+            || isRemoteFleetMonitorNode(nodeModel)) {
             appendCss3dResizeHitZones(wrapper, nodeModel);
         }
 
-        if (String(nodeModel.contentType ?? nodeModel.ContentType ?? '').toLowerCase() === 'memo' || isAgentStyledMemoNode(nodeModel)) {
+        if ((String(nodeModel.contentType ?? nodeModel.ContentType ?? '').toLowerCase() === 'memo'
+            && !isRemoteFleetMonitorNode(nodeModel))
+            || isAgentStyledMemoNode(nodeModel)) {
             applyMemoWrapperTheme(clonedElement, getMemoColorKey(nodeModel));
         }
 
@@ -18234,6 +18324,55 @@
             dividerEl.style.display = prompt ? (isLoading || hasContent ? 'block' : 'none') : 'none';
         }
 
+        if (isRemoteFleetMonitorNode(nodeModel)) {
+            el.classList.remove('node-type-memo', 'has-context-source-pins');
+            el.classList.add('node-type-templatelauncher');
+            el.dataset.contentType = 'templateLauncher';
+            el.style.overflow = 'hidden';
+
+            let card = el.querySelector('.map-node-template-card.map-node-remote-fleet');
+            if (!card) {
+                card = createRemoteFleetTemplateNodeElement(nodeModel);
+                card.id = `css3d-node-${nodeId}`;
+                card.style.display = '';
+                card.style.position = 'absolute';
+                card.style.left = '0px';
+                card.style.top = '0px';
+                card.style.transformOrigin = '0 0';
+                card.style.transition = 'none';
+                card.style.webkitTransition = 'none';
+                const firstChild = el.firstElementChild;
+                if (firstChild) {
+                    el.replaceChild(card, firstChild);
+                } else {
+                    el.prepend(card);
+                }
+            }
+
+            card.dataset.nodeId = nodeId;
+            card.dataset.semanticType = getNodeSemanticType(nodeModel);
+            card.style.width = `${worldWidth}px`;
+            card.style.height = `${worldHeight}px`;
+            card.style.minWidth = `${worldWidth}px`;
+            card.style.minHeight = `${worldHeight}px`;
+            card.style.maxWidth = `${worldWidth}px`;
+            card.style.maxHeight = `${worldHeight}px`;
+            card.style.transform = `scale(${resolutionScale})`;
+            card.style.transformOrigin = '0 0';
+
+            const titleEl = card.querySelector('.template-card__title');
+            if (titleEl) {
+                const nextTitle = String(prompt || 'Remote Fleet Monitor').trim() || 'Remote Fleet Monitor';
+                if (titleEl.textContent !== nextTitle) {
+                    titleEl.textContent = nextTitle;
+                }
+            }
+
+            const bodyView = card.querySelector('.template-card__remote-fleet-body');
+            renderRemoteFleetMonitor(bodyView, nodeModel);
+            return;
+        }
+
         if (contentTypeLower === 'memo') {
             const memoEl = el.querySelector('.map-node-memo');
             if (!memoEl) return;

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

@@ -104,7 +104,6 @@
         return semanticType === 'MindCanvasAgent'
             || semanticType === 'AgentCommand'
             || semanticType === BUSINESS_AUTOMATION_SEMANTIC_TYPE
-            || semanticType === REMOTE_FLEET_SEMANTIC_TYPE
             || semanticType === REMOTE_FLEET_DEVICE_SEMANTIC_TYPE;
     }
 

package/wwwroot/_framework/blazor.boot.json

@@ -1,7 +1,7 @@
 {
   "mainAssemblyName": "MindExecution.Web",
   "resources": {
-    "hash": "sha256-scsV40Knf96MECCS5TE6GBMBRc/aVh7dlYynMn/8Zjs=",
+    "hash": "sha256-3BNGeO97GJzZPWJKcxft//YyUghoJWfEleoPXAWQph8=",
     "fingerprinting": {
       "Google.Protobuf.9h59ukbel7.dll": "Google.Protobuf.dll",
       "Markdig.d1j7v41cl1.dll": "Markdig.dll",
@@ -127,12 +127,12 @@
       "MindExecution.Kernel.z56elxihok.dll": "MindExecution.Kernel.dll",
       "MindExecution.Plugins.Admin.p5cs4ap87v.dll": "MindExecution.Plugins.Admin.dll",
       "MindExecution.Plugins.Business.s35og5uz44.dll": "MindExecution.Plugins.Business.dll",
-      "MindExecution.Plugins.Concept.zczca3fsxz.dll": "MindExecution.Plugins.Concept.dll",
+      "MindExecution.Plugins.Concept.faidxooqle.dll": "MindExecution.Plugins.Concept.dll",
       "MindExecution.Plugins.Directory.y74f55e8x3.dll": "MindExecution.Plugins.Directory.dll",
-      "MindExecution.Plugins.PlanMaster.jpdwbefrh1.dll": "MindExecution.Plugins.PlanMaster.dll",
-      "MindExecution.Plugins.YouTube.8nz4wv2nsj.dll": "MindExecution.Plugins.YouTube.dll",
-      "MindExecution.Shared.ihh8mkcn5x.dll": "MindExecution.Shared.dll",
-      "MindExecution.Web.0cs29v57jl.dll": "MindExecution.Web.dll",
+      "MindExecution.Plugins.PlanMaster.xfcd3pwd7p.dll": "MindExecution.Plugins.PlanMaster.dll",
+      "MindExecution.Plugins.YouTube.78s7dilkza.dll": "MindExecution.Plugins.YouTube.dll",
+      "MindExecution.Shared.hse89ibcyq.dll": "MindExecution.Shared.dll",
+      "MindExecution.Web.p1v0ug5h4f.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.6rfnfdndxq.dll": "sha256-giL4rreoKsQoQ5gkLusNx7oL3w1l2UH52TYY1KBoIfQ=",
       "MindExecution.Kernel.z56elxihok.dll": "sha256-STATJelRGcW9SDGgsw6YmQi6tkQje52dy4lyT3QU4qs=",
-      "MindExecution.Plugins.Concept.zczca3fsxz.dll": "sha256-A2RXdS42+UEr63Y54dc1OVeyowZIF7zUghMKuE2x11w=",
-      "MindExecution.Plugins.PlanMaster.jpdwbefrh1.dll": "sha256-Z6B9yXEfheo7LEUPAbjvd5xfl1B218Gu4EVRfleOvWg=",
-      "MindExecution.Shared.ihh8mkcn5x.dll": "sha256-es97rs5TlDn5BgQqMBlWgIB0cflLmVW2shEwS3Wbajs=",
-      "MindExecution.Web.0cs29v57jl.dll": "sha256-EG83w5NgZ5KzydPFrgZjTWm9BJJoX8RrOhqX81B2KPs="
+      "MindExecution.Plugins.Concept.faidxooqle.dll": "sha256-177f2QdWAeNbJvUOInKfZ/A6AGWzRqbge3x6ePcBDpI=",
+      "MindExecution.Plugins.PlanMaster.xfcd3pwd7p.dll": "sha256-PaeGgCgIzD09cq0h3SywgwHpIOkmyZ9bV3ArDCOWbpo=",
+      "MindExecution.Shared.hse89ibcyq.dll": "sha256-HyIJGWol5LmyLiefR4XpyKXtgpidf6Vr4pN/0hPskHA=",
+      "MindExecution.Web.p1v0ug5h4f.dll": "sha256-07TGezQJ2CbX3lpW2Qou4T/rJi4GFWmBv545YHiXfVk="
     },
     "lazyAssembly": {
       "MindExecution.Plugins.Admin.p5cs4ap87v.dll": "sha256-jahiJxaiE8hwMyRcg6rZGo4WBhBGFyAHYhOqlKjawWg=",
       "MindExecution.Plugins.Business.s35og5uz44.dll": "sha256-KOyk9eC6E/Gyfz2uWucHQmAayMQbShhLTqEymZFleh4=",
       "MindExecution.Plugins.Directory.y74f55e8x3.dll": "sha256-4gMuhIPLiX31U+jwhDT83rSPqZINONadmW+cvujfq1g=",
-      "MindExecution.Plugins.YouTube.8nz4wv2nsj.dll": "sha256-dGlPW4FbXRcNEJi+KMYkd7CfAN2jv3Lp39KVp5wzu70="
+      "MindExecution.Plugins.YouTube.78s7dilkza.dll": "sha256-p4/WQZuUrLU9A/tUFh4J9I5vw15MjWZ3Tvs0v1oPbhY="
     }
   },
   "cacheBootResources": true,

package/wwwroot/index.html

@@ -558,7 +558,7 @@
             }
 
             const base = '_content/MindExecution.Shared/js/';
-            const scriptVersion = '20260613-remote-status-rail-v495';
+            const scriptVersion = '20260613-remote-status-footer-v498';
             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":  "RMyUd5ec",
+    "version":  "bj3XSoYW",
     "assets":  [
                    {
                        "hash":  "sha256-+CSYMcqLNTsq3VnH11jgYyOCCdxvHzL74CBmo4sCmMU=",
@@ -42,7 +42,7 @@
                        "url":  "_content/MindExecution.Shared/css/app.css"
                    },
                    {
-                       "hash":  "sha256-8c4EBD7ciaWPLPydbFB44+kg/t5LYC0wVUO7GM0eHHs=",
+                       "hash":  "sha256-SwiYCegnTRFedhTd9xEwvhhTJc7L4RbYTrP8KnQ+yjE=",
                        "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-S8H0KuKhx8Fhbt07w1LBGxnBjT4km99JHDxzrHVFVho=",
+                       "hash":  "sha256-wA7GDKMviFGPIS+XIFaOKL57XgwYI5rm8uCzK3lbJ4Q=",
                        "url":  "_content/MindExecution.Shared/js/mind-map-css3d-manager.js"
                    },
                    {
@@ -134,7 +134,7 @@
                        "url":  "_content/MindExecution.Shared/js/mind-map-node-search-worker.js"
                    },
                    {
-                       "hash":  "sha256-VTAgwmg02CIzBkl/jETeQ45ZTIx/QEfxdeeMnklK2xI=",
+                       "hash":  "sha256-tcCpe0R8MVaT0B7nTN9owN5u6Nv547c0UTMGKnfiXpo=",
                        "url":  "_content/MindExecution.Shared/js/mind-map-nodes.js"
                    },
                    {
@@ -426,28 +426,28 @@
                        "url":  "_framework/MindExecution.Plugins.Business.s35og5uz44.dll"
                    },
                    {
-                       "hash":  "sha256-A2RXdS42+UEr63Y54dc1OVeyowZIF7zUghMKuE2x11w=",
-                       "url":  "_framework/MindExecution.Plugins.Concept.zczca3fsxz.dll"
+                       "hash":  "sha256-177f2QdWAeNbJvUOInKfZ/A6AGWzRqbge3x6ePcBDpI=",
+                       "url":  "_framework/MindExecution.Plugins.Concept.faidxooqle.dll"
                    },
                    {
                        "hash":  "sha256-4gMuhIPLiX31U+jwhDT83rSPqZINONadmW+cvujfq1g=",
                        "url":  "_framework/MindExecution.Plugins.Directory.y74f55e8x3.dll"
                    },
                    {
-                       "hash":  "sha256-Z6B9yXEfheo7LEUPAbjvd5xfl1B218Gu4EVRfleOvWg=",
-                       "url":  "_framework/MindExecution.Plugins.PlanMaster.jpdwbefrh1.dll"
+                       "hash":  "sha256-PaeGgCgIzD09cq0h3SywgwHpIOkmyZ9bV3ArDCOWbpo=",
+                       "url":  "_framework/MindExecution.Plugins.PlanMaster.xfcd3pwd7p.dll"
                    },
                    {
-                       "hash":  "sha256-dGlPW4FbXRcNEJi+KMYkd7CfAN2jv3Lp39KVp5wzu70=",
-                       "url":  "_framework/MindExecution.Plugins.YouTube.8nz4wv2nsj.dll"
+                       "hash":  "sha256-p4/WQZuUrLU9A/tUFh4J9I5vw15MjWZ3Tvs0v1oPbhY=",
+                       "url":  "_framework/MindExecution.Plugins.YouTube.78s7dilkza.dll"
                    },
                    {
-                       "hash":  "sha256-es97rs5TlDn5BgQqMBlWgIB0cflLmVW2shEwS3Wbajs=",
-                       "url":  "_framework/MindExecution.Shared.ihh8mkcn5x.dll"
+                       "hash":  "sha256-HyIJGWol5LmyLiefR4XpyKXtgpidf6Vr4pN/0hPskHA=",
+                       "url":  "_framework/MindExecution.Shared.hse89ibcyq.dll"
                    },
                    {
-                       "hash":  "sha256-EG83w5NgZ5KzydPFrgZjTWm9BJJoX8RrOhqX81B2KPs=",
-                       "url":  "_framework/MindExecution.Web.0cs29v57jl.dll"
+                       "hash":  "sha256-07TGezQJ2CbX3lpW2Qou4T/rJi4GFWmBv545YHiXfVk=",
+                       "url":  "_framework/MindExecution.Web.p1v0ug5h4f.dll"
                    },
                    {
                        "hash":  "sha256-IsZJ91/OW+fHzNqIgEc7Y072ns8z9dGritiSyvR9Wgc=",
@@ -770,7 +770,7 @@
                        "url":  "_framework/Websocket.Client.vapounvmnl.dll"
                    },
                    {
-                       "hash":  "sha256-F7qorSpP5AuTT8FXK8Ya++UIan89IZHyuh+KPEHYUoA=",
+                       "hash":  "sha256-c2H0026f7tTv+gbbQCZt1/VMd200vEuF95yAiIZ1ydU=",
                        "url":  "_framework/blazor.boot.json"
                    },
                    {
@@ -834,7 +834,7 @@
                        "url":  "image-manifest.json"
                    },
                    {
-                       "hash":  "sha256-t14gn/m71KgCPH/qD7JKdV9e5WD4DsQVpId/vGYdorE=",
+                       "hash":  "sha256-DnjQ0S/JwJSnNvxVlB8B3VSxBcrtCmulbGRdjQZqsLg=",
                        "url":  "index.html"
                    },
                    {

package/wwwroot/service-worker.js

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