@mindexec/cli 0.2.71 → 0.2.73

package/package.json

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

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

@@ -714,11 +714,16 @@ try {
         Object.keys(child.dataset || {}).join(',') || child.tagName).join('|');
     assert.ok(bodyChildOrder.endsWith('remoteFleetStatusRail'), bodyChildOrder);
     assert.ok(statusFooter.style.cssText.includes('flex-direction: row'));
+    assert.ok(statusFooter.style.cssText.includes('justify-content: flex-end'));
     assert.match(statusFooter.style.cssText, /box-sizing:\s*border-box;/);
     assert.equal(statusFooter.querySelectorAll('[data-remote-fleet-status-item]').length, 5);
     assert.ok(statusFooter.querySelector('[data-remote-fleet-status-item="route"]'));
     const initialDetailPanel = bodyView.querySelector('[data-remote-fleet-detail-panel="true"]');
     assert.equal(initialDetailPanel?.dataset.deviceId, focusedDevice.DeviceId);
+    const initialSelectedCard = bodyView.querySelector(`article[data-device-id="${focusedDevice.DeviceId}"]`);
+    assert.equal(initialSelectedCard?.dataset.remoteFleetSelected, 'true');
+    assert.equal(initialSelectedCard?.getAttribute('aria-pressed'), 'true');
+    assert.ok(initialSelectedCard?.querySelector('[data-remote-fleet-selected-indicator="true"]'));
     assert.equal(bodyView.querySelectorAll('[data-remote-fleet-action="pin-device"]').length, 1);
     assert.equal(bodyView.querySelectorAll('[data-remote-fleet-action="task-device"]').length, 0);
     assert.equal(bodyView.querySelectorAll('[data-remote-fleet-action="thumbnail-device"]').length, focusedDevice.Connected && focusedDevice.ThumbnailEnabled ? 1 : 0);
