@mindexec/cli 0.2.257 → 0.2.259

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mindexec/cli",
-  "version": "0.2.257",
+  "version": "0.2.259",
   "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-settle-v704';
+    const MINDMAP_CORE_BUILD_ID = '20260620-css3d-flat-wheel-v707';
     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;
@@ -1664,7 +1667,7 @@
             });
         }
 
-        updateCursorDomElement(module);
+        module._cursorDomDeferredForMotion = true;
 
         const isWebglRenderEnabled = renderDebugFlags.enableWebglRender !== false;
         let usedWebglCanvasCameraTransform = false;
@@ -1890,7 +1893,7 @@
             });
         }
 
-        updateCursorDomElement(module);
+        module._cursorDomDeferredForMotion = true;
 
         let usedWebglCanvasCameraTransform = false;
         if (isWebglRenderEnabled === true && module.renderer && module.scene && module.camera) {
@@ -3979,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;
 
@@ -4002,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) {
@@ -4100,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;
             }
@@ -4171,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;
@@ -5312,7 +5370,7 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
                 coalescedWheelEvents: Number(options?.coalescedWheelEvents || 0)
             });
 
-            updateCursorDomElement(this);
+            this._cursorDomDeferredForMotion = true;
 
             let usedWebglCanvasCameraTransform = false;
             if (canRenderWebgl === true) {
@@ -6425,6 +6483,10 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
                 this._wasResizingLastFrame = this.isResizing === true;
                 if (zoomEndedThisFrame || panEndedThisFrame || cameraEndedThisFrame || resizeEndedThisFrame) {
                     this._lastMotionEndAt = frameStart;
+                    if (this._cursorDomDeferredForMotion === true) {
+                        updateCursorDomElement(this);
+                        this._cursorDomDeferredForMotion = false;
+                    }
                     if (cameraEndedThisFrame) {
                         this._cameraNavigationOverlayInputTime = 0;
                         this._overlayDirty = true;
@@ -6759,7 +6821,7 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
                         });
                     }
 
-                    updateCursorDomElement(this);
+                    this._cursorDomDeferredForMotion = true;
                     const shouldFreezeWebglCanvasForImmediateZoom =
                         shouldFreezeWebglSurfaceForZoom(this) === true;
                     const canReuseWebglCanvasForImmediateMotion = !!(
@@ -6934,7 +6996,7 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
                         this._deferPassiveOverlayRefresh = true;
                     }
 
-                    updateCursorDomElement(this);
+                    this._cursorDomDeferredForMotion = true;
                     const shouldFreezeWebglCanvasForStationaryZoom =
                         shouldFreezeWebglSurfaceForZoom(this) === true;
                     const canReuseWebglCanvasForStationaryMotion = !!(
@@ -7124,7 +7186,7 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
                         });
                     }
 
