@mindexec/cli 0.2.250 → 0.2.252

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mindexec/cli",
-  "version": "0.2.250",
+  "version": "0.2.252",
   "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-local-grid-css-only-v697';
+    const MINDMAP_CORE_BUILD_ID = '20260620-wheel-zoom-local-grid-v699';
     const CanvasPhase = Object.freeze({
         Booting: 'booting',
         BoardFileLoading: 'board-file-loading',
@@ -114,6 +114,7 @@
     const CAMERA_MOTION_WEBGL_CANVAS_TRANSFORM_ENABLED = true;
     const CAMERA_MOTION_WEBGL_TRANSFORM_TRANSLATE_BUCKET_PX = 0.25;
     const CAMERA_MOTION_WEBGL_TRANSFORM_SCALE_BUCKET = 0.0005;
+    const CSS3D_FLAT_CAMERA_MOTION_ENABLED = true;
     const CAMERA_STATIONARY_INTERACTION_FRAME_DELAY_MS = 48;
     const CAMERA_ZOOM_END_DELAY_MS = 150;
     const CAMERA_MOTION_GLOBAL_STYLE_CLASS_ENABLED = false;
@@ -491,10 +492,10 @@
         }
 
         // Static backgrounds can move as a single viewport surface. Continuous
-        // particle themes keep real animation only when the user explicitly asks
-        // for 60fps animation; the default work mode reuses the last WebGL
-        // surface during camera motion so one animated background cannot dominate
-        // pan/zoom cost on low-power GPUs.
+        // particle themes keep real animation during non-zoom camera motion only
+        // when the user explicitly asks for 60fps animation; active wheel zoom
+        // freezes the WebGL surface separately so raw wheel cadence cannot be
+        // dominated by background rendering.
         if (isContinuousBackgroundTheme(module) === true) {
             return module?.useAnimation60Fps !== true;
         }
@@ -505,11 +506,46 @@
     function shouldFreezeWebglSurfaceForZoom(module) {
         return !!(
             module?.isZooming === true &&
-            module?.useAnimation60Fps !== true &&
             module?._lastWebglRenderedCameraState
         );
     }
 
+    function renderCss3dCameraForCameraNavigation(module, reason = 'camera-navigation') {
+        const renderer = module?.cssRenderer || null;
+        const camera = module?.camera || null;
+        if (!renderer || !camera) {
+            return false;
+        }
+
+        const renderDebugFlags = module.renderDebugFlags || getRenderDebugFlagsSnapshot();
+        if (renderDebugFlags.enableCss3d === false) {
+            return false;
+        }
+
+        if (CSS3D_FLAT_CAMERA_MOTION_ENABLED === true &&
+            renderDebugFlags.enableFlatCss3dCameraMotion !== false &&
+            typeof renderer.renderFlatCamera === 'function') {
+            const usedFlatCamera = renderer.renderFlatCamera(camera, {
+                translateBucketPx: CAMERA_MOTION_WEBGL_TRANSFORM_TRANSLATE_BUCKET_PX,
+                scaleBucket: CAMERA_MOTION_WEBGL_TRANSFORM_SCALE_BUCKET
+            });
+            if (usedFlatCamera === true) {
+                module._lastCss3dCameraMotionMode = 'flat';
+                module._lastCss3dCameraMotionReason = reason;
+                return true;
+            }
+        }
+
+        if (typeof renderer.renderCamera === 'function') {
+            renderer.renderCamera(camera);
+            module._lastCss3dCameraMotionMode = 'matrix3d';
+            module._lastCss3dCameraMotionReason = reason;
+            return true;
+        }
+
+        return false;
+    }
+
     function markWebglSurfaceFrozenForZoom(module, mode) {
         if (!module) {
             return false;
@@ -1675,7 +1711,7 @@
 
         module._syncMotionGridLayerForCameraNavigation?.(usedWebglCanvasCameraTransform);
         module._syncLocalSnapGridPositionOnly?.(true);
-        module.cssRenderer.renderCamera(module.camera);
+        renderCss3dCameraForCameraNavigation(module, 'ua-ultra-camera-only');
 
         syncBusinessAutomationEdgesForCameraNavigation(module);
 
@@ -1898,7 +1934,7 @@
         module._syncMotionGridLayerForCameraNavigation?.(usedWebglCanvasCameraTransform);
         module._syncLocalSnapGridPositionOnly?.(true);
         if (canRenderCss3dCamera === true) {
-            module.cssRenderer.renderCamera(module.camera);
+            renderCss3dCameraForCameraNavigation(module, 'ua-ultra-resident-camera-only');
         }
 
         syncBusinessAutomationEdgesForCameraNavigation(module);
@@ -3947,7 +3983,7 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
             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,0.96) 0%, rgba(0,0,0,0.82) 34%, rgba(0,0,0,0.38) 62%, rgba(0,0,0,0.10) 80%, transparent 100%)';
+            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%)';
             layer.style.maskImage = mask;
             layer.style.webkitMaskImage = mask;
 
