@mindexec/cli 0.2.434 → 0.2.435

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mindexec/cli",
-  "version": "0.2.434",
+  "version": "0.2.435",
   "description": "MindExec local runtime and bridge CLI",
   "main": "server.js",
   "type": "module",

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

@@ -127,7 +127,14 @@
     const LOD_PAN_VISIBILITY_REFRESH_INTERVAL_MS = 120;
     const CAMERA_LERP_BASE_FRAME_MS = 1000 / 60;
     const CAMERA_KEYBOARD_PAN_LERP_60HZ = 0.38;
-    const CAMERA_MOUSE_PAN_LERP_60HZ = 0.46;
+    const CAMERA_MOUSE_PAN_LERP_60HZ = 0.30;
+    const CAMERA_MOUSE_PAN_SNAP_SCREEN_PX = 0.1;
+    const RECENT_PAN_INPUT_WINDOW_MS = 220;
+    const CAMERA_PAN_INPUT_WAKE_REASONS = new Set([
+        'pan-input',
+        'trackpad-pan-input',
+        'ctrl-wheel-pan-input'
+    ]);
     const NODE_ADD_FRAME_BUDGET_MS = 6;
     const NODE_ADD_LOADING_FRAME_BUDGET_MS = 8;
     const NODE_ADD_MIN_SLICE = 8;
@@ -388,6 +395,22 @@
         return 1 - Math.pow(1 - safeBase, frameScale);
     }
 
