@mindexec/cli 0.2.456 → 0.2.458

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

@@ -1,9 +1,9 @@
-// File: mind-map-css3d-manager.js
-// [Refactor] Owns CSS3DObject creation, DOM cloning, and event binding.
-(function () {
-    'use strict';
-
-    // ▼▼▼ [Perf] Debug logging (disable in production) ▼▼▼
+// File: mind-map-css3d-manager.js
+// [Refactor] Owns CSS3DObject creation, DOM cloning, and event binding.
+(function () {
+    'use strict';
+
+    // ▼▼▼ [Perf] Debug logging (disable in production) ▼▼▼
     const DEBUG = false;
     const log = DEBUG ? console.log.bind(console) : () => { };
     const warn = DEBUG ? console.warn.bind(console) : () => { };
@@ -46,8 +46,9 @@
     const CSS3D_ONLY_NODE_RENDERING = true;
     const CSV_TABLE_MAX_RENDER_ROWS = 500;
     const CSV_TABLE_MAX_RENDER_COLUMNS = 80;
-    const REMOTE_FLEET_DISPLAY_NAME = 'Multi Desktop Monitor';
-    const REMOTE_FLEET_LEGACY_DISPLAY_NAME = 'Remote Fleet Monitor';
+    const REMOTE_FLEET_DISPLAY_NAME = 'Remote Work Console';
+    const REMOTE_FLEET_LEGACY_DISPLAY_NAME = 'Multi Desktop Monitor';
+    const REMOTE_FLEET_LEGACY_DISPLAY_NAME_V0 = 'Remote Fleet Monitor';
     const _cssVideoProxyStateByVideo = new WeakMap();
 
     function syncMindCanvasPlatformRenderClasses() {
@@ -355,12 +356,12 @@
         renderCsvTableContent
     };
     // ▲▲▲ [Perf] ▲▲▲
-
-    // ▼▼▼ [New] 기본 마크다운 스타일 주입 ▼▼▼
+
+    // ▼▼▼ [New] 기본 마크다운 스타일 주입 ▼▼▼
     function injectMarkdownStyles() {
-        // ▼▼▼ [FIX] 기존 스타일 제거 후 새로 주입 (업데이트 보장) ▼▼▼
-        const existingStyle = document.getElementById('mind-map-markdown-styles');
-        if (existingStyle) existingStyle.remove();
+        // ▼▼▼ [FIX] 기존 스타일 제거 후 새로 주입 (업데이트 보장) ▼▼▼
+        const existingStyle = document.getElementById('mind-map-markdown-styles');
+        if (existingStyle) existingStyle.remove();
         const style = document.createElement('style');
         style.id = 'mind-map-markdown-styles';
         style.textContent = `
@@ -388,17 +389,17 @@
             .markdown-body h2 { font-size: 1.4em; font-weight: bold; margin-top: 1em; margin-bottom: 0.5em; border-bottom: 1px solid #eaecef; padding-bottom: 0.3em; }
             .markdown-body h3 { font-size: 1.2em; font-weight: bold; margin-top: 1em; margin-bottom: 0.5em; }
             .markdown-body p { margin-bottom: 0.8em; white-space: normal; }
-            .markdown-body ul { padding-left: 1.5em; margin-bottom: 1em; list-style-type: disc; }
-            .markdown-body ol { padding-left: 1.5em; margin-bottom: 1em; list-style-type: decimal; }
-            .markdown-body li { margin-bottom: 0.25em; }
-            .markdown-body blockquote { border-left: 4px solid #dfe2e5; padding: 0 1em; color: #6a737d; margin: 0 0 1em 0; }
-            .markdown-body code { font-family: ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; background-color: rgba(27,31,35,0.05); padding: 0.2em 0.4em; border-radius: 3px; font-size: 85%; }
-            .markdown-body pre { background-color: #f6f8fa; padding: 12px; overflow: auto; border-radius: 3px; margin-bottom: 1em; }
-            .markdown-body pre code { background-color: transparent; padding: 0; font-size: 100%; }
-            .markdown-body a { color: #0366d6; text-decoration: none; }
-            .markdown-body a:hover { text-decoration: underline; }
-            .markdown-body img { max-width: 100%; box-sizing: content-box; background-color: #fff; }
-            .markdown-body table { border-spacing: 0; border-collapse: collapse; width: 100%; margin-bottom: 1em; }
+            .markdown-body ul { padding-left: 1.5em; margin-bottom: 1em; list-style-type: disc; }
+            .markdown-body ol { padding-left: 1.5em; margin-bottom: 1em; list-style-type: decimal; }
+            .markdown-body li { margin-bottom: 0.25em; }
+            .markdown-body blockquote { border-left: 4px solid #dfe2e5; padding: 0 1em; color: #6a737d; margin: 0 0 1em 0; }
+            .markdown-body code { font-family: ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; background-color: rgba(27,31,35,0.05); padding: 0.2em 0.4em; border-radius: 3px; font-size: 85%; }
+            .markdown-body pre { background-color: #f6f8fa; padding: 12px; overflow: auto; border-radius: 3px; margin-bottom: 1em; }
+            .markdown-body pre code { background-color: transparent; padding: 0; font-size: 100%; }
+            .markdown-body a { color: #0366d6; text-decoration: none; }
+            .markdown-body a:hover { text-decoration: underline; }
+            .markdown-body img { max-width: 100%; box-sizing: content-box; background-color: #fff; }
+            .markdown-body table { border-spacing: 0; border-collapse: collapse; width: 100%; margin-bottom: 1em; }
             .markdown-body table th, .markdown-body table td { padding: 6px 13px; border: 1px solid #dfe2e5; }
             .markdown-body table th { font-weight: 600; background-color: #f6f8fa; }
             .markdown-body hr { height: 0.25em; padding: 0; margin: 24px 0; background-color: #e1e4e8; border: 0; }
@@ -597,10 +598,10 @@
             }
             /* Force list markers to be visible */
             .markdown-body ul li { list-style-type: disc; }
-            .markdown-body ol li { list-style-type: decimal; }
-            
-            /* ▼▼▼ [NEW] 슬림 스크롤바 스타일 - 모든 텍스트/노트/코드 영역 (Razor + JS 동적노드 전체) ▼▼▼ */
-            /* 1. Firefox 대응 + 여백 최소화 (속성 선택자로 모든 노드 잡기) */
+            .markdown-body ol li { list-style-type: decimal; }
+            
+            /* ▼▼▼ [NEW] 슬림 스크롤바 스타일 - 모든 텍스트/노트/코드 영역 (Razor + JS 동적노드 전체) ▼▼▼ */
+            /* 1. Firefox 대응 + 여백 최소화 (속성 선택자로 모든 노드 잡기) */
             .note-textarea, 
             .note-content, 
             .markdown-body, 
@@ -659,7 +660,7 @@
                 width: 8px !important;
                 height: 8px !important;
             }
-
+
             .note-textarea::-webkit-scrollbar-thumb,
             .note-content::-webkit-scrollbar-thumb,
             .markdown-body::-webkit-scrollbar-thumb,
@@ -750,7 +751,7 @@
             .map-node-code .code-body::-webkit-scrollbar-thumb:active {
                 background: rgba(0, 0, 0, 0.45) !important;
             }
-
+
             /* 3. 노트 편집기는 렌더링 markdown과 같은 타이포그래피/박스 모델을 유지 */
             .map-node-note .note-textarea,
             .map-node-note textarea.note-textarea {
@@ -788,7 +789,7 @@
                 color: transparent !important;
                 text-shadow: 0 0 0 #ffffff !important;
             }
-            
+            
             .prose, [id^="node-response-"]:not(.image-content):not(.video-content):not(.embed-content) {
                 padding-right: 14px !important;
             }
@@ -809,8 +810,8 @@
                 overflow-wrap: inherit !important;
             }
             /* ▲▲▲ [NEW] ▲▲▲ */
-            
-            /* ▼▼▼ [NEW] CSS3D 텍스트 앨리어싱 개선 ▼▼▼ */
+            
+            /* ▼▼▼ [NEW] CSS3D 텍스트 앨리어싱 개선 ▼▼▼ */
             .css3d-resolution-wrapper,
             .css3d-dynamic-node,
             [id^="css3d-node-"],
@@ -13458,7 +13459,7 @@
 
     function getRemoteFleetDisplayTitle(value) {
         const title = String(value ?? '').trim();
-        if (!title || title === REMOTE_FLEET_LEGACY_DISPLAY_NAME) {
+        if (!title || title === REMOTE_FLEET_LEGACY_DISPLAY_NAME || title === REMOTE_FLEET_LEGACY_DISPLAY_NAME_V0) {
             return REMOTE_FLEET_DISPLAY_NAME;
         }
         return title;
@@ -13552,7 +13553,7 @@
 
             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__eyebrow', 'Remote Work'));
             titleBlock.appendChild(createTemplateCardText('div', 'template-card__title', title));
             header.appendChild(titleBlock);
             shell.appendChild(header);
@@ -14605,7 +14606,7 @@
     const REMOTE_FLEET_MONITOR_REFRESH_MS = 10000;
     const REMOTE_FLEET_EMPTY_MONITOR_REFRESH_MS = 2500;
     const REMOTE_FLEET_LIVE_REFRESH_MS = 30000;
-    const REMOTE_FLEET_MONITOR_LIVE_FPS = 20;
+    const REMOTE_FLEET_MONITOR_LIVE_FPS = 2;
     const REMOTE_FLEET_LIVE_FRAME_REFRESH_MS = Math.round(1000 / REMOTE_FLEET_MONITOR_LIVE_FPS);
     const REMOTE_FLEET_CONTROL_LIVE_FPS = 30;
     const REMOTE_FLEET_CONTROL_FRAME_REFRESH_MS = Math.round(1000 / REMOTE_FLEET_CONTROL_LIVE_FPS);
@@ -14626,8 +14627,6 @@
     const REMOTE_FLEET_BINARY_FRAME_CACHE_MS = 10000;
     const REMOTE_FLEET_BINARY_FRAME_CACHE_LIMIT = 240;
     const REMOTE_FLEET_BINARY_FRAME_SESSION_IDLE_MS = 8000;
-    const REMOTE_FLEET_AUTO_LIVE_START_MAX_PARALLEL = 8;
-    const REMOTE_FLEET_AUTO_LIVE_START_COOLDOWN_MS = 3000;
     const REMOTE_FLEET_TASK_FOLLOW_INITIAL_MS = 250;
     const REMOTE_FLEET_TASK_FOLLOW_REFRESH_MS = 2000;
     const REMOTE_FLEET_TASK_FOLLOW_MAX_TICKS = 60;
@@ -15690,12 +15689,13 @@
         }
         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 fps = Math.max(1, Math.min(30, Number(options.fps || REMOTE_FLEET_MONITOR_LIVE_FPS) || REMOTE_FLEET_MONITOR_LIVE_FPS));
+        session.options = { fps, 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' }));
+            session.bodies.forEach(body => startRemoteFleetBinaryFrameSocket(body, session.getDeviceIds, { autoStartLive: true, fps: session.options.fps, 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;
@@ -15709,7 +15709,7 @@
             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 }));
+                ws.send(JSON.stringify({ type: 'configure', deviceIds: getRemoteFleetBinaryFrameDeviceIds(session), fps: session.options.fps, 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 => {
@@ -17273,16 +17273,6 @@
         }
 
         binarySession.controlSessions.add(controlSession);
-        binarySession.liveOptions = {
-            ...(binarySession.liveOptions || {}),
-            autoStartLive: true,
-            fps: REMOTE_FLEET_CONTROL_LIVE_FPS,
-            maxWidth: 1280,
-            maxHeight: 720,
-            quality: 65,
-            mode: 'mode3-h264-hw',
-            streamPurpose: 'control'
-        };
         controlSession.binaryFrameSession = binarySession;
         controlSession.binaryFramePreferred = true;
         refreshRemoteFleetBinaryFrameSubscription(binarySession, true);
@@ -17368,7 +17358,7 @@
                 session.canvas.dataset.remoteFleetFrameSeq = String(frameSeq || 0);
                 session.canvas.style.display = 'block';
                 session.lastControlFrameAt = Date.now();
-                session.status.textContent = `Control ${REMOTE_FLEET_CONTROL_LIVE_FPS}fps`;
+                session.status.textContent = `${session.statusLabel || 'Control'} ${Number(session.fps || REMOTE_FLEET_CONTROL_LIVE_FPS)}fps`;
                 session.placeholder?.remove?.();
                 session.placeholder = null;
             }
@@ -17403,7 +17393,7 @@
                 session.canvas.dataset.remoteFleetFrameUrl = String(frame.frameUrl || '');
                 session.canvas.style.display = 'block';
                 session.lastControlFrameAt = Date.now();
-                session.status.textContent = `Control ${REMOTE_FLEET_CONTROL_LIVE_FPS}fps`;
+                session.status.textContent = `${session.statusLabel || 'Control'} ${Number(session.fps || REMOTE_FLEET_CONTROL_LIVE_FPS)}fps`;
                 session.placeholder?.remove?.();
                 session.placeholder = null;
                 if (typeof bitmap.close === 'function') {
@@ -18152,7 +18142,9 @@
             wasLiveActive: false,
             startedStream: false,
             streamId: '',
-            controlLeaseId: `control-node-${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 8)}`,
+            controlLeaseId: `observe-node-${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 8)}`,
+            statusLabel: 'Observe',
+            fps: REMOTE_FLEET_MONITOR_LIVE_FPS,
             timer: null,
             moveTimer: null,
             pendingMove: null,
@@ -18170,25 +18162,21 @@
         };
 
         bodyView._remoteFleetControlNodeSession = session;
-        bindRemoteFleetControlInput(session, {
-            captureOverlayEvents: false,
-            windowKeyboardCapture: false
-        });
-        ensureRemoteFleetControlInputSocket(session);
         startRemoteFleetBinaryFrameSocket(bodyView, () => [normalizedDeviceId], {
             autoStartLive: true,
-            fps: REMOTE_FLEET_CONTROL_LIVE_FPS,
-            maxWidth: 1280,
-            maxHeight: 720,
-            quality: 65,
-            mode: 'mode3-h264-hw'
+            fps: REMOTE_FLEET_MONITOR_LIVE_FPS,
+            maxWidth: 960,
+            maxHeight: 540,
+            quality: 60,
+            mode: 'mode2-lzo',
+            streamPurpose: 'wall'
         });
         attachRemoteFleetControlBinaryFrameSession(session, bodyView);
         stage.focus?.({ preventScroll: true });
         if (status) {
-            status.textContent = `Control ${REMOTE_FLEET_CONTROL_LIVE_FPS}fps`;
+            status.textContent = `Observe ${REMOTE_FLEET_MONITOR_LIVE_FPS}fps`;
         }
-        window.RuntimeTrace?.emit?.('remote.control.nodeOpened', {
+        window.RuntimeTrace?.emit?.('remote.observe.nodeOpened', {
             nodeId: normalizedNodeId,
             deviceId: normalizedDeviceId
         });
@@ -18440,7 +18428,7 @@
 
         if (!device || !deviceId) {
             const empty = document.createElement('div');
-            empty.textContent = lastError || 'Remote control device snapshot is unavailable.';
+            empty.textContent = lastError || 'Remote workstation snapshot is unavailable.';
             empty.style.cssText = `
                 flex: 1 1 auto;
                 display: flex;
@@ -18456,7 +18444,7 @@
                 text-align: center;
                 background: rgba(255, 255, 255, 0.74);
             `;
-            const refreshButton = createRemoteFleetButton('Refresh', 'Refresh this remote control device', 'refresh-device');
+            const refreshButton = createRemoteFleetButton('Refresh', 'Refresh this remote workstation', 'refresh-device');
             refreshButton.style.height = '32px';
             refreshButton.addEventListener('click', async event => {
                 event.preventDefault();
@@ -18579,7 +18567,7 @@
         controlStage.dataset.remoteFleetControlNodeStage = 'true';
         controlStage.dataset.deviceId = deviceId;
         controlStage.tabIndex = 0;
-        controlStage.title = `${name} remote control`;
+        controlStage.title = `${name} observation and remote work`;
         controlStage.style.cssText = `
             position: relative;
             flex: 1 1 auto;
@@ -18589,7 +18577,7 @@
             border-radius: 0;
             background: #020617;
             border: 1px solid rgba(15, 23, 42, 0.20);
-            cursor: crosshair;
+            cursor: default;
             touch-action: none;
             outline: none;
         `;
@@ -18637,7 +18625,7 @@
         `;
         const controlPlaceholder = document.createElement('div');
         controlPlaceholder.dataset.remoteFleetControlNodePlaceholder = 'true';
-        controlPlaceholder.textContent = connected ? 'Waiting for screen' : 'Offline';
+        controlPlaceholder.textContent = connected ? 'Waiting for observation frame' : 'Offline';
         controlPlaceholder.style.cssText = `
             position: absolute;
             inset: 0;
@@ -18672,7 +18660,7 @@
             if (session && restoredControlSurface) {
                 session.lastControlFrameSeq = Number(preservedControlSurface?.seq || session.lastControlFrameSeq || 0) || 0;
                 session.lastControlFrameAt = Date.now();
-                controlStatus.textContent = `Control ${REMOTE_FLEET_CONTROL_LIVE_FPS}fps`;
+                controlStatus.textContent = `Observe ${REMOTE_FLEET_MONITOR_LIVE_FPS}fps`;
                 window.RuntimeTrace?.emit?.('remote.control.surfaceRestored', {
                     nodeId,
                     deviceId,
@@ -18692,7 +18680,7 @@
             }
         }
 
-        const refreshButton = createRemoteFleetButton('Refresh', 'Refresh this remote control device', 'refresh-device');
+        const refreshButton = createRemoteFleetButton('Refresh', 'Refresh this remote workstation', 'refresh-device');
         refreshButton.style.height = '26px';
         actions.appendChild(refreshButton);
         if (connected && thumbnailEnabled) {
@@ -18733,8 +18721,8 @@
             right: 8px;
             top: 42px;
             z-index: 6;
-            width: min(360px, calc(100% - 16px));
-            display: none;
+            width: min(520px, calc(100% - 16px));
+            display: grid;
             grid-template-columns: minmax(0, 1fr) auto auto;
             gap: 6px;
             align-items: stretch;
@@ -18979,8 +18967,7 @@
 
     function renderRemoteFleetMonitor(bodyView, nodeModel) {
         if (!bodyView) return;
-        clearRemoteFleetTimers(bodyView, { keepBinaryFrameSocket: true });
-        const preservedFrameSurfaces = collectRemoteFleetPreviewFrameSurfaces(bodyView);
+        clearRemoteFleetTimers(bodyView);
 
         const nodeId = String(nodeModel?.id ?? nodeModel?.Id ?? '');
         const searchState = bodyView.dataset.remoteFleetSearch || '';
@@ -18990,12 +18977,11 @@
         const densityState = normalizeRemoteFleetMonitorSize(bodyView.dataset.remoteFleetDensity || 'cards');
         const aiAssistState = bodyView.dataset.remoteFleetAiAssist === 'true';
         const autoMonitorState = bodyView.dataset.remoteFleetAutoMonitor !== 'false';
-        const focusState = bodyView.dataset.remoteFleetFocusDeviceId || '';
         const latestTaskBatch = parseRemoteFleetLatestTaskBatch(nodeModel);
         const recentTaskBatches = parseRemoteFleetRecentTaskBatches(nodeModel);
         const latestTaskBatchKey = getRemoteFleetTaskBatchKey(latestTaskBatch);
         const latestTaskBatchActive = isRemoteFleetTaskBatchActive(latestTaskBatch);
-        const showTaskSummarySurfaces = false;
+        const showTaskSummarySurfaces = true;
         if (latestTaskBatchKey && bodyView.dataset.remoteFleetTaskFollowKey !== latestTaskBatchKey) {
             bodyView.dataset.remoteFleetTaskFollowKey = latestTaskBatchKey;
             bodyView.dataset.remoteFleetTaskFollowTicks = '0';
@@ -19009,18 +18995,10 @@
             : [...sortedDevices].sort((left, right) =>
                 compareRemoteFleetGroups(left, right, groupState)
                 || compareRemoteFleetDevices(left, right, sortState));
-        const hasActiveLiveStream = devices.some(isRemoteFleetLiveActive);
         const hasMonitorTargets = devices.some(device =>
             isRemoteFleetDeviceConnected(device) && isRemoteFleetThumbnailCapable(device));
-        const focusedDevice = devices.find(device => getRemoteFleetDeviceId(device) === focusState)
-            || devices.find(device => isRemoteFleetLiveActive(device))
-            || null;
-        if (focusedDevice) {
-            bodyView.dataset.remoteFleetFocusDeviceId = getRemoteFleetDeviceId(focusedDevice);
-        }
-        const selectedState = bodyView.dataset.remoteFleetSelectedDeviceId || focusState || '';
+        const selectedState = bodyView.dataset.remoteFleetSelectedDeviceId || '';
         const selectedDevice = devices.find(device => getRemoteFleetDeviceId(device) === selectedState)
-            || focusedDevice
             || devices[0]
             || null;
         if (selectedDevice) {
@@ -19147,7 +19125,7 @@
         const searchInput = document.createElement('input');
         searchInput.type = 'search';
         searchInput.value = searchState;
-        searchInput.placeholder = '';
+        searchInput.placeholder = 'Find a computer or task';
         searchInput.dataset.remoteFleetSearch = 'true';
         searchInput.autocomplete = 'off';
         searchInput.spellcheck = false;
@@ -19172,8 +19150,7 @@
             { value: 'offline', label: 'Offline' },
             { value: 'task', label: 'Task' },
             { value: 'ai', label: 'AI' },
-            { value: 'live', label: 'Live' },
-            { value: 'frames', label: 'Frames' },
+            { value: 'frames', label: 'Thumbnails' },
             { value: 'issues', label: 'Issues' }
         ], filterState, 'Device filter');
 
@@ -19220,11 +19197,11 @@
         filterRow.appendChild(groupSelect);
         filterRow.appendChild(densitySelect);
         filterRow.appendChild(matchCount);
-        filterRow.dataset.remoteFleetAdvancedFilters = 'hidden';
+        filterRow.dataset.remoteFleetAdvancedFilters = 'visible';
 
         const taskRow = document.createElement('div');
         taskRow.style.cssText = `
-            display: none;
+            display: grid;
             grid-template-columns: minmax(0, 1fr) auto auto auto;
             gap: 8px;
             align-items: stretch;
@@ -19232,7 +19209,7 @@
         `;
         const taskInput = document.createElement('textarea');
         taskInput.dataset.remoteFleetTaskInput = 'true';
-        taskInput.placeholder = '';
+        taskInput.placeholder = 'Describe the work: inspect Git, run tests, build, deploy, or summarize results';
         taskInput.rows = 2;
         taskInput.style.cssText = `
             width: 100%;
@@ -19286,7 +19263,7 @@
         aiToggleText.textContent = 'AI';
         aiToggleLabel.appendChild(aiToggle);
         aiToggleLabel.appendChild(aiToggleText);
-        const sendVisibleButton = createRemoteFleetButton('Send visible', 'Dispatch task to visible connected task-capable devices', 'task-visible');
+        const sendVisibleButton = createRemoteFleetButton('Send selected', 'Dispatch task to the selected agent', 'task-selected');
         sendVisibleButton.style.height = '54px';
         const sendConnectedButton = createRemoteFleetButton('Send all', 'Dispatch task to all connected task-capable devices', 'task-connected');
         sendConnectedButton.style.height = '54px';
@@ -19294,7 +19271,7 @@
         taskRow.appendChild(aiToggleLabel);
         taskRow.appendChild(sendVisibleButton);
         taskRow.appendChild(sendConnectedButton);
-        taskRow.dataset.remoteFleetTaskComposer = 'hidden';
+        taskRow.dataset.remoteFleetTaskComposer = 'visible';
 
         const taskFeedback = document.createElement('div');
         taskFeedback.dataset.remoteFleetTaskFeedback = 'true';
@@ -19313,6 +19290,8 @@
             text-overflow: ellipsis;
             white-space: nowrap;
         `;
+        bodyView.appendChild(filterRow);
+        bodyView.appendChild(taskRow);
         bodyView.appendChild(taskFeedback);
 
         if (showTaskSummarySurfaces && latestTaskBatch) {
@@ -19484,23 +19463,16 @@
         const createDevicePreview = (device, mode = 'tile') => {
             const name = getRemoteFleetDeviceName(device);
             const connectedDevice = isRemoteFleetDeviceConnected(device);
-            const thumbnailCapturedAt = String(device?.thumbnailCapturedAt || device?.ThumbnailCapturedAt || '');
-            const liveFrameReceivedAt = String(device?.liveFrameReceivedAt || device?.LiveFrameReceivedAt || '');
             const hasThumbnail = hasRemoteFleetThumbnail(device);
-            const hasLiveFrame = hasRemoteFleetLiveFrame(device);
-            const previewSource = hasLiveFrame
-                ? getRemoteFleetFrameSource(device, 'live')
-                : getRemoteFleetFrameSource(device, 'thumbnail');
+            const previewSource = getRemoteFleetFrameSource(device, 'thumbnail');
             const hasPreviewSource = isRemoteFleetFrameSource(previewSource);
-            const isDetail = mode === 'detail';
 
             const preview = document.createElement('div');
             preview.dataset.remoteFleetDevicePreview = mode;
             preview.dataset.deviceId = getRemoteFleetDeviceId(device);
-            preview.dataset.remoteFleetFrameKind = hasLiveFrame ? 'live' : (hasThumbnail ? 'thumbnail' : '');
-            preview.dataset.remoteFleetFrameSeq = String(hasLiveFrame
-                ? getRemoteFleetDeviceField(device, 'liveFrameSeq', 'LiveFrameSeq', 0)
-                : getRemoteFleetDeviceField(device, 'thumbnailFrameSeq', 'ThumbnailFrameSeq', 0));
+            preview.dataset.remoteFleetFrameKind = hasThumbnail ? 'thumbnail' : '';
+            preview.dataset.remoteFleetFrameSeq = String(
+                getRemoteFleetDeviceField(device, 'thumbnailFrameSeq', 'ThumbnailFrameSeq', 0));
             preview.title = getRemoteFleetDeviceTooltip(device);
             preview.style.cssText = `
                 position: relative;
@@ -19516,13 +19488,13 @@
             `;
             ensureRemoteFleetFrameCanvas(preview);
 
-            if ((hasLiveFrame || hasThumbnail) && hasPreviewSource) {
+            if (hasThumbnail && hasPreviewSource) {
                 const image = document.createElement('img');
                 image.dataset.remoteFleetFrameImage = 'true';
-                image.dataset.remoteFleetFrameKind = hasLiveFrame ? 'live' : 'thumbnail';
+                image.dataset.remoteFleetFrameKind = 'thumbnail';
                 image.dataset.remoteFleetFrameSeq = preview.dataset.remoteFleetFrameSeq;
                 image.src = previewSource;
-                image.alt = hasLiveFrame ? `${name} live frame` : `${name} thumbnail`;
+                image.alt = `${name} thumbnail`;
                 image.loading = 'lazy';
                 image.decoding = 'async';
                 image.style.cssText = `
@@ -19543,7 +19515,6 @@
                 preview.appendChild(placeholder);
             }
 
-            restoreRemoteFleetPreviewFrameSurface(preview, preservedFrameSurfaces, getRemoteFleetDeviceId(device));
             return preview;
         };
 
@@ -19611,10 +19582,7 @@
                 const connectedDevice = isRemoteFleetDeviceConnected(device);
                 const name = getRemoteFleetDeviceName(device);
                 const deviceId = getRemoteFleetDeviceId(device);
-                const liveStreamEnabled = isRemoteFleetLiveCapable(device);
-                const liveStreamActive = isRemoteFleetLiveActive(device);
                 const hasThumbnail = hasRemoteFleetThumbnail(device);
-                const hasLiveFrame = hasRemoteFleetLiveFrame(device);
                 const taskEnabled = isRemoteFleetDeviceTaskCapable(device);
                 const aiAssistEnabled = isRemoteFleetDeviceAiCapable(device);
                 const latestTaskStatus = String(device?.latestTaskStatus || device?.LatestTaskStatus || '');
@@ -19662,15 +19630,13 @@
                 card.dataset.remoteFleetConnected = connectedDevice ? 'true' : 'false';
                 card.dataset.remoteFleetTaskCapable = taskEnabled ? 'true' : 'false';
                 card.dataset.remoteFleetAiCapable = aiAssistEnabled ? 'true' : 'false';
-                card.dataset.remoteFleetHasFrame = (hasThumbnail || hasLiveFrame) ? 'true' : 'false';
-                card.dataset.remoteFleetLiveCapable = liveStreamEnabled ? 'true' : 'false';
-                card.dataset.remoteFleetLiveActive = liveStreamActive ? 'true' : 'false';
+                card.dataset.remoteFleetHasFrame = hasThumbnail ? 'true' : 'false';
                 card.dataset.remoteFleetIssue = (!connectedDevice || latestTaskStatus === 'failed' || !!latestTaskError) ? 'true' : 'false';
                 card.dataset.remoteFleetSelected = isSelected ? 'true' : 'false';
                 card.dataset.remoteFleetAction = 'select-device';
                 card.setAttribute('role', 'button');
                 card.setAttribute('aria-pressed', isSelected ? 'true' : 'false');
-                card.setAttribute('aria-label', `Open remote control for ${name}`);
+                card.setAttribute('aria-label', `Select ${name} as the agent task target`);
                 card.tabIndex = 0;
                 card.title = getRemoteFleetDeviceTooltip(device);
                 card.style.cssText = `
@@ -19778,121 +19744,12 @@
         const readTaskInstruction = () => String(taskInput.value || '').trim();
         const useAiAssist = () => aiToggle.checked === true;
         const getDeviceCards = () => Array.from(grid.querySelectorAll('article[data-device-id]'));
-        const pushUniqueFrameDeviceId = (ids, device) => {
-            const id = getRemoteFleetDeviceId(device);
-            if (id && !ids.includes(id)) {
-                ids.push(id);
-            }
-        };
-        const getVisibleFrameDeviceIds = () => {
-            const ids = getDeviceCards()
+        const getVisibleFrameDeviceIds = () => Array.from(new Set(
+            getDeviceCards()
                 .filter(card => card.style.display !== 'none')
                 .map(card => String(card.dataset.deviceId || '').trim())
-                .filter(Boolean);
-            return Array.from(new Set(ids)).slice(0, 120);
-        };
-        const getVisibleLiveDevices = () => {
-            const visibleIds = new Set(getVisibleFrameDeviceIds());
-            return devices
-                .filter(device => {
-                    const id = getRemoteFleetDeviceId(device);
-                    return id
-                        && visibleIds.has(id)
-                        && isRemoteFleetDeviceConnected(device)
-                        && isRemoteFleetLiveCapable(device);
-                })
-                .slice(0, 120);
-        };
-        const getVisibleLiveFrameDeviceIds = () => {
-            const ids = [];
-            getVisibleLiveDevices().forEach(device => pushUniqueFrameDeviceId(ids, device));
-            devices
-                .filter(device => isRemoteFleetDeviceConnected(device) && isRemoteFleetLiveActive(device))
-                .forEach(device => pushUniqueFrameDeviceId(ids, device));
-            return ids.slice(0, 120);
-        };
-        const ensureVisibleRemoteFleetLiveStreams = async () => {
-            if (!(bodyView._remoteFleetAutoLiveStartInFlight instanceof Set)) {
-                bodyView._remoteFleetAutoLiveStartInFlight = new Set();
-            }
-            if (!(bodyView._remoteFleetAutoLiveStartAttemptAt instanceof Map)) {
-                bodyView._remoteFleetAutoLiveStartAttemptAt = new Map();
-            }
-            const now = Date.now();
-            const targets = getVisibleLiveDevices()
-                .filter(device => {
-                    const deviceId = getRemoteFleetDeviceId(device);
-                    const lastAttemptAt = Number(bodyView._remoteFleetAutoLiveStartAttemptAt.get(deviceId) || 0);
-                    return deviceId
-                        && !isRemoteFleetLiveActive(device)
-                        && !bodyView._remoteFleetAutoLiveStartInFlight.has(deviceId)
-                        && (now - lastAttemptAt >= REMOTE_FLEET_AUTO_LIVE_START_COOLDOWN_MS);
-                });
-            if (targets.length === 0) {
-                return null;
-            }
-
-            let started = 0;
-            let lastResult = null;
-            const queue = targets.slice(0, 120);
-            const startOne = async target => {
-                const deviceId = getRemoteFleetDeviceId(target);
-                if (!deviceId || bodyView._remoteFleetAutoLiveStartInFlight.has(deviceId)) {
-                    return;
-                }
-
-                bodyView._remoteFleetAutoLiveStartInFlight.add(deviceId);
-                bodyView._remoteFleetAutoLiveStartAttemptAt.set(deviceId, Date.now());
-                try {
-                    const result = await invokeDotNetAsync('StartRemoteFleetLiveStreamFromJs', nodeId, deviceId, REMOTE_FLEET_MONITOR_LIVE_FPS);
-                    lastResult = result;
-                    const success = isRemoteFleetResultSuccess(result);
-                    window.RuntimeTrace?.emit?.('remote.live.autoStart', {
-                        nodeId,
-                        deviceId,
-                        success,
-                        fps: result?.fps || result?.Fps || 0,
-                        mode: 'visible-grid',
-                        error: result?.error || result?.Error || ''
-                    });
-                    if (success) {
-                        started += 1;
-                    }
-                } finally {
-                    bodyView._remoteFleetAutoLiveStartInFlight.delete(deviceId);
-                }
-            };
-
-            const workerCount = Math.min(REMOTE_FLEET_AUTO_LIVE_START_MAX_PARALLEL, queue.length);
-            await Promise.all(Array.from({ length: workerCount }, async () => {
-                while (queue.length > 0) {
-                    const target = queue.shift();
-                    if (target) {
-                        await startOne(target);
-                    }
-                }
-            }));
-
-            if (started > 0) {
-                try {
-                    await refreshRemoteFleetNode();
-                } catch (error) {
-                    window.RuntimeTrace?.emit?.('remote.live.autoRefreshFailed', {
-                        nodeId,
-                        started,
-                        error: error?.message || String(error || '')
-                    });
-                }
-
-                window.RuntimeTrace?.emit?.('remote.live.awaitingBinaryFrames', {
-                    nodeId,
-                    started,
-                    transport: 'ws-binary'
-                });
-            }
-
-            return lastResult || { success: started > 0, started };
-        };
+                .filter(Boolean)))
+            .slice(0, 120);
         const refreshRemoteFleetNode = async () => {
             if (bodyView._remoteFleetRefreshInFlight === true) {
                 return null;
@@ -19909,7 +19766,9 @@
         };
         const refreshRemoteFleetVisibleFrames = async (requestThumbnails = false) => {
             const result = await invokeDotNetAsync('RefreshRemoteFleetFramesFromJs', nodeId, getVisibleFrameDeviceIds(), requestThumbnails === true);
-            applyRemoteFleetFramePatches(bodyView, normalizeRemoteFleetDeviceFramePatches(result));
+            const thumbnailPatches = normalizeRemoteFleetDeviceFramePatches(result)
+                .filter(frame => String(frame?.kind || '').toLowerCase() === 'thumbnail');
+            applyRemoteFleetFramePatches(bodyView, thumbnailPatches);
             return result;
         };
         const startRemoteFleetMonitorRefreshTimer = (intervalMs, reason = 'monitor') => {
@@ -20011,15 +19870,18 @@
                 scheduleRemoteFleetTaskFollow();
             }
         };
-        const getVisibleEligibleDeviceIds = () => {
+        const getSelectedEligibleDeviceId = () => {
+            const selectedId = String(bodyView.dataset.remoteFleetSelectedDeviceId || '').trim();
+            if (!selectedId) return '';
+            const card = getDeviceCards().find(item => String(item.dataset.deviceId || '').trim() === selectedId);
             const wantsAi = useAiAssist();
-            return getDeviceCards()
-                .filter(card => card.style.display !== 'none'
-                    && card.dataset.remoteFleetConnected === 'true'
-                    && card.dataset.remoteFleetTaskCapable === 'true'
-                    && (!wantsAi || card.dataset.remoteFleetAiCapable === 'true'))
-                .map(card => String(card.dataset.deviceId || '').trim())
-                .filter(Boolean);
+            return card
+                && card.style.display !== 'none'
+                && card.dataset.remoteFleetConnected === 'true'
+                && card.dataset.remoteFleetTaskCapable === 'true'
+                && (!wantsAi || card.dataset.remoteFleetAiCapable === 'true')
+                ? selectedId
+                : '';
         };
 
         const applyRemoteFleetFilters = () => {
@@ -20038,7 +19900,6 @@
                     || (filterMode === 'offline' && card.dataset.remoteFleetConnected !== 'true')
                     || (filterMode === 'task' && card.dataset.remoteFleetConnected === 'true' && card.dataset.remoteFleetTaskCapable === 'true')
                     || (filterMode === 'ai' && card.dataset.remoteFleetConnected === 'true' && card.dataset.remoteFleetAiCapable === 'true')
-                    || (filterMode === 'live' && card.dataset.remoteFleetLiveActive === 'true')
                     || (filterMode === 'frames' && card.dataset.remoteFleetHasFrame === 'true')
                     || (filterMode === 'issues' && card.dataset.remoteFleetIssue === 'true');
                 const show = matchesSearch && matchesMode;
@@ -20072,10 +19933,11 @@
 
             matchCount.textContent = `${visible}/${devices.length}`;
             matchCount.title = `${visible} visible, ${eligible} targetable`;
-            sendVisibleButton.disabled = eligible <= 0;
-            sendVisibleButton.title = eligible > 0
-                ? `Dispatch to ${eligible} visible target(s)`
-                : 'No visible targetable devices';
+            const selectedTargetId = getSelectedEligibleDeviceId();
+            sendVisibleButton.disabled = !selectedTargetId;
+            sendVisibleButton.title = selectedTargetId
+                ? `Dispatch to selected agent ${selectedTargetId}`
+                : 'Select an online task-capable agent';
             const allTargetCount = wantsAi ? aiCapableCount : taskCapableCount;
             sendConnectedButton.disabled = allTargetCount <= 0;
             sendConnectedButton.title = allTargetCount > 0
@@ -20149,6 +20011,7 @@
                 deviceId: normalizedSelectedId,
                 mode: 'dom-patch'
             });
+            applyRemoteFleetFilters();
         };
         getDeviceCards().forEach(card => {
             ['pointerdown', 'mousedown', 'mouseup'].forEach(eventName => {
@@ -20164,40 +20027,6 @@
                     event.stopImmediatePropagation?.();
                 });
             });
-            card.addEventListener('dblclick', event => {
-                event.preventDefault();
-                event.stopPropagation();
-                event.stopImmediatePropagation?.();
-                const deviceId = String(card.dataset.deviceId || '').trim();
-                if (!deviceId) return;
-                applySelectedDeviceVisualState(deviceId);
-                if (card.dataset.remoteFleetOpeningControlNode === 'true') {
-                    return;
-                }
-
-                card.dataset.remoteFleetOpeningControlNode = 'true';
-                invokeDotNetAsync('AddRemoteFleetDeviceNodeFromJs', nodeId, deviceId)
-                    .then(async result => {
-                        await syncRemoteFleetNodeStateFromResult(result);
-                        if (result?.success) {
-                            const controlNodeId = String(result.nodeId || result.NodeId || '').trim();
-                            if (controlNodeId) {
-                                window.mindMap?.focusNode?.(controlNodeId, { selectNode: true });
-                                window.mindMap?.selectNode?.(controlNodeId);
-                                invokeDotNetAsync('SelectNodeInBlazor', controlNodeId).catch(() => undefined);
-                            }
-                            setTaskFeedback('');
-                        } else {
-                            setTaskFeedback(result?.error || result?.Error || 'Remote control node failed.', 'error');
-                        }
-                    })
-                    .catch(error => {
-                        setTaskFeedback(error?.message || 'Remote control node failed.', 'error');
-                    })
-                    .finally(() => {
-                        delete card.dataset.remoteFleetOpeningControlNode;
-                    });
-            });
             const selectCard = event => {
                 event.preventDefault();
                 event.stopPropagation();
@@ -20233,8 +20062,6 @@
             scheduleRemoteFleetTaskFollow();
         }
 
-        primeRemoteFleetRenderedFrameSurfaces(bodyView, 'monitor-render');
-
         sendVisibleButton.addEventListener('click', async event => {
             event.preventDefault();
             event.stopPropagation();
@@ -20245,19 +20072,19 @@
                 return;
             }
 
-            const targetIds = getVisibleEligibleDeviceIds();
-            if (targetIds.length === 0) {
-                setTaskFeedback('No visible targetable devices.', 'error');
+            const targetId = getSelectedEligibleDeviceId();
+            if (!targetId) {
+                setTaskFeedback('Select an online task-capable agent.', 'error');
                 return;
             }
 
             sendVisibleButton.disabled = true;
-            setTaskFeedback('Dispatching task to visible devices...');
+            setTaskFeedback('Dispatching task to selected agent...');
             try {
-                const result = await invokeDotNetAsync('DispatchRemoteFleetTaskBatchFromJs', nodeId, targetIds, instruction, useAiAssist());
+                const result = await invokeDotNetAsync('DispatchRemoteFleetTaskFromJs', nodeId, targetId, instruction, useAiAssist());
                 await syncRemoteFleetNodeStateFromResult(result);
-                const mode = useAiAssist() ? 'visible AI task' : 'visible remote task';
-                const feedback = formatRemoteFleetDispatchFeedback(result, targetIds.length, mode);
+                const mode = useAiAssist() ? 'selected AI task' : 'selected agent task';
+                const feedback = formatRemoteFleetDispatchFeedback(result, 1, mode);
                 setTaskFeedback(feedback.text, feedback.tone);
                 startRemoteFleetTaskFollowFromResult(result);
             } finally {
@@ -20381,84 +20208,6 @@
             });
         });
 
-        bodyView.querySelectorAll('[data-remote-fleet-action="pin-device"]').forEach(button => {
-            button.addEventListener('click', async event => {
-                event.preventDefault();
-                event.stopPropagation();
-                const deviceId = String(button.dataset.deviceId || '').trim();
-                if (!deviceId) return;
-                button.disabled = true;
-                setTaskFeedback('Pinning device to canvas...');
-                try {
-                    const result = await invokeDotNetAsync('AddRemoteFleetDeviceNodeFromJs', nodeId, deviceId);
-                    await syncRemoteFleetNodeStateFromResult(result);
-                    if (result?.success) {
-                        setTaskFeedback('Pinned device node.', 'success');
-                    } else {
-                        setTaskFeedback(result?.error || 'Pin failed.', 'error');
-                    }
-                } finally {
-                    button.disabled = false;
-                }
-            });
-        });
-
-        bodyView.querySelectorAll('[data-remote-fleet-action="live-focus"]').forEach(button => {
-            button.addEventListener('click', event => {
-                event.preventDefault();
-                event.stopPropagation();
-                const deviceId = String(button.dataset.deviceId || '').trim();
-                if (!deviceId) return;
-                bodyView.dataset.remoteFleetFocusDeviceId = deviceId;
-                renderRemoteFleetMonitor(bodyView, nodeModel);
-            });
-        });
-
-        bodyView.querySelectorAll('[data-remote-fleet-action="live-start"]').forEach(button => {
-            button.addEventListener('click', async event => {
-                event.preventDefault();
-                event.stopPropagation();
-                const deviceId = String(button.dataset.deviceId || '').trim();
-                if (!deviceId) return;
-                bodyView.dataset.remoteFleetFocusDeviceId = deviceId;
-                button.disabled = true;
-                setTaskFeedback('Starting focused live stream...');
-                try {
-                    const result = await invokeDotNetAsync('StartRemoteFleetLiveStreamFromJs', nodeId, deviceId);
-                    await syncRemoteFleetNodeStateFromResult(result);
-                    if (result?.success) {
-                        setTaskFeedback('Focused live stream started.', 'success');
-                    } else {
-                        setTaskFeedback(result?.error || 'Live stream start failed.', 'error');
-                    }
-                } finally {
-                    button.disabled = false;
-                }
-            });
-        });
-
-        bodyView.querySelectorAll('[data-remote-fleet-action="live-stop"]').forEach(button => {
-            button.addEventListener('click', async event => {
-                event.preventDefault();
-                event.stopPropagation();
-                const deviceId = String(button.dataset.deviceId || '').trim();
-                if (!deviceId) return;
-                button.disabled = true;
-                setTaskFeedback('Stopping focused live stream...');
-                try {
-                    const result = await invokeDotNetAsync('StopRemoteFleetLiveStreamFromJs', nodeId, deviceId, button.dataset.streamId || '');
-                    await syncRemoteFleetNodeStateFromResult(result);
-                    if (result?.success) {
-                        setTaskFeedback('Focused live stream stopped.', 'success');
-                    } else {
-                        setTaskFeedback(result?.error || 'Live stream stop failed.', 'error');
-                    }
-                } finally {
-                    button.disabled = false;
-                }
-            });
-        });
-
         bodyView.querySelectorAll('[data-remote-fleet-action="ping-device"]').forEach(button => {
             button.addEventListener('click', async event => {
                 event.preventDefault();
@@ -20525,65 +20274,13 @@
             }, 250);
         }
 
-        const visibleFrameDeviceIds = getVisibleFrameDeviceIds();
-        const hasVisibleFrameTarget = visibleFrameDeviceIds.length > 0;
-        const hasVisibleLiveTarget = getVisibleLiveFrameDeviceIds().length > 0
-            || devices.some(device => isRemoteFleetDeviceConnected(device) && isRemoteFleetLiveCapable(device));
-        const shouldUseBinaryFrameSocket = hasVisibleLiveTarget
-            || hasActiveLiveStream
-            || (autoMonitorState && hasVisibleFrameTarget);
-        if (shouldUseBinaryFrameSocket) {
-            const atlasSocketStarted = startRemoteFleetAtlasSocket(bodyView, () => {
-                const liveIds = getVisibleLiveFrameDeviceIds();
-                return liveIds.length > 0 ? liveIds : getVisibleFrameDeviceIds();
-            }, {
-                fps: REMOTE_FLEET_MONITOR_LIVE_FPS,
-                width: 1920,
-                height: 1080,
-                tileWidth: 320,
-                tileHeight: 180
-            });
-            if (!atlasSocketStarted) {
-                window.RuntimeTrace?.emit?.('remote.frame.wsUnavailable', {
-                    nodeId,
-                    reason: 'atlas-frame-socket-not-started'
-                });
-                ensureVisibleRemoteFleetLiveStreams().catch(error => {
-                    window.RuntimeTrace?.emit?.('remote.live.autoStartFailed', {
-                        nodeId,
-                        error: error?.message || String(error || '')
-                    });
-                });
-            } else {
-                window.RuntimeTrace?.emit?.('remote.live.wsAutoStartRequested', {
-                    nodeId,
-                    transport: 'ws-atlas-h264',
-                    fps: REMOTE_FLEET_MONITOR_LIVE_FPS,
-                    visibleFrameTargets: visibleFrameDeviceIds.length,
-                    visibleLiveTargets: getVisibleLiveFrameDeviceIds().length
-                });
-            }
-            bodyView._remoteFleetLiveRefreshTimer = setInterval(async () => {
-                if (!document.body.contains(bodyView)) {
-                    clearRemoteFleetTimers(bodyView);
-                    return;
-                }
-
-                try {
-                    await refreshRemoteFleetNode();
-                } catch {
-                    clearRemoteFleetTimers(bodyView);
-                }
-            }, 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');
-            } else if (autoMonitorState) {
-                startRemoteFleetMonitorRefreshTimer(REMOTE_FLEET_EMPTY_MONITOR_REFRESH_MS, 'empty-discovery');
-            }
+        releaseRemoteFleetBinaryFrameSocket(bodyView);
+        releaseRemoteFleetAtlasSocket(bodyView);
+        if (autoMonitorState && hasMonitorTargets) {
+            startRemoteFleetFrameLoop(bodyView, REMOTE_FLEET_THUMBNAIL_FRAME_REFRESH_MS, () => refreshRemoteFleetVisibleFrames(true));
+            startRemoteFleetMonitorRefreshTimer(REMOTE_FLEET_MONITOR_REFRESH_MS, 'thumbnail-only');
+        } else if (autoMonitorState) {
+            startRemoteFleetMonitorRefreshTimer(REMOTE_FLEET_EMPTY_MONITOR_REFRESH_MS, 'empty-discovery');
         }
     }
 
@@ -21112,7 +20809,7 @@
      * ▼▼▼ [New] text/markdown 노드를 위한 동적 DOM 요소 생성 ▼▼▼
      * Blazor 템플릿이 없는 노드 타입을 위해 JS에서 직접 DOM 생성
      */
-    // Expose helper to create markdown content consistently
+    // Expose helper to create markdown content consistently
     function createMarkdownContent(content, isCodeNode = false) {
         const wrapper = document.createElement('div');
         const normalizedContent = typeof content === 'string' ? content : String(content || '');
@@ -21169,22 +20866,22 @@
             contentEl.textContent = nextText;
         }
     }
-
-    function getCachedMarkdownHtml(nodeModel, content) {
-        if (!nodeModel) return null;
-        if (nodeModel._cachedMarkdownSource === content && nodeModel._cachedMarkdownHtml) {
-            return nodeModel._cachedMarkdownHtml;
-        }
-        return null;
-    }
-
-    function setCachedMarkdownHtml(nodeModel, content, html) {
-        if (!nodeModel) return;
-        nodeModel._cachedMarkdownSource = content;
-        nodeModel._cachedMarkdownHtml = html;
-    }
-
-    // HTML 이스케이프 헬퍼 - kept for compatibility
+
+    function getCachedMarkdownHtml(nodeModel, content) {
+        if (!nodeModel) return null;
+        if (nodeModel._cachedMarkdownSource === content && nodeModel._cachedMarkdownHtml) {
+            return nodeModel._cachedMarkdownHtml;
+        }
+        return null;
+    }
+
+    function setCachedMarkdownHtml(nodeModel, content, html) {
+        if (!nodeModel) return;
+        nodeModel._cachedMarkdownSource = content;
+        nodeModel._cachedMarkdownHtml = html;
+    }
+
+    // HTML 이스케이프 헬퍼 - kept for compatibility
     function escapeHtml(text) {
         const div = document.createElement('div');
         div.textContent = text;
@@ -23193,7 +22890,7 @@
         ensurePromptCopyDelegation();
 
         // ... (logging)
-
+
         // 컨테이너 생성
         const container = document.createElement('div');
         container.id = `node-${nodeModel.id}`;
@@ -23217,7 +22914,7 @@
             color: #1f2937;
             box-shadow: none;
         `;
-
+
         // 콘텐츠 래퍼 생성
         const contentWrapper = document.createElement('div');
         contentWrapper.className = isCsvTableNode
@@ -23316,12 +23013,12 @@
         // 응답 영역 생성
         const responseDiv = document.createElement('div');
         responseDiv.id = `node-response-${nodeModel.id}`;
-
-        // [FIX] 'note' type should also render markdown
+
+        // [FIX] 'note' type should also render markdown
         const isCodeNode = contentTypeLower === 'code';
         // Variable isNoteNode declared above
         const isMarkdownType = ['text', 'markdown'].includes(contentTypeLower); // Removed 'note'
-
+
         if (isCsvTableNode) {
             responseDiv.className = 'node-response csv-table-scroll';
             responseDiv.style.cssText = `
@@ -23387,44 +23084,44 @@
                 padding-right: 14px;
                 box-sizing: border-box;
             `;
-
-            // 1. Save Metadata
-            responseDiv.dataset.src = content;
-            responseDiv.dataset.nodeId = nodeModel.id;
-
-            // 2. Render Markdown or Text
-            const cachedHtml = getCachedMarkdownHtml(nodeModel, content);
-            if (cachedHtml) {
-                responseDiv.innerHTML = cachedHtml;
-            } else if (typeof marked !== 'undefined' && content) {
-                const options = { breaks: true, gfm: true };
-                try {
-                    if (typeof marked.parse === 'function') {
-                        responseDiv.innerHTML = marked.parse(content, options);
-                    } else if (typeof marked === 'function') {
-                        responseDiv.innerHTML = marked(content, options);
-                    } else {
-                        responseDiv.innerText = content;
-                    }
-                    setCachedMarkdownHtml(nodeModel, content, responseDiv.innerHTML);
-                } catch {
-                    responseDiv.innerText = content;
-                }
-            } else {
-                responseDiv.innerText = content;
-            }
-
-            // 3. (Removed) Click Event Listener
-            // Centralized interaction logic in mind-map-interactions.js handles selection and editing.
-            // Also pointer-events are none by default, so this wouldn't fire.
-
-            // Prevent drag interference (optional, but harmless)
-            responseDiv.ondragstart = (e) => {
-                if (e.target.tagName !== 'A' && !e.target.closest('a')) {
-                    e.preventDefault();
-                }
-            };
-
+
+            // 1. Save Metadata
+            responseDiv.dataset.src = content;
+            responseDiv.dataset.nodeId = nodeModel.id;
+
+            // 2. Render Markdown or Text
+            const cachedHtml = getCachedMarkdownHtml(nodeModel, content);
+            if (cachedHtml) {
+                responseDiv.innerHTML = cachedHtml;
+            } else if (typeof marked !== 'undefined' && content) {
+                const options = { breaks: true, gfm: true };
+                try {
+                    if (typeof marked.parse === 'function') {
+                        responseDiv.innerHTML = marked.parse(content, options);
+                    } else if (typeof marked === 'function') {
+                        responseDiv.innerHTML = marked(content, options);
+                    } else {
+                        responseDiv.innerText = content;
+                    }
+                    setCachedMarkdownHtml(nodeModel, content, responseDiv.innerHTML);
+                } catch {
+                    responseDiv.innerText = content;
+                }
+            } else {
+                responseDiv.innerText = content;
+            }
+
+            // 3. (Removed) Click Event Listener
+            // Centralized interaction logic in mind-map-interactions.js handles selection and editing.
+            // Also pointer-events are none by default, so this wouldn't fire.
+
+            // Prevent drag interference (optional, but harmless)
+            responseDiv.ondragstart = (e) => {
+                if (e.target.tagName !== 'A' && !e.target.closest('a')) {
+                    e.preventDefault();
+                }
+            };
+
         } else if (isMarkdownType) {
             responseDiv.className = 'node-response markdown-body mind-map-text-scrollable-view';
             // ▼▼▼ [FIX] 텍스트 선택을 위한 스타일 설정 ▼▼▼
@@ -23442,15 +23139,15 @@
                 user-select: text;
                 -webkit-user-select: text;
             `;
-            // ▲▲▲ [FIX] ▲▲▲
-            const cachedHtml = getCachedMarkdownHtml(nodeModel, content);
-            if (cachedHtml) {
-                responseDiv.innerHTML = cachedHtml;
-            } else {
-                const html = createMarkdownContent(content);
-                responseDiv.innerHTML = html;
-                setCachedMarkdownHtml(nodeModel, content, html);
-            }
+            // ▲▲▲ [FIX] ▲▲▲
+            const cachedHtml = getCachedMarkdownHtml(nodeModel, content);
+            if (cachedHtml) {
+                responseDiv.innerHTML = cachedHtml;
+            } else {
+                const html = createMarkdownContent(content);
+                responseDiv.innerHTML = html;
+                setCachedMarkdownHtml(nodeModel, content, html);
+            }
         } else if (contentTypeLower === 'image') {
             responseDiv.className = 'node-response image-content';
             responseDiv.style.cssText = `width: 100%; height: 100%; display: ${hasContent ? 'block' : 'none'}; position: relative; overflow: hidden; pointer-events: none; padding: 0 !important; margin: 0 !important; background: transparent; border: 0 !important; scrollbar-width: none;`;
@@ -23534,15 +23231,15 @@
 
         return container;
     }
-
-    // HTML 이스케이프 헬퍼
-    function escapeHtml(text) {
-        const div = document.createElement('div');
-        div.textContent = text;
-        return div.innerHTML;
-    }
-    // ▲▲▲ [New] ▲▲▲
-
+
+    // HTML 이스케이프 헬퍼
+    function escapeHtml(text) {
+        const div = document.createElement('div');
+        div.textContent = text;
+        return div.innerHTML;
+    }
+    // ▲▲▲ [New] ▲▲▲
+
     function getNodeViewContentInfo(nodeModel) {
         const contentTypeLower = String(nodeModel?.contentType ?? nodeModel?.ContentType ?? '').toLowerCase();
         const remoteFleetMonitor = isRemoteFleetMonitorNode(nodeModel);
@@ -23800,7 +23497,7 @@
             console.error('[MindMapCss3DManager] CSS3DObject not available');
             return null;
         }
-
+
         const resolvedNodeId = getNodeId(nodeModel);
         const templateId = `node-${resolvedNodeId}`;
         let templateElement = document.getElementById(templateId);
@@ -23822,60 +23519,60 @@
             || contentTypeLower === 'embed') {
             templateElement = null;
         }
-
-        let isDynamicallyCreated = false;
-        // text/markdown 타입은 Blazor 템플릿이 없으므로 동적 생성
-        if (!templateElement) {
-            // text/markdown type has no Blazor template, so create dynamically.
-            // [FIX] 'note' type also falls back to dynamic creation if not found (or if we force dynamic for consistent MD)
-            // But usually 'note' comes from Razor. If missing, we create it.
+
+        let isDynamicallyCreated = false;
+        // text/markdown 타입은 Blazor 템플릿이 없으므로 동적 생성
+        if (!templateElement) {
+            // text/markdown type has no Blazor template, so create dynamically.
+            // [FIX] 'note' type also falls back to dynamic creation if not found (or if we force dynamic for consistent MD)
+            // But usually 'note' comes from Razor. If missing, we create it.
             const dynamicTypes = ['text', 'markdown', 'code', 'note', 'memo', CSV_TABLE_CONTENT_TYPE, 'templatelauncher', 'image', 'video', 'embed'];
 
             if (remoteFleetMonitor || dynamicTypes.includes(contentTypeLower)) {
                 log(`[MindMapCss3DManager] Deferring dynamic DOM element for ${visualContentTypeLower || contentTypeLower} node ${resolvedNodeId} to shared NodeView`);
                 templateElement = document.createElement('div');
                 isDynamicallyCreated = true;
-            } else {
-                // 경고 로그 제한 (초기 로딩 시 템플릿이 아직 렌더링되지 않은 경우 스팸 방지)
-                if (!window._templateWarningCount) window._templateWarningCount = 0;
-                if (window._templateWarningCount < 5) {
+            } else {
+                // 경고 로그 제한 (초기 로딩 시 템플릿이 아직 렌더링되지 않은 경우 스팸 방지)
+                if (!window._templateWarningCount) window._templateWarningCount = 0;
+                if (window._templateWarningCount < 5) {
                     warn(`[MindMapCss3DManager] Template not found for node ${resolvedNodeId} (async templates pending). Template ID: ${templateId}`);
-                    window._templateWarningCount++;
-                    if (window._templateWarningCount === 5) {
-                        warn(`[MindMapCss3DManager] ... suppressing further template warnings. Templates will be available after async render.`);
-                    }
-                }
-                return null;
-            }
-        }
-        // ▲▲▲ [New] ▲▲▲
-
+                    window._templateWarningCount++;
+                    if (window._templateWarningCount === 5) {
+                        warn(`[MindMapCss3DManager] ... suppressing further template warnings. Templates will be available after async render.`);
+                    }
+                }
+                return null;
+            }
+        }
+        // ▲▲▲ [New] ▲▲▲
+
         const existingCss3dId = `css3d-node-${resolvedNodeId}`;
         const nodeEntry = module.nodeObjectsById.get(resolvedNodeId);
-
-        if (nodeEntry && nodeEntry.cssObject) {
+
+        if (nodeEntry && nodeEntry.cssObject) {
             warn(`[MindMapCss3DManager] CSS3D object already exists in memory for node ${resolvedNodeId}. Returning existing object.`);
-            return nodeEntry.cssObject;
-        }
-
-        const existingCss3dElement = document.getElementById(existingCss3dId);
-        if (existingCss3dElement) {
-            warn(`[MindMapCss3DManager] Removing duplicate CSS3D element from DOM: ${existingCss3dId}`);
-            if (existingCss3dElement.parentElement) {
-                existingCss3dElement.parentElement.removeChild(existingCss3dElement);
-            }
-        }
-
-        // (It lives in a hidden div, so it is not visible.)
-        /*
-        const razorMapNode = document.querySelector(`#${templateId}`);
-        if (razorMapNode && razorMapNode.parentElement) {
-            console.warn(`[MindMapCss3DManager] Removing Razor-generated MapNode from DOM: ${templateId}`);
-            razorMapNode.parentElement.removeChild(razorMapNode);
-        }
-        */
-        // ▲▲▲ [Critical fix] ▲▲▲
-
+            return nodeEntry.cssObject;
+        }
+
+        const existingCss3dElement = document.getElementById(existingCss3dId);
+        if (existingCss3dElement) {
+            warn(`[MindMapCss3DManager] Removing duplicate CSS3D element from DOM: ${existingCss3dId}`);
+            if (existingCss3dElement.parentElement) {
+                existingCss3dElement.parentElement.removeChild(existingCss3dElement);
+            }
+        }
+
+        // (It lives in a hidden div, so it is not visible.)
+        /*
+        const razorMapNode = document.querySelector(`#${templateId}`);
+        if (razorMapNode && razorMapNode.parentElement) {
+            console.warn(`[MindMapCss3DManager] Removing Razor-generated MapNode from DOM: ${templateId}`);
+            razorMapNode.parentElement.removeChild(razorMapNode);
+        }
+        */
+        // ▲▲▲ [Critical fix] ▲▲▲
+
         const nodeView = createNodeViewElement(module, nodeModel, {
             hostKind: NODE_VIEW_HOST_CSS3D,
             idPrefix: 'css3d-node'
@@ -23900,31 +23597,31 @@
         }
         clonedElement.style.display = '';
         clonedElement.style.transformOrigin = '0% 0%';
-
-        // ▼▼▼ [Clarity] Scale factor for high-resolution rendering ▼▼▼
+
+        // ▼▼▼ [Clarity] Scale factor for high-resolution rendering ▼▼▼
         const resolutionScale = nodeView.resolutionScale;
         applyCss3dResolutionLayout(clonedElement, width, height, resolutionScale, {
             resetLayoutTransform: true
         });
         clonedElement.style.borderRadius = '0px';
-
-        // to the inner element, the node shifts down-right.
-        // Remove it so the element sits at the wrapper origin (0,0).
-        clonedElement.style.position = 'absolute';
-        clonedElement.style.left = '0px';
-        clonedElement.style.top = '0px';
-        // ▲▲▲ [Changed] ▲▲▲
-
+
+        // to the inner element, the node shifts down-right.
+        // Remove it so the element sits at the wrapper origin (0,0).
+        clonedElement.style.position = 'absolute';
+        clonedElement.style.left = '0px';
+        clonedElement.style.top = '0px';
+        // ▲▲▲ [Changed] ▲▲▲
+
         clonedElement.style.transition = 'none';
         clonedElement.style.webkitTransition = 'none';
-
-        // ▼▼▼ [Perf] GPU acceleration for smooth zoom/pan ▼▼▼
-        // 초기에는 꺼둠 (auto). 카메라 이동 시 mind-map-core.js가 setWillChange(true) 호출
+
+        // ▼▼▼ [Perf] GPU acceleration for smooth zoom/pan ▼▼▼
+        // 초기에는 꺼둠 (auto). 카메라 이동 시 mind-map-core.js가 setWillChange(true) 호출
         clonedElement.style.willChange = 'auto'; // 'transform';
         clonedElement.style.backfaceVisibility = isMediaNode ? 'visible' : 'hidden';
         clonedElement.style.webkitBackfaceVisibility = isMediaNode ? 'visible' : 'hidden';
         // ▲▲▲ [Perf] ▲▲▲
-
+
         const wrapper = document.createElement('div');
         const wrapperTypeClass = `node-type-${visualContentTypeLower || 'unknown'}`;
         wrapper.className = `css3d-resolution-wrapper lod-high ${wrapperTypeClass}`;
@@ -23937,10 +23634,10 @@
         wrapper.dataset.nodeId = resolvedNodeId;
         wrapper.style.transition = CSS3D_WRAPPER_TRANSITION;
         wrapper.style.webkitTransition = CSS3D_WRAPPER_WEBKIT_TRANSITION;
-
-        wrapper.style.transformOrigin = '0 0';
-        // ▲▲▲ [Critical fix] ▲▲▲
-
+
+        wrapper.style.transformOrigin = '0 0';
+        // ▲▲▲ [Critical fix] ▲▲▲
+
         // ▼▼▼ [Fix] 외부 스크롤바 방지 - 내부 콘텐츠 스크롤바만 표시 ▼▼▼
         wrapper.style.overflow = allowsExternalNodeChrome ? 'visible' : 'hidden';
         if (allowsExternalNodeChrome) {
@@ -23949,14 +23646,14 @@
             wrapper.style.containIntrinsicSize = 'auto';
         }
         // ▲▲▲ [Fix] ▲▲▲
-
-        // ▼▼▼ [Perf] GPU acceleration for smooth zoom/pan ▼▼▼
+
+        // ▼▼▼ [Perf] GPU acceleration for smooth zoom/pan ▼▼▼
         wrapper.style.willChange = 'auto'; // 'transform';
         wrapper.style.backfaceVisibility = isMediaNode ? 'visible' : 'hidden';
         wrapper.style.webkitBackfaceVisibility = isMediaNode ? 'visible' : 'hidden';
         wrapper.style.transformStyle = isMediaNode ? 'flat' : '';
         // ▲▲▲ [Perf] ▲▲▲
-
+
         if (contentTypeLower === 'image' || contentTypeLower === 'video') {
             wrapper.style.pointerEvents = 'auto'; // [Fix] Changed from none to auto for resize handle detection
             clonedElement.style.pointerEvents = 'none';
@@ -24033,10 +23730,10 @@
         }
 
         // ... (event listeners) ...
-
-        const css3dObj = new CSS3DObjectCtor(wrapper);
-        css3dObj.scale.set(1 / resolutionScale, 1 / resolutionScale, 1 / resolutionScale);
-        css3dObj.visible = false;
+
+        const css3dObj = new CSS3DObjectCtor(wrapper);
+        css3dObj.scale.set(1 / resolutionScale, 1 / resolutionScale, 1 / resolutionScale);
+        css3dObj.visible = false;
         css3dObj.userData.nodeId = resolvedNodeId;
         css3dObj.userData.worldWidth = width;
         css3dObj.userData.worldHeight = height;
@@ -24046,10 +23743,10 @@
         }
 
         // ▼▼▼ [Fix] nodeModel의 위치 정보를 사용하여 초기 위치 설정 ▼▼▼
-        // 호출자가 위치를 따로 설정하지 않아도 올바른 위치에 생성됩니다.
-        // Z 오프셋 0: 그리드(Z=0)와 동일한 평면에 배치하여 원근/시차 완전 제거
-        const posX = nodeModel.positionX ?? nodeModel.PositionX ?? 0;
-        const posY = nodeModel.positionY ?? nodeModel.PositionY ?? 0;
+        // 호출자가 위치를 따로 설정하지 않아도 올바른 위치에 생성됩니다.
+        // Z 오프셋 0: 그리드(Z=0)와 동일한 평면에 배치하여 원근/시차 완전 제거
+        const posX = nodeModel.positionX ?? nodeModel.PositionX ?? 0;
+        const posY = nodeModel.positionY ?? nodeModel.PositionY ?? 0;
         const posZ = (nodeModel.positionZ ?? nodeModel.PositionZ ?? 0); // [Fix] Z Offset 제거 (0으로 통일)
         css3dObj.position.set(posX, posY, posZ);
         // ▲▲▲ [Fix] ▲▲▲
@@ -24062,7 +23759,7 @@
 
         return css3dObj;
     }