@@ -6642,7 +6678,7 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
                     this._syncMotionGridLayerForCameraNavigation(usedWebglCanvasCameraTransformImmediate);
                     this._syncLocalSnapGridPositionOnly(true);
 
-                    this.cssRenderer.renderCamera(this.camera);
+                    renderCss3dCameraForCameraNavigation(this, 'ua-visual-only-motion');
                     const shouldSyncPassiveOverlayTransformDuringMotion =
                         isPassiveDomOverlayRuntimeEnabled === true;
                     if (shouldSyncPassiveOverlayTransformDuringMotion &&
@@ -6817,7 +6853,7 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
                     this._syncMotionGridLayerForCameraNavigation(usedWebglCanvasCameraTransformStationary);
                     this._syncLocalSnapGridPositionOnly(true);
                     if (this.cssRenderer && typeof this.cssRenderer.renderCamera === 'function') {
-                        this.cssRenderer.renderCamera(this.camera);
+                        renderCss3dCameraForCameraNavigation(this, 'ua-stationary-visual-motion');
                     }
                     syncBusinessAutomationEdgesForCameraNavigation(this, { allowDraftRender: true });
 
@@ -7007,7 +7043,7 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
 
                     this._syncLocalSnapGridPositionOnly(true);
                     if (shouldRenderCss3dInLodForUaResidentCameraOnly === true) {
-                        this.cssRenderer.renderCamera(this.camera);
+                        renderCss3dCameraForCameraNavigation(this, 'ua-resident-visual-only-motion');
                     }
                     syncBusinessAutomationEdgesForCameraNavigation(this, { allowDraftRender: true });
                     _profileSection('uaResidentVisualOnlyMotion');
@@ -7253,7 +7289,7 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
                     }
 
                     this._syncMotionGridLayerForCameraNavigation(usedWebglCanvasCameraTransformEarly);
-                    this.cssRenderer.renderCamera(this.camera);
+                    renderCss3dCameraForCameraNavigation(this, 'ua-early-camera-only');
                     _profileSection('uaEarlyCameraOnly');
 
                     const frameEnd = performance.now();
@@ -8180,7 +8216,7 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
                 if (canUseCss3dCameraFastPath) {
                     this._syncMotionGridLayerForCameraNavigation(usedWebglCanvasCameraTransform);
                     recordCameraMotionFastPathStatus(this, 'hit', 'css3d-camera-fast');
-                    this.cssRenderer.renderCamera(this.camera);
+                    renderCss3dCameraForCameraNavigation(this, 'css3d-camera-fast');
                 }
                 _profileSection('css3dCamera');
                 // ▲▲▲ [FIX] ▲▲▲

package/wwwroot/_content/MindExecution.Shared/js/renderers/CSS3DRenderer.js

@@ -30,10 +30,10 @@
         }
     }
 
