@mindexec/cli 0.2.458 → 0.2.459

package/wwwroot/_content/MindExecution.Shared/js/mind-map-render-plan.js

@@ -6,10 +6,13 @@
     const INITIAL_LINE_TEXTURE_ROWS = 1024;
     const GPU_WARM_RETRY_DELAY_MS = 120;
     const IMAGE_ATLAS_TILE_SIZE = 128;
+    const IMAGE_ATLAS_UPLOAD_SETTLE_MS = 1000;
+    const IMAGE_ATLAS_UPLOAD_MAX_WAIT_MS = 3500;
     const frameSampleStates = new WeakMap();
     const residentLinePrewarmStates = new WeakMap();
     const residentTransitionStates = new WeakMap();
     const cssMediaFrameDomStates = new WeakMap();
+    const imageAtlasUploadStates = new WeakMap();
     let cssMediaFrameDomReuseCount = 0;
     let cssMediaFrameDomApplyCount = 0;
     const RESIDENT_CSS_CACHE_TEXT_TYPES = new Set(['text', 'note', 'memo', 'markdown', 'code', 'csv-table']);
@@ -447,6 +450,108 @@
         return true;
     }
 
+    function prepareImageAtlasForEntries(renderer, entries) {
+        let imageCount = 0;
+        for (const entry of entries || []) {
+            const model = entry?.model || null;
+            const contentType = String(model?.contentType ?? model?.ContentType ?? '').toLowerCase();
+            if (contentType === 'video') {
+                imageCount++;
+                continue;
+            }
+            if (contentType === 'image') {
+                if (globalThis.MindMapNodes?.isAnimatedGifImageNodeModel?.(model) !== true) imageCount++;
+                continue;
+            }
+            if (contentType === 'embed') {
+                const urls = globalThis.MindMapNodes?.getNodeImageAssetUrls?.(model) || null;
+                if (urls?.thumbnailUrl || urls?.snapshotUrl || urls?.previewImageUrl) imageCount++;
+            }
+        }
+        return prepareImageAtlasCapacity(renderer, imageCount);
+    }
+
+    function uploadImageAtlasTile(renderer, slot, canvas) {
+        const webglRenderer = renderer?.renderer || null;
+        const gl = renderer?.gl || webglRenderer?.getContext?.() || null;
+        const texture = renderer?.imageAtlasTexture || null;
+        if (!webglRenderer?.initTexture || !gl || !texture || !canvas || !(slot?.slotIndex >= 0)) return false;
+
+        let savedTexture = null;
+        let savedFlipY = null;
+        let savedPremultiply = null;
+        let savedColorspace = null;
+        try {
+            webglRenderer.initTexture(texture);
+            const handle = webglRenderer.properties?.get?.(texture)?.__webglTexture || null;
+            if (!handle) return false;
+            savedTexture = gl.getParameter(gl.TEXTURE_BINDING_2D);
+            savedFlipY = gl.getParameter(gl.UNPACK_FLIP_Y_WEBGL);
+            savedPremultiply = gl.getParameter(gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL);
+            savedColorspace = gl.getParameter(gl.UNPACK_COLORSPACE_CONVERSION_WEBGL);
+            const columns = Math.max(1, Number(renderer.imageAtlasColumns || 1));
+            const x = (slot.slotIndex % columns) * IMAGE_ATLAS_TILE_SIZE;
+            const y = Math.floor(slot.slotIndex / columns) * IMAGE_ATLAS_TILE_SIZE;
+            gl.bindTexture(gl.TEXTURE_2D, handle);
+            gl.pixelStorei(gl.UNPACK_FLIP_Y_WEBGL, false);
+            gl.pixelStorei(gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, false);
+            gl.pixelStorei(gl.UNPACK_COLORSPACE_CONVERSION_WEBGL, gl.NONE);
+            gl.texSubImage2D(gl.TEXTURE_2D, 0, x, y, gl.RGBA, gl.UNSIGNED_BYTE, canvas);
+            renderer._imageAtlasTileUploadCount = Number(renderer._imageAtlasTileUploadCount || 0) + 1;
+            renderer._residentGpuWarmKey = '';
+            renderer._residentImageAtlasWarmVersion = -1;
+            return true;
+        } catch {
+            return false;
+        } finally {
+            if (savedFlipY !== null) gl.pixelStorei(gl.UNPACK_FLIP_Y_WEBGL, savedFlipY);
+            if (savedPremultiply !== null) gl.pixelStorei(gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, savedPremultiply);
+            if (savedColorspace !== null) gl.pixelStorei(gl.UNPACK_COLORSPACE_CONVERSION_WEBGL, savedColorspace);
+            if (savedTexture !== null) gl.bindTexture(gl.TEXTURE_2D, savedTexture);
+        }
+    }
+
+    function scheduleImageAtlasUpload(renderer, module = renderer?._module) {
+        if (!renderer?.imageAtlasTexture || renderer?._disposed === true) return false;
+        const now = typeof performance !== 'undefined' ? performance.now() : Date.now();
+        let state = imageAtlasUploadStates.get(renderer);
+        if (!state) {
+            state = { timer: 0, startedAt: now, pending: false, epoch: 0 };
+            imageAtlasUploadStates.set(renderer, state);
+        }
+        state.pending = true;
+        state.epoch = Number(renderer._residentStaticPreviewEpoch || 0);
+        if (!(state.startedAt > 0)) state.startedAt = now;
+        if (state.timer) clearTimeout(state.timer);
+        const elapsedMs = Math.max(0, now - state.startedAt);
+        const delayMs = Math.max(0, Math.min(
+            IMAGE_ATLAS_UPLOAD_SETTLE_MS,
+            IMAGE_ATLAS_UPLOAD_MAX_WAIT_MS - elapsedMs
+        ));
+        state.timer = setTimeout(() => {
+            state.timer = 0;
+            if (!state.pending || renderer._disposed === true ||
+                state.epoch !== Number(renderer._residentStaticPreviewEpoch || 0)) return;
+            state.pending = false;
+            state.startedAt = 0;
+            if (!renderer.imageAtlasTexture) return;
+            renderer.imageAtlasTexture.needsUpdate = true;
+            renderer._imageAtlasTextureUploadCount = Number(renderer._imageAtlasTextureUploadCount || 0) + 1;
+            const activeModule = renderer._module || module;
+            if (activeModule) {
+                activeModule._forceUpdateFrames = Math.max(Number(activeModule._forceUpdateFrames || 0), 1);
+                activeModule.requestAnimationWake?.('image-atlas-texture-upload');
+            }
+        }, delayMs);
+        return true;
+    }
+
+    function clearScheduledImageAtlasUpload(renderer) {
+        const state = imageAtlasUploadStates.get(renderer);
+        if (state?.timer) clearTimeout(state.timer);
+        imageAtlasUploadStates.delete(renderer);
+    }
+
     function fallbackBatch(renderer, fallbackIds, limit = 12) {
         const ids = Array.from(fallbackIds || []);
         const safeLimit = Math.max(1, Number(limit || 1));
@@ -698,6 +803,12 @@
         return result === true;
     }
 