-                    updateCursorDomElement(this);
+                    this._cursorDomDeferredForMotion = true;
                     const shouldFreezeWebglCanvasForResidentZoom =
                         shouldFreezeWebglSurfaceForZoom(this) === true;
                     const canReuseWebglCanvasForResidentMotion = !!(
@@ -7372,7 +7434,7 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
                     let usedWebglCanvasCameraTransformEarly = false;
                     if (shouldSampleWebglDuringCameraMotion &&
                         shouldFreezeWebglCanvasForEarlyZoom !== true) {
-                        updateCursorDomElement(this);
+                        this._cursorDomDeferredForMotion = true;
                         if (isWebglRenderEnabled && this.renderer && this.scene && this.camera) {
                             this._clearWebglCanvasCameraTransform();
                             this.renderer.render(this.scene, this.camera);
@@ -8151,7 +8213,12 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
                 const shouldSampleWebglDuringCameraMotion =
                     renderDebugFlags.sampleWebglDuringCameraMotion === true &&
                     (this.frameCount % CAMERA_MOTION_WEBGL_FRAME_INTERVAL) === 0;
-                if (!isPureCss3dCameraMotionFrame || shouldSampleWebglDuringCameraMotion) {
+                if (isCameraNavigationOnlyInteractiveFrame === true ||
+                    this.isPanning === true ||
+                    this.isZooming === true ||
+                    isCameraMoving === true) {
+                    this._cursorDomDeferredForMotion = true;
+                } else if (!isPureCss3dCameraMotionFrame || shouldSampleWebglDuringCameraMotion) {
                     updateCursorDomElement(this);
                 }
 

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

@@ -6407,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();

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

@@ -31,7 +31,7 @@
     }
 
     function CSS3DRenderer(){
-        var _width, _height; var _widthHalf, _heightHalf; var cache = { camera:{ fov:0, style:'' }, objects: new WeakMap() };
+        var _width, _height; var _widthHalf, _heightHalf; var cache = { camera:{ fov:0, style:'', mode:'matrix3d' }, 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);
 
@@ -41,7 +41,13 @@
         function getCameraCSSMatrix(matrix){ var e=matrix.elements; return '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])+')'; }
         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 setCameraElementMode(mode){
+            if (cache.camera.mode === mode) return;
+            cache.camera.mode = mode;
+            var style = mode === 'flat' ? 'flat' : 'preserve-3d';
+            cameraElement.style.webkitTransformStyle = cameraElement.style.transformStyle = style;
+        }
+        function renderCameraOnly(renderer, camera){ setCameraElementMode('matrix3d'); 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 || {};
@@ -63,12 +69,13 @@
             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);
+            setCameraElementMode('flat');
             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)+')';
+                cameraElement.style.webkitTransform = cameraElement.style.transform = 'matrix('+s.toFixed(6)+',0,0,'+(-s).toFixed(6)+','+tx.toFixed(3)+','+ty.toFixed(3)+')';
                 cache.camera.style = style;
             }
             return true;

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-settle-v704" />
-    <link rel="stylesheet" href="_content/MindExecution.Shared/css/mind-map-overrides.css?v=20260620-ua-wheel-zoom-direct-settle-v704" />
+    <link rel="stylesheet" href="_content/MindExecution.Shared/css/app.css?v=20260620-css3d-flat-wheel-v707" />
+    <link rel="stylesheet" href="_content/MindExecution.Shared/css/mind-map-overrides.css?v=20260620-css3d-flat-wheel-v707" />
     <!-- ?�▼??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-settle-v704';
+        const scriptVersion = '20260620-css3d-flat-wheel-v707';
             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":  "sp0zMNR0",
+    "version":  "7Mz0t211",
     "assets":  [
                    {
                        "hash":  "sha256-+CSYMcqLNTsq3VnH11jgYyOCCdxvHzL74CBmo4sCmMU=",
@@ -78,7 +78,7 @@
                        "url":  "_content/MindExecution.Shared/js/marked.min.js"
                    },
                    {
-                       "hash":  "sha256-+tbg0oVHg45w3EqRroBtWvPm/O8xkG20ZhpQpNXUhPo=",
+                       "hash":  "sha256-Wh72NYCd8llyQcb9S1nu14LVriY/M65RGbAJV9Ewecg=",
                        "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-7s3ZFEQXCE1cX+sTQ033CroYRxtD5lQ5Y+FGG9NpjEU=",
+                       "hash":  "sha256-oHhdP4cltwUivQrUKDEMENUIE3cKk29F/IEk2Rg3JPM=",
                        "url":  "_content/MindExecution.Shared/js/mind-map-interactions.js"
                    },
                    {
@@ -182,7 +182,7 @@
                        "url":  "_content/MindExecution.Shared/js/plan-master.js"
                    },
                    {
-                       "hash":  "sha256-zZ6nh8fh4HnO5rV//tfE4WB119Ez9Gjg26P7k0idcIE=",
+                       "hash":  "sha256-2IxneOfAhc2Sq8hl7ywEBzZaaFX22FZaW89WB0rAgUk=",
                        "url":  "_content/MindExecution.Shared/js/renderers/CSS3DRenderer.js"
                    },
                    {
@@ -834,7 +834,7 @@
                        "url":  "image-manifest.json"
                    },
                    {
-                       "hash":  "sha256-M5iNp7FBVtopYOq0HzZUPgt+JDG+igkEAF8V6A3h2nY=",
+                       "hash":  "sha256-KjaPdEv6u95UkcfvQokggiqL/Q7CuMbn9BoghYBReYQ=",
                        "url":  "index.html"
                    },
                    {

package/wwwroot/service-worker.js

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