@mindexec/cli 0.2.218 → 0.2.220

package/package.json

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

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

@@ -175,13 +175,24 @@ class MiniElement {
 
     dispatchEvent(event) {
         const payload = typeof event === 'string' ? { type: event } : { ...(event || {}) };
+        let immediateStopped = false;
+        const originalStopImmediatePropagation = typeof payload.stopImmediatePropagation === 'function'
+            ? payload.stopImmediatePropagation
+            : null;
         payload.type = payload.type || 'event';
         payload.target = payload.target || this;
         payload.currentTarget = this;
         payload.preventDefault = payload.preventDefault || (() => {});
         payload.stopPropagation = payload.stopPropagation || (() => {});
+        payload.stopImmediatePropagation = () => {
+            immediateStopped = true;
+            originalStopImmediatePropagation?.();
+        };
         for (const listener of this._listeners.get(payload.type) || []) {
             listener(payload);
+            if (immediateStopped) {
+                break;
+            }
         }
         return true;
     }

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

@@ -209,7 +209,9 @@ body.mind-debug-video-tint-layout .css3d-resolution-wrapper.node-type-video .vid
 /* ▲▲▲ [Fix] ▲▲▲ */
 
 body.is-zooming .css3d-resolution-wrapper,
-body.is-panning .css3d-resolution-wrapper {
+body.is-panning .css3d-resolution-wrapper,
+#css3d-dom-wrapper.is-zooming .css3d-resolution-wrapper,
+#css3d-dom-wrapper.is-panning .css3d-resolution-wrapper {
     -webkit-transition: none !important;
     transition: none !important;
 }
@@ -217,7 +219,11 @@ body.is-panning .css3d-resolution-wrapper {
 body.is-zooming .css3d-resolution-wrapper.selected,
 body.is-panning .css3d-resolution-wrapper.selected,
 body.mindcanvas-is-moving .css3d-resolution-wrapper.selected,
-body.mindcanvas-is-dense .css3d-resolution-wrapper.selected {
+body.mindcanvas-is-dense .css3d-resolution-wrapper.selected,
+#css3d-dom-wrapper.is-zooming .css3d-resolution-wrapper.selected,
+#css3d-dom-wrapper.is-panning .css3d-resolution-wrapper.selected,
+#css3d-dom-wrapper.mindcanvas-is-moving .css3d-resolution-wrapper.selected,
+#css3d-dom-wrapper.mindcanvas-is-dense .css3d-resolution-wrapper.selected {
     -webkit-filter: none !important;
     filter: none !important;
 }
@@ -238,7 +244,11 @@ html.mindcanvas-platform-apple body.mindcanvas-is-dense .css3d-resolution-wrappe
 body.is-zooming .node-menu-wrapper,
 body.is-panning .node-menu-wrapper,
 body.is-zooming .map-node-memo__icon-popover,
-body.is-panning .map-node-memo__icon-popover {
+body.is-panning .map-node-memo__icon-popover,
+#css3d-dom-wrapper.is-zooming .node-menu-wrapper,
+#css3d-dom-wrapper.is-panning .node-menu-wrapper,
+#css3d-dom-wrapper.is-zooming .map-node-memo__icon-popover,
+#css3d-dom-wrapper.is-panning .map-node-memo__icon-popover {
     -webkit-backdrop-filter: none !important;
     backdrop-filter: none !important;
     -webkit-box-shadow: none !important;
@@ -1122,6 +1132,7 @@ body.is-panning .map-node-memo__icon-popover {
 /* Hover raycast is already short-circuited in JS during pan, so keep CSS hover/focus
    intact while middle-button panning. We still suppress hit-testing for zoom/drag. */
 #css3d-dom-wrapper.is-dragging,
+#css3d-dom-wrapper.is-zooming,
 body.is-zooming #css3d-dom-wrapper {
     pointer-events: none !important;
 }
@@ -1138,6 +1149,7 @@ body.is-zooming {
 body.mindcanvas-browser-selection-locked *,
 body.is-node-dragging *,
 body.is-resizing *,
+#css3d-dom-wrapper.is-zooming *,
 body.is-zooming #css3d-dom-wrapper *,
 #css3d-dom-wrapper.is-panning,
 #css3d-dom-wrapper.is-panning *,
@@ -1163,6 +1175,8 @@ body.is-resizing .mind-map-text-overlay-v2-card,
 body.is-resizing .mind-map-text-overlay-v2-card *,
 body.is-zooming .mind-map-text-overlay.mind-map-text-overlay-selectable .mind-map-text-overlay-fragment,
 body.is-zooming .mind-map-text-overlay.mind-map-text-overlay-selectable .mind-map-text-overlay-fragment *,
+#css3d-dom-wrapper.is-zooming .mind-map-text-overlay.mind-map-text-overlay-selectable .mind-map-text-overlay-fragment,
+#css3d-dom-wrapper.is-zooming .mind-map-text-overlay.mind-map-text-overlay-selectable .mind-map-text-overlay-fragment *,
 #css3d-dom-wrapper.is-panning .mind-map-text-overlay.mind-map-text-overlay-selectable .mind-map-text-overlay-fragment,
 #css3d-dom-wrapper.is-panning .mind-map-text-overlay.mind-map-text-overlay-selectable .mind-map-text-overlay-fragment * {
     user-select: none !important;
@@ -1504,7 +1518,8 @@ html.mindcanvas-platform-apple .css3d-resolution-wrapper.is-automation-relation-
     pointer-events: auto;
 }
 
-body.is-panning .mind-map-text-overlay-v2-card.is-passive .mind-map-text-overlay-v2-body {
+body.is-panning .mind-map-text-overlay-v2-card.is-passive .mind-map-text-overlay-v2-body,
+#css3d-dom-wrapper.is-panning .mind-map-text-overlay-v2-card.is-passive .mind-map-text-overlay-v2-body {
     pointer-events: none !important;
 }
 
@@ -2445,6 +2460,9 @@ body.is-panning .mind-map-text-overlay-v2-card.is-passive .mind-map-text-overlay
 body.is-panning .css3d-resolution-wrapper.node-type-templatelauncher.selected,
 body.is-zooming .css3d-resolution-wrapper.node-type-templatelauncher.selected,
 body.mindcanvas-is-moving .css3d-resolution-wrapper.node-type-templatelauncher.selected,
+#css3d-dom-wrapper.is-panning .css3d-resolution-wrapper.node-type-templatelauncher.selected,
+#css3d-dom-wrapper.is-zooming .css3d-resolution-wrapper.node-type-templatelauncher.selected,
+#css3d-dom-wrapper.mindcanvas-is-moving .css3d-resolution-wrapper.node-type-templatelauncher.selected,
 body.mindcanvas-is-dense .css3d-resolution-wrapper.node-type-templatelauncher.selected {
     outline: none !important;
     -webkit-box-shadow: none !important;
@@ -3340,7 +3358,11 @@ body.is-panning .css3d-resolution-wrapper,
 body.is-node-dragging .css3d-resolution-wrapper,
 body.is-resizing .css3d-resolution-wrapper,
 body.mindcanvas-is-moving .css3d-resolution-wrapper,
-body.mindcanvas-is-dense .css3d-resolution-wrapper {
+body.mindcanvas-is-dense .css3d-resolution-wrapper,
+#css3d-dom-wrapper.is-zooming .css3d-resolution-wrapper,
+#css3d-dom-wrapper.is-panning .css3d-resolution-wrapper,
+#css3d-dom-wrapper.mindcanvas-is-moving .css3d-resolution-wrapper,
+#css3d-dom-wrapper.mindcanvas-is-dense .css3d-resolution-wrapper {
     -webkit-transition: none !important;
     transition: none !important;
     -webkit-filter: none !important;
@@ -3360,7 +3382,15 @@ body.is-panning .css3d-resolution-wrapper [id^="css3d-node-"],
 body.is-node-dragging .css3d-resolution-wrapper [id^="css3d-node-"],
 body.is-resizing .css3d-resolution-wrapper [id^="css3d-node-"],
 body.mindcanvas-is-moving .css3d-resolution-wrapper [id^="css3d-node-"],
-body.mindcanvas-is-dense .css3d-resolution-wrapper [id^="css3d-node-"] {
+body.mindcanvas-is-dense .css3d-resolution-wrapper [id^="css3d-node-"],
+#css3d-dom-wrapper.is-zooming .css3d-resolution-wrapper .css3d-dynamic-node,
+#css3d-dom-wrapper.is-panning .css3d-resolution-wrapper .css3d-dynamic-node,
+#css3d-dom-wrapper.mindcanvas-is-moving .css3d-resolution-wrapper .css3d-dynamic-node,
+#css3d-dom-wrapper.mindcanvas-is-dense .css3d-resolution-wrapper .css3d-dynamic-node,
+#css3d-dom-wrapper.is-zooming .css3d-resolution-wrapper [id^="css3d-node-"],
+#css3d-dom-wrapper.is-panning .css3d-resolution-wrapper [id^="css3d-node-"],
+#css3d-dom-wrapper.mindcanvas-is-moving .css3d-resolution-wrapper [id^="css3d-node-"],
+#css3d-dom-wrapper.mindcanvas-is-dense .css3d-resolution-wrapper [id^="css3d-node-"] {
     -webkit-transition: none !important;
     transition: none !important;
     -webkit-filter: none !important;

package/wwwroot/_content/MindExecution.Shared/js/background-themes.js

@@ -145,7 +145,7 @@
             return false;
         }
 
-        themeObject.animate(camera);
+        themeObject.animate(camera, options);
 
         const mode = getThemeAnimationMode(themeName, themeObject);
         if (mode === THEME_ANIMATION_MODE.Camera || mode === THEME_ANIMATION_MODE.None) {
@@ -315,118 +315,27 @@
             dispose: (themeObject) => { disposeThemeObject(themeObject); }
         },
 
-        // Theme 2: SpatialGrid2D (dots and '+' markers on the XY plane only)
-        'SpatialGrid2D': {
-            create: (scene) => {
+        // Theme 2: SpatialGrid2D (lightweight adaptive grid on the XY plane)
+        'SpatialGrid2D': {
+            create: (scene) => {
                 scene.background = new THREE.Color(THEME_SURFACE_BG);
-                const gridRange = 10000; // Larger XY plane range
-                const gridStep = 10;   // Larger dot spacing
-                const markerStep = 100; // Larger '+' marker spacing
-                const markerSize = 10;  // '+' marker size
-                const dotSize = 2;    // Dot size
-
-                const dotVertices = [];
-                const markerVertices = [];
-
-                // Iterate X/Y only; keep Z fixed at 0
-                for (let x = -gridRange; x <= gridRange; x += gridStep) {
-                    for (let y = -gridRange; y <= gridRange; y += gridStep) {
-                        const z = 0; // Keep Z fixed at 0
-
-                        // Check whether XY coordinates are multiples of markerStep
-                        if (x % markerStep === 0 && y % markerStep === 0) {
-                            markerVertices.push(x, y, z);
-                        } else {
-                            dotVertices.push(x, y, z);
-                        }
-                    }
-                }
-
-                const themeGroup = new THREE.Group();
-
-                // 1. Dots
-                const dotGeom = new THREE.BufferGeometry();
-                dotGeom.setAttribute('position', new THREE.Float32BufferAttribute(dotVertices, 3));
-                const dotMaterial = new THREE.PointsMaterial({
-                    color: 0xaaaaaa, // Dot color (slightly brighter)
-                    size: dotSize,
-                    sizeAttenuation: true,
-                    transparent: true, // Needed for opacity control
-                    opacity: 1.0,
-                    depthWrite: false // ▼ [Fix] Prevent Z-fighting with nodes
-                });
-                const dotMesh = new THREE.Points(dotGeom, dotMaterial);
-                dotMesh.renderOrder = -1; // ▼ [Fix] Render before nodes to avoid Z-fighting
-                themeGroup.add(dotMesh);
-
-                // 2. '+' Markers
-                const markerGeom = new THREE.BufferGeometry();
-                markerGeom.setAttribute('position', new THREE.Float32BufferAttribute(markerVertices, 3));
-                const markerMaterial = new THREE.PointsMaterial({
-                    map: createPlusTexture(),
-                    size: markerSize,
-                    sizeAttenuation: true,
-                    transparent: true,
-                    alphaTest: 0.1,
-                    color: 0x888888, // Marker color (slightly darker than dots)
-                    opacity: 1.0,
-                    depthWrite: false // ▼ [Fix] Prevent Z-fighting with nodes
-                });
-                const markerMesh = new THREE.Points(markerGeom, markerMaterial);
-                markerMesh.renderOrder = -1; // ▼ [Fix] Render before nodes to avoid Z-fighting
-                themeGroup.add(markerMesh);
-
-                const tmp = new THREE.Vector3();
-                const snapSize = markerStep;
-
-                // ▼▼▼ [New] Distance-based opacity control (see XYGrid) ▼▼▼
-                themeGroup.animate = function (camera) {
-                    if (!camera) return;
-
-                    // Position snapping
-                    tmp.copy(camera.position);
-                    tmp.z = 0; // Same plane as nodes (no parallax)
-                    tmp.x = Math.round(tmp.x / snapSize) * snapSize;
-                    tmp.y = Math.round(tmp.y / snapSize) * snapSize;
-                    themeGroup.position.copy(tmp);
-
-                    // Distance-based opacity
-                    const z = camera.position.z;
-                    let opacity = 1.0;
-
-                    if (z < 1600) {
-                        // [~1600] Near: 100%
-                        opacity = 1.0;
-                    }
-                    else if (z >= 1600 && z < 2400) {
-                        // [1600~2400] Transition: start fading
-                        const t = (z - 1600) / 800; // 0.0 ~ 1.0
-                        opacity = 1.0 - (t * 0.5); // 1.0 -> 0.5
-                    }
-                    else if (z >= 2400 && z < 4000) {
-                        // [2400~4000] Mid-range
-                        opacity = 0.5;
-                    }
-                    else if (z >= 4000 && z < 6000) {
-                        // [4000~6000] Far: fade out
-                        const t = (z - 4000) / 2000; // 0.0 ~ 1.0
-                        opacity = 0.5 - (t * 0.5); // 0.5 -> 0
-                    }
-                    else {
-                        // [6000~] Very far: hidden
-                        opacity = 0;
-                    }
-
-                    // Apply opacity
-                    dotMaterial.opacity = opacity;
-                    markerMaterial.opacity = opacity;
-                };
-                // ▲▲▲ [New] ▲▲▲
-
-                return setThemeAnimationMode(themeGroup, THEME_ANIMATION_MODE.Camera);
+                const grid = createAdaptiveXYGridOverlay(new THREE.Color(THEME_GRID_COLOR_SOFT), {
+                    fineDistance: 42000,
+                    coarseDistance: 120000,
+                    farDistance: 320000,
+                    fineSmallOpacity: 0.36,
+                    fineLargeOpacity: 0.24,
+                    coarseSmallOpacity: 0.3,
+                    coarseLargeOpacity: 0.2,
+                    farSmallOpacity: 0.24,
+                    farLargeOpacity: 0.14
+                });
+                grid.userData.themeAlias = 'SpatialGrid2D';
+                grid.userData.lightweightAdaptiveGrid = true;
+                return grid;
             },
-            dispose: (themeObject) => { disposeThemeObject(themeObject); }
-        },
+            dispose: (themeObject) => { disposeThemeObject(themeObject); }
+        },
 
         // Theme 3: GridPlane (basic 2D grid - uses InfiniteGridHelper)
         'GridPlane': {
@@ -1082,13 +991,19 @@
                 themeGroup.add(adaptiveGridOverlay);
 
                 // Animation: galaxy texture simulation and camera tracking for grid
-                themeGroup.animate = (camera) => {
+                themeGroup.animate = (camera, options = {}) => {
                     if (!camera) return;
 
+                    const isInteractiveMotionFrame = options.isInteractiveFrame === true ||
+                        options.isCameraMoving === true ||
+                        options.isPanning === true ||
+                        options.isZooming === true;
+                    const simulationStepCount = isInteractiveMotionFrame ? 1 : simulationStepsPerTick;
+
                     if (simulationReady) {
                         const previousTarget = renderer.getRenderTarget ? renderer.getRenderTarget() : null;
                         try {
-                            for (let i = 0; i < simulationStepsPerTick; i++) {
+                            for (let i = 0; i < simulationStepCount; i++) {
                                 velocityMaterial.uniforms.u_positionTexture.value = currentPositionTarget.texture;
                                 velocityMaterial.uniforms.u_velocityTexture.value = currentVelocityTarget.texture;
                                 renderComputePass(velocityMaterial, nextVelocityTarget);