@mindexec/cli 0.2.440 → 0.2.441

package/package.json

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

package/wwwroot/_content/MindExecution.Shared/css/mind-map-overrides.css

@@ -3697,6 +3697,55 @@ html body .css3d-resolution-wrapper:not(.lod-low).node-type-embed.selected-media
         0 0 0 1px rgba(var(--node-selection-glow-rgb-soft), 0.12) !important;
 }
 
+/* Selected video playback is an explicit compact action; native controls stay off. */
+.mind-map-video-playback-control {
+    position: absolute;
+    left: 50%;
+    bottom: 10px;
+    z-index: 8;
+    display: none;
+    align-items: center;
+    gap: 6px;
+    min-height: 28px;
+    padding: 5px 10px;
+    border: 1px solid rgba(255, 255, 255, 0.34);
+    border-radius: 999px;
+    background: rgba(15, 23, 42, 0.82);
+    color: #f8fafc;
+    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.24);
+    font: 600 12px/1 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+    letter-spacing: 0.01em;
+    pointer-events: auto;
+    cursor: pointer;
+    transform: translateX(-50%);
+    backdrop-filter: blur(8px);
+}
+
+.mind-map-video-playback-control__icon {
+    display: inline-flex;
+    min-width: 10px;
+    align-items: center;
+    justify-content: center;
+    font-size: 10px;
+}
+
+.css3d-resolution-wrapper.node-type-video.selected .mind-map-video-playback-control,
+.css3d-resolution-wrapper.node-type-video.selected-media-safe .mind-map-video-playback-control {
+    display: inline-flex;
+}
+
+.css3d-resolution-wrapper.node-type-video.lod-low:not(.selected):not(.selected-media-safe) .mind-map-video-playback-control {
+    display: none !important;
+}
+
+.mind-map-video-playback-control:hover,
+.mind-map-video-playback-control:focus-visible {
+    background: rgba(15, 23, 42, 0.94);
+    border-color: rgba(255, 255, 255, 0.62);
+    outline: 2px solid rgba(96, 165, 250, 0.85);
+    outline-offset: 2px;
+}
+
 html body .css3d-resolution-wrapper:not(.lod-low) > .map-node-bubble.selected,
 html body .css3d-resolution-wrapper:not(.lod-low) > .map-node-note.selected,
 html body .css3d-resolution-wrapper:not(.lod-low) > .map-node-note:focus-within,

package/wwwroot/_content/MindExecution.Shared/js/mind-map-core.js

@@ -7204,8 +7204,12 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
                     window.MindMapMenuManager.hideMenu();
                 }
                 _profileSection('menu');