+    function hasActionableResidentLineDetails(renderer, module, lodBand) {
+        const nodeIds = renderer?.instanceData?.nodeIds || [];
+        return nodeIds.length > 0 && renderer?._hasPendingLineDetailRestore?.(lodBand) === true &&
+            areResidentLinesPrepared(renderer, module?.nodeObjectsById, nodeIds);
+    }
+
     function hasResidentDirtyWork(renderer, camera, module, resolveLodBand, buildSelectionKey, isAnimatedGifModel) {
         if (!renderer) return false;
         const lodBand = camera && typeof resolveLodBand === 'function'
@@ -710,7 +821,7 @@
             renderer._imageAtlasRebuildPending === true || Number(renderer._imageAtlasQueuedIds?.size || 0) > 0 ||
             Number(renderer._imageAtlasLoadingIds?.size || 0) > 0 || Number(renderer._imageAtlasBatchReadyIds?.size || 0) > 0 ||
             renderer._imageAtlasBatchActive === true || renderer._lodCleanupPending === true ||
-            renderer._deferLineRestorePending === true || renderer._hasPendingLineDetailRestore?.(lodBand) === true ||
+            renderer._deferLineRestorePending === true || hasActionableResidentLineDetails(renderer, module, lodBand) ||
             Number(renderer._pendingLodVisibilityVersion ?? -1) >= 0 || renderer._fullResHandoffActive === true ||
             renderer.isLoading === true || module?.isLoading === true || renderer._hasResidentLodInstances?.() !== true;
         if (hasTypedResidentDirtyWork) {
@@ -1797,6 +1908,10 @@
         ensureLineTextureCapacity,
         renderResidentWarmScene,
         prepareImageAtlasCapacity,
+        prepareImageAtlasForEntries,
+        uploadImageAtlasTile,
+        scheduleImageAtlasUpload,
+        clearScheduledImageAtlasUpload,
         fallbackBatch,
         reuseCssMediaFrameDom,
         reuseStableVisibleCss,
@@ -1807,6 +1922,7 @@
         invalidateActiveCssMediaFallbackCountCache,
         markLodImageCssFallbacksChanged,
         createTrackedLodImageCssFallbackSet,
+        hasActionableResidentLineDetails,
         hasResidentDirtyWork,
         hasPendingNearCssWarmup,
         reusePreparedImageInstances,

package/wwwroot/_content/MindExecution.Shared/js/mind-map-texture-factory.js

@@ -593,8 +593,11 @@
             preferOriginal !== true &&
             existingSourceKind === 'original' &&
             (matchesOriginalUrl || isThumbnailAssetUrl(normalizedRequestedUrl));
+        const canUseMatchingOriginal =
+            matchesOriginalUrl &&
+            (preferOriginal === true || options.allowOriginalReuseForPreview !== false);
 
-        if (!(matchesRequestedUrl || matchesOriginalUrl || canUseOriginalForPreview)) {
+        if (!(matchesRequestedUrl || canUseMatchingOriginal || canUseOriginalForPreview)) {
             return false;
         }
 

package/wwwroot/_framework/blazor.boot.json

@@ -1,7 +1,7 @@
 {
   "mainAssemblyName": "MindExecution.Web",
   "resources": {
-    "hash": "sha256-2nIeTn87ps7hCIDuMs8IMWpBJVZ9YCRuQ89zxygANvg=",
+    "hash": "sha256-k2itmZGSZI4/oLV1PZkSvmP5G7hZ+KnYz6N+kaFBt1I=",
     "fingerprinting": {
       "Google.Protobuf.9h59ukbel7.dll": "Google.Protobuf.dll",
       "Markdig.d1j7v41cl1.dll": "Markdig.dll",
@@ -122,16 +122,16 @@
       "System.brmz7yk5qh.dll": "System.dll",
       "netstandard.b50t77veor.dll": "netstandard.dll",
       "System.Private.CoreLib.g6ztz7cmo2.dll": "System.Private.CoreLib.dll",
-      "MindExecution.Core.2ch68iyy8o.dll": "MindExecution.Core.dll",
-      "MindExecution.Kernel.dh617xfv36.dll": "MindExecution.Kernel.dll",
-      "MindExecution.Plugins.Admin.0sm50hbae9.dll": "MindExecution.Plugins.Admin.dll",
-      "MindExecution.Plugins.Business.3wq01orrbu.dll": "MindExecution.Plugins.Business.dll",
-      "MindExecution.Plugins.Concept.z8yl28fa2a.dll": "MindExecution.Plugins.Concept.dll",
-      "MindExecution.Plugins.Directory.m7murp5oes.dll": "MindExecution.Plugins.Directory.dll",
-      "MindExecution.Plugins.PlanMaster.yuyrbpf0vh.dll": "MindExecution.Plugins.PlanMaster.dll",
-      "MindExecution.Plugins.YouTube.rwxvn00rm2.dll": "MindExecution.Plugins.YouTube.dll",
-      "MindExecution.Shared.r9k48iyijb.dll": "MindExecution.Shared.dll",
-      "MindExecution.Web.742aribkxm.dll": "MindExecution.Web.dll",
+      "MindExecution.Core.b973f5f64y.dll": "MindExecution.Core.dll",
+      "MindExecution.Kernel.k4h9fvi9wb.dll": "MindExecution.Kernel.dll",
+      "MindExecution.Plugins.Admin.u2emae8cb5.dll": "MindExecution.Plugins.Admin.dll",
+      "MindExecution.Plugins.Business.cysw4qtyke.dll": "MindExecution.Plugins.Business.dll",
+      "MindExecution.Plugins.Concept.8iehgvzjio.dll": "MindExecution.Plugins.Concept.dll",
+      "MindExecution.Plugins.Directory.t621fsxq2i.dll": "MindExecution.Plugins.Directory.dll",
+      "MindExecution.Plugins.PlanMaster.ft631uc7ki.dll": "MindExecution.Plugins.PlanMaster.dll",
+      "MindExecution.Plugins.YouTube.arivgu92h1.dll": "MindExecution.Plugins.YouTube.dll",
+      "MindExecution.Shared.wm997st9eb.dll": "MindExecution.Shared.dll",
+      "MindExecution.Web.osdbdrue4h.dll": "MindExecution.Web.dll",
       "dotnet.native.566r55w3xu.js": "dotnet.native.js",
       "dotnet.native.x6q5aixc38.wasm": "dotnet.native.wasm",
       "dotnet.js": "dotnet.js",
@@ -276,18 +276,18 @@
       "System.Xml.XDocument.sn51jas17n.dll": "sha256-GNI2kFgFmPTwzuzwUn8gxK+AzGLUWRJFdg9JzIbrybQ=",
       "System.brmz7yk5qh.dll": "sha256-CfM2miyj1KHApFmqMdLYWio3S/jrdON2pW9Xr2nTwlo=",
       "netstandard.b50t77veor.dll": "sha256-//jQGOXjb8ET8WtXgOJrAxLx6E7zDJ5RjRRutwkvmxo=",
-      "MindExecution.Core.2ch68iyy8o.dll": "sha256-vjKyf+PwuPX3xAYHGRgYNF2KQYxm8xW7bcY6rgDAn0o=",
-      "MindExecution.Kernel.dh617xfv36.dll": "sha256-7+11/qc2LDTbKax01MVqbO4Zx6VB7us6Ign0pLL05Ts=",
-      "MindExecution.Plugins.Business.3wq01orrbu.dll": "sha256-3QYsNFB0xvz0qfSQXlLB4Z2Xs/navunyjLYzTVmNvyw=",
-      "MindExecution.Plugins.Concept.z8yl28fa2a.dll": "sha256-o3JiuwvgNbMdnzEH4wE4xLbqckgYySvDC9P4VBu/fKM=",
-      "MindExecution.Plugins.PlanMaster.yuyrbpf0vh.dll": "sha256-OsiswutNqeV0FT6Prvyrk0ylIbTneCeGRXHbG730E/8=",
-      "MindExecution.Shared.r9k48iyijb.dll": "sha256-YZCQNctXtyPwDlxwi6SoFDAdgyBMei5ykzzqz83NrJU=",
-      "MindExecution.Web.742aribkxm.dll": "sha256-N1w254EQYnkYsUY50OpUugN8M82bonsiT4d74S+srDE="
+      "MindExecution.Core.b973f5f64y.dll": "sha256-gaWEYZie3oGBsJ7KNcinPxikQw7nSHgJSBllq4YEZ38=",
+      "MindExecution.Kernel.k4h9fvi9wb.dll": "sha256-DJajefF5YNuFQ7hh7Y8750yzg5kXpdE91GuofhBtiIg=",
+      "MindExecution.Plugins.Business.cysw4qtyke.dll": "sha256-bCkYY5nsWdSGvLFYVjeMGh/SLIrhErscom7vq4WW1e8=",
+      "MindExecution.Plugins.Concept.8iehgvzjio.dll": "sha256-sD9g99bCcgFnUnIivPfe19mEYg7scZKgwdHuh5fT3wM=",
+      "MindExecution.Plugins.PlanMaster.ft631uc7ki.dll": "sha256-Q54/SRbdbUoRNPbJrN9ngcsNdAN2uqHK0Or2GVU7Vx8=",
+      "MindExecution.Shared.wm997st9eb.dll": "sha256-CABTI+PIZ9ZrDZ2VoLANJ5qvthYPX32AoKv2/qdpp0E=",
+      "MindExecution.Web.osdbdrue4h.dll": "sha256-mPMX7zmQgrN1cg8qclbhRZlRm5N45je5DzrRQrunlCw="
     },
     "lazyAssembly": {
-      "MindExecution.Plugins.Admin.0sm50hbae9.dll": "sha256-kBZPshQAJw9eFT9ekAD5ZnvRqkuWzHMa3OnIGX11eZw=",
-      "MindExecution.Plugins.Directory.m7murp5oes.dll": "sha256-DuX8c4uJBEXcR8Fx2YR3zYPQ8JVzKIBdRHuCH4IEeV4=",
-      "MindExecution.Plugins.YouTube.rwxvn00rm2.dll": "sha256-a/TixIdXMDc8zcRNSZ0Laq/Vz1J5InSRaymyzTdWp94="
+      "MindExecution.Plugins.Admin.u2emae8cb5.dll": "sha256-xrK3EFbor2pEuhuKt/MXQSBJmTt22JYH68udxQLbEi4=",
+      "MindExecution.Plugins.Directory.t621fsxq2i.dll": "sha256-q0/3D7+gLKCW1xhY+wgOFGWCSh6AhKWfyZ0GwzanC14=",
+      "MindExecution.Plugins.YouTube.arivgu92h1.dll": "sha256-Sje33rNG7OWB8dP5QngdiqI2qWjCIfhQx7b+v8Y7AIU="
     }
   },
   "cacheBootResources": true,

package/wwwroot/appsettings.json

@@ -1,83 +1,83 @@
 {
-    "OpenRouter":  {
-                       "ApiKey":  ""
-                   },
-    "Execution":  {
-                      "Mode":  "Concept",
-                      "Model":  "openai/gpt-4o-mini"
-                  },
-    "Supabase":  {
-                     "Url":  "https://otbyfkjxrkngvjziawki.supabase.co",
-                     "Key":  "sb_publishable_NpUs0RDJH2YnllsqTKO6TQ_1jTdSsNQ"
-                 },
-    "Bridge":  {
-                   "Url":  "app-origin",
-                   "FallbackPort":  5148,
-                   "AllowHostedLocalFallback":  false
-               },
-    "ProjectStorage":  {
-                           "Mode":  "LocalOnly",
-                           "CloudProjectsEnabled":  false
-                       },
-    "CloudflareR2":  {
-                         "ProxyUrl":  "https://r2-auth-proxy.lovecrdm.workers.dev",
-                         "PublicBaseUrl":  "https://r2-auth-proxy.lovecrdm.workers.dev/public",
-                         "PrivateSignUrl":  "https://r2-auth-proxy.lovecrdm.workers.dev/sign",
-                         "PrivateBatchSignUrl":  "https://r2-auth-proxy.lovecrdm.workers.dev/sign-batch",
-                         "PrivateUrlTtlSeconds":  900
-                     },
-    "CloudflareWebCapture":  {
-                                 "EndpointUrl":  "https://web-capture-worker.lovecrdm.workers.dev/capture",
-                                 "RequestTimeoutMs":  45000
-                             },
-    "Payments":  {
-                     "Provider":  "dodo"
-                 },
-    "DodoPayments":  {
-                         "DefaultProductId":  "",
-                         "StandardPriceId":  "dodo_pro_monthly_v1",
-                         "EarlyPriceId":  "dodo_pro_monthly_v1",
-                         "LtdPriceId":  "dodo_ltd_launch_v1",
-                         "ReturnUrl":  "https://mindexec.pages.dev/pricing",
-                         "Environment":  "test_mode"
-                     },
-    "Paddle":  {
-                   "ClientToken":  "",
-                   "ProMonthlyPriceId":  ""
-               },
-    "ProductProfile":  {
-                           "VariantKey":  "platform",
-                           "Slug":  "mindexec",
-                           "BrandName":  "MindExec",
-                           "ProductName":  "MindCanvas",
-                           "AppTitle":  "MindExec",
-                           "WorkspaceNounSingular":  "canvas",
-                           "WorkspaceNounPlural":  "canvases",
-                           "SignInTitle":  "Welcome Back",
-                           "SignUpTitle":  "Create Account",
-                           "SignInSubtitle":  "Sign in to access your MindCanvas workspace.",
-                           "SignUpSubtitle":  "Sign up to start organizing your ideas on a visual canvas.",
-                           "PrimaryCheckoutProvider":  "dodo",
-                           "CanonicalHost":  "localhost",
-                           "DodoCatalog":  {
-                                               "StandardPriceId":  "dodo_pro_monthly_v1",
-                                               "EarlyPriceId":  "dodo_pro_monthly_v1",
-                                               "LtdPriceId":  "dodo_ltd_launch_v1"
-                                           },
-                           "MarketingTool":  {
-                                                 "Enabled":  false,
-                                                 "HideAppChrome":  true,
-                                                 "AllowMindCanvasRoute":  false,
-                                                 "HomeRoute":  "/",
-                                                 "ToolKey":  "",
-                                                 "HeroEyebrow":  "Free local tool",
-                                                 "HeroTitle":  "",
-                                                 "HeroSubtitle":  "",
-                                                 "PrimaryCtaText":  "Open MindCanvas",
-                                                 "PrimaryCtaHref":  "/mindcanvas",
-                                                 "SecondaryCtaText":  "",
-                                                 "SecondaryCtaHref":  "",
-                                                 "PrivacyNote":  "Runs locally in your browser. No login. No database storage."
-                                             }
-                       }
+  "OpenRouter": {
+    "ApiKey": ""
+  },
+  "Execution": {
+    "Mode": "Concept",
+    "Model": "openai/gpt-4o-mini"
+  },
+  "Supabase": {
+    "Url": "https://otbyfkjxrkngvjziawki.supabase.co",
+    "Key": "sb_publishable_NpUs0RDJH2YnllsqTKO6TQ_1jTdSsNQ"
+  },
+  "Bridge": {
+    "Url": "app-origin",
+    "FallbackPort": 5148,
+    "AllowHostedLocalFallback": false
+  },
+  "ProjectStorage": {
+    "Mode": "LocalOnly",
+    "CloudProjectsEnabled": false
+  },
+  "CloudflareR2": {
+    "ProxyUrl": "https://r2-auth-proxy.lovecrdm.workers.dev",
+    "PublicBaseUrl": "https://r2-auth-proxy.lovecrdm.workers.dev/public",
+    "PrivateSignUrl": "https://r2-auth-proxy.lovecrdm.workers.dev/sign",
+    "PrivateBatchSignUrl": "https://r2-auth-proxy.lovecrdm.workers.dev/sign-batch",
+    "PrivateUrlTtlSeconds": 900
+  },
+  "CloudflareWebCapture": {
+    "EndpointUrl": "https://web-capture-worker.lovecrdm.workers.dev/capture",
+    "RequestTimeoutMs": 45000
+  },
+  "Payments": {
+    "Provider": "dodo"
+  },
+  "DodoPayments": {
+    "DefaultProductId": "",
+    "StandardPriceId": "dodo_pro_monthly_v1",
+    "EarlyPriceId": "dodo_pro_monthly_v1",
+    "LtdPriceId": "dodo_ltd_launch_v1",
+    "ReturnUrl": "https://mindexec.pages.dev/pricing",
+    "Environment": "test_mode"
+  },
+  "Paddle": {
+    "ClientToken": "",
+    "ProMonthlyPriceId": ""
+  },
+  "ProductProfile": {
+    "VariantKey": "platform",
+    "Slug": "mindexec",
+    "BrandName": "MindExec",
+    "ProductName": "MindCanvas",
+    "AppTitle": "MindExec",
+    "WorkspaceNounSingular": "canvas",
+    "WorkspaceNounPlural": "canvases",
+    "SignInTitle": "Welcome Back",
+    "SignUpTitle": "Create Account",
+    "SignInSubtitle": "Sign in to access your MindCanvas workspace.",
+    "SignUpSubtitle": "Sign up to start organizing your ideas on a visual canvas.",
+    "PrimaryCheckoutProvider": "dodo",
+    "CanonicalHost": "localhost",
+    "DodoCatalog": {
+      "StandardPriceId": "dodo_pro_monthly_v1",
+      "EarlyPriceId": "dodo_pro_monthly_v1",
+      "LtdPriceId": "dodo_ltd_launch_v1"
+    },
+    "MarketingTool": {
+      "Enabled": false,
+      "HideAppChrome": true,
+      "AllowMindCanvasRoute": false,
+      "HomeRoute": "/",
+      "ToolKey": "",
+      "HeroEyebrow": "Free local tool",
+      "HeroTitle": "",
+      "HeroSubtitle": "",
+      "PrimaryCtaText": "Open MindCanvas",
+      "PrimaryCtaHref": "/mindcanvas",
+      "SecondaryCtaText": "",
+      "SecondaryCtaHref": "",
+      "PrivacyNote": "Runs locally in your browser. No login. No database storage."
+    }
+  }
 }

package/wwwroot/index.html

@@ -7,55 +7,85 @@
     <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="/" />
-    <meta name="theme-color" content="#071a36" />
-    <link rel="icon" type="image/png" sizes="32x32" href="/mindexec-favicon-v2.png" />
-    <link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png?v=20260728-app-icon-v1" />
-    <link rel="manifest" href="manifest.webmanifest?v=20260728-app-icon-v1" />
+    <meta name="theme-color" content="#f8fafc" />
+    <link rel="icon" type="image/png" sizes="32x32" href="/mindexec-favicon-v3.png" />
+    <link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png?v=20260815-app-icon-v2" />
+    <link rel="manifest" href="manifest.webmanifest?v=20260815-app-icon-v2" />
     <link rel="stylesheet" href="_content/MindExecution.Shared/css/app.css?v=20260629-ai-task-flow-v863" />
     <link rel="stylesheet" href="_content/MindExecution.Shared/css/mind-map-overrides.css?v=20260629-mdm-shadow-v856" />
     <!-- ??좎뜦堉??Font Awesome (local) ??좎뜦堉??-->
     <link rel="stylesheet" href="_content/MindExecution.Shared/lib/font-awesome/css/all.min.css" />
     <!-- ??좎뜦堉??-->
     <style>
+        html,
+        body {
+            margin: 0;
+            background: #f8fafc;
+        }
+
         #app {
             min-height: 100vh;
         }
 
         .app-static-fallback {
-            width: min(960px, calc(100% - 32px));
-            margin: 0 auto;
-            padding: 56px 0 48px;
-            color: #0f172a;
-            line-height: 1.7;
+            position: fixed;
+            inset: 0;
+            z-index: 10;
+            box-sizing: border-box;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            width: 100%;
+            margin: 0;
+            padding: 24px;
+            background: #f8fafc;
+            color: #64748b;
+            font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
         }
 
-        .app-static-fallback__eyebrow {
-            display: inline-flex;
-            padding: 6px 10px;
-            border-radius: 999px;
-            background: rgba(255, 255, 255, 0.84);
-            border: 1px solid rgba(148, 163, 184, 0.25);
-            font-size: 12px;
-            font-weight: 700;
-            color: #334155;
+        .app-loading-shell {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            gap: 14px;
+            text-align: center;
         }
 
-        .app-static-fallback h1 {
-            margin: 16px 0 0;
-            font-size: clamp(30px, 4vw, 48px);
-            line-height: 1.05;
-            font-weight: 800;
+        .app-loading-shell__logo {
+            display: block;
+            width: 44px;
+            height: 44px;
         }
 
-        .app-static-fallback p {
-            max-width: 760px;
-            margin: 16px 0 0;
-            color: #475569;
+        .app-loading-spinner {
+            box-sizing: border-box;
+            width: 34px;
+            height: 34px;
+            border: 3px solid #dbe5f0;
+            border-top-color: #2563eb;
+            border-radius: 50%;
+            animation: app-loading-spin 720ms linear infinite;
         }
 
-        .app-static-fallback a {
-            color: #0f172a;
-            font-weight: 700;
+        .app-loading-shell__label,
+        .app-loading-shell__noscript {
+            margin: 0;
+            font-size: 13px;
+            line-height: 1.4;
+            font-weight: 600;
+            letter-spacing: 0.01em;
+        }
+
+        @keyframes app-loading-spin {
+            to {
+                transform: rotate(360deg);
+            }
+        }
+
+        @media (prefers-reduced-motion: reduce) {
+            .app-loading-spinner {
+                animation-duration: 1600ms;
+            }
         }
 
         #blazor-error-ui {
@@ -99,13 +129,14 @@
     <div id="app-container">
         <div id="app">
             <article class="app-static-fallback" id="app-static-fallback">
-                <div class="app-static-fallback__eyebrow">MindExec</div>
-                <h1>MindExec</h1>
-                <p>Turn ideas into revenue execution. MindExec is a Business Execution OS that moves serious work into MindCanvas, where context, AI Tasks, execution Skills, media, and results stay connected.</p>
-                <p><a href="/mindcanvas">Open MindCanvas</a> | <a href="/pricing">See pricing</a> | <a href="/tools">Browse free tools</a></p>
-                <noscript>
-                    <p>JavaScript is required for the interactive tool experience.</p>
-                </noscript>
+                <div class="app-loading-shell" role="status" aria-live="polite" aria-label="Loading MindCanvas">
+                    <img class="app-loading-shell__logo" src="icon-192.png?v=20260815-app-icon-v2" alt="" aria-hidden="true" />
+                    <div class="app-loading-spinner" aria-hidden="true"></div>
+                    <p class="app-loading-shell__label">Loading MindCanvas&hellip;</p>
+                    <noscript>
+                        <p class="app-loading-shell__noscript">JavaScript is required to start MindCanvas.</p>
+                    </noscript>
+                </div>
             </article>
         </div>
     </div>
@@ -583,7 +614,7 @@
             }
 
             const base = '_content/MindExecution.Shared/js/';
-            const scriptVersion = '20260806-thumbnail-agents-v964';
+            const scriptVersion = '20260815-canvas-coordinate-v972';
             const scriptUrl = (script) => `${base}${script}?v=${scriptVersion}`;
             console.log(`[Script Loader] Shared JS version: ${scriptVersion}`);
             const criticalScripts = [
@@ -604,6 +635,7 @@
                 'mind-map-object-manager.js',
                 'mind-map-pipeline.js',
                 'mind-map-nodes.js',
+                'mind-map-animated-image-preview.js',
                 'mind-map-menu-manager.js',
                 'mind-map-multi-select.js',
                 'mind-map-interactions.js',
@@ -735,11 +767,3 @@
 </body>
 
 </html>
-
-
-
-
-
-
-
-