@mindexec/cli 0.2.146 → 0.2.147

package/package.json

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

package/scripts/remote-fleet-render-smoke.mjs

@@ -923,7 +923,13 @@ try {
     assert.equal(bodyView.querySelectorAll('[data-remote-fleet-action="task-device"]').length, 0);
     assert.equal(bodyView.querySelectorAll('[data-remote-fleet-action="thumbnail-device"]').length, 0);
     assert.equal(bodyView.querySelectorAll('[data-remote-fleet-frame-badge="true"]').length, 0);
-    assert.ok(cards[0]?.querySelector('[data-remote-fleet-device-preview="tile"]'));
+    const firstPreview = cards[0]?.querySelector('[data-remote-fleet-device-preview="tile"]');
+    assert.ok(firstPreview);
+    assert.match(cards[0]?.style.cssText || '', /border-radius:\s*0/);
+    assert.match(firstPreview.style.cssText, /border-radius:\s*0/);
+    assert.match(cards[0]?.title || '', /Status:\s*(Connected|Offline)/);
+    assert.match(cards[0]?.title || '', /Seen:/);
+    assert.match(cards[0]?.title || '', /Uptime:/);
     assert.equal(/\b(Seen|Uptime|Mem|Load)\b/.test(cards[0]?.textContent || ''), false);
     assert.match(deviceGrid.style.cssText, /minmax\(132px,\s*1fr\)/);
     sizeControls.querySelector('[data-remote-fleet-action="monitor-size-up"]').dispatchEvent({ type: 'click' });
@@ -1274,6 +1280,7 @@ try {
     const emptyScreens = emptyBody.querySelectorAll('[data-remote-fleet-empty-screen="true"]');
     assert.ok(emptyScreens.length >= 24, `expected empty monitor to fill space, got ${emptyScreens.length}`);
     assert.notEqual(emptyScreens.length, 6);
+    assert.match(emptyScreens[0].style.cssText, /border-radius:\s*0/);
     assert.ok(Array.from(emptyBody.children).map(child =>
         Object.keys(child.dataset || {}).join(',') || child.tagName).join('|').endsWith('remoteFleetStatusRail'));
     assert.equal(emptyBody.textContent.includes('No devices connected yet.'), false);
@@ -1281,6 +1288,24 @@ try {
     assert.equal(emptyBody.textContent.includes('No screen'), false);
     assert.equal(emptyBody.textContent.includes('Endpoint 127.0.0.1'), false);
 
+    const oneDevice = devices.find(device => device.Connected === true);
+    assert.ok(oneDevice);
+    const { nodeShell: oneShell, bodyView: oneBody } = createRemoteFleetTemplateShell(document);
+    document.body.appendChild(oneShell);
+    manager.renderRemoteFleetMonitorForTest(oneBody, buildMonitorNode([oneDevice], hub.getStatus({ includeSecrets: true })));
+    const oneCards = oneBody.querySelectorAll('article[data-device-id]');
+    assert.equal(oneCards.length, 1);
+    const onePreview = oneCards[0]?.querySelector('[data-remote-fleet-device-preview="tile"]');
+    assert.ok(onePreview);
+    assert.match(oneCards[0]?.style.cssText || '', /border-radius:\s*0/);
+    assert.match(onePreview.style.cssText, /border-radius:\s*0/);
+    assert.match(oneCards[0]?.title || '', /Status:\s*Connected/);
+    assert.match(oneCards[0]?.title || '', /Seen:/);
+    assert.match(oneCards[0]?.title || '', /Uptime:/);
+    const oneFillers = oneBody.querySelectorAll('[data-remote-fleet-empty-screen="true"]');
+    assert.ok(oneFillers.length > 0, 'single connected monitor wall should keep blank screen placeholders');
+    assert.match(oneFillers[0].style.cssText, /border-radius:\s*0/);
+
     const { nodeShell: errorShell, bodyView: errorBody } = createRemoteFleetTemplateShell(document);
     document.body.appendChild(errorShell);
     manager.renderRemoteFleetMonitorForTest(errorBody, buildMonitorNode([], hub.getStatus({ includeSecrets: true }), null, [], 'RemoteHub is unavailable. Start LocalBridge and retry.'));
@@ -1305,6 +1330,7 @@ try {
 
     nodeShell.remove();
     emptyShell.remove();
+    oneShell.remove();
     errorShell.remove();
     deviceBody.remove();
     await wait(2200);

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

@@ -13374,6 +13374,33 @@
         return Math.max(12, Math.min(80, columns * rows));
     }
 
+    function createRemoteFleetEmptyScreenElement(metrics) {
+        const screen = document.createElement('div');
+        screen.dataset.remoteFleetEmptyScreen = 'true';
+        screen.style.cssText = `
+            width: 100%;
+            height: auto;
+            aspect-ratio: 16 / 9;
+            min-height: ${metrics.emptyMinHeight}px;
+            box-sizing: border-box;
+            border-radius: 0;
+            border: 1px solid rgba(203, 213, 225, 0.66);
+            background: #ffffff;
+            box-shadow: none;
+        `;
+        return screen;
+    }
+
+    function appendRemoteFleetEmptyScreens(container, nodeModel, sizeState = 'cards', occupiedScreens = 0) {
+        const metrics = getRemoteFleetTileMetrics(sizeState);
+        const targetScreenCount = getRemoteFleetEmptyScreenCount(nodeModel, sizeState);
+        const screenCount = Math.max(0, targetScreenCount - Math.max(0, Number(occupiedScreens) || 0));
+        for (let index = 0; index < screenCount; index += 1) {
+            container.appendChild(createRemoteFleetEmptyScreenElement(metrics));
+        }
+        return screenCount;
+    }
+
     function createRemoteFleetEmptyScreens(nodeModel, sizeState = 'cards') {
         const metrics = getRemoteFleetTileMetrics(sizeState);
         const shell = document.createElement('section');
@@ -13399,23 +13426,7 @@
             padding: 2px 4px 6px 4px;
         `;
 
-        const screenCount = getRemoteFleetEmptyScreenCount(nodeModel, sizeState);
-        for (let index = 0; index < screenCount; index += 1) {
-            const screen = document.createElement('div');
-            screen.dataset.remoteFleetEmptyScreen = 'true';
-            screen.style.cssText = `
-                width: 100%;
-                height: auto;
-                aspect-ratio: 16 / 9;
-                min-height: ${metrics.emptyMinHeight}px;
-                box-sizing: border-box;
-                border-radius: 8px;
-                border: 1px solid rgba(203, 213, 225, 0.66);
-                background: #ffffff;
-                box-shadow: none;
-            `;
-            shell.appendChild(screen);
-        }
+        appendRemoteFleetEmptyScreens(shell, nodeModel, sizeState, 0);
 
         return shell;
     }
@@ -14320,6 +14331,54 @@
             || 'device');
     }
 
+    function getRemoteFleetDeviceTooltip(device) {
+        const name = getRemoteFleetDeviceName(device);
+        const deviceId = getRemoteFleetDeviceId(device);
+        const hostname = String(getRemoteFleetDeviceField(device, 'hostname', 'Hostname', '') || '').trim();
+        const connected = isRemoteFleetDeviceConnected(device);
+        const platform = [
+            getRemoteFleetDeviceField(device, 'platform', 'Platform', ''),
+            getRemoteFleetDeviceField(device, 'release', 'Release', ''),
+            getRemoteFleetDeviceField(device, 'arch', 'Arch', '')
+        ].map(value => String(value || '').trim()).filter(Boolean).join(' ');
+        const agentVersion = String(getRemoteFleetDeviceField(device, 'agentVersion', 'AgentVersion', '') || '').trim();
+        const remoteAddress = String(getRemoteFleetDeviceField(device, 'remoteAddress', 'RemoteAddress', '') || '').trim();
+        const remotePort = Number(getRemoteFleetDeviceField(device, 'remotePort', 'RemotePort', 0)) || 0;
+        const remoteEndpoint = remoteAddress ? `${remoteAddress}${remotePort > 0 ? `:${remotePort}` : ''}` : '';
+        const liveSeq = getRemoteFleetFrameSeq(device, 'live');
+        const thumbnailSeq = getRemoteFleetFrameSeq(device, 'thumbnail');
+        const liveReceivedAt = String(getRemoteFleetDeviceField(device, 'liveFrameReceivedAt', 'LiveFrameReceivedAt', '') || '').trim();
+        const thumbnailReceivedAt = String(getRemoteFleetDeviceField(device, 'thumbnailReceivedAt', 'ThumbnailReceivedAt', '') || '').trim();
+        const latestTaskStatus = String(getRemoteFleetDeviceField(device, 'latestTaskStatus', 'LatestTaskStatus', '') || '').trim();
+        const latestTaskTitle = String(getRemoteFleetDeviceField(device, 'latestTaskTitle', 'LatestTaskTitle', '') || '').trim();
+        const latestTaskError = String(getRemoteFleetDeviceField(device, 'latestTaskError', 'LatestTaskError', '') || '').trim();
+        const capabilityText = [
+            isRemoteFleetLiveCapable(device) ? 'live' : '',
+            isRemoteFleetThumbnailCapable(device) ? 'thumbnail' : '',
+            isRemoteFleetDeviceTaskCapable(device) ? 'task' : '',
+            isRemoteFleetDeviceAiCapable(device) ? 'ai' : ''
+        ].filter(Boolean).join(', ');
+
+        return [
+            name,
+            deviceId ? `ID: ${deviceId}` : '',
+            hostname && hostname !== name ? `Host: ${hostname}` : '',
+            `Status: ${connected ? 'Connected' : 'Offline'}`,
+            platform ? `OS: ${platform}` : '',
+            agentVersion ? `Agent: ${agentVersion}` : '',
+            remoteEndpoint ? `Remote: ${remoteEndpoint}` : '',
+            `Seen: ${formatRemoteFleetAge(getRemoteFleetDeviceField(device, 'lastSeenAt', 'LastSeenAt', ''))}`,
+            `Uptime: ${formatRemoteFleetDuration(getRemoteFleetDeviceField(device, 'uptimeSec', 'UptimeSec', Number.NaN))}`,
+            `Memory: ${formatRemoteFleetPercent(getRemoteFleetDeviceField(device, 'usedMemRatio', 'UsedMemRatio', Number.NaN))}`,
+            `Load: ${formatRemoteFleetNumber(getRemoteFleetDeviceField(device, 'load1', 'Load1', Number.NaN), 2)}`,
+            liveSeq > 0 ? `Live frame: #${liveSeq}${liveReceivedAt ? ` (${formatRemoteFleetAge(liveReceivedAt)})` : ''}` : '',
+            thumbnailSeq > 0 ? `Thumbnail: #${thumbnailSeq}${thumbnailReceivedAt ? ` (${formatRemoteFleetAge(thumbnailReceivedAt)})` : ''}` : '',
+            capabilityText ? `Capabilities: ${capabilityText}` : '',
+            latestTaskStatus ? `Task: ${latestTaskStatus}${latestTaskTitle ? ` - ${latestTaskTitle}` : ''}` : '',
+            latestTaskError ? `Task error: ${formatRemoteFleetTaskError(latestTaskError)}` : ''
+        ].filter(Boolean).join('\n');
+    }
+
     function isRemoteFleetDeviceConnected(device) {
         return getRemoteFleetDeviceField(device, 'connected', 'Connected', false) === true;
     }
@@ -17269,12 +17328,13 @@
             preview.dataset.remoteFleetFrameSeq = String(hasLiveFrame
                 ? getRemoteFleetDeviceField(device, 'liveFrameSeq', 'LiveFrameSeq', 0)
                 : getRemoteFleetDeviceField(device, 'thumbnailFrameSeq', 'ThumbnailFrameSeq', 0));
+            preview.title = getRemoteFleetDeviceTooltip(device);
             preview.style.cssText = `
                 position: relative;
                 width: 100%;
                 aspect-ratio: 16 / 9;
                 overflow: hidden;
-                border-radius: ${isDetail ? '8px' : '6px'};
+                border-radius: 0;
                 background: ${(hasLiveFrame || hasThumbnail) ? 'linear-gradient(135deg, #0f172a 0%, #1e293b 100%)' : '#ffffff'};
                 border: 1px solid rgba(148, 163, 184, ${isDetail ? '0.34' : '0.24'});
                 box-shadow: none;
@@ -17435,7 +17495,7 @@
                 card.setAttribute('aria-pressed', isSelected ? 'true' : 'false');
                 card.setAttribute('aria-label', `Open remote control for ${name}`);
                 card.tabIndex = 0;
-                card.title = name;
+                card.title = getRemoteFleetDeviceTooltip(device);
                 card.style.cssText = `
                     position: relative;
                     display: flex;
@@ -17448,7 +17508,7 @@
                     box-sizing: border-box;
                     overflow: hidden;
                     padding: 0;
-                    border-radius: 8px;
+                    border-radius: 0;
                     background: transparent;
                     border: 0;
                     box-shadow: none;
@@ -17466,6 +17526,8 @@
                 grid.appendChild(card);
             });
 
