@mindexec/cli 0.2.451 → 0.2.453

package/package.json

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

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

@@ -300,7 +300,7 @@
         themeGroup.userData.lightweightAdaptiveGrid = true;
         themeGroup.userData.localSnapGrid = true;
         themeGroup.userData.localSnapGridStyle = options.localSnapGridStyle || 'line';
-        themeGroup.userData.localSnapGridRadiusPx = 500;
+        themeGroup.userData.localSnapGridRadiusPx = 250;
         themeGroup.userData.themeAlias = options.themeAlias || 'LocalSnapGrid';
         themeGroup.userData.localSnapGridBackgroundColor = options.backgroundColor;
         themeGroup.animate = () => { };

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 = '20260727-fixed-phase-grid-spotlight-v858';
+    const MINDMAP_CORE_BUILD_ID = '20260728-world-grid-spotlight-v860';
     const CanvasPhase = Object.freeze({
         Booting: 'booting',
         BoardFileLoading: 'board-file-loading',
@@ -103,16 +103,19 @@
     const CAMERA_MOTION_GRID_OVERSCAN_PX = 512;
     const CAMERA_MOTION_GRID_Z_BUCKET_WORLD = 80;
     const CAMERA_MOTION_GRID_FALLBACK_ENABLED = false;
-    const LOCAL_SNAP_GRID_RADIUS_PX = 500;
+    const LOCAL_SNAP_GRID_RADIUS_PX = 250;
     const LOCAL_SNAP_GRID_DIAMETER_PX = LOCAL_SNAP_GRID_RADIUS_PX * 2;
+    const LOCAL_SNAP_GRID_FADE_PX = 100;
+    const LOCAL_SNAP_GRID_SOLID_RADIUS_PX = LOCAL_SNAP_GRID_RADIUS_PX - LOCAL_SNAP_GRID_FADE_PX;
     const LOCAL_SNAP_GRID_MIN_STEP_PX = 8;
     const LOCAL_SNAP_GRID_MAX_STEP_PX = 56;
-    const LOCAL_SNAP_GRID_STEP_BUCKET_PX = 2;
     const LOCAL_SNAP_GRID_OPACITY_BUCKET = 0.04;
     const LOCAL_SNAP_GRID_DEFAULT_STEP_PX = 24;
     const LOCAL_SNAP_GRID_DEFAULT_MAJOR_STEP_PX = 240;
     const LOCAL_SNAP_GRID_DEFAULT_OPACITY = 0.42;
     const LOCAL_SNAP_GRID_TILE_OVERSCAN_PX = LOCAL_SNAP_GRID_MAX_STEP_PX * 10;
+    const LOCAL_SNAP_GRID_COMPOSITOR_SCALE_MIN = 0.8;
+    const LOCAL_SNAP_GRID_COMPOSITOR_SCALE_MAX = 1.5;
     const CAMERA_STATIONARY_INTERACTION_FRAME_DELAY_MS = 48;
     const CAMERA_ZOOM_END_DELAY_MS = 150;
     const CAMERA_MOTION_GLOBAL_STYLE_CLASS_ENABLED = false;
@@ -3233,6 +3236,10 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
             this._lastLocalSnapGridTransformKey = '';
             this._lastLocalSnapGridOpacity = '';
             this._lastLocalSnapGridPatternPeriodPx = LOCAL_SNAP_GRID_DEFAULT_MAJOR_STEP_PX;
+            this._lastLocalSnapGridWorldStep = Math.max(1, Number(this.GRID_SIZE || 10));
+            this._lastLocalSnapGridWorldPeriod = this._lastLocalSnapGridWorldStep * 10;
+            this._localSnapGridRasterPeriodPx = LOCAL_SNAP_GRID_DEFAULT_MAJOR_STEP_PX;
+            this._lastLocalSnapGridBackgroundSizeKey = '';
             this._localSnapGridTileCanvas = null;
             this._localSnapGridPointerRevision = 0;
             this._lastLocalSnapGridPositionRevision = -1;
@@ -3473,6 +3480,7 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
             layer.style.backgroundRepeat = 'repeat';
             layer.style.contain = 'paint';
             layer.style.willChange = 'transform';
+            layer.style.transformOrigin = '0 0';
             layer.style.transform = 'translate3d(0, 0, 0)';
             layer.style.transition = 'none';
 
@@ -3484,6 +3492,10 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
             this._lastLocalSnapGridPositionRevision = -1;
             this._lastLocalSnapGridOpacity = '';
             this._lastLocalSnapGridPatternPeriodPx = LOCAL_SNAP_GRID_DEFAULT_MAJOR_STEP_PX;
+            this._lastLocalSnapGridWorldStep = Math.max(1, Number(this.GRID_SIZE || 10));
+            this._lastLocalSnapGridWorldPeriod = this._lastLocalSnapGridWorldStep * 10;
+            this._localSnapGridRasterPeriodPx = LOCAL_SNAP_GRID_DEFAULT_MAJOR_STEP_PX;
+            this._lastLocalSnapGridBackgroundSizeKey = '';
             this._localSnapGridStyleDeferredForZoom = false;
             return layer;
         }
@@ -3511,10 +3523,15 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
             spotlight.style.opacity = '0';
             spotlight.style.borderRadius = '50%';
             spotlight.style.overflow = 'hidden';
-            spotlight.style.background = 'radial-gradient(circle, rgba(255,255,255,0.34) 0%, rgba(219,234,254,0.14) 52%, rgba(219,234,254,0) 78%)';
-            const spotlightMask = 'radial-gradient(circle at center, #000 0%, rgba(0,0,0,0.96) 36%, rgba(0,0,0,0.62) 58%, rgba(0,0,0,0.16) 78%, transparent 100%)';
+            spotlight.style.background = 'transparent';
+            const spotlightMask =
+                `radial-gradient(circle at 50% 50%, #fff 0px, #fff ${LOCAL_SNAP_GRID_SOLID_RADIUS_PX}px, transparent ${LOCAL_SNAP_GRID_RADIUS_PX}px)`;
             spotlight.style.maskImage = spotlightMask;
             spotlight.style.webkitMaskImage = spotlightMask;
+            spotlight.style.maskRepeat = 'no-repeat';
+            spotlight.style.webkitMaskRepeat = 'no-repeat';
+            spotlight.style.maskSize = '100% 100%';
+            spotlight.style.webkitMaskSize = '100% 100%';
             spotlight.style.contain = 'strict';
             spotlight.style.willChange = 'transform';
             spotlight.style.transform = 'translate3d(0, 0, 0)';
@@ -3544,45 +3561,86 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
                 : height / 2;
             const spotlightLeft = Math.round(centerX - LOCAL_SNAP_GRID_RADIUS_PX);
             const spotlightTop = Math.round(centerY - LOCAL_SNAP_GRID_RADIUS_PX);
-            const containerLeft = Math.round(Number(left) || 0);
-            const containerTop = Math.round(Number(top) || 0);
-            const patternPeriod = Math.max(
+            const camera = this.camera;
+            const cameraZ = Math.max(1, Number(camera?.position?.z || 1));
+            const vfov = (Number(camera?.fov || 45) * Math.PI) / 180;
+            const viewHeight = 2 * Math.tan(vfov / 2) * cameraZ;
+            const pxPerWorld = height / Math.max(1, viewHeight);
+            const gridProjection = this._resolveLocalSnapGridWorldStep(pxPerWorld);
+            const patternPeriod = Math.max(1, gridProjection.majorStepPx);
+            const cameraX = Number(camera?.position?.x || 0);
+            const cameraY = Number(camera?.position?.y || 0);
+            const worldOriginX = (width / 2) - (cameraX * pxPerWorld);
+            const worldOriginY = (height / 2) + (cameraY * pxPerWorld);
+            this._lastLocalSnapGridWorldStep = gridProjection.worldStep;
+            this._lastLocalSnapGridWorldPeriod = gridProjection.worldStep * 10;
+            this._lastLocalSnapGridPatternPeriodPx = patternPeriod;
+            let rasterPeriod = Math.max(
                 1,
-                Math.round(Number(this._lastLocalSnapGridPatternPeriodPx || LOCAL_SNAP_GRID_DEFAULT_MAJOR_STEP_PX))
+                Number(this._localSnapGridRasterPeriodPx || patternPeriod)
             );
+            let compositorScale = patternPeriod / rasterPeriod;
+            if (this._localSnapGridLayer &&
+                (
+                    compositorScale < LOCAL_SNAP_GRID_COMPOSITOR_SCALE_MIN ||
+                    compositorScale > LOCAL_SNAP_GRID_COMPOSITOR_SCALE_MAX
+                )) {
+                rasterPeriod = patternPeriod;
+                compositorScale = 1;
+                this._localSnapGridRasterPeriodPx = rasterPeriod;
+                const rebasedBackgroundSizeKey = rasterPeriod.toFixed(3);
+                this._lastLocalSnapGridBackgroundSizeKey = rebasedBackgroundSizeKey;
+                this._localSnapGridLayer.style.backgroundSize =
+                    `${rebasedBackgroundSizeKey}px ${rebasedBackgroundSizeKey}px`;
+            }
             const positiveModulo = (value, size) => ((value % size) + size) % size;
-            const gridPhaseX = Math.round(positiveModulo(
-                LOCAL_SNAP_GRID_TILE_OVERSCAN_PX - containerLeft - spotlightLeft,
+            const gridPhaseX = positiveModulo(
+                LOCAL_SNAP_GRID_TILE_OVERSCAN_PX + worldOriginX - spotlightLeft,
                 patternPeriod
-            ));
-            const gridPhaseY = Math.round(positiveModulo(
-                LOCAL_SNAP_GRID_TILE_OVERSCAN_PX - containerTop - spotlightTop,
+            );
+            const gridPhaseY = positiveModulo(
+                LOCAL_SNAP_GRID_TILE_OVERSCAN_PX + worldOriginY - spotlightTop,
                 patternPeriod
-            ));
+            );
             if (DEBUG) {
-                const fixedPhaseX = positiveModulo(
-                    containerLeft + spotlightLeft - LOCAL_SNAP_GRID_TILE_OVERSCAN_PX + gridPhaseX,
+                const worldPhaseErrorX = positiveModulo(
+                    spotlightLeft - LOCAL_SNAP_GRID_TILE_OVERSCAN_PX + gridPhaseX - worldOriginX,
                     patternPeriod
                 );
-                const fixedPhaseY = positiveModulo(
-                    containerTop + spotlightTop - LOCAL_SNAP_GRID_TILE_OVERSCAN_PX + gridPhaseY,
+                const worldPhaseErrorY = positiveModulo(
+                    spotlightTop - LOCAL_SNAP_GRID_TILE_OVERSCAN_PX + gridPhaseY - worldOriginY,
                     patternPeriod
                 );
+                const normalizedWorldPhaseErrorX = Math.min(
+                    worldPhaseErrorX,
+                    patternPeriod - worldPhaseErrorX
+                );
+                const normalizedWorldPhaseErrorY = Math.min(
+                    worldPhaseErrorY,
+                    patternPeriod - worldPhaseErrorY
+                );
                 window.MindCanvasDevGuards?.assert?.(
-                    fixedPhaseX === 0 && fixedPhaseY === 0,
-                    'local-snap-grid-phase-drift',
+                    normalizedWorldPhaseErrorX <= 0.001 && normalizedWorldPhaseErrorY <= 0.001,
+                    'local-snap-grid-world-phase-drift',
                     {
-                        containerLeft,
-                        containerTop,
                         spotlightLeft,
                         spotlightTop,
+                        worldOriginX,
+                        worldOriginY,
                         gridPhaseX,
                         gridPhaseY,
-                        patternPeriod
+                        patternPeriod,
+                        worldStep: gridProjection.worldStep,
+                        worldPhaseErrorX: normalizedWorldPhaseErrorX,
+                        worldPhaseErrorY: normalizedWorldPhaseErrorY
                     }
                 );
             }
-            const transformKey = `${spotlightLeft}|${spotlightTop}|${patternPeriod}|${gridPhaseX}|${gridPhaseY}`;
+            const gridPhaseXValue = gridPhaseX.toFixed(3);
+            const gridPhaseYValue = gridPhaseY.toFixed(3);
+            const compositorScaleValue = compositorScale.toFixed(6);
+            const transformKey =
+                `${spotlightLeft}|${spotlightTop}|${patternPeriod.toFixed(3)}|${gridPhaseXValue}|${gridPhaseYValue}|${compositorScaleValue}`;
             if (transformKey === this._lastLocalSnapGridTransformKey) {
                 return false;
             }
@@ -3590,11 +3648,39 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
             spotlight.style.transform = `translate3d(${spotlightLeft}px, ${spotlightTop}px, 0)`;
             if (this._localSnapGridLayer) {
                 this._localSnapGridLayer.style.transform =
-                    `translate3d(${gridPhaseX}px, ${gridPhaseY}px, 0)`;
+                    `translate3d(${gridPhaseXValue}px, ${gridPhaseYValue}px, 0) scale(${compositorScaleValue})`;
             }
             return true;
         }
 
+        _resolveLocalSnapGridWorldStep(pxPerWorld) {
+            const safePxPerWorld = Math.max(Number.EPSILON, Number(pxPerWorld) || Number.EPSILON);
+            const baseWorldStep = Math.max(Number.EPSILON, Number(this.GRID_SIZE || 10));
+            let worldStep = Math.max(
+                Number.EPSILON,
+                Number(this._lastLocalSnapGridWorldStep || baseWorldStep)
+            );
+            let smallStepPx = worldStep * safePxPerWorld;
+            let guard = 0;
+
+            while (smallStepPx < LOCAL_SNAP_GRID_MIN_STEP_PX && guard < 24) {
+                worldStep *= 2;
+                smallStepPx *= 2;
+                guard += 1;
+            }
+            while (smallStepPx > LOCAL_SNAP_GRID_MAX_STEP_PX && guard < 48) {
+                worldStep /= 2;
+                smallStepPx /= 2;
+                guard += 1;
+            }
+
+            return {
+                worldStep,
+                smallStepPx,
+                majorStepPx: smallStepPx * 10
+            };
+        }
+
         _getLocalSnapGridStyleKind() {
             const themeName = String(this.currentThemeName || '').trim();
             return themeName === 'SpatialGrid2D' ? 'dot' : 'line';
@@ -3698,8 +3784,15 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
                 Math.round(safeMajorStep * 100),
                 Math.round(safeOpacity * 100)
             ].join('|');
+            const backgroundSizeKey = safeMajorStep.toFixed(3);
 
             if (localGridKey === this._lastLocalSnapGridKey) {
+                this._localSnapGridRasterPeriodPx = safeMajorStep;
+                if (backgroundSizeKey !== this._lastLocalSnapGridBackgroundSizeKey) {
+                    this._lastLocalSnapGridBackgroundSizeKey = backgroundSizeKey;
+                    layer.style.backgroundSize = `${backgroundSizeKey}px ${backgroundSizeKey}px`;
+                    this._lastLocalSnapGridTransformKey = '';
+                }
                 return false;
             }
 
@@ -3717,10 +3810,12 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
                 return false;
             }
             this._lastLocalSnapGridKey = localGridKey;
-            this._lastLocalSnapGridPatternPeriodPx = tileSize;
+            this._lastLocalSnapGridPatternPeriodPx = safeMajorStep;
+            this._localSnapGridRasterPeriodPx = safeMajorStep;
             this._lastLocalSnapGridTransformKey = '';
             layer.style.backgroundImage = `url("${tileCanvas.toDataURL('image/png')}")`;
-            layer.style.backgroundSize = `${tileSize}px ${tileSize}px`;
+            this._lastLocalSnapGridBackgroundSizeKey = backgroundSizeKey;
+            layer.style.backgroundSize = `${backgroundSizeKey}px ${backgroundSizeKey}px`;
             if (layer.style.opacity !== opacityValue) {
                 layer.style.opacity = opacityValue;
             }
@@ -3841,19 +3936,11 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
             const vfov = (Number(camera.fov || 45) * Math.PI) / 180;
             const viewHeight = 2 * Math.tan(vfov / 2) * cameraZ;
             const pxPerWorld = height / Math.max(1, viewHeight);
-            const worldGrid = Math.max(1, Number(this.GRID_SIZE || 10));
-            const rawSmallStepPx = Math.max(
-                LOCAL_SNAP_GRID_MIN_STEP_PX,
-                Math.min(LOCAL_SNAP_GRID_MAX_STEP_PX, worldGrid * pxPerWorld)
-            );
-            const smallStepPx = Math.max(
-                LOCAL_SNAP_GRID_MIN_STEP_PX,
-                Math.min(
-                    LOCAL_SNAP_GRID_MAX_STEP_PX,
-                    Math.round(rawSmallStepPx / LOCAL_SNAP_GRID_STEP_BUCKET_PX) * LOCAL_SNAP_GRID_STEP_BUCKET_PX
-                )
-            );
-            const majorStepPx = smallStepPx * 10;
+            const gridProjection = this._resolveLocalSnapGridWorldStep(pxPerWorld);
+            const smallStepPx = gridProjection.smallStepPx;
+            const majorStepPx = gridProjection.majorStepPx;
+            this._lastLocalSnapGridWorldStep = gridProjection.worldStep;
+            this._lastLocalSnapGridWorldPeriod = gridProjection.worldStep * 10;
             const styleKind = this._getLocalSnapGridStyleKind();
             const rawOpacity = Math.max(0.24, Math.min(0.54, cameraZ <= 1800 ? 0.48 : 0.48 - ((cameraZ - 1800) / 36000)));
             const opacity = Math.max(
@@ -7855,6 +7942,10 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
                 this._lastLocalSnapGridKey = '';
                 this._lastLocalSnapGridTransformKey = '';
                 this._lastLocalSnapGridPatternPeriodPx = LOCAL_SNAP_GRID_DEFAULT_MAJOR_STEP_PX;
+                this._lastLocalSnapGridWorldStep = Math.max(1, Number(this.GRID_SIZE || 10));
+                this._lastLocalSnapGridWorldPeriod = this._lastLocalSnapGridWorldStep * 10;
+                this._localSnapGridRasterPeriodPx = LOCAL_SNAP_GRID_DEFAULT_MAJOR_STEP_PX;
+                this._lastLocalSnapGridBackgroundSizeKey = '';
             }
             if (this._localSnapGridSpotlightLayer) {
                 this._localSnapGridSpotlightLayer.remove();

package/wwwroot/index.html

@@ -579,7 +579,7 @@
             }
 
             const base = '_content/MindExecution.Shared/js/';
-            const scriptVersion = '20260727-fixed-phase-grid-v952';
+            const scriptVersion = '20260728-world-grid-spotlight-v954';
             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":  "p8ssqnwY",
+    "version":  "WDLLroI8",
     "assets":  [
                    {
                        "hash":  "sha256-+CSYMcqLNTsq3VnH11jgYyOCCdxvHzL74CBmo4sCmMU=",
@@ -58,7 +58,7 @@
                        "url":  "_content/MindExecution.Shared/js/agent-visualization.js"
                    },
                    {
-                       "hash":  "sha256-qCfvX9VTWXpI/7IAJyV8FXc83Z7vDq7yxYHg5rkp4ZE=",
+                       "hash":  "sha256-BKeo9VOndhs0Hype7AnU8eI5UyAL7tFyxUcz9WPxzUQ=",
                        "url":  "_content/MindExecution.Shared/js/background-themes.js"
                    },
                    {
@@ -78,7 +78,7 @@
                        "url":  "_content/MindExecution.Shared/js/marked.min.js"
                    },
                    {
-                       "hash":  "sha256-mQJAssSKsBPUgKPUA7JW2AKHvXnQT3RExAenuLL5+so=",
+                       "hash":  "sha256-aQ8GdhmZaf1TXuW4hf60u5faUZt20bpK64uKI9AS8d8=",
                        "url":  "_content/MindExecution.Shared/js/mind-map-core.js"
                    },
                    {
@@ -846,7 +846,7 @@
                        "url":  "icon-512.png"
                    },
                    {
-                       "hash":  "sha256-6WXHglnUixqMAtvwh+KquCabhsGtEytTYIOPc8zOXJE=",
+                       "hash":  "sha256-O0OldFZ8zOOWXQLQFCJn3bE77Rsgdccus3oWnURLlbI=",
                        "url":  "index.html"
                    },
                    {

package/wwwroot/service-worker.js

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