-                if (isMultiSelectOverlayUiEnabled && window.MindMapMultiSelect && shouldDeferFloatingUiDuringMotion !== true) {
-                    window.MindMapMultiSelect.update();
+                if (isMultiSelectOverlayUiEnabled && window.MindMapMultiSelect) {
+                    if (shouldDeferFloatingUiDuringMotion === true) {
+                        window.MindMapMultiSelect.updateForCameraMotion?.();
+                    } else {
+                        window.MindMapMultiSelect.update();
+                    }
                 } else if (!isMultiSelectOverlayUiEnabled && window.MindMapMultiSelect?.hide) {
                     window.MindMapMultiSelect.hide();
                 }

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

@@ -2013,6 +2013,7 @@
         const preferredSource = getCss3dVideoDeferredSource(videoEl, nodeModel);
         if (videoEl.dataset) {
             videoEl.dataset.lodMediaSuspended = 'false';
+            videoEl.dataset.videoPositionRestorePending = preferredSource ? 'true' : 'false';
         }
         videoEl.preload = videoEl.dataset?.lodSuspendedPreload || 'metadata';
 
@@ -3223,7 +3224,6 @@
         const normalizedIntent = normalizeVideoNodePlaybackIntent(intent) || 'pause';
         if (nodeModel) {
             nodeModel._videoPlayIntent = normalizedIntent;
-            setNodeMetadataValue(nodeModel, VIDEO_PLAYBACK_INTENT_METADATA_KEY, normalizedIntent);
         }
         if (videoEl?.dataset) {
             videoEl.autoplay = normalizedIntent === 'play';
@@ -3233,6 +3233,7 @@
         if (options?.persist === true) {
             persistVideoNodePlaybackIntent(nodeModel, normalizedIntent);
         }
+        window.MindMapVideoPlaybackControls?.sync?.(videoEl, normalizedIntent);
         return normalizedIntent;
     }
 
@@ -3290,50 +3291,13 @@
     }
 
     function bindVideoPlaybackStateTracking(videoEl, nodeModel) {
-        if (!videoEl || !nodeModel) {
-            return;
-        }
-
-        const nodeId = getNodeId(nodeModel);
-        if (videoEl.dataset?.videoPlaybackStateBoundNodeId === nodeId) {
-            return;
-        }
-
-        if (videoEl.dataset) {
-            videoEl.dataset.videoPlaybackStateBoundNodeId = nodeId || '';
-        }
-
-        const rememberTimeOnly = () => {
-            const currentTime = Number(videoEl.currentTime || 0);
-            if (Number.isFinite(currentTime) && currentTime >= 0) {
-                nodeModel._videoPlaybackCurrentTime = currentTime;
-                if (videoEl.dataset) {
-                    videoEl.dataset.videoLastKnownTime = String(currentTime);
-                }
-            }
-        };
-
-        const markPlaying = () => {
-            rememberVideoNodeRuntimePlayback(nodeModel, videoEl, { forceIntent: true });
-            setVideoNodePlaybackIntent(nodeModel, videoEl, 'play');
-        };
-
-        const markPaused = () => {
-            rememberTimeOnly();
-            if (videoEl.dataset?.visibilityPaused === 'true' || videoEl.dataset?.videoResumePending === 'true') {
-                return;
-            }
-            setVideoNodePlaybackIntent(nodeModel, videoEl, 'pause');
-        };
-
-        videoEl.addEventListener('play', markPlaying, { passive: true });
-        videoEl.addEventListener('playing', markPlaying, { passive: true });
-        videoEl.addEventListener('pause', markPaused, { passive: true });
-        videoEl.addEventListener('timeupdate', rememberTimeOnly, { passive: true });
-        videoEl.addEventListener('seeking', rememberTimeOnly, { passive: true });
-        videoEl.addEventListener('loadedmetadata', () => {
-            restoreVideoNodeRuntimePlaybackPosition(nodeModel, videoEl);
-        }, { passive: true });
+        return window.MindMapVideoPlaybackControls?.bindState?.(videoEl, nodeModel, {
+            getNodeId,
+            getIntent: getVideoNodePlaybackIntent,
+            rememberRuntime: rememberVideoNodeRuntimePlayback,
+            restorePosition: restoreVideoNodeRuntimePlaybackPosition,
+            setIntent: setVideoNodePlaybackIntent
+        });
     }
 
     function ensureVideoNodePlaybackState(nodeModel, videoEl) {
@@ -4498,12 +4462,12 @@
             syncMediaLoadingRowForElement(mediaEl, nodeModel, contentTypeLower);
             mediaEl.dataset.assetRefreshAttempted = '';
             if (contentTypeLower === 'video') {
-                if (mediaEl.dataset?.lodMediaSuspended === 'true') {
-                    return;
-                }
-                const playPromise = mediaEl.play?.();
-                if (playPromise?.catch) {
-                    playPromise.catch(() => { });
+                restoreVideoNodeRuntimePlaybackPosition(nodeModel, mediaEl);
+                mediaEl.dataset.videoPositionRestorePending = 'false';
+                const entry = getNodeEntryById(getNodeId(nodeModel));
+                if (getVideoNodePlaybackIntent(nodeModel, mediaEl) === 'play' &&
+                    mediaEl.dataset?.userPaused !== 'true' && entry?.cssObject) {
+                    playVideoNodeForVisibility(nodeModel, entry.cssObject, mediaEl);
                 }
             }
         };
@@ -23678,6 +23642,10 @@
 
             responseDiv.appendChild(video);
             responseDiv.appendChild(canvasProxy);
+            window.MindMapVideoPlaybackControls?.mount?.(responseDiv, video, {
+                getIntent: () => getVideoNodePlaybackIntent(nodeModel, video),
+                onToggle: shouldPlay => setVideoNodePlayback(getNodeId(nodeModel), shouldPlay)
+            });
         } else if (contentTypeLower === 'embed') {
             responseDiv.className = 'node-response embed-content';
             responseDiv.style.cssText = `width: 100%; height: 100%; display: block; position: relative; pointer-events: auto; padding: 0 !important; margin: 0 !important; background: transparent; border: 0 !important; overflow: hidden; scrollbar-width: none;`;

package/wwwroot/_content/MindExecution.Shared/js/mind-map-multi-select.js

@@ -343,7 +343,7 @@
         return nodeEntry?.model?.contentType === 'image' ? nodeId : null;
     }
 
