@mindexec/cli 0.2.445 → 0.2.447

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

@@ -826,6 +826,32 @@
                 cursor: grab;
             }
 
+            .css3d-resolution-wrapper:not(.is-text-selection-owner) .node-response,
+            .css3d-resolution-wrapper:not(.is-text-selection-owner) .code-body,
+            .css3d-resolution-wrapper:not(.is-text-selection-owner) .text-content,
+            .css3d-resolution-wrapper:not(.is-text-selection-owner) .markdown-body,
+            .css3d-resolution-wrapper:not(.is-text-selection-owner) .csv-table-scroll,
+            .css3d-resolution-wrapper:not(.is-text-selection-owner) textarea,
+            .css3d-resolution-wrapper:not(.is-text-selection-owner) .map-node-memo__title,
+            .css3d-resolution-wrapper:not(.is-text-selection-owner) .map-node-memo__body,
+            .css3d-resolution-wrapper:not(.is-text-selection-owner) .map-node-memo__body-view {
+                user-select: none !important;
+                -webkit-user-select: none !important;
+            }
+
+            .css3d-resolution-wrapper.is-text-selection-owner .node-response,
+            .css3d-resolution-wrapper.is-text-selection-owner .code-body,
+            .css3d-resolution-wrapper.is-text-selection-owner .text-content,
+            .css3d-resolution-wrapper.is-text-selection-owner .markdown-body,
+            .css3d-resolution-wrapper.is-text-selection-owner .csv-table-scroll,
+            .css3d-resolution-wrapper.is-text-selection-owner textarea,
+            .css3d-resolution-wrapper.is-text-selection-owner .map-node-memo__title,
+            .css3d-resolution-wrapper.is-text-selection-owner .map-node-memo__body,
+            .css3d-resolution-wrapper.is-text-selection-owner .map-node-memo__body-view {
+                user-select: text !important;
+                -webkit-user-select: text !important;
+            }
+
             .css3d-resolution-wrapper.node-type-image,
             .css3d-resolution-wrapper.node-type-video,
             .css3d-resolution-wrapper.node-type-embed,
@@ -4689,9 +4715,6 @@
     const TEXT_OVERLAY_MAX_CANDIDATES = 6;
     const TEXT_OVERLAY_MAX_VISIBLE = 2;
     const TEXT_OVERLAY_OVERLAP_PADDING = 10;
-    const TEXT_OVERLAY_SOURCE_SUSPENDED_CLASS = 'mind-map-text-overlay-source-suspended';
-    const TEXT_OVERLAY_SOURCE_SUSPENDED_ATTR = 'data-text-overlay-source-suspended';
-    const TEXT_OVERLAY_SOURCE_STYLE_STATE = new WeakMap();
     const EDIT_OVERLAY_SUPPORTED_TYPES = new Set(['memo', 'note']);
 
     function hexToRgb(hexColor) {
@@ -5005,354 +5028,45 @@
             || getTextOverlayHostElement(nodeEntry);
     }
 