-
+
     function syncCss3dContent(nodeModel, cssObject) {
         if (!nodeModel || !cssObject || !cssObject.element) return;
         const nodeId = String(getNodeId(nodeModel) || '').trim();
@@ -24147,7 +23844,7 @@
                 });
             }
         }
-
+
         const prompt = nodeModel.prompt ?? nodeModel.Prompt ?? '';
         if (contentTypeLower === 'image' || contentTypeLower === 'video' || contentTypeLower === 'embed') {
             restoreCss3dMediaOverlayState(nodeModel, cssObject);
@@ -24506,19 +24203,19 @@
         renderBusinessAutomationChrome(resolveBusinessAutomationChromeContainer(el), nodeModel);
     }
     // Reusable objects for Frustum Culling (avoid GC)
-    const _frustum = new THREE.Frustum();
-    const _projScreenMatrix = new THREE.Matrix4();
-    const _worldPos = new THREE.Vector3();
-    const _worldQuat = new THREE.Quaternion();
-    const _worldScale = new THREE.Vector3();
-    const _nodeBox = new THREE.Box3(); // 바운딩 박스용
-
-
-    // ▼▼▼ [New] Minimal update loop - only syncs positions when dirty ▼▼▼
-    // 그리드와 동일한 Z 평면(Z=0)에 배치하여 원근/시차 완전 제거
-    // [Fix] CSS3D 노드도 Z=0으로 완전 평탄화하여 카메라 이동 시 그리드와 정렬 유지
-    const CSS3D_Z_OFFSET = 0;
-
+    const _frustum = new THREE.Frustum();
+    const _projScreenMatrix = new THREE.Matrix4();
+    const _worldPos = new THREE.Vector3();
+    const _worldQuat = new THREE.Quaternion();
+    const _worldScale = new THREE.Vector3();
+    const _nodeBox = new THREE.Box3(); // 바운딩 박스용
+
+
+    // ▼▼▼ [New] Minimal update loop - only syncs positions when dirty ▼▼▼
+    // 그리드와 동일한 Z 평면(Z=0)에 배치하여 원근/시차 완전 제거
+    // [Fix] CSS3D 노드도 Z=0으로 완전 평탄화하여 카메라 이동 시 그리드와 정렬 유지
+    const CSS3D_Z_OFFSET = 0;
+
     function syncCssPositionFromGl(module, nodeEntry, targetZ) {
         const glObject = nodeEntry.glObject;
         const cssPos = nodeEntry.cssObject.position;
@@ -24622,8 +24319,8 @@
         dirtyIds?.clear?.();
         module._cssParentRepairNeeded = false;
     }