-    function updateSingleImageOverlay() {
+    function updateSingleImageOverlay(forceWorldProjection = false) {
         if (!_module || !singleImageOverlay || !_module.camera || !_module.container) return;
 
         const nodeId = getSingleSelectedImageNodeId();
@@ -360,7 +360,10 @@
             return;
         }
 
-        const screenRect = getNodeScreenRect(nodeEntry);
+        // Camera-only motion must stay on the projection fast path. Reading the
+        // CSS node rect here can force layout and may still reflect the previous
+        // CSS3D camera transform when this overlay is updated in the same frame.
+        const screenRect = forceWorldProjection ? null : getNodeScreenRect(nodeEntry);
         if (screenRect) {
             const screenWidth = Math.max(0, screenRect.right - screenRect.left);
             const screenHeight = Math.max(0, screenRect.bottom - screenRect.top);
@@ -1594,6 +1597,28 @@
         updateMultiSelectOverlay();
         updateSingleImageOverlay();
     }
+
+    // Camera-only fast path: currentBounds and node world frames are already
+    // canonical, so reproject only the fixed overlays. This deliberately avoids
+    // selected-node scans, DOM layout reads, menu work, and renderer rebuilds.
+    function updateForCameraMotion() {
+        if (!_module || !_module.camera || !_module.container) return false;
+
+        let updated = false;
+        if (multiSelectOverlay &&
+            multiSelectOverlay.style.display !== 'none' &&
+            currentBounds) {
+            updateOverlayPosition(null, true);
+            updated = true;
+        }
+
+        if (getSingleSelectedImageNodeId()) {
+            updateSingleImageOverlay(true);
+            updated = true;
+        }
+
+        return updated;
+    }
     // ▲▲▲ [Perf] ▲▲▲
 
     // ▼▼▼ [New] Dynamic menu button creation based on selection type ▼▼▼
@@ -1701,10 +1726,11 @@
 
     window.MindMapMultiSelect = {
         init,
-        showMultiSelectBounds,
-        hide,
-        update,
-        checkAndUpdateDisplay,
+        showMultiSelectBounds,
+        hide,
+        update,
+        updateForCameraMotion,
+        checkAndUpdateDisplay,
         getSelectedImageNodeIds,
         fitTextNodesToContentAndReflowY,
         isResizing: () => isResizing,

package/wwwroot/_content/MindExecution.Shared/js/mind-map-video-playback-controls.js

@@ -0,0 +1,95 @@
+// Selected video-node playback chrome. Runtime playback ownership stays in the CSS3D manager.
+(function () {
+    'use strict';
+
+    function sync(videoEl, intent) {
+        const control = videoEl?.closest?.('.video-content')?.querySelector?.('.mind-map-video-playback-control');
+        if (!control) return false;
+
+        const wantsPlayback = String(intent || '').toLowerCase() === 'play' &&
+            videoEl?.dataset?.userPaused !== 'true';
+        control.dataset.playbackIntent = wantsPlayback ? 'play' : 'pause';
+        control.setAttribute('aria-label', wantsPlayback ? 'Pause video' : 'Play video');
+        control.setAttribute('aria-pressed', wantsPlayback ? 'true' : 'false');
+        const icon = control.querySelector?.('.mind-map-video-playback-control__icon');
+        const status = control.querySelector?.('.mind-map-video-playback-control__status');
+        if (icon) icon.textContent = wantsPlayback ? '❚❚' : '▶';
+        if (status) status.textContent = wantsPlayback ? 'Playing' : 'Paused';
+        return true;
+    }
+
+    function mount(host, videoEl, options = {}) {
+        if (!host || !videoEl) return null;
+        const existing = host.querySelector?.('.mind-map-video-playback-control');
+        if (existing) return existing;
+
+        const control = document.createElement('button');
+        control.type = 'button';
+        control.className = 'mind-map-video-playback-control';
+        const icon = document.createElement('span');
+        icon.className = 'mind-map-video-playback-control__icon';
+        icon.setAttribute('aria-hidden', 'true');
+        const status = document.createElement('span');
+        status.className = 'mind-map-video-playback-control__status';
+        control.appendChild(icon);
+        control.appendChild(status);
+
+        const stopPointerOwnership = event => event.stopPropagation();
+        control.addEventListener('pointerdown', stopPointerOwnership);
+        control.addEventListener('mousedown', stopPointerOwnership);
+        control.addEventListener('dblclick', stopPointerOwnership);
+        control.addEventListener('click', event => {
+            event.preventDefault();
+            event.stopPropagation();
+            const shouldPlay = String(options.getIntent?.() || '').toLowerCase() !== 'play';
+            options.onToggle?.(shouldPlay);
+        });
+
+        host.appendChild(control);
+        sync(videoEl, options.getIntent?.());
+        return control;
+    }
+
+    function bindState(videoEl, nodeModel, operations = {}) {
+        if (!videoEl || !nodeModel) return false;
+        const nodeId = operations.getNodeId?.(nodeModel) || '';
+        if (videoEl.dataset?.videoPlaybackStateBoundNodeId === nodeId) return false;
+        if (videoEl.dataset) videoEl.dataset.videoPlaybackStateBoundNodeId = nodeId;
+
+        const rememberTimeOnly = () => {
+            if (videoEl.dataset?.lodMediaSuspended === 'true' ||
+                videoEl.dataset?.videoPositionRestorePending === 'true') return;
+            const currentTime = Number(videoEl.currentTime || 0);
+            if (!Number.isFinite(currentTime) || currentTime < 0) return;
+            nodeModel._videoPlaybackCurrentTime = currentTime;
+            if (videoEl.dataset) videoEl.dataset.videoLastKnownTime = String(currentTime);
+        };
+        const markPlaying = () => {
+            operations.rememberRuntime?.(nodeModel, videoEl, { forceIntent: true });
+            operations.setIntent?.(nodeModel, videoEl, 'play');
+        };
+        const markPaused = () => {
+            rememberTimeOnly();
+            if (videoEl.dataset?.visibilityPaused === 'true' ||
+                videoEl.dataset?.videoResumePending === 'true' ||
+                videoEl.dataset?.lodMediaSuspended === 'true') {
+                sync(videoEl, operations.getIntent?.(nodeModel, videoEl));
+                return;
+            }
+            operations.setIntent?.(nodeModel, videoEl, 'pause');
+        };
+
+        videoEl.addEventListener('play', markPlaying, { passive: true });
+        videoEl.addEventListener('playing', markPlaying, { passive: true });
+        videoEl.addEventListener('pause', markPaused, { passive: true });
+        videoEl.addEventListener('timeupdate', rememberTimeOnly, { passive: true });
+        videoEl.addEventListener('seeking', rememberTimeOnly, { passive: true });
+        videoEl.addEventListener('loadedmetadata', () => {
+            operations.restorePosition?.(nodeModel, videoEl);
+            if (videoEl.dataset) videoEl.dataset.videoPositionRestorePending = 'false';
+        }, { passive: true });
+        return true;
+    }
+
+    window.MindMapVideoPlaybackControls = { bindState, mount, sync };
+})();

package/wwwroot/index.html

@@ -579,7 +579,7 @@
             }
 
             const base = '_content/MindExecution.Shared/js/';
-            const scriptVersion = '20260713-ai-stream-edit-ownership-v934';
+            const scriptVersion = '20260713-selection-video-playback-v935';
             const scriptUrl = (script) => `${base}${script}?v=${scriptVersion}`;
             console.log(`[Script Loader] Shared JS version: ${scriptVersion}`);
             const criticalScripts = [
@@ -593,6 +593,7 @@
                 'texture-worker-manager.js',  // ??Web Worker ??좎럩?ゅ뜝???좎럩苑?
                 'mind-map-texture-factory.js',
                 'mind-map-glow-shader.js',  // ??SDF Glow (no textures, GPU only)
+                'mind-map-video-playback-controls.js',
                 'mind-map-css3d-manager.js',
                 'mind-map-object-manager.js',
                 'mind-map-pipeline.js',

package/wwwroot/service-worker-assets.js

@@ -1,5 +1,5 @@
 self.assetsManifest = {
-    "version":  "+woAgnNO",
+    "version":  "VUZJrplE",
     "assets":  [
                    {
                        "hash":  "sha256-+CSYMcqLNTsq3VnH11jgYyOCCdxvHzL74CBmo4sCmMU=",
@@ -42,7 +42,7 @@
                        "url":  "_content/MindExecution.Shared/css/app.css"
                    },
                    {
-                       "hash":  "sha256-4ZkJxfoTdJl937jfE4WfyEk/KLh/XxZ2y9bPWUdzpd8=",
+                       "hash":  "sha256-nGJWFhmmbUfPqx/4zncFwuiGLwqyJNR0Uet8NCG39fA=",
                        "url":  "_content/MindExecution.Shared/css/mind-map-overrides.css"
                    },
                    {
@@ -78,7 +78,7 @@
                        "url":  "_content/MindExecution.Shared/js/marked.min.js"
                    },
                    {
-                       "hash":  "sha256-bBRq3Vtbchai8bpYEoThsNN2ONQiy3ktOmgeKe0U6lI=",
+                       "hash":  "sha256-hxUthw2aeZKkPCvKaa1jYyAkNB4xLAOkRMq795teC0U=",
                        "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-dr+i09+KUFx+ddmSDqilzqJD0FDVye29n24Xz+YY1WU=",
+                       "hash":  "sha256-V3om7yYRGnEVFwXSaNqT+tzvnLAFzHpQN5+M0RahIxU=",
                        "url":  "_content/MindExecution.Shared/js/mind-map-css3d-manager.js"
                    },
                    {
@@ -126,7 +126,7 @@
                        "url":  "_content/MindExecution.Shared/js/mind-map-menu-manager.js"
                    },
                    {
-                       "hash":  "sha256-vGcZ0vzKIRaHgJBk3MMivnsyJ5WMrzCrhILNFDaIfX4=",
+                       "hash":  "sha256-wS7aOK89A/IvLSPLyxFOqkCcnPbqLgFl2Oc+bl8GLBU=",
                        "url":  "_content/MindExecution.Shared/js/mind-map-multi-select.js"
                    },
                    {
@@ -169,6 +169,10 @@
                        "hash":  "sha256-aPoxruQaOIkX+R/NXEtKYw5OBa0hRFmVaSw13NgF7mU=",
                        "url":  "_content/MindExecution.Shared/js/mind-map-texture-factory.js.backup"
                    },
+                   {
+                       "hash":  "sha256-rgRmzBpaC5Jv9JJH1ZaW7i4IRUthOfik8McRSyuXMHs=",
+                       "url":  "_content/MindExecution.Shared/js/mind-map-video-playback-controls.js"
+                   },
                    {
                        "hash":  "sha256-MuqzAuC7Wyo7GxkOtpclozmNB+Pu9wC4txMN4I+jM84=",
                        "url":  "_content/MindExecution.Shared/js/mind-map-visibility-worker.js"
@@ -830,7 +834,7 @@
                        "url":  "icon-512.png"
                    },
                    {
-                       "hash":  "sha256-x3feeu4dFQjGF+xdT9qMumctaRJpYoC1pplyiuUZyzU=",
+                       "hash":  "sha256-ofd66howCQblx2Uy6MHTwD8Hwb1zYJZ0E9NtIBUxi3o=",
                        "url":  "index.html"
                    },
                    {

package/wwwroot/service-worker.js

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