@mindexec/cli 0.2.106 → 0.2.108

package/package.json

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

package/remote-hub.js

@@ -15,6 +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_THUMBNAIL_FRAME_CACHE_LIMIT = 4;
+const RECENT_LIVE_FRAME_CACHE_LIMIT = 24;
+const RECENT_THUMBNAIL_FRAME_CACHE_MAX_BYTES = 3 * 1024 * 1024;
+const RECENT_LIVE_FRAME_CACHE_MAX_BYTES = 8 * 1024 * 1024;
 const REMOTE_PROTOCOL_VERSION = 1;
 const MAX_SYNTHETIC_DEVICES = 1000;
 const DEFAULT_HOST_TARGET_LEASE_MS = 30000;
@@ -374,6 +379,153 @@ function serializeRemoteFrame(frame, deviceId, frameKind, options = {}) {
     return serialized;
 }
 
+function getRecentFrameCache(device, frameKind) {
+    if (!device) {
+        return null;
+    }
+
+    if (!device.recentFramePayloads) {
+        device.recentFramePayloads = {
+            thumbnail: [],
+            live: []
+        };
+    }
+
+    const kind = frameKind === 'thumbnail' ? 'thumbnail' : 'live';
+    if (!Array.isArray(device.recentFramePayloads[kind])) {
+        device.recentFramePayloads[kind] = [];
+    }
+
+    return device.recentFramePayloads[kind];
+}
+
+function getRecentFrameCacheLimit(frameKind) {
+    return frameKind === 'thumbnail'
+        ? RECENT_THUMBNAIL_FRAME_CACHE_LIMIT
+        : RECENT_LIVE_FRAME_CACHE_LIMIT;
+}
+
+function getRecentFrameCacheMaxBytes(frameKind) {
+    return frameKind === 'thumbnail'
+        ? RECENT_THUMBNAIL_FRAME_CACHE_MAX_BYTES
+        : RECENT_LIVE_FRAME_CACHE_MAX_BYTES;
+}
+
+function pruneRecentFrameCache(cache, frameKind, nowMs = Date.now()) {
+    if (!Array.isArray(cache)) {
+        return;
+    }
+
+    const limit = getRecentFrameCacheLimit(frameKind);
+    const maxBytes = getRecentFrameCacheMaxBytes(frameKind);
+    let byteTotal = 0;
+    for (let index = cache.length - 1; index >= 0; index -= 1) {
+        const entry = cache[index];
+        const frame = entry?.frame;
+        if (!entry
+            || entry.expiresAt <= nowMs
+            || !frame
+            || !Buffer.isBuffer(frame.payload)
+            || !Number.isFinite(Number(frame.frameSeq))
+            || !safeString(frame.accessToken, 128)) {
+            cache.splice(index, 1);
+        }
+    }
+
+    for (let index = 0; index < cache.length; index += 1) {
+        const entry = cache[index];
+        const byteLength = Number(entry?.byteLength || entry?.frame?.payload?.length || 0) || 0;
+        byteTotal += byteLength;
+        if (index >= limit || byteTotal > maxBytes) {
+            cache.splice(index);
+            break;
+        }
+    }
+}
+
+function rememberRecentFramePayload(device, frameKind, frame) {
+    if (!device || !frame || !Buffer.isBuffer(frame.payload)) {
+        return;
+    }
+
+    const frameSeq = Number(frame.frameSeq);
+    const accessToken = safeString(frame.accessToken, 128);
+    if (!Number.isFinite(frameSeq) || !accessToken) {
+        return;
+    }
+
+    const kind = frameKind === 'thumbnail' ? 'thumbnail' : 'live';
+    const cache = getRecentFrameCache(device, kind);
+    if (!cache) {
+        return;
+    }
+
+    const nowMs = Date.now();
+    const normalizedSeq = Math.floor(frameSeq);
+    for (let index = cache.length - 1; index >= 0; index -= 1) {
+        const existing = cache[index]?.frame;
+        if (Number(existing?.frameSeq) === normalizedSeq
+            || safeString(existing?.accessToken, 128) === accessToken) {
+            cache.splice(index, 1);
+        }
+    }
+
+    cache.unshift({
+        frame,
+        byteLength: frame.payload.length,
+        cachedAt: nowMs,
+        expiresAt: nowMs + RECENT_FRAME_CACHE_TTL_MS
+    });
+    pruneRecentFrameCache(cache, kind, nowMs);
+}
+
+function isFramePayloadRequestMatch(frame, options = {}) {
+    if (!frame || !Buffer.isBuffer(frame.payload)) {
+        return false;
+    }
+
+    const requestedSeq = Number(options.frameSeq);
+    if (Number.isFinite(requestedSeq) && Math.floor(requestedSeq) !== Number(frame.frameSeq)) {
+        return false;
+    }
+
+    const token = safeString(options.token, 128);
+    if (token && !timingSafeStringEqual(token, frame.accessToken)) {
+        return false;
+    }
+
+    if (options.requireToken === true && !token) {
+        return false;
+    }
+
+    return true;
+}
+
+function findRecentFramePayload(device, frameKind, options = {}) {
+    const kind = frameKind === 'thumbnail' ? 'thumbnail' : 'live';
+    const latest = kind === 'thumbnail'
+        ? device?.latestThumbnail
+        : device?.latestLiveFrame;
+    if (isFramePayloadRequestMatch(latest, options)) {
+        return latest;
+    }
+
+    const token = safeString(options.token, 128);
+    const requestedSeq = Number(options.frameSeq);
+    if (!token && !Number.isFinite(requestedSeq)) {
+        return null;
+    }
+
+    const cache = getRecentFrameCache(device, kind);
+    if (!cache) {
+        return null;
+    }
+
+    pruneRecentFrameCache(cache, kind);
+    const entry = cache.find(item => isFramePayloadRequestMatch(item?.frame, options));
+    return entry?.frame || null;
+}
+
 function serializeDevice(device, options = {}) {
     if (!device) {
         return null;
@@ -809,6 +961,7 @@ export function createRemoteHub(options = {}) {
         delete frame.mode;
         delete frame.fps;
         device.latestThumbnail = frame;
+        rememberRecentFramePayload(device, 'thumbnail', frame);
         device.lastSeenAt = frame.receivedAt;
         device.counters.thumbnailFramesReceived += 1;
         emitRemoteEvent('RemoteFrameReceived', device, {
@@ -831,6 +984,7 @@ export function createRemoteHub(options = {}) {
             fps: options.fps || device.activeLiveStream.fps
         });
         device.latestLiveFrame = frame;
+        rememberRecentFramePayload(device, 'live', frame);
         device.activeLiveStream.lastFrameAt = frame.receivedAt;
         device.activeLiveStream.lastFrameSeq = frame.frameSeq;
         device.activeLiveStream.framesReceived = (device.activeLiveStream.framesReceived || 0) + 1;
@@ -968,6 +1122,10 @@ export function createRemoteHub(options = {}) {
                 },
                 latestThumbnail: null,
                 latestLiveFrame: null,
+                recentFramePayloads: {
+                    thumbnail: [],
+                    live: []
+                },
                 activeLiveStream: null,
                 latestTask,
                 recentTasks: latestTask ? [latestTask] : [],
@@ -992,6 +1150,7 @@ export function createRemoteHub(options = {}) {
                 frame.receivedAt = seenAt;
                 frame.capturedAt = seenAt;
                 device.latestThumbnail = frame;
+                rememberRecentFramePayload(device, 'thumbnail', frame);
                 device.counters.thumbnailFramesReceived = 1;
             }
 
@@ -1074,6 +1233,10 @@ export function createRemoteHub(options = {}) {
             status: {},
             latestThumbnail: null,
             latestLiveFrame: null,
+            recentFramePayloads: {
+                thumbnail: [],
+                live: []
+            },
             activeLiveStream: null,
             latestTask: null,
             recentTasks: [],
@@ -1545,6 +1708,7 @@ export function createRemoteHub(options = {}) {
             payload,
             accessToken: createFrameAccessToken()
         };
+        rememberRecentFramePayload(device, 'thumbnail', device.latestThumbnail);
         device.counters.thumbnailFramesReceived += 1;
         emitRemoteEvent('RemoteFrameReceived', device, {
             streamId: device.latestThumbnail.streamId,
@@ -1615,6 +1779,7 @@ export function createRemoteHub(options = {}) {
             payload,
             accessToken: createFrameAccessToken()
         };
+        rememberRecentFramePayload(device, 'live', device.latestLiveFrame);
         device.activeLiveStream.lastFrameAt = device.lastSeenAt;
         device.activeLiveStream.lastFrameSeq = frameSeq;
         device.activeLiveStream.framesReceived = (device.activeLiveStream.framesReceived || 0) + 1;
@@ -2376,29 +2541,18 @@ export function createRemoteHub(options = {}) {
 
     function getFramePayload(deviceId, frameKind, options = {}) {
         const device = devices.get(String(deviceId || ''));
-        const frame = frameKind === 'thumbnail'
-            ? device?.latestThumbnail
-            : device?.latestLiveFrame;
-        if (!frame || !Buffer.isBuffer(frame.payload)) {
-            return null;
-        }
-
-        const requestedSeq = Number(options.frameSeq);
-        if (Number.isFinite(requestedSeq) && Math.floor(requestedSeq) !== frame.frameSeq) {
-            return null;
-        }
-
-        const token = safeString(options.token, 128);
-        if (token && !timingSafeStringEqual(token, frame.accessToken)) {
+        if (!device) {
             return null;
         }
 
-        if (options.requireToken === true && !token) {
+        const kind = frameKind === 'thumbnail' ? 'thumbnail' : 'live';
+        const frame = findRecentFramePayload(device, kind, options);
+        if (!frame) {
             return null;
         }
 
         return {
-            frame: serializeRemoteFrame(frame, device.deviceId, frameKind, { includeDataUrl: false }),
+            frame: serializeRemoteFrame(frame, device.deviceId, kind, { includeDataUrl: false }),
             payload: frame.payload,
             mimeType: safeString(frame.mimeType || frame.format || 'application/octet-stream', 120) || 'application/octet-stream',
             byteLength: frame.payload.length

package/scripts/remote-hub-smoke.mjs

@@ -143,6 +143,8 @@ try {
     });
     assert.equal(thumbnailDevice.latestThumbnail.streamId, 'smoke-thumb');
     assert.equal(thumbnailDevice.counters.thumbnailFramesReceived, 1);
+    const serializedFirstThumbnail = hub.getDeviceThumbnail('smoke-device', { includeDataUrl: false });
+    const serializedFirstThumbnailUrl = new URL(serializedFirstThumbnail.framePath, 'http://127.0.0.1');
 
     const binaryThumbnailCommand = hub.requestThumbnail('smoke-device', {
         streamId: 'smoke-thumb-binary',
@@ -190,6 +192,14 @@ try {
     assert.equal(thumbnailPayload?.mimeType, 'image/png');
     assert.equal(thumbnailPayload?.byteLength, smokePngFrame.length);
     assert.equal(Buffer.compare(thumbnailPayload.payload, smokePngFrame), 0);
+    const retainedThumbnailPayload = hub.getFramePayload('smoke-device', 'thumbnail', {
+        token: serializedFirstThumbnailUrl.searchParams.get('token'),
+        frameSeq: serializedFirstThumbnailUrl.searchParams.get('seq'),
+        requireToken: true
+    });
+    assert.equal(retainedThumbnailPayload?.frame?.frameSeq, 1);
+    assert.equal(retainedThumbnailPayload?.byteLength, smokePngFrame.length);
+    assert.equal(Buffer.compare(retainedThumbnailPayload.payload, smokePngFrame), 0);
     assert.equal(hub.getFramePayload('smoke-device', 'thumbnail', {
         token: 'wrong-token',
         frameSeq: 4,
@@ -225,6 +235,8 @@ try {
     assert.equal(liveDevice.activeLiveStream.active, true);
     assert.equal(liveDevice.latestLiveFrame.mode, 'remote-fast');
     assert.equal(liveDevice.counters.liveFramesReceived, 1);
+    const serializedFirstLiveFrame = hub.getDeviceLiveFrame('smoke-device', { includeDataUrl: false });
+    const serializedFirstLiveUrl = new URL(serializedFirstLiveFrame.framePath, 'http://127.0.0.1');
 
     writeBinaryFrame(socket, {
         frameKind: 'stream',
@@ -267,6 +279,14 @@ try {
     assert.equal(livePayload?.mimeType, 'image/png');
     assert.equal(livePayload?.byteLength, smokePngFrame.length);
     assert.equal(Buffer.compare(livePayload.payload, smokePngFrame), 0);
+    const retainedLivePayload = hub.getFramePayload('smoke-device', 'live', {
+        token: serializedFirstLiveUrl.searchParams.get('token'),
+        frameSeq: serializedFirstLiveUrl.searchParams.get('seq'),
+        requireToken: true
+    });
+    assert.equal(retainedLivePayload?.frame?.frameSeq, 2);
+    assert.equal(retainedLivePayload?.byteLength, smokePngFrame.length);
+    assert.equal(Buffer.compare(retainedLivePayload.payload, smokePngFrame), 0);
     assert.equal(hub.getFramePayload('smoke-device', 'live', {
         token: serializedLiveUrl.searchParams.get('token'),
         frameSeq: 4,

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-live-csv-overlay-v566';
+const MINDMAP_CORE_BUILD_ID = '20260616-mdm-simple-monitor-border-v567';
     const CanvasPhase = Object.freeze({
         Booting: 'booting',
         BoardFileLoading: 'board-file-loading',

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

@@ -13336,9 +13336,9 @@
                 min-height: ${metrics.emptyMinHeight}px;
                 box-sizing: border-box;
                 border-radius: 8px;
-                border: 1px solid rgba(203, 213, 225, 0.72);
+                border: 1px solid rgba(203, 213, 225, 0.66);
                 background: #ffffff;
-                box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.96), 0 8px 18px rgba(15, 23, 42, 0.04);
+                box-shadow: none;
             `;
             shell.appendChild(screen);
         }
@@ -16084,7 +16084,8 @@
                 overflow: hidden;
                 border-radius: ${isDetail ? '8px' : '6px'};
                 background: ${(hasLiveFrame || hasThumbnail) ? 'linear-gradient(135deg, #0f172a 0%, #1e293b 100%)' : '#ffffff'};
-                border: 1px solid rgba(15, 23, 42, ${isDetail ? '0.16' : '0.10'});
+                border: 1px solid rgba(148, 163, 184, ${isDetail ? '0.34' : '0.24'});
+                box-shadow: none;
             `;
 
             if (hasLiveFrame || hasThumbnail) {
@@ -16254,16 +16255,22 @@
                     aspect-ratio: 16 / 9;
                     box-sizing: border-box;
                     overflow: hidden;
-                    padding: 2px;
+                    padding: 0;
                     border-radius: 8px;
-                    background: #ffffff;
-                    border: 1px solid ${connectedDevice ? 'rgba(16, 185, 129, 0.28)' : 'rgba(148, 163, 184, 0.22)'};
-                    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.05);
+                    background: transparent;
+                    border: 0;
+                    box-shadow: none;
+                    outline: 0;
                     cursor: pointer;
                     pointer-events: auto;
                     user-select: none;
                 `;
-                card.appendChild(createDevicePreview(device, 'tile'));
+                const preview = createDevicePreview(device, 'tile');
+                if (isSelected) {
+                    preview.style.borderColor = 'rgba(37, 99, 235, 0.86)';
+                    preview.style.boxShadow = '0 0 0 1px rgba(37, 99, 235, 0.20)';
+                }
+                card.appendChild(preview);
                 grid.appendChild(card);
             });
 

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-live-csv-overlay-v566" />
-    <link rel="stylesheet" href="_content/MindExecution.Shared/css/mind-map-overrides.css?v=20260616-live-csv-overlay-v566" />
+    <link rel="stylesheet" href="_content/MindExecution.Shared/css/app.css?v=20260616-mdm-simple-monitor-border-v567" />
+    <link rel="stylesheet" href="_content/MindExecution.Shared/css/mind-map-overrides.css?v=20260616-mdm-simple-monitor-border-v567" />
     <!-- ?쇄뼹??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-live-csv-overlay-v566';
+        const scriptVersion = '20260616-mdm-simple-monitor-border-v567';
             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":  "4Z/beLB1",
+    "version":  "lm4IaYy/",
     "assets":  [
                    {
                        "hash":  "sha256-+CSYMcqLNTsq3VnH11jgYyOCCdxvHzL74CBmo4sCmMU=",
@@ -78,7 +78,7 @@
                        "url":  "_content/MindExecution.Shared/js/marked.min.js"
                    },
                    {
-                       "hash":  "sha256-7liM89dPcSTRsRDjW34NcN4nympUF2BXewfpgyA6P0c=",
+                       "hash":  "sha256-xoC/V6bym09C2/PSsXrMNa7JA6xWQTFq5RNRA+nojVs=",
                        "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-/afOejfgIcOoUzPkYMaApwHu/giAM6sAskPi5O2HaiQ=",
+                       "hash":  "sha256-3PsDD8j+YZE2SU7MQscT9DHl+zbP9r2NCCW6p8DzvOA=",
                        "url":  "_content/MindExecution.Shared/js/mind-map-css3d-manager.js"
                    },
                    {
@@ -834,7 +834,7 @@
                        "url":  "image-manifest.json"
                    },
                    {
-                       "hash":  "sha256-9bEQ4UJDWO+QrReSgUser1zhLacqGTPSLgMZQZxRCyM=",
+                       "hash":  "sha256-dsplZ/RaSr9+idAqCQA85yTQKyHFVw9MkMndOJpXrAQ=",
                        "url":  "index.html"
                    },
                    {

package/wwwroot/service-worker.js

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