@mindexec/cli 0.2.455 → 0.2.457

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);
@@ -15690,12 +15691,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 +15711,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 +17275,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 +17360,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 +17395,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 +18144,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 +18164,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 +18430,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 +18446,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 +18569,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 +18579,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 +18627,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 +18662,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 +18682,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 +18723,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;
@@ -18995,7 +18985,7 @@
         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';
@@ -19147,7 +19137,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;
@@ -19220,11 +19210,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 +19222,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%;
@@ -19294,7 +19284,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 +19303,8 @@
             text-overflow: ellipsis;
             white-space: nowrap;
         `;
+        bodyView.appendChild(filterRow);
+        bodyView.appendChild(taskRow);
         bodyView.appendChild(taskFeedback);
 
         if (showTaskSummarySurfaces && latestTaskBatch) {
@@ -19670,7 +19662,7 @@
                 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', `Open remote workstation for ${name}`);
                 card.tabIndex = 0;
                 card.title = getRemoteFleetDeviceTooltip(device);
                 card.style.cssText = `
@@ -20188,11 +20180,11 @@
                             }
                             setTaskFeedback('');
                         } else {
-                            setTaskFeedback(result?.error || result?.Error || 'Remote control node failed.', 'error');
+                            setTaskFeedback(result?.error || result?.Error || 'Remote workstation node failed.', 'error');
                         }
                     })
                     .catch(error => {
-                        setTaskFeedback(error?.message || 'Remote control node failed.', 'error');
+                        setTaskFeedback(error?.message || 'Remote workstation node failed.', 'error');
                     })
                     .finally(() => {
                         delete card.dataset.remoteFleetOpeningControlNode;
@@ -21112,7 +21104,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 +21161,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 +23185,7 @@
         ensurePromptCopyDelegation();
 
         // ... (logging)
-
+
         // 컨테이너 생성
         const container = document.createElement('div');
         container.id = `node-${nodeModel.id}`;
@@ -23217,7 +23209,7 @@
             color: #1f2937;
             box-shadow: none;
         `;
-
+
         // 콘텐츠 래퍼 생성
         const contentWrapper = document.createElement('div');
         contentWrapper.className = isCsvTableNode
@@ -23316,12 +23308,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 +23379,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 +23434,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 +23526,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 +23792,7 @@
             console.error('[MindMapCss3DManager] CSS3DObject not available');
             return null;
         }
-
+
         const resolvedNodeId = getNodeId(nodeModel);
         const templateId = `node-${resolvedNodeId}`;
         let templateElement = document.getElementById(templateId);
@@ -23822,60 +23814,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 +23892,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 +23929,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 +23941,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 +24025,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 +24038,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 +24054,7 @@
 
         return css3dObj;
     }
-
+
     function syncCss3dContent(nodeModel, cssObject) {
         if (!nodeModel || !cssObject || !cssObject.element) return;
         const nodeId = String(getNodeId(nodeModel) || '').trim();
@@ -24147,7 +24139,7 @@
                 });
             }
         }
-
+
         const prompt = nodeModel.prompt ?? nodeModel.Prompt ?? '';
         if (contentTypeLower === 'image' || contentTypeLower === 'video' || contentTypeLower === 'embed') {
             restoreCss3dMediaOverlayState(nodeModel, cssObject);
@@ -24506,19 +24498,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 +24614,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 +24810,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 +24823,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 +24904,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)');
+})();