-    function CSS3DRenderer(){
-        var _width, _height; var _widthHalf, _heightHalf; var cache = { camera:{ fov:0, style:'' }, objects: new WeakMap() };
-        var domElement = document.createElement('div'); domElement.style.overflow = 'hidden'; this.domElement = domElement;
-        var cameraElement = document.createElement('div'); cameraElement.style.webkitTransformStyle = cameraElement.style.transformStyle = 'preserve-3d'; cameraElement.style.pointerEvents = 'none'; domElement.appendChild(cameraElement);
+    function CSS3DRenderer(){
+        var _width, _height; var _widthHalf, _heightHalf; var cache = { camera:{ fov:0, style:'' }, objects: new WeakMap() };
+        var domElement = document.createElement('div'); domElement.style.overflow = 'hidden'; this.domElement = domElement;
+        var cameraElement = document.createElement('div'); cameraElement.style.webkitTransformStyle = cameraElement.style.transformStyle = 'preserve-3d'; cameraElement.style.pointerEvents = 'none'; cameraElement.style.webkitTransformOrigin = cameraElement.style.transformOrigin = '0 0'; domElement.appendChild(cameraElement);
 
         this.getSize = function(){ return { width:_width, height:_height }; };
         this.getCameraElement = function(){ return cameraElement; };
@@ -42,9 +42,41 @@
         function getObjectCSSMatrix(matrix){ var e=matrix.elements; var m='matrix3d('+epsilon(e[0])+','+epsilon(e[1])+','+epsilon(e[2])+','+epsilon(e[3])+','+epsilon(-e[4])+','+epsilon(-e[5])+','+epsilon(-e[6])+','+epsilon(-e[7])+','+epsilon(e[8])+','+epsilon(e[9])+','+epsilon(e[10])+','+epsilon(e[11])+','+epsilon(e[12])+','+epsilon(e[13])+','+epsilon(e[14])+','+epsilon(e[15])+')'; return m; }
         function renderObject(object, scene, camera, cameraCSSMatrix){ if (object.isCSS3DObject){ var style=getObjectCSSMatrix(object.matrixWorld); var display=object.visible ? '' : 'none'; var element=object.element; var cached=cache.objects.get(object); if (cached===undefined || cached.style!==style){ element.style.webkitTransform=element.style.transform=style; } if (cached===undefined || cached.display!==display){ element.style.display=display; } if (cached===undefined || cached.style!==style || cached.display!==display){ cache.objects.set(object, { style, display }); } if (element.parentNode !== cameraElement){ cameraElement.appendChild(element); } } for (var i=0,l=object.children.length;i<l;i++){ renderObject(object.children[i], scene, camera, cameraCSSMatrix); } }
         function renderCameraOnly(renderer, camera){ var fov=camera.projectionMatrix.elements[5]*_heightHalf; if (cache.camera.fov!==fov){ renderer.domElement.style.webkitPerspective=renderer.domElement.style.perspective=fov+'px'; cache.camera.fov=fov; } if (camera.parent===null && camera.matrixWorldNeedsUpdate===true) camera.updateMatrixWorld(); var cameraCSSMatrix='translateZ('+fov+'px)'+getCameraCSSMatrix(camera.matrixWorldInverse); var style=cameraCSSMatrix+'translate('+_widthHalf+'px,'+_heightHalf+'px)'; if (cache.camera.style!==style){ cameraElement.style.webkitTransform=cameraElement.style.transform=style; cache.camera.style=style; } return cameraCSSMatrix; }
+        function renderFlatCameraOnly(renderer, camera, options){
+            if (!camera || !_width || !_height || !camera.isPerspectiveCamera) return false;
+            var position = camera.position || {};
+            var rotation = camera.rotation || {};
+            var cameraZ = Math.max(1, Number(position.z || 1));
+            var cameraX = Number(position.x || 0);
+            var cameraY = Number(position.y || 0);
+            var fov = Number(camera.fov || 45);
+            if (!Number.isFinite(cameraX) || !Number.isFinite(cameraY) || !Number.isFinite(cameraZ) || !Number.isFinite(fov)) return false;
+            if (Math.abs(Number(rotation.x || 0)) > 1e-5 || Math.abs(Number(rotation.y || 0)) > 1e-5 || Math.abs(Number(rotation.z || 0)) > 1e-5) return false;
+            var vfov = fov * Math.PI / 180;
+            var viewHeight = 2 * Math.tan(vfov / 2) * cameraZ;
+            var scale = _height / Math.max(1, viewHeight);
+            var translateX = _widthHalf - cameraX * scale;
+            var translateY = _heightHalf + cameraY * scale;
+            var translateBucket = Math.max(0.001, Number(options && options.translateBucketPx || 0.25));
+            var scaleBucket = Math.max(0.000001, Number(options && options.scaleBucket || 0.0005));
+            var tx = Math.round(translateX / translateBucket) * translateBucket;
+            var ty = Math.round(translateY / translateBucket) * translateBucket;
+            var s = Math.round(scale / scaleBucket) * scaleBucket;
+            var style = 'flat|'+Math.round(_width)+'|'+Math.round(_height)+'|'+Math.round(tx / translateBucket)+'|'+Math.round(ty / translateBucket)+'|'+Math.round(s / scaleBucket);
+            if (cache.camera.fov !== 0){
+                renderer.domElement.style.webkitPerspective = renderer.domElement.style.perspective = '';
+                cache.camera.fov = 0;
+            }
+            if (cache.camera.style !== style){
+                cameraElement.style.webkitTransform = cameraElement.style.transform = 'translate3d('+tx.toFixed(3)+'px,'+ty.toFixed(3)+'px,0) scale('+s.toFixed(6)+','+(-s).toFixed(6)+')';
+                cache.camera.style = style;
+            }
+            return true;
+        }
         this.renderCamera = function(camera){ renderCameraOnly(this, camera); };
+        this.renderFlatCamera = function(camera, options){ return renderFlatCameraOnly(this, camera, options); };
         this.render = function(scene, camera){ if (scene.autoUpdate===true) scene.updateMatrixWorld(); var cameraCSSMatrix=renderCameraOnly(this, camera); renderObject(scene, scene, camera, cameraCSSMatrix); };
-    }
+    }
 
     window.CSS3DObject = CSS3DObject; window.CSS3DSprite = CSS3DSprite; window.CSS3DRenderer = CSS3DRenderer;
 })();

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-local-grid-css-only-v697" />
-    <link rel="stylesheet" href="_content/MindExecution.Shared/css/mind-map-overrides.css?v=20260620-local-grid-css-only-v697" />
+    <link rel="stylesheet" href="_content/MindExecution.Shared/css/app.css?v=20260620-wheel-zoom-local-grid-v699" />
+    <link rel="stylesheet" href="_content/MindExecution.Shared/css/mind-map-overrides.css?v=20260620-wheel-zoom-local-grid-v699" />
     <!-- ?占썩뼹??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-local-grid-css-only-v697';
