@mindexec/cli 0.2.256 → 0.2.258

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mindexec/cli",
-  "version": "0.2.256",
+  "version": "0.2.258",
   "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 = '20260620-ua-wheel-zoom-direct-v703';
+    const MINDMAP_CORE_BUILD_ID = '20260620-local-grid-wheel-zoom-v705';
     const CanvasPhase = Object.freeze({
         Booting: 'booting',
         BoardFileLoading: 'board-file-loading',
@@ -109,6 +109,9 @@
     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 CAMERA_MOTION_PARTIAL_FRAME_SKIP_ENABLED = false;
     const CAMERA_MOTION_VISUAL_ONLY_FAST_PATH_ENABLED = true;
     const CAMERA_MOTION_WEBGL_CANVAS_TRANSFORM_ENABLED = true;
@@ -3886,6 +3889,7 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
             this._animationIdleCadenceFrame = false;
             this._lastAnimationLoopDelayMs = 0;
             this._lastAnimationWakeReason = '';
+            this._wheelZoomDirectSettleTimer = null;
             // ▲▲▲ [Optimization] ▲▲▲
 
             // ▼▼▼ [State] Loading flag (hide nodes during board load) ▼▼▼
@@ -3978,11 +3982,13 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
             layer.style.backgroundRepeat = 'repeat';
             layer.style.backgroundColor = 'transparent';
             layer.style.borderRadius = '50%';
+            layer.style.overflow = 'hidden';
+            layer.style.clipPath = 'circle(500px at 500px 500px)';
             layer.style.contain = 'strict';
             layer.style.willChange = 'transform, opacity';
             layer.style.transform = 'translate3d(0, 0, 0)';
             layer.style.transition = 'opacity 90ms linear';
-            const mask = 'radial-gradient(circle at center, rgba(0,0,0,1) 0%, rgba(0,0,0,0.9) 28%, rgba(0,0,0,0.52) 50%, rgba(0,0,0,0.18) 70%, rgba(0,0,0,0.04) 86%, transparent 100%)';
+            const mask = 'radial-gradient(circle at center, rgba(0,0,0,0.98) 0%, rgba(0,0,0,0.82) 34%, rgba(0,0,0,0.38) 56%, rgba(0,0,0,0.11) 74%, rgba(0,0,0,0.025) 88%, transparent 100%)';
             layer.style.maskImage = mask;
             layer.style.webkitMaskImage = mask;
 
@@ -4001,6 +4007,83 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
             return layer;
         }
 
+        _getLocalSnapGridStyleKind() {
+            const themeName = String(this.currentThemeName || '').trim();
+            return themeName === 'SpatialGrid2D' ? 'dot' : 'line';
+        }
+
+        _applyLocalSnapGridStyle(layer, styleKind, smallStepPx, majorStepPx, opacity, keyPrefix = 'style') {
+            if (!layer) {
+                return false;
+            }
+
+            const safeStyleKind = styleKind === 'dot' ? 'dot' : 'line';
+            const safeSmallStep = Math.max(
+                LOCAL_SNAP_GRID_MIN_STEP_PX,
+                Math.min(LOCAL_SNAP_GRID_MAX_STEP_PX, Number(smallStepPx) || LOCAL_SNAP_GRID_DEFAULT_STEP_PX)
+            );
+            const safeMajorStep = Math.max(safeSmallStep, Number(majorStepPx) || LOCAL_SNAP_GRID_DEFAULT_MAJOR_STEP_PX);
+            const safeOpacity = Math.max(0.2, Math.min(0.56, Number(opacity) || LOCAL_SNAP_GRID_DEFAULT_OPACITY));
+            const localGridKey = [
+                keyPrefix,
+                safeStyleKind,
+                Math.round(safeSmallStep * 100),
+                Math.round(safeMajorStep * 100),
+                Math.round(safeOpacity * 100)
+            ].join('|');
+
+            if (localGridKey === this._lastLocalSnapGridKey) {
+                return false;
+            }
+
+            this._lastLocalSnapGridKey = localGridKey;
+            const opacityValue = safeOpacity.toFixed(3);
+            this._lastLocalSnapGridOpacity = opacityValue;
+            if (safeStyleKind === 'dot') {
+                layer.style.backgroundImage = [
+                    'radial-gradient(circle at 0 0, rgba(58, 69, 88, 0.28) 1px, transparent 1.45px)',
+                    'radial-gradient(circle at 0 0, rgba(30, 41, 59, 0.4) 1.6px, transparent 2.05px)'
+                ].join(', ');
+                layer.style.backgroundSize = `${safeSmallStep.toFixed(3)}px ${safeSmallStep.toFixed(3)}px, ${safeMajorStep.toFixed(3)}px ${safeMajorStep.toFixed(3)}px`;
+                layer.style.backgroundPosition = '0 0, 0 0';
+            } else {
+                layer.style.backgroundImage = [
+                    'linear-gradient(to right, rgba(51, 65, 85, 0.16) 1px, transparent 1px)',
+                    'linear-gradient(to bottom, rgba(51, 65, 85, 0.16) 1px, transparent 1px)',
+                    'linear-gradient(to right, rgba(15, 23, 42, 0.28) 1px, transparent 1px)',
+                    'linear-gradient(to bottom, rgba(15, 23, 42, 0.28) 1px, transparent 1px)'
+                ].join(', ');
+                layer.style.backgroundSize = `${safeSmallStep.toFixed(3)}px ${safeSmallStep.toFixed(3)}px, ${safeSmallStep.toFixed(3)}px ${safeSmallStep.toFixed(3)}px, ${safeMajorStep.toFixed(3)}px ${safeMajorStep.toFixed(3)}px, ${safeMajorStep.toFixed(3)}px ${safeMajorStep.toFixed(3)}px`;
+                layer.style.backgroundPosition = '0 0, 0 0, 0 0, 0 0';
+            }
+            if (layer.style.opacity !== opacityValue) {
+                layer.style.opacity = opacityValue;
+            }
+            return true;
+        }
+
+        _ensureLocalSnapGridBaseStyle(layer = null) {
+            const targetLayer = layer || this._ensureLocalSnapGridLayer();
+            if (!targetLayer) {
+                return false;
+            }
+
+            if (this._lastLocalSnapGridKey) {
+                return true;
+            }
+
+            this._applyLocalSnapGridStyle(
+                targetLayer,
+                this._getLocalSnapGridStyleKind(),
+                LOCAL_SNAP_GRID_DEFAULT_STEP_PX,
+                LOCAL_SNAP_GRID_DEFAULT_MAJOR_STEP_PX,
+                LOCAL_SNAP_GRID_DEFAULT_OPACITY,
+                'base'
+            );
+            this._localSnapGridStyleDeferredForZoom = true;
+            return true;
+        }
+
         _setLocalSnapGridVisible(visible, targetOpacity = null) {
             const layer = this._localSnapGridLayer;
             if (!layer) {
@@ -4099,51 +4182,19 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
                 )
             );
             const majorStepPx = smallStepPx * 10;
-            const themeName = String(this.currentThemeName || '').trim();
-            const styleKind = themeName === 'SpatialGrid2D' ? 'dot' : 'line';
-            const rawOpacity = Math.max(0.34, Math.min(0.82, cameraZ <= 1800 ? 0.72 : 0.72 - ((cameraZ - 1800) / 36000)));
+            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(
-                0.34,
-                Math.min(0.82, Math.round(rawOpacity / LOCAL_SNAP_GRID_OPACITY_BUCKET) * LOCAL_SNAP_GRID_OPACITY_BUCKET)
+                0.24,
+                Math.min(0.54, Math.round(rawOpacity / LOCAL_SNAP_GRID_OPACITY_BUCKET) * LOCAL_SNAP_GRID_OPACITY_BUCKET)
             );
-            const localGridKey = [
-                styleKind,
-                Math.round(smallStepPx * 100),
-                Math.round(majorStepPx * 100),
-                Math.round(opacity * 100)
-            ].join('|');
             const shouldDeferLocalGridStyleForZoom =
                 this.isZooming === true &&
                 !!this._lastLocalSnapGridKey;
 
-            if (localGridKey !== this._lastLocalSnapGridKey &&
-                shouldDeferLocalGridStyleForZoom !== true) {
+            if (shouldDeferLocalGridStyleForZoom !== true) {
                 this._localSnapGridStyleDeferredForZoom = false;
-                this._lastLocalSnapGridKey = localGridKey;
-                const opacityValue = opacity.toFixed(3);
-                this._lastLocalSnapGridOpacity = opacityValue;
-                if (styleKind === 'dot') {
-                    layer.style.backgroundImage = [
-                        'radial-gradient(circle at 0 0, rgba(68, 78, 94, 0.34) 1px, transparent 1.55px)',
-                        'radial-gradient(circle at 0 0, rgba(44, 55, 74, 0.5) 1.7px, transparent 2.2px)'
-                    ].join(', ');
-                } else {
-                    layer.style.backgroundImage = [
-                        'linear-gradient(to right, rgba(70, 82, 100, 0.22) 1px, transparent 1px)',
-                        'linear-gradient(to bottom, rgba(70, 82, 100, 0.22) 1px, transparent 1px)',
-                        'linear-gradient(to right, rgba(42, 55, 75, 0.36) 1px, transparent 1px)',
-                        'linear-gradient(to bottom, rgba(42, 55, 75, 0.36) 1px, transparent 1px)'
-                    ].join(', ');
-                }
-                layer.style.backgroundSize = styleKind === 'dot'
-                    ? `${smallStepPx.toFixed(3)}px ${smallStepPx.toFixed(3)}px, ${majorStepPx.toFixed(3)}px ${majorStepPx.toFixed(3)}px`
-                    : `${smallStepPx.toFixed(3)}px ${smallStepPx.toFixed(3)}px, ${smallStepPx.toFixed(3)}px ${smallStepPx.toFixed(3)}px, ${majorStepPx.toFixed(3)}px ${majorStepPx.toFixed(3)}px, ${majorStepPx.toFixed(3)}px ${majorStepPx.toFixed(3)}px`;
-                layer.style.backgroundPosition = styleKind === 'dot'
-                    ? '0 0, 0 0'
-                    : '0 0, 0 0, 0 0, 0 0';
-                if (layer.style.opacity !== opacityValue) {
-                    layer.style.opacity = opacityValue;
-                }
+                this._applyLocalSnapGridStyle(layer, styleKind, smallStepPx, majorStepPx, opacity);
             } else if (shouldDeferLocalGridStyleForZoom === true) {
                 this._localSnapGridStyleDeferredForZoom = true;
             }
@@ -4170,7 +4221,15 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
             }
 
             if (!this._localSnapGridLayer?.isConnected || !this._lastLocalSnapGridKey) {
-                return this._syncLocalSnapGridLayer(visible);
+                const layer = this._ensureLocalSnapGridLayer();
+                if (!layer) {
+                    return false;
+                }
+                if (this.isZooming === true) {
+                    this._ensureLocalSnapGridBaseStyle(layer);
+                } else {
+                    return this._syncLocalSnapGridLayer(visible);
+                }
             }
 
             const layer = this._localSnapGridLayer;
@@ -4481,6 +4540,36 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
             }
         }
 