-    function getTextOverlaySourceTargets(nodeEntry) {
-        if (!nodeEntry?.cssObject?.element || !supportsTextOverlay(nodeEntry.model)) {
-            return [];
-        }
-
-        if (getTextOverlayRenderMode(nodeEntry) === 'memo') {
-            const host = getTextOverlayHostElement(nodeEntry);
-            if (!host) {
-                return [];
-            }
-
-            return [
-                host.querySelector('.map-node-memo__title'),
-                host.querySelector('.map-node-memo__body-view')
-            ].filter(element =>
-                !!element && (element.style.display !== 'none' || element.offsetWidth > 0 || element.offsetHeight > 0));
-        }
-
-        const root = getTextOverlayRootElement(nodeEntry);
-        if (!root?.children?.length) {
-            return [];
-        }
-
-        return Array.from(root.children).filter(element =>
-            !!element
-            && !element.classList?.contains?.('resize-handle')
-            && (element.style.display !== 'none' || element.offsetWidth > 0 || element.offsetHeight > 0));
-    }
-
-    function ensureTextOverlaySourceStyleState(element) {
-        if (!element) {
-            return null;
-        }
-
-        let state = TEXT_OVERLAY_SOURCE_STYLE_STATE.get(element) || null;
-        if (!state) {
-            state = {
-                opacity: element.style.opacity,
-                pointerEvents: element.style.pointerEvents,
-                userSelect: element.style.userSelect,
-                webkitUserSelect: element.style.webkitUserSelect,
-                caretColor: element.style.caretColor,
-                contentVisibility: element.style.contentVisibility,
-                containIntrinsicSize: element.style.containIntrinsicSize,
-                contain: element.style.contain
-            };
-            TEXT_OVERLAY_SOURCE_STYLE_STATE.set(element, state);
-        }
-
-        return state;
-    }
-
-    function resetTextOverlaySourcePresentation(element) {
-        if (!element) {
-            return;
-        }
-
-        element.classList?.remove?.(TEXT_OVERLAY_SOURCE_SUSPENDED_CLASS);
-        element.removeAttribute?.(TEXT_OVERLAY_SOURCE_SUSPENDED_ATTR);
-        element.style.opacity = '';
-        element.style.pointerEvents = '';
-        element.style.userSelect = '';
-        element.style.webkitUserSelect = '';
-        element.style.caretColor = '';
-        element.style.contentVisibility = '';
-        element.style.containIntrinsicSize = '';
-        element.style.contain = '';
-    }
-
-    function suspendTextOverlaySourceTarget(element) {
-        if (!element) {
-            return;
-        }
-
-        ensureTextOverlaySourceStyleState(element);
-
-        const rect = element.getBoundingClientRect();
-        const width = Math.max(1, Math.round(Number(rect.width || element.offsetWidth || 1)));
-        const height = Math.max(1, Math.round(Number(rect.height || element.offsetHeight || 1)));
-
-        element.classList?.add?.(TEXT_OVERLAY_SOURCE_SUSPENDED_CLASS);
-        element.setAttribute?.(TEXT_OVERLAY_SOURCE_SUSPENDED_ATTR, 'true');
-        element.style.pointerEvents = 'none';
-        element.style.userSelect = 'none';
-        element.style.webkitUserSelect = 'none';
-        element.style.caretColor = 'transparent';
-        element.style.opacity = '0';
-        element.style.contain = 'layout style paint';
-        // Keep scroll metrics alive while the overlay clone is visible. If this
-        // becomes content-visibility:hidden, scrollHeight/clientHeight collapse
-        // and overlay scroll can no longer be mapped back to CSS3D accurately.
-        element.style.contentVisibility = 'visible';
-        element.style.containIntrinsicSize = '';
-    }
-
-    function restoreTextOverlaySourceTarget(element) {
-        if (!element) {
-            return;
-        }
-
-        const state = TEXT_OVERLAY_SOURCE_STYLE_STATE.get(element) || null;
-        if (!state) {
-            resetTextOverlaySourcePresentation(element);
-            return;
-        }
-
-        element.classList?.remove?.(TEXT_OVERLAY_SOURCE_SUSPENDED_CLASS);
-        element.removeAttribute?.(TEXT_OVERLAY_SOURCE_SUSPENDED_ATTR);
-        element.style.opacity = state.opacity;
-        element.style.pointerEvents = state.pointerEvents;
-        element.style.userSelect = state.userSelect;
-        element.style.webkitUserSelect = state.webkitUserSelect;
-        element.style.caretColor = state.caretColor;
-        element.style.contentVisibility = state.contentVisibility;
-        element.style.containIntrinsicSize = state.containIntrinsicSize;
-        element.style.contain = state.contain;
-        TEXT_OVERLAY_SOURCE_STYLE_STATE.delete(element);
-    }
-
-    function stripTextOverlayPresentationOverrides(root) {
-        if (!root) {
-            return;
-        }
-
-        const resetTarget = element => {
-            if (!element) {
-                return;
-            }
-
-            resetTextOverlaySourcePresentation(element);
-        };
-
-        if (root.hasAttribute?.(TEXT_OVERLAY_SOURCE_SUSPENDED_ATTR) || root.classList?.contains?.(TEXT_OVERLAY_SOURCE_SUSPENDED_CLASS)) {
-            resetTarget(root);
-        }
-        root.querySelectorAll?.(`[${TEXT_OVERLAY_SOURCE_SUSPENDED_ATTR}], .${TEXT_OVERLAY_SOURCE_SUSPENDED_CLASS}`)?.forEach?.(resetTarget);
-    }
-
-    function getNativeTextSelectionSourceNodeId(module) {
-        return String(module?._nativeTextSelectionSourceNodeId || '').trim();
-    }
-
-    function hasNativeTextSelectionSource(module, nodeId = null) {
-        const activeId = getNativeTextSelectionSourceNodeId(module);
-        if (!activeId) {
-            return false;
-        }
-
-        if (nodeId === null) {
-            return true;
-        }
-
-        return activeId === String(nodeId || '').trim();
-    }
-
-    function activateNativeTextSelectionSource(module, nodeId) {
-        const id = String(nodeId || '').trim();
-        if (!module || !id) {
-            return false;
-        }
-
-        module._nativeTextSelectionSourceNodeId = id;
-        ensureTextOverlaySourceVisible(module, id);
-        return true;
-    }
-
-    function clearNativeTextSelectionSource(module, nodeId = null) {
-        const activeId = getNativeTextSelectionSourceNodeId(module);
-        const requestedId = nodeId === null ? activeId : String(nodeId || '').trim();
-        if (!module || !activeId || !requestedId || activeId !== requestedId) {
-            return false;
-        }
-
-        module._nativeTextSelectionSourceNodeId = null;
-        return true;
-    }
-
-    function isTextOverlaySelectionNode(module, nodeEntry) {
-        const contentType = String(nodeEntry?.model?.contentType ?? nodeEntry?.model?.ContentType ?? '').toLowerCase();
-        if (contentType !== 'text' && contentType !== 'markdown') {
-            return false;
-        }
-
-        const nodeId = String(getNodeId(nodeEntry?.model) || '').trim();
-        return hasNativeTextSelectionSource(module, nodeId);
-    }
-
-    function setTextOverlaySourceActive(nodeEntry, isActive) {
-        if (isCss3dMediaNode(nodeEntry?.model)) {
-            restoreCss3dMediaOverlayState(nodeEntry.model, nodeEntry.cssObject);
-            nodeEntry._textOverlayActive = false; nodeEntry._css3dSourceSuspended = false;
-            return;
-        }
-
-        const host = getTextOverlayHostElement(nodeEntry);
-        if (!host?.classList) {
-            return;
-        }
-
-        host.classList.toggle('mind-map-text-overlay-active', !!isActive);
-        getTextOverlaySourceTargets(nodeEntry).forEach(target => {
-            if (isActive) {
-                suspendTextOverlaySourceTarget(target);
-            } else {
-                restoreTextOverlaySourceTarget(target);
-            }
-        });
-        nodeEntry._textOverlayActive = nodeEntry._css3dSourceSuspended = !!isActive;
-    }
-
-    function getTextOverlayPlacementInfo(module, element) {
-        if (!module?.container || !element) {
-            return null;
-        }
-
-        const rect = element.getBoundingClientRect();
-        const containerRect = module.container.getBoundingClientRect();
-        const width = Math.max(0, rect.width || 0);
-        const height = Math.max(0, rect.height || 0);
-        if (width < 1 || height < 1) {
-            return null;
-        }
-
-        return {
-            left: rect.left - containerRect.left,
-            top: rect.top - containerRect.top,
-            width,
-            height,
-            baseWidth: Math.max(1, Number(element.offsetWidth || width || 1)),
-            baseHeight: Math.max(1, Number(element.offsetHeight || height || 1)),
-            right: rect.left - containerRect.left + width,
-            bottom: rect.top - containerRect.top + height
-        };
-    }
-
-    function doesTextOverlayRectOverlap(a, b, padding = 0) {
-        if (!a || !b) {
-            return false;
-        }
-
-        const inset = Number.isFinite(Number(padding)) ? Number(padding) : 0;
-        return !(
-            (a.left + a.width + inset) < b.left
-            || (b.left + b.width + inset) < a.left
-            || (a.top + a.height + inset) < b.top
-            || (b.top + b.height + inset) < a.top
-        );
-    }
-
-    function isTextOverlayPlacementVisible(module, placement, options = {}) {
-        if (!module?.container || !placement) {
-            return false;
-        }
-
-        const { ignoreMinSize = false } = options;
-        if (!ignoreMinSize && (placement.width < TEXT_OVERLAY_MIN_WIDTH || placement.height < TEXT_OVERLAY_MIN_HEIGHT)) {
-            return false;
-        }
-
-        const maxWidth = Number(module.container.clientWidth || 0);
-        const maxHeight = Number(module.container.clientHeight || 0);
-        if (!(maxWidth > 0) || !(maxHeight > 0)) {
-            return false;
-        }
-
-        return !(
-            placement.right < 0
-            || placement.left > maxWidth
-            || placement.bottom < 0
-            || placement.top > maxHeight
-        );
-    }
-
-    function getTextOverlayPriority(module, nodeEntry) {
-        const nodeModel = nodeEntry?.model;
-        const nodeId = String(getNodeId(nodeModel) || '').trim();
-        if (!nodeModel || !nodeId) {
-            return Number.NEGATIVE_INFINITY;
-        }
-
-        let priority = 0;
-        if (String(module?.selectedNodeIdJs || '').trim() === nodeId) {
-            priority += 100000;
-        } else if (module?.multiSelectedNodeIds?.has?.(nodeId)) {
-            priority += 50000;
-        }
-
-        const width = Math.max(1, Number(nodeModel?.width || nodeModel?.Width || 0));
-        const height = Math.max(1, Number(nodeModel?.height || nodeModel?.Height || 0));
-        priority += Math.min(6000, (width * height) / 18);
-
-        if (module?.camera) {
-            const centerX = Number(nodeModel?.positionX ?? nodeModel?.PositionX ?? nodeModel?.x ?? nodeModel?.X ?? 0) + (width * 0.5);
-            const centerY = Number(nodeModel?.positionY ?? nodeModel?.PositionY ?? nodeModel?.y ?? nodeModel?.Y ?? 0) - (height * 0.5);
-            const dx = Math.abs(centerX - Number(module.camera.position?.x || 0));
-            const dy = Math.abs(centerY - Number(module.camera.position?.y || 0));
-            priority += Math.max(0, 24000 - (dx + dy));
-        }
-
-        const zIndex = Number(nodeEntry?.cssObject?.element?.style?.zIndex || 0);
-        if (Number.isFinite(zIndex)) {
-            priority += zIndex * 10;
-        }
-
-        return priority;
-    }
-
-    function isAlwaysTextOverlayNode(nodeEntry) {
-        const contentType = String(nodeEntry?.model?.contentType ?? nodeEntry?.model?.ContentType ?? '').toLowerCase();
-        return contentType === 'markdown' || contentType === 'text';
-    }
-
-    function getTextOverlayContentSignature(nodeEntry) {
-        const model = nodeEntry?.model || {};
-        const contentType = String(model.contentType ?? model.ContentType ?? '').toLowerCase();
-        const prompt = String(model.prompt ?? model.Prompt ?? '');
-        const response = String(model.response ?? model.Response ?? '');
-        const isLoading = (model.isLoading ?? model.IsLoading ?? false) ? '1' : '0';
-        const width = Math.max(0, Number(model.width ?? model.Width ?? 0));
-        const height = Math.max(0, Number(model.height ?? model.Height ?? 0));
-        return `${contentType}||${prompt}||${response}||${isLoading}||${width}||${height}`;
-    }
-
-    function getTextOverlayLayoutSignature(sourceElement, mode = 'full', hostPlacement = null) {
-        if (!sourceElement) {
-            return '';
-        }
+    const {
+        getTextOverlaySourceTargets,
+        ensureTextOverlaySourceStyleState,
+        resetTextOverlaySourcePresentation,
+        suspendTextOverlaySourceTarget,
+        restoreTextOverlaySourceTarget,
+        stripTextOverlayPresentationOverrides,
+        getNativeTextSelectionSourceNodeId,
+        hasNativeTextSelectionSource,
+        setNativeTextSelectionOwnerClass,
+        activateNativeTextSelectionSource,
+        clearNativeTextSelectionSource,
+        isTextOverlaySelectionNode,
+        setTextOverlaySourceActive
+    } = window.MindMapCss3dHotPath.installTextSource({
+        getModule: () => _module,
+        supportsTextOverlay,
+        getTextOverlayRenderMode,
+        getTextOverlayHostElement,
+        getTextOverlayRootElement,
+        isCss3dMediaNode,
+        restoreCss3dMediaOverlayState,
+        ensureTextOverlaySourceVisible,
+        getNodeId
+    });
 
-        if (mode === 'memo') {
-            const titleInput = sourceElement.querySelector('.map-node-memo__title');
-            const bodyView = sourceElement.querySelector('.map-node-memo__body-view');
-            const hostWidth = Math.round(Number(hostPlacement?.baseWidth || sourceElement.offsetWidth || 0));
-            const hostHeight = Math.round(Number(hostPlacement?.baseHeight || sourceElement.offsetHeight || 0));
-            const titleSignature = titleInput
-                ? `${titleInput.offsetLeft}:${titleInput.offsetTop}:${titleInput.offsetWidth}:${titleInput.offsetHeight}:${titleInput.style.display}`
-                : 'title:none';
-            const bodySignature = bodyView
-                ? `${bodyView.offsetLeft}:${bodyView.offsetTop}:${bodyView.offsetWidth}:${bodyView.offsetHeight}:${bodyView.style.display}`
-                : 'body:none';
-            return `${mode}||${hostWidth}x${hostHeight}||${titleSignature}||${bodySignature}`;
-        }
-
-        const rootWidth = Math.round(Number(sourceElement.offsetWidth || 0));
-        const rootHeight = Math.round(Number(sourceElement.offsetHeight || 0));
-        const childSignature = Array.from(sourceElement.children || []).map(child =>
-            `${child.tagName}:${child.offsetWidth}:${child.offsetHeight}:${child.style.display}`).join('|');
-        return `${mode}||${rootWidth}x${rootHeight}||${childSignature}`;
-    }
+    const {
+        getTextOverlayPlacementInfo,
+        doesTextOverlayRectOverlap,
+        isTextOverlayPlacementVisible,
+        getTextOverlayPriority,
+        isAlwaysTextOverlayNode,
+        getTextOverlayContentSignature,
+        getTextOverlayLayoutSignature
+    } = window.MindMapCss3dHotPath.installOverlayGeometry({
+        getNodeId,
+        minWidth: TEXT_OVERLAY_MIN_WIDTH,
+        minHeight: TEXT_OVERLAY_MIN_HEIGHT
+    });
 
     function stripOverlayCloneIds(root) {
         if (!root) {
@@ -14923,6 +14637,7 @@
     const remoteFleetHostLeaseTimers = new Map();
     const remoteFleetLocalHostTargets = new Map();
     const remoteFleetBinaryFrameSessions = new Map();
+    const remoteFleetAtlasSessions = new Map();
     const remoteFleetLatestBinaryFrames = new Map();
     const remoteFleetFrameBlobCache = new Map();
     let remoteFleetBridgeStatusPromise = null;
@@ -15137,6 +14852,7 @@
         closeRemoteFleetControlNodeSession(bodyView, 'clear');
         if (options.keepBinaryFrameSocket !== true) {
             releaseRemoteFleetBinaryFrameSocket(bodyView);
+            releaseRemoteFleetAtlasSocket(bodyView);
         }
         if (bodyView._remoteFleetLiveRefreshTimer) {
             clearInterval(bodyView._remoteFleetLiveRefreshTimer);
@@ -15252,6 +14968,17 @@
         return url.toString();
     }
 
+    function buildRemoteFleetAtlasWsUrl(status) {
+        const baseUrl = String(status?.__remoteFleetBridgeBaseUrl || window.location?.origin || '').trim();
+        const path = String(status?.remoteAtlasWsPath || '/api/remote/atlas/ws').trim() || '/api/remote/atlas/ws';
+        if (!baseUrl) return '';
+        const url = new URL(path, baseUrl);
+        url.protocol = url.protocol === 'https:' ? 'wss:' : 'ws:';
+        const bridgeToken = String(status?.bridgeToken || '').trim();
+        if (bridgeToken) url.searchParams.set('token', bridgeToken);
+        return url.toString();
+    }
+
     async function parseRemoteFleetBinaryFrameMessage(data) {
         let buffer = null;
         if (data instanceof ArrayBuffer) {
@@ -15923,6 +15650,100 @@
         }
     }
 
+    function paintRemoteFleetAtlasFrame(session, frame) {
+        const atlasCanvas = session?.atlasCanvas;
+        const tiles = Array.isArray(session?.layout?.tiles) ? session.layout.tiles : [];
+        if (!atlasCanvas || tiles.length === 0) return;
+        const targets = new Set();
+        session.bodies.forEach(body => getRemoteFleetFramePatchTargets(body).forEach(target => targets.add(target)));
+        const tileByDevice = new Map(tiles.map(tile => [String(tile.deviceId || '').trim(), tile]));
+        targets.forEach(target => {
+            target.querySelectorAll('[data-remote-fleet-device-preview]').forEach(preview => {
+                const tile = tileByDevice.get(String(preview.dataset.deviceId || '').trim());
+                if (!tile) return;
+                const canvas = ensureRemoteFleetFrameCanvas(preview);
+                const width = Math.max(1, Number(tile.width || 0) | 0);
+                const height = Math.max(1, Number(tile.height || 0) | 0);
+                canvas.width = width;
+                canvas.height = height;
+                const context = canvas.getContext('2d', { alpha: false, desynchronized: true });
+                context?.drawImage(atlasCanvas, Number(tile.x || 0), Number(tile.y || 0), width, height, 0, 0, width, height);
+                canvas.style.display = 'block';
+                const image = preview.querySelector?.('img[data-remote-fleet-frame-image="true"]');
+                if (image) image.style.display = 'none';
+                preview.dataset.remoteFleetFrameKind = 'live';
+                preview.dataset.remoteFleetFrameSeq = String(frame.frameSeq || 0);
+                preview.dataset.remoteFleetFrameUrl = '';
+                preview.dataset.remoteFleetHasFrame = 'true';
+            });
+        });
+        window.RuntimeTrace?.emit?.('remote.atlas.painted', { nodeId: session.nodeId, frameSeq: frame.frameSeq || 0, tiles: tiles.length });
+    }
+
+    function startRemoteFleetAtlasSocket(bodyView, getDeviceIds, options = {}) {
+        const nodeId = String(bodyView?.dataset?.nodeId || '').trim();
+        if (!nodeId || typeof WebSocket !== 'function') return false;
+        let session = remoteFleetAtlasSessions.get(nodeId);
+        if (!session) {
+            session = { nodeId, bodies: new Set(), ws: null, wsOpening: false, getDeviceIds: null, layout: null, atlasCanvas: document.createElement('canvas'), fallbackStarted: false };
+            remoteFleetAtlasSessions.set(nodeId, session);
+        }
+        session.bodies.add(bodyView);
+        session.getDeviceIds = getDeviceIds;
+        session.options = { fps: 20, width: Number(options.width || 1920) || 1920, height: Number(options.height || 1080) || 1080, tileWidth: Number(options.tileWidth || 320) || 320, tileHeight: Number(options.tileHeight || 180) || 180 };
+        const fallback = () => {
+            if (session.fallbackStarted) return;
+            session.fallbackStarted = true;
+            try { session.ws?.close?.(); } catch { /* encoder failure fallback */ }
+            session.bodies.forEach(body => startRemoteFleetBinaryFrameSocket(body, session.getDeviceIds, { autoStartLive: true, fps: 20, maxWidth: 960, maxHeight: 540, quality: 60, mode: 'mode2-lzo', streamPurpose: 'wall' }));
+            window.RuntimeTrace?.emit?.('remote.atlas.fallback', { nodeId: session.nodeId, mode: 'mode2-lzo' });
+        };
+        session.fallback = fallback;
+        if (session.ws || session.wsOpening) return true;
+        session.wsOpening = true;
+        getRemoteFleetBridgeStatusForFrames().then(status => {
+            const wsUrl = buildRemoteFleetAtlasWsUrl(status);
+            if (!wsUrl) throw new Error('remote-atlas-ws-url-unavailable');
+            const ws = new WebSocket(wsUrl);
+            session.ws = ws;
+            ws.binaryType = 'arraybuffer';
+            ws.onopen = () => {
+                session.wsOpening = false;
+                ws.send(JSON.stringify({ type: 'configure', deviceIds: getRemoteFleetBinaryFrameDeviceIds(session), fps: 20, width: session.options.width, height: session.options.height, tileWidth: session.options.tileWidth, tileHeight: session.options.tileHeight }));
+                window.RuntimeTrace?.emit?.('remote.atlas.wsOpen', { nodeId: session.nodeId });
+            };
+            ws.onmessage = event => {
+                if (typeof event.data === 'string') {
+                    try {
+                        const payload = JSON.parse(event.data);
+                        if (payload?.type === 'Mode4AtlasLayout') session.layout = payload;
+                        if (payload?.type === 'Mode4AtlasStatus' && (payload.state === 'error' || payload.error)) fallback();
+                    } catch { /* ignore status text */ }
+                    return;
+                }
+                parseRemoteFleetBinaryFrameMessage(event.data).then(frame => {
+                    if (!frame || String(frame.frameMode || frame.mode || '').toLowerCase() !== 'mode4-h264-atlas') return;
+                    session.atlasCanvas.width = Number(frame.width || session.options.width) || session.options.width;
+                    session.atlasCanvas.height = Number(frame.height || session.options.height) || session.options.height;
+                    window.MindExecRemoteCodecs?.decodeH264Frame?.(session.atlasCanvas, frame, () => paintRemoteFleetAtlasFrame(session, frame));
+                }).catch(() => undefined);
+            };
+            ws.onerror = () => { fallback(); try { ws.close(); } catch {} };
+            ws.onclose = () => { session.wsOpening = false; if (session.ws === ws) session.ws = null; if (!session.fallbackStarted) fallback(); };
+        }).catch(error => { session.wsOpening = false; fallback(); window.RuntimeTrace?.emit?.('remote.atlas.wsOpenFailed', { nodeId, error: error?.message || String(error || '') }); });
+        return true;
+    }
+
+    function releaseRemoteFleetAtlasSocket(bodyView) {
+        const nodeId = String(bodyView?.dataset?.nodeId || '').trim();
+        const session = nodeId ? remoteFleetAtlasSessions.get(nodeId) : null;
+        if (!session) return;
+        session.bodies.delete(bodyView);
+        if (session.bodies.size > 0) return;
+        try { session.ws?.close?.(); } catch {}
+        remoteFleetAtlasSessions.delete(nodeId);
+    }
+
     function startRemoteFleetBinaryFrameSocket(bodyView, getDeviceIds, options = {}) {
         const nodeId = String(bodyView?.dataset?.nodeId || '').trim();
         if (!nodeId || typeof WebSocket !== 'function') {
@@ -20712,22 +20533,20 @@
             || hasActiveLiveStream
             || (autoMonitorState && hasVisibleFrameTarget);
         if (shouldUseBinaryFrameSocket) {
-            const binaryFrameSocketStarted = startRemoteFleetBinaryFrameSocket(bodyView, () => {
+            const atlasSocketStarted = startRemoteFleetAtlasSocket(bodyView, () => {
                 const liveIds = getVisibleLiveFrameDeviceIds();
                 return liveIds.length > 0 ? liveIds : getVisibleFrameDeviceIds();
             }, {
-                autoStartLive: true,
                 fps: REMOTE_FLEET_MONITOR_LIVE_FPS,
-                maxWidth: 960,
-                maxHeight: 540,
-                quality: 60,
-                mode: 'mode2-lzo',
-                streamPurpose: 'wall'
+                width: 1920,
+                height: 1080,
+                tileWidth: 320,
+                tileHeight: 180
             });
-            if (!binaryFrameSocketStarted) {
+            if (!atlasSocketStarted) {
                 window.RuntimeTrace?.emit?.('remote.frame.wsUnavailable', {
                     nodeId,
-                    reason: 'binary-frame-socket-not-started'
+                    reason: 'atlas-frame-socket-not-started'
                 });
                 ensureVisibleRemoteFleetLiveStreams().catch(error => {
                     window.RuntimeTrace?.emit?.('remote.live.autoStartFailed', {
@@ -20738,7 +20557,7 @@
             } else {
                 window.RuntimeTrace?.emit?.('remote.live.wsAutoStartRequested', {
                     nodeId,
-                    transport: 'ws-binary',
+                    transport: 'ws-atlas-h264',
                     fps: REMOTE_FLEET_MONITOR_LIVE_FPS,
                     visibleFrameTargets: visibleFrameDeviceIds.length,
                     visibleLiveTargets: getVisibleLiveFrameDeviceIds().length
@@ -20758,6 +20577,7 @@
             }, REMOTE_FLEET_LIVE_REFRESH_MS);
         } else {
             releaseRemoteFleetBinaryFrameSocket(bodyView);
+            releaseRemoteFleetAtlasSocket(bodyView);
             if (autoMonitorState && hasMonitorTargets) {
                 startRemoteFleetFrameLoop(bodyView, REMOTE_FLEET_THUMBNAIL_FRAME_REFRESH_MS, () => refreshRemoteFleetVisibleFrames(true));
                 startRemoteFleetMonitorRefreshTimer(REMOTE_FLEET_MONITOR_REFRESH_MS, 'visible-devices');
@@ -24246,6 +24066,7 @@
     function syncCss3dContent(nodeModel, cssObject) {
         if (!nodeModel || !cssObject || !cssObject.element) return;
         const nodeId = String(getNodeId(nodeModel) || '').trim();
+        window.MindMapCss3dHotPath?.invalidateDomRefsByCssObject?.(_module, cssObject, nodeId);
         if (_module && nodeId) {
             const overlayV2Cards = _module._textOverlayV2State?.cards || null;
             const selectionCard = overlayV2Cards?.get?.(`selection:${nodeId}`) || null;
@@ -25016,6 +24837,9 @@
     window.MindMapCss3DManager = {
         activateSelectableTextOverlay: activateSelectableTextOverlay,
         activateNativeTextSelectionSource: activateNativeTextSelectionSource,
+        applyVisibilityDiff: (module, enteredIds, exitedIds) =>
+            window.MindMapCss3dHotPath?.applyVisibilityDiff?.(module, enteredIds, exitedIds) || { complete: false, reason: 'hotpath-unavailable' },
+        setNativeTextSelectionOwnerClass: setNativeTextSelectionOwnerClass,
         beginNodeEditingOverlay: beginNodeEditingOverlay,
         bindMemoWheelRouting: bindMemoWheelRouting,
         bindNoteEditingWheelZoom: bindNoteEditingWheelZoom,
@@ -25026,6 +24850,8 @@
         createNodeViewElement: createNodeViewElement,
         getNodeViewHostPolicy: getNodeViewHostPolicy,
         getNodeViewPrimaryHost: getNodeViewPrimaryHost,
+        getDomRefs: (entry, module = _module) => window.MindMapCss3dHotPath?.getDomRefs?.(entry, module) || null,
+        invalidateDomRefs: (entry) => window.MindMapCss3dHotPath?.invalidateDomRefs?.(entry),
         createEditingOverlayContent: createEditingOverlayContent,
         clearEditingOverlay: clearEditingOverlay,
         getTextInteractionContentSelectors: getTextInteractionContentSelectors,