@mindexec/cli 0.2.26 → 0.2.28

package/package.json

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

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

@@ -5,7 +5,7 @@
     const DEBUG = false;
     const FPS_DEBUG = false;
     const FRAME_PERF_DEBUG = false;
-    const MINDMAP_CORE_BUILD_ID = '20260610-template-board-ready-v205';
+    const MINDMAP_CORE_BUILD_ID = '20260613-dom-cursor-v207';
     const CanvasPhase = Object.freeze({
         Booting: 'booting',
         BoardFileLoading: 'board-file-loading',
@@ -83,6 +83,7 @@
     const PASSIVE_OVERLAY_INTERACTIVE_DENSE_VISIBLE_THRESHOLD = 40;
     const PASSIVE_OVERLAY_IDLE_DELAY_MS = 500;
     const PASSIVE_OVERLAY_PAN_IDLE_DELAY_MS = 500;
+    const CURSOR_DOM_BLINK_DURATION_MS = 1000;
     const HOME_CAMERA_NORMAL_MID_Z = 8250;
     const HOME_DENSE_CLUSTER_MIN_CELL_SIZE = 1200;
     const HOME_DENSE_CLUSTER_MAX_CELL_SIZE = 3600;
@@ -234,6 +235,111 @@
         });
     }
 
+    let cursorDomStyleInstalled = false;
+
+    function ensureCursorDomStyle() {
+        if (cursorDomStyleInstalled || typeof document === 'undefined') {
+            return;
+        }
+
+        if (document.getElementById('mind-map-cursor-dom-style')) {
+            cursorDomStyleInstalled = true;
+            return;
+        }
+
+        const style = document.createElement('style');
+        style.id = 'mind-map-cursor-dom-style';
+        style.textContent = `
+@keyframes mindMapCursorDomBlink {
+    0%, 49% { opacity: 1; }
+    50%, 100% { opacity: 0; }
+}
+.mind-map-cursor-dom {
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 20px;
+    height: 20px;
+    box-sizing: border-box;
+    border-top: 4px solid #000;
+    border-left: 4px solid #000;
+    pointer-events: none;
+    z-index: 2147483000;
+    animation: mindMapCursorDomBlink ${CURSOR_DOM_BLINK_DURATION_MS}ms steps(1, end) infinite;
+    will-change: transform;
+    contain: layout style paint;
+}
+`;
+        document.head?.appendChild(style);
+        cursorDomStyleInstalled = true;
+    }
+
+    function ensureCursorDomElement(module) {
+        if (!module?.container || typeof document === 'undefined') {
+            return null;
+        }
+
+        ensureCursorDomStyle();
+
+        if (module.cursorDomElement?.isConnected) {
+            return module.cursorDomElement;
+        }
+
+        const element = document.createElement('div');
+        element.className = 'mind-map-cursor-dom';
+        element.setAttribute('aria-hidden', 'true');
+        module.container.appendChild(element);
+        module.cursorDomElement = element;
+        module._lastCursorDomPositionKey = '';
+        return element;
+    }
+
+    function updateCursorDomElement(module) {
+        if (!module?.container || !module.camera || !module.cursorPosition) {
+            return false;
+        }
+
+        const element = ensureCursorDomElement(module);
+        if (!element) {
+            return false;
+        }
+
+        const width = Math.max(1, Number(module.container.clientWidth || 0));
+        const height = Math.max(1, Number(module.container.clientHeight || 0));
+        const camera = module.camera;
+        const cursor = module.cursorPosition;
+        const vfov = (camera.fov * Math.PI) / 180;
+        const viewHeight = 2 * Math.tan(vfov / 2) * camera.position.z;
+        const viewWidth = viewHeight * camera.aspect;
+        const ndcX = ((cursor.x - camera.position.x) * 2) / viewWidth;
+        const ndcY = ((cursor.y - camera.position.y) * 2) / viewHeight;
+        const x = ((ndcX + 1) / 2) * width;
+        const y = ((1 - ndcY) / 2) * height;
+        const visible = ndcX >= -1.1 && ndcX <= 1.1 && ndcY >= -1.1 && ndcY <= 1.1;
+        const positionKey = `${visible ? 1 : 0}|${Math.round(x)}|${Math.round(y)}|${width}|${height}`;
+
+        if (positionKey === module._lastCursorDomPositionKey) {
+            return false;
+        }
+
+        module._lastCursorDomPositionKey = positionKey;
+        element.style.display = visible ? 'block' : 'none';
+        if (visible) {
+            element.style.transform = `translate3d(${x.toFixed(2)}px, ${y.toFixed(2)}px, 0)`;
+        }
+        return true;
+    }
+
+    function removeCursorDomElement(module) {
+        if (module?.cursorDomElement) {
+            module.cursorDomElement.remove();
+            module.cursorDomElement = null;
+        }
+        if (module) {
+            module._lastCursorDomPositionKey = '';
+        }
+    }
+
     function shouldYieldWorkSlice(sliceStartedAt, processedCount, budgetMs, minItems, maxItems) {
         if (processedCount < minItems) {
             return false;
@@ -2497,6 +2603,8 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
             this.cursorMesh = null;
             this.cursorMaterial = null;
             this.cursorLineMaterial = null;
+            this.cursorDomElement = null;
+            this._lastCursorDomPositionKey = '';
             this._viewStatePersistTimer = null;
             this._pendingViewStateSnapshot = null;
             this._pendingViewStateKey = null;
@@ -3003,6 +3111,8 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
                     this.container = target;
                     this.dotNetHelper = helper;
                     window.dotNetHelper = helper; // Expose globally for NativeDropHandler access
+                    ensureCursorDomElement(this);
+                    updateCursorDomElement(this);
                     if (this.useTextOverlayV2 && window.MindMapTextOverlayV2?.init) {
                         window.MindMapTextOverlayV2.init(this);
                     }
@@ -3078,19 +3188,19 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
             const thickness = 4;   // Cursor thickness
 
             // Mesh material (background / thickness)
-            this.cursorMaterial = new THREE.MeshBasicMaterial({
-                color: 0xffffff,
-                transparent: true,
-                opacity: 1.0,
-                depthTest: false
-            });
-
-            // Line material (centerline)
-            this.cursorLineMaterial = new THREE.LineBasicMaterial({
-                color: 0xffffff,
-                transparent: false,
-                opacity: 1,
-                depthTest: false
+            this.cursorMaterial = new THREE.MeshBasicMaterial({
+                color: 0x000000,
+                transparent: true,
+                opacity: 1.0,
+                depthTest: false
+            });
+
+            // Line material (centerline)
+            this.cursorLineMaterial = new THREE.LineBasicMaterial({
+                color: 0x000000,
+                transparent: false,
+                opacity: 1,
+                depthTest: false
             });
 
             // Mesh geometry (vertical/horizontal bars)
@@ -3117,9 +3227,10 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
             line.position.z = 0; // [Fix] Z=0 for parallax elimination
             line.renderOrder = 9999;
             this.cursorMesh.add(line);
-
-            this.cursorMesh.position.set(0, 0, 0); // [Fix] Z=0 for parallax elimination
-            this.cursorMesh.renderOrder = 9999;
+
+            this.cursorMesh.position.set(0, 0, 0); // [Fix] Z=0 for parallax elimination
+            this.cursorMesh.renderOrder = 9999;
+            this.cursorMesh.visible = false;
             this.scene.add(this.cursorMesh);
 
             if (this.updateCursorPosition) {
@@ -3226,7 +3337,10 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
             }
 
             // 4. [중요] 강제 리사이즈 호출 (초기화 시점의 0x0 사이즈 보정)
-            setTimeout(() => {
+            ensureCursorDomElement(this);
+            updateCursorDomElement(this);
+
+            setTimeout(() => {
                 if (this && this.onWindowResize) {
                     console.log("[Init] Forcing resize to fix 0 height issue");
                     this.onWindowResize();
@@ -5059,25 +5173,9 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
                     allowAnimation: shouldAnimateImageStatusTextures
                 });
 
-                // 5. Cursor Animation
+                // 5. Cursor DOM position
                 // ----------------------------------------------------------------
-                let cursorAnimatedThisFrame = false;
-                const shouldAnimateCursor =
-                    !!this.cursorMaterial &&
-                    (
-                        (isContinuousTheme === true && allowContinuousThemeAnimationThisFrame === true) ||
-                        isInteractiveFrame === true ||
-                        shouldUpdate === true ||
-                        hasForcedUpdate === true ||
-                        isBoardLoading === true
-                    );
-                if (shouldAnimateCursor) {
-                    const time = Date.now() * 0.005;
-                    const val = (Math.sin(time) * 0.5) + 0.5;
-                    this.cursorMaterial.color.setRGB(val, val, val);
-                    if (this.cursorLineMaterial) this.cursorLineMaterial.color.setRGB(val, val, val);
-                    cursorAnimatedThisFrame = true;
-                }
+                updateCursorDomElement(this);
 
                 // 6. Theme Animation
                 // ----------------------------------------------------------------
@@ -5126,21 +5224,13 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
                 // 7. Render
                 // ----------------------------------------------------------------
                 _profileSection('css3dSync');
-                const hasContinuousThemeAnimationFrame =
-                    allowContinuousThemeAnimationThisFrame === true &&
-                    (
-                        shouldForceGpuParticleAnimation === true ||
-                        (isThemeAnimationEnabled === true && isContinuousTheme === true)
-                    );
                 const shouldRenderWebglFrame =
                     isWebglRenderEnabled &&
                     (
                         isBoardLoading === true ||
                         shouldUpdate === true ||
                         isInteractiveFrame === true ||
-                        themeAnimatedThisFrame === true ||
-                        cursorAnimatedThisFrame === true ||
-                        hasContinuousThemeAnimationFrame === true
+                        themeAnimatedThisFrame === true
                     );
                 if (shouldRenderWebglFrame) {
                     this.renderer.render(this.scene, this.camera);
@@ -5469,7 +5559,6 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
                     isInteractiveFrame !== true &&
                     shouldUpdate !== true &&
                     themeAnimatedThisFrame !== true &&
-                    cursorAnimatedThisFrame !== true &&
                     shouldRenderWebglFrame !== true &&
                     shouldRenderCss3dFrame !== true &&
                     shouldSyncTextOverlays !== true &&
@@ -5619,8 +5708,9 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
 
             this.cursorPosition.set(snappedX, snappedY, 0);
             if (this.cursorMesh) {
-                this.cursorMesh.position.set(snappedX, snappedY, 0); // [Fix] Z=0 for parallax elimination
-            }
+                this.cursorMesh.position.set(snappedX, snappedY, 0); // [Fix] Z=0 for parallax elimination
+            }
+            updateCursorDomElement(this);
 
             if (moveCamera) {
                 let targetCenterX = snappedX;
@@ -5749,6 +5839,7 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
         cleanupAndDispose() {
             if (!this.container) return;
             this.pauseAnimationLoop();
+            removeCursorDomElement(this);
             if (this._viewStatePersistTimer) {
                 clearTimeout(this._viewStatePersistTimer);
                 this._viewStatePersistTimer = null;

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

@@ -6182,6 +6182,10 @@
 
     function getMemoIconKey(nodeModel) {
         const semanticType = getNodeSemanticType(nodeModel);
+        if (semanticType === REMOTE_FLEET_SEMANTIC_TYPE) {
+            return 'network-wired';
+        }
+
         if (semanticType === 'MindCanvasAgent' || semanticType === 'AgentCommand') {
             return 'robot';
         }

package/wwwroot/index.html

@@ -558,7 +558,7 @@
             }
 
             const base = '_content/MindExecution.Shared/js/';
-            const scriptVersion = '20260613-remote-screen-monitor-v492';
+            const scriptVersion = '20260613-dom-cursor-v494';
             const scriptUrl = (script) => `${base}${script}?v=${scriptVersion}`;
             console.log(`[Script Loader] Shared JS version: ${scriptVersion}`);
             const criticalScripts = [

package/wwwroot/service-worker-assets.js

@@ -1,5 +1,5 @@
 self.assetsManifest = {
-    "version":  "pdZBY4HV",
+    "version":  "m4oKu8Nx",
     "assets":  [
                    {
                        "hash":  "sha256-+CSYMcqLNTsq3VnH11jgYyOCCdxvHzL74CBmo4sCmMU=",
@@ -78,7 +78,7 @@
                        "url":  "_content/MindExecution.Shared/js/marked.min.js"
                    },
                    {
-                       "hash":  "sha256-OmYQpvRRLwtglr/vxtxNehzAsxu7ff8XxkT2YNxwLWs=",
+                       "hash":  "sha256-UeeqiZXN9Iv1e/DRq1gyWRCbQUwzduNrpf5aSQido00=",
                        "url":  "_content/MindExecution.Shared/js/mind-map-core.js"
                    },
                    {
@@ -86,7 +86,7 @@
                        "url":  "_content/MindExecution.Shared/js/mind-map-core.js.backup"
                    },
                    {
-                       "hash":  "sha256-evnO3l4V8QouakV955IY87wMR6kYuXQU5LEAjOjONO0=",
+                       "hash":  "sha256-wZrUQUYTsiH7hkHaZPeEBdqG+r+e2UDR9vqZmyARSFg=",
                        "url":  "_content/MindExecution.Shared/js/mind-map-css3d-manager.js"
                    },
                    {
@@ -834,7 +834,7 @@
                        "url":  "image-manifest.json"
                    },
                    {
-                       "hash":  "sha256-BUjUsG/CTn5wyAwuO52yc0McqhRH8QVA7dDCN+LuIBE=",
+                       "hash":  "sha256-6CFY94JBwL0ucGyOLKGUhtHcboWlYd/I3J3bnSVjxjM=",
                        "url":  "index.html"
                    },
                    {

package/wwwroot/service-worker.js

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