+        requestWheelZoomDirectSettle(delayMs = CAMERA_ZOOM_END_DELAY_MS + 18) {
+            const safeDelayMs = Math.max(
+                16,
+                Math.floor(Number(delayMs) || (CAMERA_ZOOM_END_DELAY_MS + 18))
+            );
+            this.clearWheelZoomDirectSettle();
+            this._wheelZoomDirectSettleTimer = setTimeout(() => {
+                this._wheelZoomDirectSettleTimer = null;
+                if (this.isZooming !== true) {
+                    return;
+                }
+                if (this._animationLoopRunning === true) {
+                    this.requestAnimationWake('wheel-zoom-direct-finalize');
+                } else {
+                    this.animate();
+                }
+            }, safeDelayMs);
+            return true;
+        }
+
+        clearWheelZoomDirectSettle() {
+            if (!this._wheelZoomDirectSettleTimer) {
+                return false;
+            }
+
+            clearTimeout(this._wheelZoomDirectSettleTimer);
+            this._wheelZoomDirectSettleTimer = null;
+            return true;
+        }
+
         getCurrentBoardId() {
             return window.mindMap?.activeBoardId || _currentBoardId || null;
         }
@@ -8976,6 +9065,7 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
                 clearTimeout(this._motionGridHideTimer);
                 this._motionGridHideTimer = null;
             }