+    function getCameraPanSnapWorldThreshold(module) {
+        const camera = module?.camera;
+        if (!camera?.isPerspectiveCamera) {
+            return 0.001;
+        }
+
+        const cameraZ = Math.max(1, Math.abs(Number(camera.position?.z || 1)));
+        const viewportHeight = Math.max(
+            1,
+            Number(module?._lastViewportHeight || module?._lastContainerHeight || 1080)
+        );
+        const fovDegrees = Math.max(1, Math.min(179, Number(camera.fov || 45)));
+        const viewHeight = 2 * Math.tan((fovDegrees * Math.PI) / 360) * cameraZ;
+        return Math.max(0.001, (viewHeight / viewportHeight) * CAMERA_MOUSE_PAN_SNAP_SCREEN_PX);
+    }
+
     const _mindCanvasPerfClassState = {
         moving: false,
         dense: false,
@@ -970,9 +993,10 @@
         const cameraZ = Number(camera.position?.z || 0);
         const cameraX = Number(camera.position?.x || 0);
         const cameraY = Number(camera.position?.y || 0);
+        const isPanMotionActive = module.isPanning === true || module._panSmoothingActive === true;
         const marginPolicy = getVisibilityMarginPolicy(
             cameraZ,
-            module.isPanning === true,
+            isPanMotionActive,
             isCtrlWheelVerticalScrolling
         );
         const cullingMarginPx = marginPolicy.cullingMarginPx;
@@ -989,7 +1013,7 @@
         let leadTopCells = 0;
         let leadBottomCells = 0;
 
-        if (module.isPanning === true && cameraZ < 12000) {
+        if (isPanMotionActive && cameraZ < 12000) {
             const panLeadWorld = Math.min(
                 rawMarginWorld * (cameraZ < 4500 ? 1.35 : 1.1),
                 cellSize * Math.max(1, maxMarginCells)
@@ -3044,6 +3068,8 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
             this.nodeObjectsById = new Map();
             this.lodUpdateQueue = []; // Initialize lodUpdateQueue
             this.isPanning = false;
+            this._panSmoothingActive = false;
+            this._resetPanLerpDeltaOnNextFrame = false;
             this._currentDpr = null;
             this._lastViewportWidth = 0;
             this._lastViewportHeight = 0;
@@ -4105,12 +4131,24 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
         }
 
         requestAnimationWake(reason = 'runtime-wake') {
+            const wakeReason = String(reason || 'runtime-wake');
+            const isPanInputWake = CAMERA_PAN_INPUT_WAKE_REASONS.has(wakeReason);
+            if (isPanInputWake) {
+                this._lastPanInputAt = typeof performance !== 'undefined' && typeof performance.now === 'function'
+                    ? performance.now()
+                    : Date.now();
+                this._panSmoothingActive = true;
+            }
+
             if (this._animationLoopRunning !== true || this._animationLoopExecuting === true) {
                 return;
             }
 
-            const wakeReason = String(reason || 'runtime-wake');
             this._lastAnimationWakeReason = wakeReason;
+            const resumedFromIdleCadence = !!this._animationIdleTimerId;
+            if (resumedFromIdleCadence && isPanInputWake) {
+                this._resetPanLerpDeltaOnNextFrame = true;
+            }
             if (this._animationIdleTimerId) {
                 clearTimeout(this._animationIdleTimerId);
                 this._animationIdleTimerId = null;
@@ -4880,7 +4918,7 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
 
             this._deferredDprTimer = setTimeout(() => {
                 this._deferredDprTimer = null;
-                if (this.isZooming || this.isPanning || this.isDraggingNode || this.isDraggingMultipleNodes || this.isResizing || this.isWindowResizing) {
+                if (this.isZooming || this.isPanning || this._panSmoothingActive || this.isDraggingNode || this.isDraggingMultipleNodes || this.isResizing || this.isWindowResizing) {
                     this._scheduleDeferredRendererPixelRatioApply(delayMs);
                     return;
                 }
@@ -5274,6 +5312,7 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
                 (typeof performance !== 'undefined' && typeof performance.now === 'function')
                     ? performance.now()
                     : Date.now();
+            const isPanMotionActive = this.isPanning === true || this._panSmoothingActive === true;
 
             let cullingMarginPx = 3000;
             let maxMarginCells = 6;
@@ -5297,7 +5336,7 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
                 const cameraZ = Number(camera.position?.z || 0);
                 const marginPolicy = getVisibilityMarginPolicy(
                     cameraZ,
-                    this.isPanning === true,
+                    isPanMotionActive,
                     isCtrlWheelVerticalScrolling
                 );
                 cullingMarginPx = marginPolicy.cullingMarginPx;
@@ -5340,7 +5379,7 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
                     }
                 }
 
-                if (this.isPanning === true && cameraZ < 12000) {
+                if (isPanMotionActive && cameraZ < 12000) {
                     const panLeadWorld = Math.min(
                         rawMarginWorld * (cameraZ < 4500 ? 1.35 : 1.1),
                         cellSize * Math.max(1, maxMarginCells)
@@ -5398,7 +5437,7 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
             const previousVisibilityNodeCount = Number(this._lastVisibilityNodeCount || 0);
             const canAttemptIncrementalFullResPan =
                 isFullResMode &&
-                this.isPanning === true &&
+                isPanMotionActive &&
                 this.isZooming !== true &&
                 this._fullResMotionFrozen !== true &&
                 this.isWindowResizing !== true &&
@@ -5780,7 +5819,8 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
                 const frameDelta = frameStart - (this._lastFrameTime || frameStart);
                 this._lastFrameTime = frameStart;
                 this._lastFrameDeltaMs = Number.isFinite(frameDelta) ? frameDelta : 0;
-                if (frameDelta > 0 && Number.isFinite(frameDelta)) {
+                const shouldIgnoreIdleWakeFrameDelta = this._resetPanLerpDeltaOnNextFrame === true;
+                if (frameDelta > 0 && Number.isFinite(frameDelta) && !shouldIgnoreIdleWakeFrameDelta) {
                     const previousAvgFrameTime = Number(this._avgFrameTime || frameDelta);
                     const nextAvgFrameTime = previousAvgFrameTime + ((frameDelta - previousAvgFrameTime) * 0.15);
                     this._avgFrameTime = nextAvgFrameTime;
@@ -5857,20 +5897,54 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
                 // ?�▼??[Changed] Time-normalized camera smoothing ?�▼??                // Mouse move events can arrive at an uneven cadence even when rAF is 60fps.
                 // Keep zoom instant, but smooth mouse pan enough to hide input sampling jitter.
                 const sZoom = 1.0;
-                const panLerp60hz = this.isPanning
+                const isRecentPanInput =
+                    (frameStart - Number(this._lastPanInputAt || 0)) <= RECENT_PAN_INPUT_WINDOW_MS;
+                const panSnapWorldThreshold = getCameraPanSnapWorldThreshold(this);
+                const cameraTargetX = Number(this.targetX ?? this.camera.position.x);
+                const cameraTargetY = Number(this.targetY ?? this.camera.position.y);
+                const pendingPanDistanceBeforeLerp = Math.hypot(
+                    cameraTargetX - Number(this.camera.position.x || 0),
+                    cameraTargetY - Number(this.camera.position.y || 0)
+                );
+                let isPanSmoothingActive = this.isZooming !== true && (
+                    this.isPanning === true ||
+                    ((isRecentPanInput || this._panSmoothingActive === true) &&
+                        pendingPanDistanceBeforeLerp > panSnapWorldThreshold)
+                );
+                const panLerp60hz = isPanSmoothingActive
                     ? CAMERA_MOUSE_PAN_LERP_60HZ
                     : CAMERA_KEYBOARD_PAN_LERP_60HZ;
-                const sPan = this.isZooming ? 1.0 : normalizeFrameLerp(panLerp60hz, frameDelta);
+                const panFrameDelta = this._resetPanLerpDeltaOnNextFrame === true
+                    ? CAMERA_LERP_BASE_FRAME_MS
+                    : frameDelta;
+                this._resetPanLerpDeltaOnNextFrame = false;
+                const sPan = this.isZooming ? 1.0 : normalizeFrameLerp(panLerp60hz, panFrameDelta);
                 // ?�▲??[Changed] ?�▲??
                 this._tmpOldCamPos.copy(this.camera.position);
-                this.camera.position.x += (this.targetX - this.camera.position.x) * sPan;
-                this.camera.position.y += (this.targetY - this.camera.position.y) * sPan;
+                this.camera.position.x += (cameraTargetX - this.camera.position.x) * sPan;
+                this.camera.position.y += (cameraTargetY - this.camera.position.y) * sPan;
                 this.camera.position.z += (this.targetZ - this.camera.position.z) * sZoom;
 
+                let remainingPanDistance = Math.hypot(
+                    cameraTargetX - Number(this.camera.position.x || 0),
+                    cameraTargetY - Number(this.camera.position.y || 0)
+                );
+                if (this.isZooming !== true &&
+                    this.isPanning !== true &&
+                    remainingPanDistance <= panSnapWorldThreshold) {
+                    this.camera.position.x = cameraTargetX;
+                    this.camera.position.y = cameraTargetY;
+                    remainingPanDistance = 0;
+                    isPanSmoothingActive = false;
+                }
+                this._panSmoothingActive = isPanSmoothingActive;
+
                 // Check delta
                 const deltaMove = this.camera.position.distanceToSquared(this._tmpOldCamPos);
                 const didCameraPositionChange = deltaMove > 0.0001;
-                const isCameraMoving = didCameraPositionChange || hasFreshImmediateCameraFeedbackAtFrameStart;
+                const isCameraMoving = didCameraPositionChange ||
+                    hasFreshImmediateCameraFeedbackAtFrameStart ||
+                    (isPanSmoothingActive && remainingPanDistance > panSnapWorldThreshold);
                 if (isCameraMoving) {
                     this._viewStatePersistAfterMotion = true;
                 }
@@ -5941,13 +6015,10 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
                 const wasViewStateMotionFrozenLastFrame = this._wasViewStateMotionFrozenLastFrame === true;
                 const CTRL_WHEEL_SCROLL_ACTIVE_WINDOW_MS = 140;
                 const CAMERA_NAVIGATION_OVERLAY_ACTIVE_WINDOW_MS = 220;
-                const RECENT_PAN_INPUT_WINDOW_MS = 220;
                 const isCtrlWheelVerticalScrolling =
                     (frameStart - Number(this._ctrlWheelScrollInputTime || 0)) <= CTRL_WHEEL_SCROLL_ACTIVE_WINDOW_MS;
                 const isCameraNavigationOverlayPriority =
                     (frameStart - Number(this._cameraNavigationOverlayInputTime || 0)) <= CAMERA_NAVIGATION_OVERLAY_ACTIVE_WINDOW_MS;
-                const isRecentPanInput =
-                    (frameStart - Number(this._lastPanInputAt || 0)) <= RECENT_PAN_INPUT_WINDOW_MS;
                 const isCameraManipulatingForOverlay =
                     this.isZooming === true ||
                     this.isPanning === true ||
@@ -5972,7 +6043,12 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
                 this._wasPanningLastFrame = this.isPanning === true;
                 this._wasCameraMovingLastFrame = isCameraMoving === true;
                 this._wasResizingLastFrame = this.isResizing === true;
-                if (zoomEndedThisFrame || panEndedThisFrame || cameraEndedThisFrame || resizeEndedThisFrame) {
+                const shouldFinalizeMotionThisFrame =
+                    zoomEndedThisFrame ||
+                    cameraEndedThisFrame ||
+                    resizeEndedThisFrame ||
+                    (panEndedThisFrame && isPanSmoothingActive !== true);
+                if (shouldFinalizeMotionThisFrame) {
                     this._lastMotionEndAt = frameStart;
                     if (this._cursorDomDeferredForMotion === true) {
                         updateCursorDomElement(this);
@@ -6130,7 +6206,7 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
                 const idleUpdateDue = false;
                 const isLodPanVisibilityRefreshDue =
                     !isResidentMidFarLodFrame &&
-                    this.isPanning === true &&
+                    isPanSmoothingActive &&
                     this.isZooming !== true &&
                     this.useLODRendering === true &&
                     this.lodRenderer?.isInLODMode === true &&
@@ -6260,7 +6336,7 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
                         Number(this._avgFrameTime || 0) >= FULL_RES_MOTION_FREEZE_FRAME_MS
                     );
                 const shouldAdaptiveFreezeMotionSafeguard =
-                    (this.isZooming === true || this.isPanning === true) &&
+                    (this.isZooming === true || isPanSmoothingActive) &&
                     this.lodRenderer?.isInLODMode === true &&
                     isMotionHeavyScene &&
                     isMotionFreezeEligible;
@@ -6287,7 +6363,7 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
                 this._wasViewStateMotionFrozenLastFrame = shouldFreezeFullResDuringMotion === true;
                 const shouldThrottleVisibilityCullingDuringPan =
                     isVisibilityCullingEnabled &&
-                    this.isPanning === true &&
+                    isPanSmoothingActive &&
                     this.isZooming !== true &&
                     !shouldFreezeVisibilityDuringMotion &&
                     !isNodeInteracting &&
@@ -6324,7 +6400,7 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
                 const shouldThrottleFullResVisibilityCullingDuringPan =
                     isFullResMode === true &&
                     isVisibilityCullingEnabled &&
-                    this.isPanning === true &&
+                    isPanSmoothingActive &&
                     this.isZooming !== true &&
                     !shouldFreezeVisibilityDuringMotion &&
                     !shouldFreezeFullResDuringMotion &&
@@ -6551,7 +6627,7 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
                 const isIncrementalPanVisibilityFrame =
                     visibilityChangedThisFrame === true &&
                     lastVisibilityProfile?.incrementalPanMode === true &&
-                    this.isPanning === true &&
+                    isPanSmoothingActive &&
                     this.isZooming !== true &&
                     !isNodeInteracting &&
                     !hasNonCameraNavigationForcedUpdate &&

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

@@ -4152,6 +4152,8 @@
                 (now - Number(module?._lastMotionEndAt || 0)) < 120;
             return this.isInLODMode !== true && (
                 module?.isPanning === true ||
+                module?._cameraMovingThisFrame === true ||
+                module?._panSmoothingActive === true ||
                 module?.isZooming === true ||
                 module?.isDraggingNode === true ||
                 module?.isDraggingMultipleNodes === true ||
@@ -7023,6 +7025,8 @@
 
         _isResidentLodInteractionActive(module = this._module) {
             return module?.isPanning === true ||
+                module?._cameraMovingThisFrame === true ||
+                module?._panSmoothingActive === true ||
                 module?.isZooming === true ||
                 module?.isDraggingNode === true ||
                 module?.isDraggingMultipleNodes === true ||

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

@@ -726,7 +726,7 @@
                     viewportH: viewportHeight
                 },
                 state: {
-                    isPanning: activeModule.isPanning === true,
+                    isPanning: activeModule.isPanning === true || activeModule._panSmoothingActive === true,
                     isZooming: activeModule.isZooming === true,
                     isWindowResizing: activeModule.isWindowResizing === true,
                     isResizing: activeModule.isResizing === true,

package/wwwroot/index.html

@@ -579,7 +579,7 @@
             }
 
             const base = '_content/MindExecution.Shared/js/';
-            const scriptVersion = '20260712-css-reuse-cache-v925';
+            const scriptVersion = '20260712-pan-smoothing-v926';
             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":  "f/kAtLma",
+    "version":  "6c1WQjRz",
     "assets":  [
                    {
                        "hash":  "sha256-+CSYMcqLNTsq3VnH11jgYyOCCdxvHzL74CBmo4sCmMU=",
@@ -78,7 +78,7 @@
                        "url":  "_content/MindExecution.Shared/js/marked.min.js"
                    },
                    {
-                       "hash":  "sha256-VtCWP9VR+lpe3PbV1E2voY0wiwg+YYP3M77qU8JJwTM=",
+                       "hash":  "sha256-DBjG7fXZAAblaqAtuyJcqQeX7OBMP6n+9KWSmTXr8tA=",
                        "url":  "_content/MindExecution.Shared/js/mind-map-core.js"
                    },
                    {
@@ -114,11 +114,11 @@
                        "url":  "_content/MindExecution.Shared/js/mind-map-lod-plan-worker.js"
                    },
                    {
-                       "hash":  "sha256-HL4X4OehLXj2TGrBMLPjEr5kSK3MjOJNF8+RHLA/yRg=",
+                       "hash":  "sha256-lGkrhT2O7MSfdBU0XZGkVtvvOhcr27zlOhTkhUZ3oPo=",
                        "url":  "_content/MindExecution.Shared/js/mind-map-lod-renderer.js"
                    },
                    {
-                       "hash":  "sha256-cOAX+ZZ70JU+eU1RVGVgVFBCJq40NZ/qZ0zbQl9wTzM=",
+                       "hash":  "sha256-KfVS6Milo4kpU7VFahI25MaUZ3sxGBj+0OdaKruxTWY=",
                        "url":  "_content/MindExecution.Shared/js/mind-map-logic-workers.js"
                    },
                    {
@@ -826,7 +826,7 @@
                        "url":  "icon-512.png"
                    },
                    {
-                       "hash":  "sha256-wFgzyRZGm0LZCRS/TKk/6HOGBvhwd3g+/PXHKVCWhWY=",
+                       "hash":  "sha256-DHFD2bw+0sIZ77FHp9yqyo5GQ1MJwl+JGgmP0XXZIv0=",
                        "url":  "index.html"
                    },
                    {

package/wwwroot/service-worker.js

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