@mindexec/cli 0.2.266 → 0.2.268

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mindexec/cli",
-  "version": "0.2.266",
+  "version": "0.2.268",
   "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-css3d-flat-wheel-v714';
+    const MINDMAP_CORE_BUILD_ID = '20260620-css3d-flat-wheel-v716';
     const CanvasPhase = Object.freeze({
         Booting: 'booting',
         BoardFileLoading: 'board-file-loading',
@@ -4014,9 +4014,11 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
                 return this._localSnapGridLayer;
             }
 
-            const layer = document.createElement('div');
+            const layer = document.createElement('canvas');
             layer.className = 'mindcanvas-local-snap-grid-layer';
             layer.setAttribute('aria-hidden', 'true');
+            layer.width = LOCAL_SNAP_GRID_DIAMETER_PX;
+            layer.height = LOCAL_SNAP_GRID_DIAMETER_PX;
             layer.style.position = 'absolute';
             layer.style.left = '0';
             layer.style.top = '0';
@@ -4026,7 +4028,6 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
             layer.style.pointerEvents = 'none';
             layer.style.display = 'none';
             layer.style.opacity = '0';
-            layer.style.backgroundRepeat = 'repeat';
             layer.style.backgroundColor = 'transparent';
             layer.style.borderRadius = '50%';
             layer.style.overflow = 'hidden';
@@ -4035,9 +4036,6 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
             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,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;
 
             const cssElement = this.cssRenderer?.domElement;
             if (cssElement?.parentNode === this.container) {
@@ -4059,6 +4057,83 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
             return themeName === 'SpatialGrid2D' ? 'dot' : 'line';
         }
 
+        _drawLocalSnapGridBitmap(canvas, styleKind, smallStepPx, majorStepPx) {
+            if (!canvas || typeof canvas.getContext !== 'function') {
+                return false;
+            }
+
+            const ctx = canvas.getContext('2d', { alpha: true });
+            if (!ctx) {
+                return false;
+            }
+
+            const size = LOCAL_SNAP_GRID_DIAMETER_PX;
+            const center = LOCAL_SNAP_GRID_RADIUS_PX;
+            if (canvas.width !== size) {
+                canvas.width = size;
+            }
+            if (canvas.height !== size) {
+                canvas.height = size;
+            }
+
+            const smallStep = Math.max(LOCAL_SNAP_GRID_MIN_STEP_PX, Number(smallStepPx) || LOCAL_SNAP_GRID_DEFAULT_STEP_PX);
+            const majorStep = Math.max(smallStep, Number(majorStepPx) || LOCAL_SNAP_GRID_DEFAULT_MAJOR_STEP_PX);
+            ctx.clearRect(0, 0, size, size);
+
+            if (styleKind === 'dot') {
+                ctx.fillStyle = 'rgba(58, 69, 88, 0.46)';
+                const dotRadius = 1.15;
+                for (let y = 0; y <= size; y += smallStep) {
+                    for (let x = 0; x <= size; x += smallStep) {
+                        ctx.beginPath();
+                        ctx.arc(x, y, dotRadius, 0, Math.PI * 2);
+                        ctx.fill();
+                    }
+                }
+
+                ctx.fillStyle = 'rgba(15, 23, 42, 0.62)';
+                const majorDotRadius = 1.85;
+                for (let y = 0; y <= size; y += majorStep) {
+                    for (let x = 0; x <= size; x += majorStep) {
+                        ctx.beginPath();
+                        ctx.arc(x, y, majorDotRadius, 0, Math.PI * 2);
+                        ctx.fill();
+                    }
+                }
+            } else {
+                const drawLines = (step, color, width) => {
+                    ctx.strokeStyle = color;
+                    ctx.lineWidth = width;
+                    ctx.beginPath();
+                    for (let x = 0.5; x <= size; x += step) {
+                        ctx.moveTo(x, 0);
+                        ctx.lineTo(x, size);
+                    }
+                    for (let y = 0.5; y <= size; y += step) {
+                        ctx.moveTo(0, y);
+                        ctx.lineTo(size, y);
+                    }
+                    ctx.stroke();
+                };
+
+                drawLines(smallStep, 'rgba(51, 65, 85, 0.24)', 1);
+                drawLines(majorStep, 'rgba(15, 23, 42, 0.42)', 1);
+            }
+
+            ctx.globalCompositeOperation = 'destination-in';
+            const fade = ctx.createRadialGradient(center, center, center * 0.18, center, center, center);
+            fade.addColorStop(0, 'rgba(0,0,0,1)');
+            fade.addColorStop(0.34, 'rgba(0,0,0,0.92)');
+            fade.addColorStop(0.56, 'rgba(0,0,0,0.48)');
+            fade.addColorStop(0.74, 'rgba(0,0,0,0.14)');
+            fade.addColorStop(0.88, 'rgba(0,0,0,0.035)');
+            fade.addColorStop(1, 'rgba(0,0,0,0)');
+            ctx.fillStyle = fade;
+            ctx.fillRect(0, 0, size, size);
+            ctx.globalCompositeOperation = 'source-over';
+            return true;
+        }
+
         _applyLocalSnapGridStyle(layer, styleKind, smallStepPx, majorStepPx, opacity, keyPrefix = 'style') {
             if (!layer) {
                 return false;
@@ -4086,23 +4161,7 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
             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';
-            }
+            this._drawLocalSnapGridBitmap(layer, safeStyleKind, safeSmallStep, safeMajorStep);
             if (layer.style.opacity !== opacityValue) {
                 layer.style.opacity = opacityValue;
             }
@@ -5496,7 +5555,9 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
                 this._deferPassiveOverlayRefresh = true;
             }
 
-            if (Number.isFinite(Number(clientX)) && Number.isFinite(Number(clientY))) {
+            if (options?.snapGridPointAlreadySet !== true &&
+                Number.isFinite(Number(clientX)) &&
+                Number.isFinite(Number(clientY))) {
                 this.setLocalSnapGridClientPoint?.(Number(clientX), Number(clientY));
             }
 
@@ -8610,14 +8671,20 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
                 // ▲▲▲ [FIX] ▲▲▲
                 _profileSection('css3dRender');
 
-                const hasBusinessAutomationEdgeLayer = !!(
-                    this._businessAutomationEdgeVisualLayer?.isConnected ||
-                    this._businessAutomationEdgeLayer?.isConnected
-                );
                 const hasBusinessAutomationConnectionDraft =
                     this._businessAutomationConnectionDraftActive === true;
+                const hasBusinessAutomationEdgeRenderActive =
+                    this._businessAutomationEdgeRenderActive === true;
+                const hasBusinessAutomationEdgeLayer = !!(
+                    (hasBusinessAutomationEdgeRenderActive === true || hasBusinessAutomationConnectionDraft === true) &&
+                    (
+                        this._businessAutomationEdgeVisualLayer?.isConnected ||
+                        this._businessAutomationEdgeLayer?.isConnected
+                    )
+                );
                 const shouldTransformBusinessAutomationEdgesForCameraMotion =
                     hasBusinessAutomationEdgeLayer &&
+                    hasBusinessAutomationEdgeRenderActive === true &&
                     hasBusinessAutomationConnectionDraft !== true &&
                     window.MindMapCss3DManager?.syncBusinessAutomationEdgesForCameraMotion &&
                     (this.isPanning === true || this.isZooming === true || isCameraMoving === true) &&
@@ -8629,6 +8696,7 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
                 const shouldThrottleBusinessAutomationEdgesForCameraMotion = shouldTransformBusinessAutomationEdgesForCameraMotion === true;
                 const shouldDeferBusinessAutomationEdgesForCameraMotion = !!(
                     hasBusinessAutomationEdgeLayer &&
+                    hasBusinessAutomationEdgeRenderActive === true &&
                     hasBusinessAutomationConnectionDraft !== true &&
                     shouldThrottleBusinessAutomationEdgesForCameraMotion !== true &&
                     (this.isPanning === true || this.isZooming === true || isCameraMoving === true) &&

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

@@ -6416,7 +6416,8 @@ window.MindMapInteractions = (function () {
         module.targetY = newY;
         const presentedDirectly = module.presentWheelZoomCameraFrame?.(clientX, clientY, {
             reason: 'wheel-zoom-direct',
-            coalescedWheelEvents: Number(options.coalescedWheelEvents || 0)
+            coalescedWheelEvents: Number(options.coalescedWheelEvents || 0),
+            snapGridPointAlreadySet: true
         }) === true;
         const settleScheduled =
             presentedDirectly === 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-css3d-flat-wheel-v714" />
-    <link rel="stylesheet" href="_content/MindExecution.Shared/css/mind-map-overrides.css?v=20260620-css3d-flat-wheel-v714" />
+    <link rel="stylesheet" href="_content/MindExecution.Shared/css/app.css?v=20260620-css3d-flat-wheel-v716" />
+    <link rel="stylesheet" href="_content/MindExecution.Shared/css/mind-map-overrides.css?v=20260620-css3d-flat-wheel-v716" />
     <!-- ?�▼??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-css3d-flat-wheel-v714';
+        const scriptVersion = '20260620-css3d-flat-wheel-v716';
             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":  "a3DPzEOX",
+    "version":  "gmOk+Y7z",
     "assets":  [
                    {
                        "hash":  "sha256-+CSYMcqLNTsq3VnH11jgYyOCCdxvHzL74CBmo4sCmMU=",
@@ -78,7 +78,7 @@
                        "url":  "_content/MindExecution.Shared/js/marked.min.js"
                    },
                    {
-                       "hash":  "sha256-4pZaMyRaOb3TVVbVif7uhCJB3buD9FVjpRUeuOlS9Xs=",
+                       "hash":  "sha256-7adaswT3I1+WzOFDuj90ryAR5a2GA8B301DE2abkCEA=",
                        "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-TLgqElMhXUaNKNxPc2h8SJhr/YhkvBFS7U8kwf7AVZw=",
+                       "hash":  "sha256-tosOpXqyXDFBnjyuaucNqryVdR3s6BdWEWUuRpeCzgM=",
                        "url":  "_content/MindExecution.Shared/js/mind-map-interactions.js"
                    },
                    {
@@ -834,7 +834,7 @@
                        "url":  "image-manifest.json"
                    },
                    {
-                       "hash":  "sha256-KH2KTc9h4v4RyVIa88L9OqOFsr/WXRYslyp7T0obPF4=",
+                       "hash":  "sha256-aNFeVdCPX6Gcltu4HVLXLS++OW8/uLfYj9LO2Zs8c84=",
                        "url":  "index.html"
                    },
                    {

package/wwwroot/service-worker.js

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