@mindexec/cli 0.2.453 → 0.2.454

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

@@ -5,7 +5,6 @@ window.MindMapInteractions = (function () {
     const MOTION_DOM_FANOUT_DELAY_MS = 180;
     const MOTION_DOM_FANOUT_ENABLED = false;
     const MOTION_WILL_CHANGE_ENABLE_DELAY_MS = 240;
-    const WHEEL_ZOOM_TARGET_UPDATE_MODE = 'raf-coalesced-direct';
     const PRIMARY_CLICK_DELAY_MS = 280;
     const BACKGROUND_PRIMARY_CLICK_DELAY_MS = 320;
     const eventHandlers = new WeakMap();
@@ -601,20 +600,6 @@ window.MindMapInteractions = (function () {
         window.MindMapTextOverlayV2?.invalidateView?.(module);
     }
 
-    function markCameraNavigationForceFrames(module, frames = 2) {
-        if (!module) {
-            return;
-        }
-
-        const safeFrames = Math.max(0, Math.floor(Number(frames || 0)));
-        if (safeFrames <= 0) {
-            return;
-        }
-
-        module._forceUpdateFrames = Math.max(Number(module._forceUpdateFrames || 0), safeFrames);
-        module._panLiveRefreshForceFrames = Math.max(Number(module._panLiveRefreshForceFrames || 0), safeFrames);
-    }
-
     function requestPanLiveRefreshFrames(module) {
         if (!module) {
             return;
@@ -622,17 +607,7 @@ window.MindMapInteractions = (function () {
         wakeCameraNavigationAnimation(module, 'pan-input');
     }
 
-    function applyImmediateCameraNavigationFeedback(module, reason = 'camera-navigation-input', options = {}) {
-        if (module && typeof module.applyImmediateCameraNavigationFeedback === 'function') {
-            module.applyImmediateCameraNavigationFeedback(reason, options);
-        }
-    }
-
-    function wakeCameraNavigationAnimation(module, reason = 'camera-navigation-input', options = {}) {
-        markCameraNavigationForceFrames(module, options?.forceFrames ?? 0);
-        if (options?.immediate === true) {
-            applyImmediateCameraNavigationFeedback(module, reason, options);
-        }
+    function wakeCameraNavigationAnimation(module, reason = 'camera-navigation-input') {
         if (module && typeof module.requestAnimationWake === 'function') {
             module.requestAnimationWake(reason);
         }
@@ -6117,15 +6092,16 @@ window.MindMapInteractions = (function () {
     // 휠 버퍼 상태 (모듈별로 관리)
     const wheelBuffers = new WeakMap();
     const wheelAnalysisCache = new WeakMap();
-
+
     function getWheelBuffer(module) {
         if (!wheelBuffers.has(module)) {
             wheelBuffers.set(module, {
-                deltaY: 0,              // 누적된 deltaY
-                lastClientX: 0,         // 마지막 마우스 X 위치
-                lastClientY: 0,         // 마지막 마우스 Y 위치
-                pending: false,         // rAF 대기 중 여부
-                frameId: null           // rAF ID
+                deltaY: 0,
+                lastClientX: 0,
+                lastClientY: 0,
+                firstInputAt: 0,
+                lastInputAt: 0,
+                pending: false
             });
         }
         return wheelBuffers.get(module);
@@ -6160,22 +6136,6 @@ window.MindMapInteractions = (function () {
         return wheelNow;
     }
 
-    function scheduleWheelZoomFrame(module, wheelBuffer, callback) {
-        if (!module || !wheelBuffer || wheelBuffer.pending === true) {
-            return;
-        }
-
-        wheelBuffer.pending = true;
-        const scheduleFrame = typeof requestAnimationFrame === 'function'
-            ? requestAnimationFrame
-            : (cb) => setTimeout(() => cb(performance.now()), 16);
-        wheelBuffer.frameId = scheduleFrame(() => {
-            wheelBuffer.pending = false;
-            wheelBuffer.frameId = null;
-            callback?.();
-        });
-    }
-
     function matchesLetterShortcut(e, code, fallbackKey) {
         if (!e) {
             return false;
@@ -6401,7 +6361,7 @@ window.MindMapInteractions = (function () {
         module._lastPanInputAt = panInputAt;
         module._deferPassiveOverlayRefresh = true;
         module._cameraNavigationOverlayInputTime = panInputAt;
-        wakeCameraNavigationAnimation(module, 'trackpad-pan-input', { forceFrames: 3 });
+        wakeCameraNavigationAnimation(module, 'trackpad-pan-input');
 
         if (module.isSelecting) {
             updateSelectionBox(module);
@@ -6419,50 +6379,78 @@ window.MindMapInteractions = (function () {
         applyTrackpadPanDelta(module, wheelAnalysis.deltaX, wheelAnalysis.deltaY);
     }
 
-    function bufferWheelEvent(module, e, analysis = null) {
-        const wheelBuffer = getWheelBuffer(module);
-        const deltaY = Number((analysis || getWheelEventAnalysis(module, e)).deltaY || 0);
-        if (deltaY === 0) {
+    function bufferWheelDelta(module, deltaY, clientX, clientY, inputTime = 0) {
+        const normalizedDeltaY = Number(deltaY || 0);
+        if (!module || !Number.isFinite(normalizedDeltaY) || normalizedDeltaY === 0) {
             return;
         }
 
-        if (WHEEL_ZOOM_TARGET_UPDATE_MODE === 'event-direct') {
-            const wheelNow = getWheelTimestamp();
-            markCanvasWheelActivity(module, wheelNow, { throttleMs: WHEEL_ACTIVITY_BURST_INTERVAL_MS });
-            performCameraZoomBuffered(module, deltaY, e.clientX, e.clientY, { inputTime: wheelNow });
-            return;
+        const wheelBuffer = getWheelBuffer(module);
+        const wheelNow = Number(inputTime || 0) > 0 ? Number(inputTime) : getWheelTimestamp();
+        if (wheelBuffer.pending !== true) {
+            wheelBuffer.firstInputAt = wheelNow;
+        }
+        wheelBuffer.deltaY += normalizedDeltaY;
+        wheelBuffer.lastClientX = Number(clientX || 0);
+        wheelBuffer.lastClientY = Number(clientY || 0);
+        wheelBuffer.lastInputAt = wheelNow;
+        wheelBuffer.pending = true;
+        wakeCameraNavigationAnimation(module, 'wheel-zoom-input');
+    }
+
+    function bufferWheelEvent(module, e, analysis = null) {
+        const wheelAnalysis = analysis || getWheelEventAnalysis(module, e);
+        bufferWheelDelta(module, wheelAnalysis.deltaY, e?.clientX, e?.clientY, getWheelTimestamp());
+    }
+
+    function consumePendingWheelZoom(module, frameTime = 0) {
+        const wheelBuffer = wheelBuffers.get(module);
+        if (!module || wheelBuffer?.pending !== true) {
+            return false;
         }
 
-        wheelBuffer.deltaY += deltaY;
-        wheelBuffer.lastClientX = e.clientX;
-        wheelBuffer.lastClientY = e.clientY;
-        scheduleWheelZoomFrame(module, wheelBuffer, () => {
-            const accumulatedDeltaY = Number(wheelBuffer.deltaY || 0);
-            const clientX = wheelBuffer.lastClientX;
-            const clientY = wheelBuffer.lastClientY;
-            wheelBuffer.deltaY = 0;
-            if (Math.abs(accumulatedDeltaY) <= 0.001) {
-                return;
-            }
+        const accumulatedDeltaY = Number(wheelBuffer.deltaY || 0);
+        const clientX = Number(wheelBuffer.lastClientX || 0);
+        const clientY = Number(wheelBuffer.lastClientY || 0);
+        const firstInputAt = Number(wheelBuffer.firstInputAt || 0);
+        const lastInputAt = Number(wheelBuffer.lastInputAt || 0);
+        wheelBuffer.deltaY = 0;
+        wheelBuffer.firstInputAt = 0;
+        wheelBuffer.lastInputAt = 0;
+        wheelBuffer.pending = false;
+
+        if (Math.abs(accumulatedDeltaY) <= 0.001) {
+            return false;
+        }
 
-            const wheelNow = getWheelTimestamp();
-            markCanvasWheelActivity(module, wheelNow, { throttleMs: WHEEL_ACTIVITY_BURST_INTERVAL_MS });
-            performCameraZoomBuffered(module, accumulatedDeltaY, clientX, clientY, { inputTime: wheelNow });
+        const canonicalFrameTime = Number(frameTime || 0) > 0 ? Number(frameTime) : getWheelTimestamp();
+        markCanvasWheelActivity(module, lastInputAt || canonicalFrameTime, {
+            throttleMs: WHEEL_ACTIVITY_BURST_INTERVAL_MS
         });
+        module._lastWheelInputToFrameLatencyMs = firstInputAt > 0
+            ? Math.max(0, canonicalFrameTime - firstInputAt)
+            : 0;
+        module._wheelCanonicalConsumeCount = Number(module._wheelCanonicalConsumeCount || 0) + 1;
+        return performCameraZoomBuffered(
+            module,
+            accumulatedDeltaY,
+            clientX,
+            clientY
+        );
     }
 
     /**
      * 버퍼된 휠 데이터로 카메라 줌 수행
      * - 기존 performCameraZoom과 동일하지만 event 객체 대신 누적된 값 사용
      */
-    function performCameraZoomBuffered(module, deltaY, clientX, clientY, options = {}) {
+    function performCameraZoomBuffered(module, deltaY, clientX, clientY) {
         if (!module || !module.camera || !module.container) {
         /*
         // ▼▼▼ [Fix] 안전 검사 추가 ▼▼▼
         if (!module || !module.camera || !module.container) {
         */
             console.warn('[Wheel Buffer] Module, camera, or container not ready');
-            return;
+            return false;
         }
         /*
         // ▲▲▲ [Fix] ▲▲▲
@@ -6485,21 +6473,14 @@ window.MindMapInteractions = (function () {
                 scheduleMotionWillChangeEnable(module);
             }
         }
-        // ▼▼▼ [Fix] 휠 입력 시간 기록 (줌 종료 타이밍 계산용) ▼▼▼
         // Keep wheel zoom in the cheap active-zoom local grid branch when the
-        // pointer has not moved. Exact grid style is reconciled after settle.
+        // pointer has not moved. Exact grid style is reconciled on the first
+        // following canonical frame that has no wheel input.
         if (module._isLocalSnapGridThemeEnabled?.() === true ||
             module._localSnapGridVisible === true ||
             module._localSnapGridLayer?.isConnected === true) {
             module.setLocalSnapGridClientPoint?.(clientX, clientY);
         }
-        module._zoomInputTime = Number(options?.inputTime || 0) > 0
-            ? Number(options.inputTime)
-            : performance.now();
-        // ▲▲▲ [Fix] ▲▲▲
-        // Reset zoom fallback flag on new input
-        // ▲▲▲ [Perf] ▲▲▲
-
         const viewportMetrics = getCachedViewportMetrics(module);
         const viewportWidth = Math.max(1, Number(viewportMetrics.width || 0));
         const viewportHeight = Math.max(1, Number(viewportMetrics.height || 0));
@@ -6513,13 +6494,10 @@ window.MindMapInteractions = (function () {
         const worldMouseX = module.camera.position.x + (mouseX * viewWidth) / 2;
         const worldMouseY = module.camera.position.y + (mouseY * viewHeight) / 2;
 
-        const fixedZoomStep = Number(options.fixedZoomStep);
         const trackpadBoost = Math.abs(deltaY) < WHEEL_ZOOM_TRACKPAD_DELTA
             ? WHEEL_ZOOM_TRACKPAD_BOOST
             : 1;
-        const zoomStep = Number.isFinite(fixedZoomStep)
-            ? clampWheelZoomStep(fixedZoomStep)
-            : clampWheelZoomStep(deltaY * WHEEL_ZOOM_SENSITIVITY * trackpadBoost);
+        const zoomStep = clampWheelZoomStep(deltaY * WHEEL_ZOOM_SENSITIVITY * trackpadBoost);
         const zoomAmount = module.targetZ * zoomStep;
         let newZ = module.targetZ + zoomAmount;
         newZ = Math.max(MIN_CAMERA_Z, Math.min(newZ, MAX_CAMERA_Z));
@@ -6529,7 +6507,7 @@ window.MindMapInteractions = (function () {
         if (Math.abs(newZ - module.targetZ) < 0.01) {
             // 경계값에 도달했으므로 줌 상태 종료 처리
             stopZoomInteractionState(module);
-            return;
+            return false;
         }
 
         // ▼▼▼ [Changed] Smooth zoom: only update targets, let animate() interpolate ▼▼▼
@@ -6542,14 +6520,6 @@ window.MindMapInteractions = (function () {
         const newY = worldMouseY - (worldMouseY - module.targetY) * zoomRatio;
         module.targetX = newX;
         module.targetY = newY;
-        applyImmediateCameraNavigationFeedback(module, 'wheel-zoom-input', {
-            renderWebgl: false,
-            syncAutomationEdges: false,
-            syncLocalSnapGrid: false,
-            syncMotionGrid: false
-        });
-        const settleFrames = 2;
-        wakeCameraNavigationAnimation(module, 'wheel-zoom-input', { forceFrames: settleFrames });
         // ▲▲▲ [Changed] ▲▲▲
 
         // ▼▼▼ [Perf] 줌 종료 감지 및 CSS3D 업데이트 타이머 ▼▼▼
@@ -6562,12 +6532,14 @@ window.MindMapInteractions = (function () {
                 console.log(`[Perf] Buffered zoom total: ${(t3 - t0).toFixed(1)}ms | z: ${cameraZ} -> ${newZ.toFixed(0)} | delta: ${deltaY.toFixed(1)}`);
             }
         }
+        return true;
     }
     // ▲▲▲ [New] 휠 이벤트 버퍼링 시스템 ▲▲▲
 
     function performCameraZoom(module, e) {
-        if (!e) return;
-        return performCameraZoomBuffered(module, e.deltaY, e.clientX, e.clientY);
+        if (!e) return false;
+        bufferWheelDelta(module, normalizeWheelDeltaY(e), e.clientX, e.clientY, getWheelTimestamp());
+        return true;
     }
 
     function beginPanFromMouseEvent(module, e, targetOverride = null) {
@@ -6703,7 +6675,7 @@ window.MindMapInteractions = (function () {
         module._deferPassiveOverlayRefresh = false;
         module._overlayDirty = true;
         window.MindMapTextOverlayV2?.invalidateView?.(module);
-        wakeCameraNavigationAnimation(module, 'ctrl-wheel-pan-input', { forceFrames: 3 });
+        wakeCameraNavigationAnimation(module, 'ctrl-wheel-pan-input');
 
         if (module.isSelecting) {
             updateSelectionBox(module);
@@ -7001,7 +6973,7 @@ window.MindMapInteractions = (function () {
 
         e.preventDefault();
         e.stopPropagation();
-        performCameraZoomBuffered(module, gestureDeltaY, clientX, clientY);
+        bufferWheelDelta(module, gestureDeltaY, clientX, clientY, getWheelTimestamp());
     }
 
     function onGestureEnd(module, e) {
@@ -7794,11 +7766,12 @@ window.MindMapInteractions = (function () {
             clearMotionWillChangeEnable(moduleInstance, { disableIfIdle: true });
             const wheelBuffer = wheelBuffers.get(moduleInstance);
             cancelPendingPrimaryClick(moduleInstance);
-            if (wheelBuffer?.frameId) {
-                cancelAnimationFrame(wheelBuffer.frameId);
-                wheelBuffer.frameId = null;
+            if (wheelBuffer) {
                 wheelBuffer.pending = false;
                 wheelBuffer.deltaY = 0;
+                wheelBuffer.firstInputAt = 0;
+                wheelBuffer.lastInputAt = 0;
+                wheelBuffers.delete(moduleInstance);
             }
             if (moduleInstance.cssRenderer && moduleInstance.cssRenderer.domElement) {
                 moduleInstance.cssRenderer.domElement.removeEventListener('mousedown', handlers.boundOnResizeHandleCapture, true);
@@ -7893,6 +7866,7 @@ window.MindMapInteractions = (function () {
         isTrackpadPinchGesture: isTrackpadPinchGesture,
         routeWheelEventToZoom: routeWheelEventToZoom,
         routeCanvasWheelEvent: routeCanvasWheelEvent,
+        consumePendingWheelZoom: consumePendingWheelZoom,
         invokeUndoRedo: invokeUndoRedo,
         setBrowserSelectionLock: setBrowserSelectionLock,
         clearNativeBrowserSelection: clearNativeBrowserSelection,

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

@@ -51,7 +51,7 @@
     // ▲▲▲ [Usage] ▲▲▲
 
     // Procedural line rendering settings
-    const LOD_RENDERER_BUILD_ID = '20260727-mid-line-invariant-v847';
+    const LOD_RENDERER_BUILD_ID = '20260728-resident-cache-v848';
     const DirtyKind = Object.freeze({
         ResidentFullRebuild: 'resident-full-rebuild',
         ResidentPatch: 'resident-patch',
@@ -981,7 +981,7 @@
             this._lineMeasureFont = '';
             this._consoleNodeIdToIndex = new Map();
             this._lodConsoleProxyNodeIds = new Set();
-            this._lodImageCssFallbackNodeIds = new Set();
+            this._lodImageCssFallbackNodeIds = window.MindMapRenderPlan?.createTrackedLodImageCssFallbackSet?.(this) || new Set();
             this._lodTemplateCssNodeIds = new Set();
             this._lodCleanupPending = true;
             this._lodCleanupDone = false;
@@ -3410,7 +3410,7 @@
             const imageInstanceRowCount = this.imageInstanceData?.nodeIds?.length || 0;
             const hasSelectionDrift = this._lastAppliedLodSelectionKey !== selectionKey;
             const usesCssImageFallbacks = this._shouldUseCssImageFallbackInResidentLod(module, lodBand);
-            const usesAnimatedGifCssFallbacks = this._hasAnimatedGifCssFallbackCandidates(module);
+            const usesAnimatedGifCssFallbacks = this._hasAnimatedGifCssFallbackCandidates(module, selectionKey);
             const usesAnyImageCssFallbacks = usesCssImageFallbacks || usesAnimatedGifCssFallbacks;
             const imageCssFallbackCount = this._lodImageCssFallbackNodeIds?.size || 0;
             const activeImageCssFallbackCount = this._getActiveCssMediaLodFallbackCount(module);
@@ -7006,9 +7006,7 @@
             return count;
         }
 
-        _hasAnimatedGifCssFallbackCandidates(module = this._module) {
-            return window.MindMapRenderPlan?.hasAnimatedGifCssFallbackCandidates?.(this, module, isAnimatedGifImageModel) === true;
-        }
+        _hasAnimatedGifCssFallbackCandidates(module=this._module,key='') { return window.MindMapRenderPlan?.hasAnimatedGifCssFallbackCandidates?.(this,module,isAnimatedGifImageModel,key||buildLodSelectionKey(module?.multiSelectedNodeIds||null,module?.selectedNodeIdJs||null))===true; }
 
         _shouldPreserveCssMediaFallbackForInteraction(entry, module = this._module) {
             const nodeId = String(entry?.model?.id || entry?.glObject?.userData?.nodeId || '').trim();
@@ -9670,7 +9668,7 @@
                 this._fullResImageVisualIds?.delete?.(nodeId);
                 this._nearPriorityRecordById?.delete?.(nodeId);
                 this._lodConsoleProxyNodeIds?.delete?.(nodeId);
-                this._lodImageCssFallbackNodeIds?.delete?.(nodeId);
+                this._lodImageCssFallbackNodeIds.delete(nodeId);
                 this._lodTemplateCssNodeIds?.delete?.(nodeId);
                 this._fullResCssFringePreparedIds?.delete?.(nodeId);
                 removedAny = true;

package/wwwroot/_content/MindExecution.Shared/js/mind-map-logic-workers.js

@@ -1,7 +1,7 @@
 (function () {
     'use strict';
 
-    const LOGIC_WORKER_BRIDGE_BUILD_ID = '20260713-worker-visibility-sequence-v007';
+    const LOGIC_WORKER_BRIDGE_BUILD_ID = '20260728-cached-viewport-v008';
     const VISIBILITY_WORKER_URL = `_content/MindExecution.Shared/js/mind-map-visibility-worker.js?v=${LOGIC_WORKER_BRIDGE_BUILD_ID}`;
     const LOD_PLAN_WORKER_URL = `_content/MindExecution.Shared/js/mind-map-lod-plan-worker.js?v=${LOGIC_WORKER_BRIDGE_BUILD_ID}`;
     const NODE_SEARCH_WORKER_URL = `_content/MindExecution.Shared/js/mind-map-node-search-worker.js?v=${LOGIC_WORKER_BRIDGE_BUILD_ID}`;
@@ -709,8 +709,14 @@
                 return false;
             }
 
-            const viewportWidth = Math.max(1, Number(activeModule.container?.clientWidth || activeModule._lastViewportWidth || 1));
-            const viewportHeight = Math.max(1, Number(activeModule.container?.clientHeight || activeModule._lastViewportHeight || 1));
+            const cachedViewportWidth = Number(activeModule._lastViewportWidth || 0);
+            const cachedViewportHeight = Number(activeModule._lastViewportHeight || 0);
+            const viewportWidth = cachedViewportWidth > 0
+                ? cachedViewportWidth
+                : Math.max(1, Number(activeModule.container?.clientWidth || 1));
+            const viewportHeight = cachedViewportHeight > 0
+                ? cachedViewportHeight
+                : Math.max(1, Number(activeModule.container?.clientHeight || 1));
             const now = (typeof performance !== 'undefined' && typeof performance.now === 'function')
                 ? performance.now()
                 : Date.now();