+            appendRemoteFleetEmptyScreens(grid, nodeModel, densityState, devices.length);
+
             const noMatch = document.createElement('div');
             noMatch.dataset.remoteFleetNoMatch = 'true';
             noMatch.textContent = 'No matching devices.';

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=20260617-mdm-overlay-live-v581" />
-    <link rel="stylesheet" href="_content/MindExecution.Shared/css/mind-map-overrides.css?v=20260617-mdm-overlay-live-v581" />
+    <link rel="stylesheet" href="_content/MindExecution.Shared/css/app.css?v=20260617-mdm-monitor-wall-v582" />
+    <link rel="stylesheet" href="_content/MindExecution.Shared/css/mind-map-overrides.css?v=20260617-mdm-monitor-wall-v582" />
     <!-- ?쇄뼹??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 = '20260617-mdm-overlay-live-v581';
+        const scriptVersion = '20260617-mdm-monitor-wall-v582';
             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":  "oR91p21X",
+    "version":  "7b1rjf6s",
     "assets":  [
                    {
                        "hash":  "sha256-+CSYMcqLNTsq3VnH11jgYyOCCdxvHzL74CBmo4sCmMU=",
@@ -86,7 +86,7 @@
                        "url":  "_content/MindExecution.Shared/js/mind-map-core.js.backup"
                    },
                    {
-                       "hash":  "sha256-+Y65YIk5GcFioFxM72xcAvkC2+vdx+B90L2qlalXrhw=",
+                       "hash":  "sha256-N0yX4cRkRJsZGixBtFAt5IkDeSMDDcKAmNtERmwuC+0=",
                        "url":  "_content/MindExecution.Shared/js/mind-map-css3d-manager.js"
                    },
                    {
@@ -834,7 +834,7 @@
                        "url":  "image-manifest.json"
                    },
                    {
-                       "hash":  "sha256-6kgfFKKW8vB1esatu6Iq0af4n6evMTxQfK5SCVpyq5k=",
+                       "hash":  "sha256-OtihK34SGInpkBV5g69QHYb9Mt/yUTsekpGz4Jl29L0=",
                        "url":  "index.html"
                    },
                    {

package/wwwroot/service-worker.js

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