+            this.clearWheelZoomDirectSettle();
             if (this._motionGridLayer) {
                 this._motionGridLayer.remove();
                 this._motionGridLayer = null;

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

@@ -6255,6 +6255,7 @@ window.MindMapInteractions = (function () {
             return;
         }
 
+        module.clearWheelZoomDirectSettle?.();
         module.isZooming = false;
         clearZoomMotionChrome(module);
         clearMotionWillChangeEnable(module, { disableIfIdle: true });
@@ -6406,8 +6407,12 @@ window.MindMapInteractions = (function () {
         // ▼▼▼ [Perf] 줌 시작 시 isZooming 플래그 설정 및 will-change 활성화 ▼▼▼
         if (!module.isZooming) {
             module.isZooming = true;
-            scheduleZoomMotionChrome(module);
-            scheduleMotionWillChangeEnable(module);
+            if (MOTION_DOM_FANOUT_ENABLED === true) {
+                scheduleZoomMotionChrome(module);
+            }
+            if (module.renderDebugFlags?.enableCss3dWillChange === true) {
+                scheduleMotionWillChangeEnable(module);
+            }
         }
         // ▼▼▼ [Fix] 휠 입력 시간 기록 (줌 종료 타이밍 계산용) ▼▼▼
         module._zoomInputTime = performance.now();
@@ -6461,10 +6466,15 @@ window.MindMapInteractions = (function () {
             reason: 'wheel-zoom-direct',
             coalescedWheelEvents: Number(options.coalescedWheelEvents || 0)
         }) === true;
-        const settleFrames = presentedDirectly === true ? 1 : 2;
-        module._forceUpdateFrames = Math.max(Number(module._forceUpdateFrames || 0), settleFrames);
-        module._cameraNavigationForceFrames = Math.max(Number(module._cameraNavigationForceFrames || 0), settleFrames);
-        wakeCameraNavigationAnimation(module, presentedDirectly === true ? 'wheel-zoom-direct-settle' : 'wheel-zoom-input');
+        const settleScheduled =
+            presentedDirectly === true &&
+            module.requestWheelZoomDirectSettle?.() === true;
+        if (settleScheduled !== true) {
+            const settleFrames = 2;
+            module._forceUpdateFrames = Math.max(Number(module._forceUpdateFrames || 0), settleFrames);
+            module._cameraNavigationForceFrames = Math.max(Number(module._cameraNavigationForceFrames || 0), settleFrames);
+            wakeCameraNavigationAnimation(module, presentedDirectly === true ? 'wheel-zoom-direct-settle' : 'wheel-zoom-input');
+        }
         // ▲▲▲ [Changed] ▲▲▲
 
         // ▼▼▼ [Perf] 줌 종료 감지 및 CSS3D 업데이트 타이머 ▼▼▼

package/wwwroot/index.html

@@ -7,8 +7,8 @@
     <title>MindExec | Business Execution OS for solo builders</title>
     <meta name="description" content="MindExec is an AI business execution OS for solo builders who want to turn notes, research, assets, and repeatable execution Skills into revenue-producing work." />
     <base href="/" />
-    <link rel="stylesheet" href="_content/MindExecution.Shared/css/app.css?v=20260620-ua-wheel-zoom-direct-v703" />
-    <link rel="stylesheet" href="_content/MindExecution.Shared/css/mind-map-overrides.css?v=20260620-ua-wheel-zoom-direct-v703" />
+    <link rel="stylesheet" href="_content/MindExecution.Shared/css/app.css?v=20260620-local-grid-wheel-zoom-v705" />
+    <link rel="stylesheet" href="_content/MindExecution.Shared/css/mind-map-overrides.css?v=20260620-local-grid-wheel-zoom-v705" />
     <!-- ?�▼??Font Awesome (local) ?�▼??-->
     <link rel="stylesheet" href="_content/MindExecution.Shared/lib/font-awesome/css/all.min.css" />
     <!-- ?�▲??-->
@@ -579,7 +579,7 @@
             }
 
             const base = '_content/MindExecution.Shared/js/';
-        const scriptVersion = '20260620-ua-wheel-zoom-direct-v703';
+        const scriptVersion = '20260620-local-grid-wheel-zoom-v705';
             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":  "1LdoK7xQ",
+    "version":  "iiECfCDe",
     "assets":  [
                    {
                        "hash":  "sha256-+CSYMcqLNTsq3VnH11jgYyOCCdxvHzL74CBmo4sCmMU=",
@@ -78,7 +78,7 @@
                        "url":  "_content/MindExecution.Shared/js/marked.min.js"
                    },
                    {
-                       "hash":  "sha256-wk7TV857RImYllssWmYrGh0OAxXDQT1oq2VBYCPcS9c=",
+                       "hash":  "sha256-ZD4BuG/qNa9B6cje0Prf1T9lWdnLv3azcQDqcu4LWF4=",
                        "url":  "_content/MindExecution.Shared/js/mind-map-core.js"
                    },
                    {
@@ -106,7 +106,7 @@
                        "url":  "_content/MindExecution.Shared/js/mind-map-glow-shader.js"
                    },
                    {
-                       "hash":  "sha256-+rd+m+8v5jsj9aJFxXoTsdnY9A4TLbvfgGwvkQ5/Rhk=",
+                       "hash":  "sha256-oHhdP4cltwUivQrUKDEMENUIE3cKk29F/IEk2Rg3JPM=",
                        "url":  "_content/MindExecution.Shared/js/mind-map-interactions.js"
                    },
                    {
@@ -834,7 +834,7 @@
                        "url":  "image-manifest.json"
                    },
                    {
-                       "hash":  "sha256-WhrCEBoF7P15FvP1BrCFRsc6Hz4xCr5uVOLHvEjTlc8=",
+                       "hash":  "sha256-cT/4dyrhG2eQz7HKOf4fcBIn4qhPlMHdbA4tqQymjOQ=",
                        "url":  "index.html"
                    },
                    {

package/wwwroot/service-worker.js

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