@mindexec/cli 0.2.111 → 0.2.112

package/package.json

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

package/remote-hub.js

@@ -15,11 +15,11 @@ const MAX_AGENT_TASK_CHARS = 4000;
 const MAX_AGENT_TASK_RESULT_CHARS = 3000;
 const RECENT_TASK_LIMIT = 12;
 const RECENT_TASK_BATCH_LIMIT = 16;
-const RECENT_FRAME_CACHE_TTL_MS = 5000;
+const RECENT_FRAME_CACHE_TTL_MS = 12000;
 const RECENT_THUMBNAIL_FRAME_CACHE_LIMIT = 4;
-const RECENT_LIVE_FRAME_CACHE_LIMIT = 24;
+const RECENT_LIVE_FRAME_CACHE_LIMIT = 80;
 const RECENT_THUMBNAIL_FRAME_CACHE_MAX_BYTES = 3 * 1024 * 1024;
-const RECENT_LIVE_FRAME_CACHE_MAX_BYTES = 8 * 1024 * 1024;
+const RECENT_LIVE_FRAME_CACHE_MAX_BYTES = 24 * 1024 * 1024;
 const REMOTE_PROTOCOL_VERSION = 1;
 const MAX_SYNTHETIC_DEVICES = 1000;
 const DEFAULT_HOST_TARGET_LEASE_MS = 30000;

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 = '20260616-project-gallery-rendered-thumb-v569';
+const MINDMAP_CORE_BUILD_ID = '20260616-remote-live-img-preload-v570';
     const CanvasPhase = Object.freeze({
         Booting: 'booting',
         BoardFileLoading: 'board-file-loading',

package/wwwroot/_content/MindExecution.Shared/js/mind-map-css3d-manager.js

@@ -13594,9 +13594,18 @@
 
     function isRemoteFleetFrameSource(value) {
         const source = String(value || '').trim();
-        return /^data:image\/(png|jpe?g|webp|svg\+xml);base64,/i.test(source)
-            || /^https?:\/\/(?:127(?:\.\d{1,3}){3}|localhost|\[::1\])(?::\d+)?\/api\/remote\//i.test(source)
-            || /^\/api\/remote\//i.test(source);
+        if (/^data:image\/(png|jpe?g|webp|svg\+xml);base64,/i.test(source)
+            || /^\/api\/remote\//i.test(source)) {
+            return true;
+        }
+
+        try {
+            const url = new URL(source, window.location?.origin || 'http://localhost');
+            return /^https?:$/i.test(url.protocol)
+                && /^\/api\/remote\//i.test(url.pathname);
+        } catch {
+            return false;
+        }
     }
 
     function getRemoteFleetFrameSource(device, frameKind) {
@@ -13946,9 +13955,9 @@
         }
 
         if (comparePending) {
-            const pendingUrl = String(preview.dataset.remoteFleetPendingFrameUrl || '');
-            const pendingKind = String(preview.dataset.remoteFleetPendingFrameKind || '').toLowerCase();
-            const pendingSeq = Number(preview.dataset.remoteFleetPendingFrameSeq || '0');
+            const pendingUrl = String(preview.dataset.remoteFleetPendingImageUrl || preview.dataset.remoteFleetPendingFrameUrl || '');
+            const pendingKind = String(preview.dataset.remoteFleetPendingImageKind || preview.dataset.remoteFleetPendingFrameKind || '').toLowerCase();
+            const pendingSeq = Number(preview.dataset.remoteFleetPendingImageSeq || preview.dataset.remoteFleetPendingFrameSeq || '0');
             if (pendingUrl) {
                 const samePending = pendingKind === frame.kind
                     && pendingSeq === nextSeq
@@ -14257,35 +14266,116 @@
         return true;
     }
 
-    function applyRemoteFleetFramePatchToPreview(preview, frame) {
-        if (String(frame?.kind || '').toLowerCase() === 'live') {
-            if (!preview || !isRemoteFleetFrameNewerForPreview(preview, frame, false)) {
-                return false;
-            }
+    function clearRemoteFleetPendingImageDataset(preview, frame) {
+        if (!preview) {
+            return;
+        }
 
-            const image = ensureRemoteFleetFrameImage(preview, frame);
-            if (!image) {
-                return false;
-            }
+        if (!frame
+            || getRemoteFleetFrameIdentity(preview._remoteFleetPendingImageFrame) === getRemoteFleetFrameIdentity(frame)) {
+            delete preview.dataset.remoteFleetPendingImageKind;
+            delete preview.dataset.remoteFleetPendingImageSeq;
+            delete preview.dataset.remoteFleetPendingImageUrl;
+            preview._remoteFleetPendingImageFrame = null;
+        }
+    }
 
-            preview._remoteFleetPendingFrame = null;
-            delete preview.dataset.remoteFleetPendingFrameKind;
-            delete preview.dataset.remoteFleetPendingFrameSeq;
-            delete preview.dataset.remoteFleetPendingFrameUrl;
+    function processRemoteFleetImageSwapQueue(preview, image) {
+        if (!preview || !image || preview._remoteFleetImageLoaderActive === true) {
+            return;
+        }
 
-            const committed = commitRemoteFleetFrameToPreview(preview, image, cloneRemoteFleetFramePatch(frame));
-            if (committed) {
+        const frame = preview._remoteFleetPendingImageFrame;
+        if (!frame || !isRemoteFleetFrameSource(frame.frameUrl)) {
+            clearRemoteFleetPendingImageDataset(preview, frame);
+            return;
+        }
+
+        preview._remoteFleetImageLoaderActive = true;
+        const frameIdentity = getRemoteFleetFrameIdentity(frame);
+        const timeoutMs = Math.max(1500, getRemoteFleetFrameDecodeTimeoutMs(frame));
+        let settled = false;
+        let timeout = null;
+        const loader = new Image();
+
+        const finish = loaded => {
+            if (settled) return;
+            settled = true;
+            if (timeout) {
+                clearTimeout(timeout);
+                timeout = null;
+            }
+
+            const currentPending = preview._remoteFleetPendingImageFrame;
+            const stillLatest = getRemoteFleetFrameIdentity(currentPending) === frameIdentity;
+            let committed = false;
+            if (loaded && stillLatest && document.body.contains(preview)) {
+                committed = commitRemoteFleetFrameToPreview(preview, image, frame);
                 window.RuntimeTrace?.emit?.('remote.frame.uiPatched', {
-                    count: 1,
+                    count: committed ? 1 : 0,
                     kind: frame.kind,
                     seq: frame.frameSeq,
-                    surface: 'img-direct-live',
+                    surface: 'img-preload',
                     contentHash: frame.contentHash || '',
                     sameContentStreak: Number(frame.sameContentStreak || 0) || 0,
                     captureMs: Number(frame.captureMs || 0) || 0
                 });
+            } else if (!loaded) {
+                window.RuntimeTrace?.emit?.('remote.frame.imageLoadFailed', {
+                    kind: frame.kind,
+                    seq: frame.frameSeq,
+                    url: frame.frameUrl
+                });
+            }
+
+            if (stillLatest) {
+                clearRemoteFleetPendingImageDataset(preview, frame);
+            }
+
+            preview._remoteFleetImageLoaderActive = false;
+            if (preview._remoteFleetPendingImageFrame) {
+                processRemoteFleetImageSwapQueue(preview, image);
             }
-            return committed;
+        };
+
+        timeout = setTimeout(() => finish(false), timeoutMs);
+        loader.decoding = 'async';
+        loader.onload = () => {
+            const decoded = typeof loader.decode === 'function'
+                ? loader.decode().catch(() => undefined)
+                : Promise.resolve();
+            decoded.then(() => finish(true));
+        };
+        loader.onerror = () => finish(false);
+        loader.src = frame.frameUrl;
+    }
+
+    function queueRemoteFleetImageSwap(preview, frame) {
+        if (!preview || !frame || !isRemoteFleetFrameNewerForPreview(preview, frame, true)) {
+            return false;
+        }
+
+        const image = ensureRemoteFleetFrameImage(preview, frame);
+        if (!image) {
+            return false;
+        }
+
+        const nextFrame = cloneRemoteFleetFramePatch(frame);
+        preview._remoteFleetPendingImageFrame = nextFrame;
+        preview.dataset.remoteFleetPendingImageKind = nextFrame.kind;
+        preview.dataset.remoteFleetPendingImageSeq = String(nextFrame.frameSeq || 0);
+        preview.dataset.remoteFleetPendingImageUrl = nextFrame.frameUrl;
+        processRemoteFleetImageSwapQueue(preview, image);
+        return true;
+    }
+
+    function applyRemoteFleetFramePatchToPreview(preview, frame) {
+        if (String(frame?.kind || '').toLowerCase() === 'live') {
+            preview._remoteFleetPendingFrame = null;
+            delete preview.dataset.remoteFleetPendingFrameKind;
+            delete preview.dataset.remoteFleetPendingFrameSeq;
+            delete preview.dataset.remoteFleetPendingFrameUrl;
+            return queueRemoteFleetImageSwap(preview, frame);
         }
 
         return queueRemoteFleetFramePaint(preview, frame);
@@ -14343,8 +14433,10 @@
                 lastTick = timestamp;
                 bodyView._remoteFleetFrameRefreshInFlight = true;
                 Promise.resolve(refreshCallback())
-                    .catch(() => {
-                        clearRemoteFleetTimers(bodyView);
+                    .catch(error => {
+                        window.RuntimeTrace?.emit?.('remote.frame.refreshFailed', {
+                            error: error?.message || String(error || '')
+                        });
                     })
                     .finally(() => {
                         bodyView._remoteFleetFrameRefreshInFlight = false;

package/wwwroot/index.html

@@ -7,8 +7,8 @@
     <title>MindExec | Run your ideas as AI task graphs</title>
     <meta name="description" content="MindExec is an AI execution canvas for solo builders, researchers, developers, and creators. Start with free browser tools, then move serious work into saved MindCanvas projects." />
     <base href="/" />
-    <link rel="stylesheet" href="_content/MindExecution.Shared/css/app.css?v=20260616-project-gallery-rendered-thumb-v569" />
-    <link rel="stylesheet" href="_content/MindExecution.Shared/css/mind-map-overrides.css?v=20260616-project-gallery-rendered-thumb-v569" />
+    <link rel="stylesheet" href="_content/MindExecution.Shared/css/app.css?v=20260616-remote-live-img-preload-v570" />
+    <link rel="stylesheet" href="_content/MindExecution.Shared/css/mind-map-overrides.css?v=20260616-remote-live-img-preload-v570" />
     <!-- ?쇄뼹??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 = '20260616-project-gallery-rendered-thumb-v569';
+        const scriptVersion = '20260616-remote-live-img-preload-v570';
             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":  "rvvD2Jxd",
+    "version":  "xXFM+YC6",
     "assets":  [
                    {
                        "hash":  "sha256-+CSYMcqLNTsq3VnH11jgYyOCCdxvHzL74CBmo4sCmMU=",
@@ -78,7 +78,7 @@
                        "url":  "_content/MindExecution.Shared/js/marked.min.js"
                    },
                    {
-                       "hash":  "sha256-I8levbQOMKm6+itQSEpmYXvCO/n1P5WLJT/PA/4b+CE=",
+                       "hash":  "sha256-nVQzxZ7EE6TbmugAy2X9Wy3RXenA7EAtfQYmceKyAeY=",
                        "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-/o9b8Gda8DwgDGaq9RBwBXb8C8uSvhppHN1cNPpUwO0=",
+                       "hash":  "sha256-u989dTMrJLCKW1Xnft/fCFSx288cqjSVohBi8jhuvZs=",
                        "url":  "_content/MindExecution.Shared/js/mind-map-css3d-manager.js"
                    },
                    {
@@ -834,7 +834,7 @@
                        "url":  "image-manifest.json"
                    },
                    {
-                       "hash":  "sha256-UFZB2qaCXJGdgOPtv+tajsidaEOVYIjhWAHHu76lw28=",
+                       "hash":  "sha256-ihPB4Vhq6CXrTD2TzgIc+CiL+St4Om3bQAAHhqtWuqU=",
                        "url":  "index.html"
                    },
                    {

package/wwwroot/service-worker.js

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