-    // ▲▲▲ [New] ▲▲▲
-
+    // ▲▲▲ [New] ▲▲▲
+
     // ▼▼▼ [New] 일괄 will-change 제어 (성능 최적화) ▼▼▼
     let _willChangeState = null; // null = unknown, true = enabled, false = disabled
     let _willChangeTouchedIds = new Set();
@@ -24818,10 +24515,10 @@
             }
             if (el.style.willChange !== value) el.style.willChange = value;
         });
-
-        // Razor 템플릿 기반 요소 (id가 css3d-node-로 시작하는 것들)
-        // (위의 createCss3dObject에서 clonedElement에 해당)
-        // querySelectorAll로 잡을 수 있음
+
+        // Razor 템플릿 기반 요소 (id가 css3d-node-로 시작하는 것들)
+        // (위의 createCss3dObject에서 clonedElement에 해당)
+        // querySelectorAll로 잡을 수 있음
         const clonedElements = document.querySelectorAll('[id^="css3d-node-"]');
         clonedElements.forEach(el => {
             if (effectiveEnabled && shouldPreserveAgentMotionCssElement(el)) {
@@ -24831,9 +24528,9 @@
             if (el.style.willChange !== value) el.style.willChange = value;
         });
     }
-    // ▲▲▲ [New] ▲▲▲
-
-    // Expose MindMapCss3DManager globally
+    // ▲▲▲ [New] ▲▲▲
+
+    // Expose MindMapCss3DManager globally
     window.MindMapCss3DManager = {
         activateSelectableTextOverlay: activateSelectableTextOverlay,
         activateNativeTextSelectionSource: activateNativeTextSelectionSource,
@@ -24912,6 +24609,6 @@
         hideBusinessAutomationFloatingTooltipForNode: hideBusinessAutomationFloatingTooltipForNode,
         update: update // Export
     };
-
-    console.log('✓ mind-map-css3d-manager.js loaded (Note editing fixed)');
-})();
+
+    console.log('✓ mind-map-css3d-manager.js loaded (Note editing fixed)');
+})();