@mindexec/cli 0.2.220 → 0.2.221

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mindexec/cli",
-  "version": "0.2.220",
+  "version": "0.2.221",
   "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 = '20260619-ultra-resident-camera-v666';
+    const MINDMAP_CORE_BUILD_ID = '20260619-motion-hidden-work-v668';
     const CanvasPhase = Object.freeze({
         Booting: 'booting',
         BoardFileLoading: 'board-file-loading',
@@ -445,6 +445,21 @@
         return mode === 'continuous';
     }
 
+    function canUseWebglCanvasTransformForCameraMotion(module) {
+        if (CAMERA_MOTION_WEBGL_CANVAS_TRANSFORM_ENABLED !== true) {
+            return false;
+        }
+
+        // Static backgrounds can move as a single viewport surface. Continuous
+        // themes need real animation frames during interaction; freezing the
+        // last WebGL canvas makes particle themes look like they are skipping.
+        if (isContinuousBackgroundTheme(module) === true) {
+            return false;
+        }
+
+        return true;
+    }
+
     function deferContinuousThemeForCameraMotion(module) {
         if (!isContinuousBackgroundTheme(module)) {
             return false;
@@ -738,6 +753,15 @@
             };
         }
 
+        const cachedContainerWidth = Math.max(0, Number(module?._lastContainerWidth || 0));
+        const cachedContainerHeight = Math.max(0, Number(module?._lastContainerHeight || 0));
+        if (cachedContainerWidth > 0 && cachedContainerHeight > 0) {
+            return {
+                width: cachedContainerWidth,
+                height: cachedContainerHeight
+            };
+        }
+
         return {
             width: Math.max(1, Number(module?.container?.clientWidth || 0)),
             height: Math.max(1, Number(module?.container?.clientHeight || 0))
@@ -1222,7 +1246,7 @@
         let usedWebglCanvasCameraTransform = false;
         if (isWebglRenderEnabled && module.renderer && module.scene && module.camera) {
             const canReuseWebglCanvas = !!(
-                CAMERA_MOTION_WEBGL_CANVAS_TRANSFORM_ENABLED === true &&
+                canUseWebglCanvasTransformForCameraMotion(module) === true &&
                 module._lastWebglRenderedCameraState &&
                 module.renderer?.domElement
             );
@@ -1353,10 +1377,7 @@
             isCss3dEnabled === true &&
             module.cssRenderer &&
             typeof module.cssRenderer.renderCamera === 'function' &&
-            (
-                (module.lodRenderer._lodImageCssFallbackNodeIds?.size || 0) > 0 ||
-                (module.lodRenderer._lodTemplateCssNodeIds?.size || 0) > 0
-            )
+            module.lodRenderer.hasCss3dLodCandidates?.() === true
         );
         if (isWebglRenderEnabled !== true && canRenderCss3dCamera !== true) {
             return false;
@@ -1444,7 +1465,7 @@
         let usedWebglCanvasCameraTransform = false;
         if (isWebglRenderEnabled === true && module.renderer && module.scene && module.camera) {
             const canReuseWebglCanvas = !!(
-                CAMERA_MOTION_WEBGL_CANVAS_TRANSFORM_ENABLED === true &&
+                canUseWebglCanvasTransformForCameraMotion(module) === true &&
                 module._lastWebglRenderedCameraState &&
                 module.renderer?.domElement
             );
@@ -4829,8 +4850,11 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
                 viewHeight = 2 * Math.tan(vfov / 2) * Math.max(1, cameraZ);
                 viewWidth = viewHeight * Math.max(0.1, Number(camera.aspect || 1));
 
-                const worldPerPxX = viewWidth / Math.max(1, this.container.clientWidth);
-                const worldPerPxY = viewHeight / Math.max(1, this.container.clientHeight);
+                const viewportMetrics = getCachedViewportMetrics(this);
+                const viewportWidth = Math.max(1, Number(viewportMetrics.width || 1));
+                const viewportHeight = Math.max(1, Number(viewportMetrics.height || 1));
+                const worldPerPxX = viewWidth / viewportWidth;
+                const worldPerPxY = viewHeight / viewportHeight;
                 const rawMarginWorld = cullingMarginPx * Math.max(worldPerPxX, worldPerPxY);
                 const cellSize = this.GRID_CELL_SIZE || 500;
                 marginWorld = Math.min(rawMarginWorld, cellSize * maxMarginCells);
@@ -5410,7 +5434,7 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
 
                 if (this.isZooming && !isCameraMoving && timeSinceLastInput > ZOOM_END_DELAY_MS) {
                     this.isZooming = false;
-                    document.body.classList.remove('is-zooming');
+                    document.body?.classList?.remove?.('is-zooming');
                     this.cssRenderer?.domElement?.classList?.remove?.('is-zooming');
                     if (FRAME_PERF_DEBUG) {
                         console.log(`[Perf] Zoom ended (${timeSinceLastInput.toFixed(0)}ms since last input)`);
@@ -5782,7 +5806,7 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
 
                     updateCursorDomElement(this);
                     const canReuseWebglCanvasForImmediateMotion = !!(
-                        CAMERA_MOTION_WEBGL_CANVAS_TRANSFORM_ENABLED === true &&
+                        canUseWebglCanvasTransformForCameraMotion(this) === true &&
                         renderDebugFlags.enableWebglRender !== false &&
                         this._lastWebglRenderedCameraState &&
                         this.renderer?.domElement
@@ -5961,7 +5985,7 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
 
                     updateCursorDomElement(this);
                     const canReuseWebglCanvasForStationaryMotion = !!(
-                        CAMERA_MOTION_WEBGL_CANVAS_TRANSFORM_ENABLED === true &&
+                        canUseWebglCanvasTransformForCameraMotion(this) === true &&
                         isWebglRenderEnabled &&
                         this._lastWebglRenderedCameraState &&
                         this.renderer?.domElement
@@ -6104,7 +6128,7 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
                     isCss3dEnabled === true &&
                     !!this.cssRenderer &&
                     typeof this.cssRenderer.renderCamera === 'function' &&
-                    this.lodRenderer?.shouldRenderCss3dInLod?.() === true
+                    this.lodRenderer?.hasCss3dLodCandidates?.() === true
                 );
                 const canUseUaResidentCameraOnlyFrame = CAMERA_MOTION_VISUAL_ONLY_FAST_PATH_ENABLED === true && !!(
                     shouldPreferCameraOnlyMotionPipeline === true &&
@@ -6153,7 +6177,7 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
 
                     updateCursorDomElement(this);
                     const canReuseWebglCanvasForResidentMotion = !!(
-                        CAMERA_MOTION_WEBGL_CANVAS_TRANSFORM_ENABLED === true &&
+                        canUseWebglCanvasTransformForCameraMotion(this) === true &&
                         isWebglRenderEnabled === true &&
                         this._lastWebglRenderedCameraState &&
                         this.renderer?.domElement
@@ -6298,11 +6322,13 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
                 const shouldPauseThemeForCameraNavigation =
                     isContinuousTheme === true &&
                     isCameraNavigationOnlyInteractiveFrame === true &&
-                    this._forceThemeAnimationFrame !== true;
+                    this._forceThemeAnimationFrame !== true &&
+                    canUseWebglCanvasTransformForCameraMotion(this) === true;
                 const allowContinuousThemeAnimationThisFrame =
                     shouldPauseThemeForCameraNavigation === true
                         ? false
                         : (isContinuousTheme !== true ||
+                            (isContinuousTheme === true && isCameraNavigationOnlyInteractiveFrame === true) ||
                             (isInteractiveFrame === true && !isCameraNavigationOnlyInteractiveFrame) ||
                             (shouldUpdate === true && !isCameraNavigationOnlyInteractiveFrame) ||
                             hasNonCameraNavigationForcedUpdate === true ||
@@ -6399,7 +6425,8 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
                                 uaEarlyCameraOnly: true
                             } : null;
                         }
-                    } else if (isWebglRenderEnabled) {
+                    } else if (isWebglRenderEnabled &&
+                        canUseWebglCanvasTransformForCameraMotion(this) === true) {
                         usedWebglCanvasCameraTransformEarly =
                             this._applyWebglCanvasCameraTransform() === true;
                         this._webglCameraMotionDeferred = true;
@@ -6775,7 +6802,11 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
                 // ▼▼▼ [Perf] CSS3D 동기화/렌더 스로틀 (정지 프레임은 스킵) ▼▼▼
                 const hasResidentCssMediaFallback =
                     isLodModeActive === true &&
-                    this.lodRenderer?.shouldRenderCss3dInLod?.() === true;
+                    (
+                        (this.isPanning === true || this.isZooming === true || isCameraMoving === true)
+                            ? this.lodRenderer?.hasCss3dLodCandidates?.() === true
+                            : this.lodRenderer?.shouldRenderCss3dInLod?.() === true
+                    );
                 const shouldUpdateResidentCssMediaFallback =
                     hasResidentCssMediaFallback === true &&
                     (
@@ -6955,7 +6986,11 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
                     );
 
                 const isInLodMode = this.lodRenderer?.isInLODMode === true;
-                const shouldRenderCss3dInLod = isInLodMode && this.lodRenderer?.shouldRenderCss3dInLod?.() === true;
+                const shouldRenderCss3dInLod = isInLodMode && (
+                    (this.isPanning === true || this.isZooming === true || isCameraMoving === true)
+                        ? this.lodRenderer?.hasCss3dLodCandidates?.() === true
+                        : this.lodRenderer?.shouldRenderCss3dInLod?.() === true
+                );
                 const shouldRenderPassiveDomTextOverlay =
                     isPassiveDomOverlayRuntimeEnabled &&
                     window.MindMapTextOverlayV2?.shouldRenderPassiveDomOverlays?.(this) === true;
@@ -7236,6 +7271,7 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
                 const shouldUseWebglCanvasCameraTransformFrame = !!(
                     isWebglRenderEnabled &&
                     isCameraNavigationOnlyInteractiveFrame === true &&
+                    canUseWebglCanvasTransformForCameraMotion(this) === true &&
                     shouldUpdate !== true &&
                     themeAnimatedThisFrame !== true &&
                     shouldUseAnimationCadenceForWebglFrame !== true &&
@@ -7283,7 +7319,8 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
                     if (isPureCss3dCameraMotionFrame === true) {
                         this._webglCameraMotionDeferred = true;
                     }
-                    if (isCameraNavigationOnlyInteractiveFrame === true) {
+                    if (isCameraNavigationOnlyInteractiveFrame === true &&
+                        canUseWebglCanvasTransformForCameraMotion(this) === true) {
                         usedWebglCanvasCameraTransform = this._applyWebglCanvasCameraTransform() === true;
                     } else {
                         this._clearWebglCanvasCameraTransform();

package/wwwroot/_content/MindExecution.Shared/js/mind-map-css3d-manager.js

@@ -7676,14 +7676,15 @@
 
     function isBusinessAutomationTooltipMotionSuppressed(options = {}) {
         const now = getBusinessAutomationTooltipNow();
-        const bodyClassList = document?.body?.classList;
+        const css3dClassList = _module?.cssRenderer?.domElement?.classList ||
+            document?.getElementById?.('css3d-dom-wrapper')?.classList;
         const explicitClickGraceActive = now < Number(businessAutomationTooltipState.explicitClickOpenUntil || 0);
         const ignoreCameraMotionSuppression = options.ignoreCameraMotionSuppression === true
             || explicitClickGraceActive;
         const cameraMotionActive = _module?.isPanning === true
             || _module?.isZooming === true
-            || bodyClassList?.contains?.('is-panning') === true
-            || bodyClassList?.contains?.('is-zooming') === true;
+            || css3dClassList?.contains?.('is-panning') === true
+            || css3dClassList?.contains?.('is-zooming') === true;
         const dragMotionActive = _module?.isDraggingNode === true
             || _module?.isDraggingMultipleNodes === true;
 
@@ -9785,6 +9786,12 @@
             return { width, height };
         }
 
+        const containerWidth = Math.max(0, Number(module?._lastContainerWidth || 0));
+        const containerHeight = Math.max(0, Number(module?._lastContainerHeight || 0));
+        if (containerWidth > 0 && containerHeight > 0) {
+            return { width: containerWidth, height: containerHeight };
+        }
+
         return {
             width: Math.max(1, Number(module?.container?.clientWidth || 0)),
             height: Math.max(1, Number(module?.container?.clientHeight || 0))
@@ -21337,6 +21344,8 @@
 
     function isCanvasMotionInteractionActive() {
         const body = document.body;
+        const css3dClassList = _module?.cssRenderer?.domElement?.classList ||
+            document?.getElementById?.('css3d-dom-wrapper')?.classList;
         const now = typeof performance !== 'undefined' && typeof performance.now === 'function'
             ? performance.now()
             : Date.now();
@@ -21346,8 +21355,9 @@
             || 0
         );
 
-        return body?.classList?.contains?.('is-zooming') === true
-            || body?.classList?.contains?.('is-panning') === true
+        return css3dClassList?.contains?.('is-zooming') === true
+            || css3dClassList?.contains?.('is-panning') === true
+            || css3dClassList?.contains?.('is-dragging') === true
             || body?.classList?.contains?.('is-node-dragging') === true
             || body?.classList?.contains?.('mindcanvas-is-moving') === true
             || _module?.isZooming === true

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

@@ -25,15 +25,11 @@ window.MindMapInteractions = (function () {
     }
 
     function isBrowserSelectionLocked() {
-        const body = document?.body;
         const css3dWrapper = document?.getElementById?.('css3d-dom-wrapper');
         return browserSelectionLockReasons.size > 0 ||
-            body?.classList?.contains?.(BROWSER_SELECTION_LOCK_CLASS) === true ||
-            body?.classList?.contains?.('is-node-dragging') === true ||
-            body?.classList?.contains?.('is-panning') === true ||
-            body?.classList?.contains?.('is-zooming') === true ||
             css3dWrapper?.classList?.contains?.('is-panning') === true ||
-            css3dWrapper?.classList?.contains?.('is-zooming') === true;
+            css3dWrapper?.classList?.contains?.('is-zooming') === true ||
+            css3dWrapper?.classList?.contains?.('is-dragging') === true;
     }
 
     function handleBrowserSelectStart(event) {

package/wwwroot/_content/MindExecution.Shared/js/mind-map-lod-renderer.js

@@ -4952,6 +4952,14 @@
                     this._getActiveTemplateCssLodCount(this._module) > 0);
         }
 
+        hasCss3dLodCandidates() {
+            return this.isInLODMode === true &&
+                (
+                    (this._lodImageCssFallbackNodeIds?.size || 0) > 0 ||
+                    (this._lodTemplateCssNodeIds?.size || 0) > 0
+                );
+        }
+
         _getActiveTemplateCssLodCount(module = this._module) {
             if (this.isInLODMode !== true || !this._lodTemplateCssNodeIds || this._lodTemplateCssNodeIds.size === 0) {
                 return 0;

package/wwwroot/service-worker-assets.js

@@ -1,5 +1,5 @@
 self.assetsManifest = {
-    "version":  "bumR5GL+",
+    "version":  "3aMiQb+v",
     "assets":  [
                    {
                        "hash":  "sha256-+CSYMcqLNTsq3VnH11jgYyOCCdxvHzL74CBmo4sCmMU=",
@@ -78,7 +78,7 @@
                        "url":  "_content/MindExecution.Shared/js/marked.min.js"
                    },
                    {
-                       "hash":  "sha256-VSYItZC2O/EiJA5r3szTUZT1I7ezshSbJySl4zSEbh0=",
+                       "hash":  "sha256-hJpRJ5O5QFjQ3bE0HHza1S8xmT9lc5hh1N15pIsdQiY=",
                        "url":  "_content/MindExecution.Shared/js/mind-map-core.js"
                    },
                    {
@@ -86,7 +86,7 @@
                        "url":  "_content/MindExecution.Shared/js/mind-map-core.js.backup"
                    },
                    {
-                       "hash":  "sha256-c0RM7WmazgwTuEthS+JiPz+oNnTLRhoWYe/U5oPvZZw=",
+                       "hash":  "sha256-ie/IGvR2skZfq52M9F2BhanMZbOL9p84vuWvw8EvPFw=",
                        "url":  "_content/MindExecution.Shared/js/mind-map-css3d-manager.js"
                    },
                    {
@@ -106,7 +106,7 @@
                        "url":  "_content/MindExecution.Shared/js/mind-map-glow-shader.js"
                    },
                    {
-                       "hash":  "sha256-imzQ/x03UGS7AKyGtloZzcQLml/ZzuNNP79JIaIbImQ=",
+                       "hash":  "sha256-wt0KmPRXo3aaKAC3Os0NDeUacjHxFu1XYUYA6OmtKw8=",
                        "url":  "_content/MindExecution.Shared/js/mind-map-interactions.js"
                    },
                    {
@@ -114,7 +114,7 @@
                        "url":  "_content/MindExecution.Shared/js/mind-map-lod-plan-worker.js"
                    },
                    {
-                       "hash":  "sha256-h9HTvPZNICFKbsz4cykIIE6WY9z/IybCQ2MCKpELnIM=",
+                       "hash":  "sha256-CkbATXEMdPSeKddXjOucy20mJm9vY2Sbn4I8/uQiCeg=",
                        "url":  "_content/MindExecution.Shared/js/mind-map-lod-renderer.js"
                    },
                    {

package/wwwroot/service-worker.js

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