@@ -755,6 +760,10 @@ try {
     alternateCard.dispatchEvent({ type: 'click' });
     assert.equal(bodyView.dataset.remoteFleetSelectedDeviceId, alternateDevice.DeviceId);
     assert.equal(bodyView.querySelector('[data-remote-fleet-detail-panel="true"]')?.dataset.deviceId, alternateDevice.DeviceId);
+    const selectedAfterClick = bodyView.querySelector(`article[data-device-id="${alternateDevice.DeviceId}"]`);
+    assert.equal(selectedAfterClick?.dataset.remoteFleetSelected, 'true');
+    assert.equal(selectedAfterClick?.getAttribute('aria-pressed'), 'true');
+    assert.ok(selectedAfterClick?.querySelector('[data-remote-fleet-selected-indicator="true"]'));
     const livePanel = bodyView.querySelector('[data-remote-fleet-live-panel="true"]');
     assert.equal(livePanel?.dataset.deviceId, focusedDevice.DeviceId);
     assert.equal(bodyView.querySelector('[data-remote-fleet-action="task-visible"]'), null);
@@ -784,17 +793,7 @@ try {
     assert.equal(bodyView.textContent.includes('Host: Active'), false);
     assert.equal(nodeShell.querySelector('[data-remote-fleet-host-indicator="true"]')?.dataset.remoteFleetHostActive, 'true');
     assert.equal(nodeShell.querySelector('[data-remote-fleet-action="set-host"]')?.textContent, 'Set Host');
-    const stopHostButton = nodeShell.querySelector('[data-remote-fleet-action="stop-host"]');
-    assert.ok(stopHostButton);
-    const stopHostStart = dotNetCalls.length;
-    stopHostButton.dispatchEvent({ type: 'click' });
-    await wait();
-    const stopHostCall = dotNetCalls
-        .slice(stopHostStart)
-        .find(call => call.methodName === 'SetRemoteFleetHostFromJs');
-    assert.ok(stopHostCall);
-    assert.equal(stopHostCall.args[0], 'remote-fleet-render-smoke');
-    assert.equal(stopHostCall.args[1], false);
+    assert.equal(nodeShell.querySelector('[data-remote-fleet-action="stop-host"]'), null);
     hub.setHostTarget({
         nodeId: 'remote-fleet-render-smoke',
         enabled: false

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

@@ -12513,7 +12513,7 @@
             display: flex;
             flex-direction: row;
             align-items: center;
-            justify-content: center;
+            justify-content: flex-end;
             gap: 6px;
             width: calc(100% - ${REMOTE_FLEET_CENTER_NUDGE_PX * 2}px);
             max-width: 100%;
@@ -12735,7 +12735,7 @@
         return button;
     }
 
-    function attachRemoteFleetTitleActions(bodyView, hostButton, stopHostButton, hostState) {
+    function attachRemoteFleetTitleActions(bodyView, hostButton, hostState) {
         const container = bodyView?.closest?.('.map-node-remote-fleet');
         const header = container?.querySelector?.('.template-card__header')
             || container?.querySelector?.('.map-node-memo__header')
@@ -12771,9 +12771,6 @@
 
         titleActions.appendChild(indicator);
         titleActions.appendChild(hostButton);
-        if (stopHostButton) {
-            titleActions.appendChild(stopHostButton);
-        }
 
         if (header) {
             header.style.gridTemplateColumns = header.classList?.contains?.('template-card__header')
@@ -15011,15 +15008,7 @@
         hostButton.style.borderColor = isHostingTarget ? 'rgba(37, 99, 235, 0.44)' : 'rgba(37, 99, 235, 0.32)';
         hostButton.style.background = isHostingTarget ? 'rgba(239, 246, 255, 0.98)' : '#ffffff';
         hostButton.style.color = '#1d4ed8';
-        let stopHostButton = null;
-        if (isHostingTarget) {
-            stopHostButton = createRemoteFleetButton('Stop', 'Stop using this monitor as the host target.', 'stop-host');
-            stopHostButton.style.height = '30px';
-            stopHostButton.style.borderColor = 'rgba(239, 68, 68, 0.30)';
-            stopHostButton.style.color = '#b91c1c';
-            stopHostButton.style.background = 'rgba(254, 242, 242, 0.94)';
-        }
-        attachRemoteFleetTitleActions(bodyView, hostButton, stopHostButton, hostTargetState);
+        attachRemoteFleetTitleActions(bodyView, hostButton, hostTargetState);
 
         const statusRail = createRemoteFleetStatusRail([
             {
@@ -15948,6 +15937,7 @@
                 card.dataset.remoteFleetSelected = isSelected ? 'true' : 'false';
                 card.dataset.remoteFleetAction = 'select-device';
                 card.setAttribute('role', 'button');
+                card.setAttribute('aria-pressed', isSelected ? 'true' : 'false');
                 card.setAttribute('aria-label', `Show details for ${name}`);
                 card.tabIndex = 0;
                 card.title = name;
@@ -15972,6 +15962,30 @@
                     user-select: none;
                 `;
                 card.appendChild(createDevicePreview(device, 'tile'));
+                if (isSelected) {
+                    const selectedIndicator = document.createElement('span');
+                    selectedIndicator.dataset.remoteFleetSelectedIndicator = 'true';
+                    selectedIndicator.innerHTML = '<i class="fa-solid fa-check" aria-hidden="true"></i>';
+                    selectedIndicator.title = 'Selected screen';
+                    selectedIndicator.style.cssText = `
+                        position: absolute;
+                        right: 6px;
+                        top: 6px;
+                        width: 18px;
+                        height: 18px;
+                        display: inline-flex;
+                        align-items: center;
+                        justify-content: center;
+                        border-radius: 999px;
+                        background: #2563eb;
+                        color: #ffffff;
+                        font-size: 9px;
+                        line-height: 1;
+                        box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.16), 0 8px 16px rgba(15, 23, 42, 0.16);
+                        pointer-events: none;
+                    `;
+                    card.appendChild(selectedIndicator);
+                }
                 grid.appendChild(card);
             });
 
@@ -16249,7 +16263,7 @@
                 control.addEventListener(eventName, event => event.stopPropagation());
             });
         });
-        [hostButton, stopHostButton].forEach(control => {
+        [hostButton].forEach(control => {
             if (!control) return;
             ['mousedown', 'mouseup', 'click', 'dblclick', 'keydown'].forEach(eventName => {
                 control.addEventListener(eventName, event => event.stopPropagation());
@@ -16359,7 +16373,7 @@
         const setRemoteFleetHostTarget = async (enabled, options = {}) => {
             const quiet = options?.quiet === true;
             const renew = options?.renew === true || quiet;
-            const activeButton = enabled ? hostButton : stopHostButton;
+            const activeButton = enabled ? hostButton : null;
             if (!quiet && activeButton) {
                 activeButton.disabled = true;
             }
@@ -16409,14 +16423,6 @@
             await setRemoteFleetHostTarget(true);
         });
 
-        if (stopHostButton) {
-            stopHostButton.addEventListener('click', async event => {
-                event.preventDefault();
-                event.stopPropagation();
-                await setRemoteFleetHostTarget(false);
-            });
-        }
-
         bodyView.querySelectorAll('[data-remote-fleet-action="pin-device"]').forEach(button => {
             button.addEventListener('click', async event => {
                 event.preventDefault();

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=20260614-mac-image-submit-v526" />
-    <link rel="stylesheet" href="_content/MindExecution.Shared/css/mind-map-overrides.css?v=20260614-mac-image-submit-v526" />
+    <link rel="stylesheet" href="_content/MindExecution.Shared/css/app.css?v=20260614-remote-monitor-no-stop-v528" />
+    <link rel="stylesheet" href="_content/MindExecution.Shared/css/mind-map-overrides.css?v=20260614-remote-monitor-no-stop-v528" />
     <!-- ?쇄뼹??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 = '20260614-mac-image-submit-v526';
+        const scriptVersion = '20260614-remote-monitor-no-stop-v528';
             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":  "IYLeanCN",
+    "version":  "d4LRzdfE",
     "assets":  [
                    {
                        "hash":  "sha256-+CSYMcqLNTsq3VnH11jgYyOCCdxvHzL74CBmo4sCmMU=",
@@ -86,7 +86,7 @@
                        "url":  "_content/MindExecution.Shared/js/mind-map-core.js.backup"
                    },
                    {
-                       "hash":  "sha256-zyFZF5acISTtKzhs2Y2vrhI/4eBB3lAKL6yiuYlV9dk=",
+                       "hash":  "sha256-DjKISYGUi+3HQOa9MQJYjRG1GbKw9oubNALH0YjyDzU=",
                        "url":  "_content/MindExecution.Shared/js/mind-map-css3d-manager.js"
                    },
                    {
@@ -834,7 +834,7 @@
                        "url":  "image-manifest.json"
                    },
                    {
-                       "hash":  "sha256-WY0JvKPysCqV9AymKm71//d2P/rWFCwaznPq3w5H9RM=",
+                       "hash":  "sha256-0kYKq5leJEhEiWAGy8flD4R+Ip+L1HNwLTpiz9XKKbc=",
                        "url":  "index.html"
                    },
                    {

package/wwwroot/service-worker.js

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