@mindexec/cli 0.2.220 → 0.2.222

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mindexec/cli",
-  "version": "0.2.220",
+  "version": "0.2.222",
   "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-ua-motion-hidden-work-v669';
     const CanvasPhase = Object.freeze({
         Booting: 'booting',
         BoardFileLoading: 'board-file-loading',
@@ -436,13 +436,51 @@
         }
     }
 
-    function isContinuousBackgroundTheme(module) {
+    function getThemeAnimationModeCached(module) {
         if (!module?.currentThemeObject || typeof window === 'undefined') {
+            return 'none';
+        }
+
+        const frameId = Number(module.frameCount || 0);
+        const themeName = String(module.currentThemeName || '');
+        const themeObject = module.currentThemeObject || null;
+        const cache = module._themeAnimationModeFrameCache || null;
+        if (cache &&
+            cache.frameId === frameId &&
+            cache.themeName === themeName &&
+            cache.themeObject === themeObject) {
+            return cache.mode || 'none';
+        }
+
+        const mode =
+            window.MindMapThemes?.getAnimationMode?.(themeName, themeObject) ||
+            'none';
+        module._themeAnimationModeFrameCache = {
+            frameId,
+            themeName,
+            themeObject,
+            mode
+        };
+        return mode;
+    }
+
+    function isContinuousBackgroundTheme(module) {
+        return getThemeAnimationModeCached(module) === '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;
         }
 
-        const mode = window.MindMapThemes?.getAnimationMode?.(module.currentThemeName, module.currentThemeObject);
-        return mode === 'continuous';
+        return true;
     }
 
     function deferContinuousThemeForCameraMotion(module) {
@@ -738,6 +776,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 +1269,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 +1400,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 +1488,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
             );
@@ -3297,6 +3341,7 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
             this._viewStatePersistNeedsFreshSnapshot = false;
             this._viewStatePersistDelayMs = 650;
             this._viewStatePersistScheduledAt = 0;
+            this._viewStatePersistAfterMotion = false;
             this._postLoadVisualSyncToken = 0;
             this._overlayDirty = true;
             this._lastOverlayKey = '';
@@ -4508,8 +4553,7 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
         _getThemeAnimationInterval(interactive = false, animationMode = null) {
             const mode = this.themePerformanceMode || 'work';
             const isGpuParticleTheme = this.currentThemeName === 'Space3D' || this.currentThemeName === 'SpiritFlow';
-            const themeAnimationMode = animationMode ||
-                window.MindMapThemes?.getAnimationMode?.(this.currentThemeName, this.currentThemeObject);
+            const themeAnimationMode = animationMode || getThemeAnimationModeCached(this);
 
             if (themeAnimationMode === 'camera') {
                 return interactive ? 2 : 30;
@@ -4829,8 +4873,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);
@@ -5381,7 +5428,7 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
                 const deltaMove = this.camera.position.distanceToSquared(this._tmpOldCamPos);
                 const isCameraMoving = deltaMove > 0.0001;
                 if (isCameraMoving) {
-                    this.scheduleViewStatePersist();
+                    this._viewStatePersistAfterMotion = true;
                 }
 
                 // ▼▼▼ [Fix] Update selection box when camera moves ▼▼▼
@@ -5410,7 +5457,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)`);
@@ -5527,6 +5574,18 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
                         window.MindMapTextOverlayV2?.invalidateView?.(this);
                     }
                 }
+
+                if (this._viewStatePersistAfterMotion === true &&
+                    this.isZooming !== true &&
+                    this.isPanning !== true &&
+                    isCameraMoving !== true &&
+                    this.isDraggingNode !== true &&
+                    this.isDraggingMultipleNodes !== true &&
+                    this.isResizing !== true &&
+                    this.isWindowResizing !== true) {
+                    this._viewStatePersistAfterMotion = false;
+                    this.scheduleViewStatePersist();
+                }
 
                 // 3. Unified Visibility & LOD Pass (One Loop to Rule Them All)
                 // ----------------------------------------------------------------
@@ -5782,7 +5841,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 +6020,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 +6163,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 +6212,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
@@ -6291,18 +6350,18 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
                     this._scheduleAnimationLoop(loop, 0);
                     return;
                 }
-                const themeAnimationMode =
-                    window.MindMapThemes?.getAnimationMode?.(this.currentThemeName, this.currentThemeObject) ||
-                    'none';
+                const themeAnimationMode = getThemeAnimationModeCached(this);
                 const isContinuousTheme = themeAnimationMode === 'continuous';
                 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 +6458,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 +6835,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 +7019,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 +7304,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 +7352,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();
@@ -7991,6 +8061,7 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
                 this._viewStatePersistTimer = null;
             }
             this._viewStatePersistNeedsFreshSnapshot = false;
+            this._viewStatePersistAfterMotion = false;
 
             MindMapInteractions.removeEventListeners(this);
             MindMapDnD.removeEventListeners(this);

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":  "NkvpJJ8/",
     "assets":  [
                    {
                        "hash":  "sha256-+CSYMcqLNTsq3VnH11jgYyOCCdxvHzL74CBmo4sCmMU=",
@@ -78,7 +78,7 @@
                        "url":  "_content/MindExecution.Shared/js/marked.min.js"
                    },
                    {
-                       "hash":  "sha256-VSYItZC2O/EiJA5r3szTUZT1I7ezshSbJySl4zSEbh0=",
+                       "hash":  "sha256-IGDZ3MCmnbGYUOTQ+ZcCHKhoWl6A4Slr4e8fg9isZM8=",
                        "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: NkvpJJ8/ */
 // Hosted deployments should prefer the network over stale offline caches.
 // This service worker immediately clears old Blazor offline caches and unregisters itself.