+        const scriptVersion = '20260620-wheel-zoom-local-grid-v699';
             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":  "A/ao9Pai",
+    "version":  "Ed1ZH6Ns",
     "assets":  [
                    {
                        "hash":  "sha256-+CSYMcqLNTsq3VnH11jgYyOCCdxvHzL74CBmo4sCmMU=",
@@ -78,7 +78,7 @@
                        "url":  "_content/MindExecution.Shared/js/marked.min.js"
                    },
                    {
-                       "hash":  "sha256-mJ6sfC0QGiPmkOxIbz8t+tr9A7f7vS39kdTKC8iiiCY=",
+                       "hash":  "sha256-1D8Eo9F7fkHRMUBj3KFHIEc327cNvsZX6Au7KTxoq54=",
                        "url":  "_content/MindExecution.Shared/js/mind-map-core.js"
                    },
                    {
@@ -182,7 +182,7 @@
                        "url":  "_content/MindExecution.Shared/js/plan-master.js"
                    },
                    {
-                       "hash":  "sha256-qTb3vyeMwLW+3M8vggSRX6DynwZcCl5DTLM3yV0toDI=",
+                       "hash":  "sha256-zZ6nh8fh4HnO5rV//tfE4WB119Ez9Gjg26P7k0idcIE=",
                        "url":  "_content/MindExecution.Shared/js/renderers/CSS3DRenderer.js"
                    },
                    {
@@ -834,7 +834,7 @@
                        "url":  "image-manifest.json"
                    },
                    {
-                       "hash":  "sha256-e67tw0NBUqSdCPycY1qZEmvlOQzR6ddFqaCKFCPGmm4=",
+                       "hash":  "sha256-j7gWJiJRGm1VqT1AKNT1x23gyK8zzDo86AYXFi9ZJUY=",
                        "url":  "index.html"
                    },
                    {

package/wwwroot/service-worker.js

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