@mindexec/cli 0.2.446 → 0.2.448

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

@@ -44,7 +44,6 @@
     const NODE_VIEW_HOST_HYBRID = 'hybrid';
     const NODE_VIEW_RENDERER_VERSION = 'shared-node-view-v1';
     const CSS3D_ONLY_NODE_RENDERING = true;
-    const NATIVE_TEXT_SELECTION_CONTENT_SELECTORS = '.node-response, .code-body, .text-content, .markdown-body, .csv-table-scroll, .csv-table-cell, textarea, .map-node-memo__title, .map-node-memo__body, .map-node-memo__body-view, .map-node-memo__body-view *';
     const CSV_TABLE_MAX_RENDER_ROWS = 500;
     const CSV_TABLE_MAX_RENDER_COLUMNS = 80;
     const REMOTE_FLEET_DISPLAY_NAME = 'Multi Desktop Monitor';
@@ -827,6 +826,19 @@
                 cursor: grab;
             }
 
+            .css3d-resolution-wrapper:not(.is-text-selection-owner) .node-response,
+            .css3d-resolution-wrapper:not(.is-text-selection-owner) .code-body,
+            .css3d-resolution-wrapper:not(.is-text-selection-owner) .text-content,
+            .css3d-resolution-wrapper:not(.is-text-selection-owner) .markdown-body,
+            .css3d-resolution-wrapper:not(.is-text-selection-owner) .csv-table-scroll,
+            .css3d-resolution-wrapper:not(.is-text-selection-owner) textarea,
+            .css3d-resolution-wrapper:not(.is-text-selection-owner) .map-node-memo__title,
+            .css3d-resolution-wrapper:not(.is-text-selection-owner) .map-node-memo__body,
+            .css3d-resolution-wrapper:not(.is-text-selection-owner) .map-node-memo__body-view {
+                user-select: none !important;
+                -webkit-user-select: none !important;
+            }
+
             .css3d-resolution-wrapper.is-text-selection-owner .node-response,
             .css3d-resolution-wrapper.is-text-selection-owner .code-body,
             .css3d-resolution-wrapper.is-text-selection-owner .text-content,
@@ -4703,9 +4715,6 @@
     const TEXT_OVERLAY_MAX_CANDIDATES = 6;
     const TEXT_OVERLAY_MAX_VISIBLE = 2;
     const TEXT_OVERLAY_OVERLAP_PADDING = 10;
-    const TEXT_OVERLAY_SOURCE_SUSPENDED_CLASS = 'mind-map-text-overlay-source-suspended';
-    const TEXT_OVERLAY_SOURCE_SUSPENDED_ATTR = 'data-text-overlay-source-suspended';
-    const TEXT_OVERLAY_SOURCE_STYLE_STATE = new WeakMap();
     const EDIT_OVERLAY_SUPPORTED_TYPES = new Set(['memo', 'note']);
 
     function hexToRgb(hexColor) {
@@ -5019,388 +5028,45 @@
             || getTextOverlayHostElement(nodeEntry);
     }
 
-    function getTextOverlaySourceTargets(nodeEntry) {
-        if (!nodeEntry?.cssObject?.element || !supportsTextOverlay(nodeEntry.model)) {
-            return [];
-        }
-
-        if (getTextOverlayRenderMode(nodeEntry) === 'memo') {
-            const host = getTextOverlayHostElement(nodeEntry);
-            if (!host) {
-                return [];
-            }
-
-            return [
-                host.querySelector('.map-node-memo__title'),
-                host.querySelector('.map-node-memo__body-view')
-            ].filter(element =>
-                !!element && (element.style.display !== 'none' || element.offsetWidth > 0 || element.offsetHeight > 0));
-        }
-
-        const root = getTextOverlayRootElement(nodeEntry);
-        if (!root?.children?.length) {
-            return [];
-        }
-
-        return Array.from(root.children).filter(element =>
-            !!element
-            && !element.classList?.contains?.('resize-handle')
-            && (element.style.display !== 'none' || element.offsetWidth > 0 || element.offsetHeight > 0));
-    }
-
-    function ensureTextOverlaySourceStyleState(element) {
-        if (!element) {
-            return null;
-        }
-
-        let state = TEXT_OVERLAY_SOURCE_STYLE_STATE.get(element) || null;
-        if (!state) {
-            state = {
-                opacity: element.style.opacity,
-                pointerEvents: element.style.pointerEvents,
-                userSelect: element.style.userSelect,
-                webkitUserSelect: element.style.webkitUserSelect,
-                caretColor: element.style.caretColor,
-                contentVisibility: element.style.contentVisibility,
-                containIntrinsicSize: element.style.containIntrinsicSize,
-                contain: element.style.contain
-            };
-            TEXT_OVERLAY_SOURCE_STYLE_STATE.set(element, state);
-        }
-
-        return state;
-    }
-
-    function resetTextOverlaySourcePresentation(element) {
-        if (!element) {
-            return;
-        }
-
-        element.classList?.remove?.(TEXT_OVERLAY_SOURCE_SUSPENDED_CLASS);
-        element.removeAttribute?.(TEXT_OVERLAY_SOURCE_SUSPENDED_ATTR);
-        element.style.opacity = '';
-        element.style.pointerEvents = '';
-        element.style.userSelect = '';
-        element.style.webkitUserSelect = '';
-        element.style.caretColor = '';
-        element.style.contentVisibility = '';
-        element.style.containIntrinsicSize = '';
-        element.style.contain = '';
-    }
-
-    function suspendTextOverlaySourceTarget(element) {
-        if (!element) {
-            return;
-        }
-
-        ensureTextOverlaySourceStyleState(element);
-
-        const rect = element.getBoundingClientRect();
-        const width = Math.max(1, Math.round(Number(rect.width || element.offsetWidth || 1)));
-        const height = Math.max(1, Math.round(Number(rect.height || element.offsetHeight || 1)));
-
-        element.classList?.add?.(TEXT_OVERLAY_SOURCE_SUSPENDED_CLASS);
-        element.setAttribute?.(TEXT_OVERLAY_SOURCE_SUSPENDED_ATTR, 'true');
-        element.style.pointerEvents = 'none';
-        element.style.userSelect = 'none';
-        element.style.webkitUserSelect = 'none';
-        element.style.caretColor = 'transparent';
-        element.style.opacity = '0';
-        element.style.contain = 'layout style paint';
-        // Keep scroll metrics alive while the overlay clone is visible. If this
-        // becomes content-visibility:hidden, scrollHeight/clientHeight collapse
-        // and overlay scroll can no longer be mapped back to CSS3D accurately.
-        element.style.contentVisibility = 'visible';
-        element.style.containIntrinsicSize = '';
-    }
-
-    function restoreTextOverlaySourceTarget(element) {
-        if (!element) {
-            return;
-        }
-
-        const state = TEXT_OVERLAY_SOURCE_STYLE_STATE.get(element) || null;
-        if (!state) {
-            resetTextOverlaySourcePresentation(element);
-            return;
-        }
-
-        element.classList?.remove?.(TEXT_OVERLAY_SOURCE_SUSPENDED_CLASS);
-        element.removeAttribute?.(TEXT_OVERLAY_SOURCE_SUSPENDED_ATTR);
-        element.style.opacity = state.opacity;
-        element.style.pointerEvents = state.pointerEvents;
-        element.style.userSelect = state.userSelect;
-        element.style.webkitUserSelect = state.webkitUserSelect;
-        element.style.caretColor = state.caretColor;
-        element.style.contentVisibility = state.contentVisibility;
-        element.style.containIntrinsicSize = state.containIntrinsicSize;
-        element.style.contain = state.contain;
-        TEXT_OVERLAY_SOURCE_STYLE_STATE.delete(element);
-    }
-
-    function stripTextOverlayPresentationOverrides(root) {
-        if (!root) {
-            return;
-        }
-
-        const resetTarget = element => {
-            if (!element) {
-                return;
-            }
-
-            resetTextOverlaySourcePresentation(element);
-        };
-
-        if (root.hasAttribute?.(TEXT_OVERLAY_SOURCE_SUSPENDED_ATTR) || root.classList?.contains?.(TEXT_OVERLAY_SOURCE_SUSPENDED_CLASS)) {
-            resetTarget(root);
-        }
-        root.querySelectorAll?.(`[${TEXT_OVERLAY_SOURCE_SUSPENDED_ATTR}], .${TEXT_OVERLAY_SOURCE_SUSPENDED_CLASS}`)?.forEach?.(resetTarget);
-    }
-
-    function getNativeTextSelectionSourceNodeId(module) {
-        return String(module?._nativeTextSelectionSourceNodeId || '').trim();
-    }
-
-    function hasNativeTextSelectionSource(module, nodeId = null) {
-        const activeId = getNativeTextSelectionSourceNodeId(module);
-        if (!activeId) {
-            return false;
-        }
-
-        if (nodeId === null) {
-            return true;
-        }
-
-        return activeId === String(nodeId || '').trim();
-    }
-
-    function setNativeTextSelectionOwnerClass(module, nodeId = null) {
-        if (!module) return false;
-        const nextId = String(nodeId || '').trim();
-        const previousId = String(module._nativeTextSelectionOwnerNodeId || '').trim();
-        if (previousId === nextId) return true;
-
-        const getWrapper = id => {
-            const entry = id ? module.nodeObjectsById?.get?.(id) : null;
-            return entry?.cssObject?.element?.closest?.('.css3d-resolution-wrapper')
-                || entry?.cssObject?.element
-                || null;
-        };
-        const previousWrapper = getWrapper(previousId);
-        previousWrapper?.classList?.remove?.('is-text-selection-owner');
-        if (previousWrapper?.querySelectorAll) {
-            previousWrapper.querySelectorAll(NATIVE_TEXT_SELECTION_CONTENT_SELECTORS).forEach(element => {
-                element.style.userSelect = 'none';
-                element.style.webkitUserSelect = 'none';
-            });
-        }
-        const nextWrapper = getWrapper(nextId);
-        nextWrapper?.classList?.add?.('is-text-selection-owner');
-        if (nextWrapper?.querySelectorAll) {
-            nextWrapper.querySelectorAll(NATIVE_TEXT_SELECTION_CONTENT_SELECTORS).forEach(element => {
-                element.style.userSelect = 'text';
-                element.style.webkitUserSelect = 'text';
-            });
-        }
-        module._nativeTextSelectionOwnerNodeId = nextId || null;
-        return true;
-    }
-
-    function activateNativeTextSelectionSource(module, nodeId) {
-        const id = String(nodeId || '').trim();
-        if (!module || !id) {
-            return false;
-        }
-
-        module._nativeTextSelectionSourceNodeId = id;
-        setNativeTextSelectionOwnerClass(module, id);
-        ensureTextOverlaySourceVisible(module, id);
-        return true;
-    }
-
-    function clearNativeTextSelectionSource(module, nodeId = null) {
-        const activeId = getNativeTextSelectionSourceNodeId(module);
-        const requestedId = nodeId === null ? activeId : String(nodeId || '').trim();
-        if (!module || !activeId || !requestedId || activeId !== requestedId) {
-            return false;
-        }
-
-        module._nativeTextSelectionSourceNodeId = null;
-        setNativeTextSelectionOwnerClass(module, null);
-        return true;
-    }
-
-    function isTextOverlaySelectionNode(module, nodeEntry) {
-        const contentType = String(nodeEntry?.model?.contentType ?? nodeEntry?.model?.ContentType ?? '').toLowerCase();
-        if (contentType !== 'text' && contentType !== 'markdown') {
-            return false;
-        }
-
-        const nodeId = String(getNodeId(nodeEntry?.model) || '').trim();
-        return hasNativeTextSelectionSource(module, nodeId);
-    }
-
-    function setTextOverlaySourceActive(nodeEntry, isActive) {
-        if (isCss3dMediaNode(nodeEntry?.model)) {
-            restoreCss3dMediaOverlayState(nodeEntry.model, nodeEntry.cssObject);
-            nodeEntry._textOverlayActive = false; nodeEntry._css3dSourceSuspended = false;
-            return;
-        }
-
-        const host = getTextOverlayHostElement(nodeEntry);
-        if (!host?.classList) {
-            return;
-        }
-
-        host.classList.toggle('mind-map-text-overlay-active', !!isActive);
-        getTextOverlaySourceTargets(nodeEntry).forEach(target => {
-            if (isActive) {
-                suspendTextOverlaySourceTarget(target);
-            } else {
-                restoreTextOverlaySourceTarget(target);
-            }
-        });
-        nodeEntry._textOverlayActive = nodeEntry._css3dSourceSuspended = !!isActive;
-    }
-
-    function getTextOverlayPlacementInfo(module, element) {
-        if (!module?.container || !element) {
-            return null;
-        }
-
-        const rect = element.getBoundingClientRect();
-        const containerRect = module.container.getBoundingClientRect();
-        const width = Math.max(0, rect.width || 0);
-        const height = Math.max(0, rect.height || 0);
-        if (width < 1 || height < 1) {
-            return null;
-        }
-
-        return {
-            left: rect.left - containerRect.left,
-            top: rect.top - containerRect.top,
-            width,
-            height,
-            baseWidth: Math.max(1, Number(element.offsetWidth || width || 1)),
-            baseHeight: Math.max(1, Number(element.offsetHeight || height || 1)),
-            right: rect.left - containerRect.left + width,
-            bottom: rect.top - containerRect.top + height
-        };
-    }
-
-    function doesTextOverlayRectOverlap(a, b, padding = 0) {
-        if (!a || !b) {
-            return false;
-        }
-
-        const inset = Number.isFinite(Number(padding)) ? Number(padding) : 0;
-        return !(
-            (a.left + a.width + inset) < b.left
-            || (b.left + b.width + inset) < a.left
-            || (a.top + a.height + inset) < b.top
-            || (b.top + b.height + inset) < a.top
-        );
-    }
-
-    function isTextOverlayPlacementVisible(module, placement, options = {}) {
-        if (!module?.container || !placement) {
-            return false;
-        }
-
-        const { ignoreMinSize = false } = options;
-        if (!ignoreMinSize && (placement.width < TEXT_OVERLAY_MIN_WIDTH || placement.height < TEXT_OVERLAY_MIN_HEIGHT)) {
-            return false;
-        }
-
-        const maxWidth = Number(module.container.clientWidth || 0);
-        const maxHeight = Number(module.container.clientHeight || 0);
-        if (!(maxWidth > 0) || !(maxHeight > 0)) {
-            return false;
-        }
-
-        return !(
-            placement.right < 0
-            || placement.left > maxWidth
-            || placement.bottom < 0
-            || placement.top > maxHeight
-        );
-    }
-
-    function getTextOverlayPriority(module, nodeEntry) {
-        const nodeModel = nodeEntry?.model;
-        const nodeId = String(getNodeId(nodeModel) || '').trim();
-        if (!nodeModel || !nodeId) {
-            return Number.NEGATIVE_INFINITY;
-        }
-
-        let priority = 0;
-        if (String(module?.selectedNodeIdJs || '').trim() === nodeId) {
-            priority += 100000;
-        } else if (module?.multiSelectedNodeIds?.has?.(nodeId)) {
-            priority += 50000;
-        }
-
-        const width = Math.max(1, Number(nodeModel?.width || nodeModel?.Width || 0));
-        const height = Math.max(1, Number(nodeModel?.height || nodeModel?.Height || 0));
-        priority += Math.min(6000, (width * height) / 18);
-
-        if (module?.camera) {
-            const centerX = Number(nodeModel?.positionX ?? nodeModel?.PositionX ?? nodeModel?.x ?? nodeModel?.X ?? 0) + (width * 0.5);
-            const centerY = Number(nodeModel?.positionY ?? nodeModel?.PositionY ?? nodeModel?.y ?? nodeModel?.Y ?? 0) - (height * 0.5);
-            const dx = Math.abs(centerX - Number(module.camera.position?.x || 0));
-            const dy = Math.abs(centerY - Number(module.camera.position?.y || 0));
-            priority += Math.max(0, 24000 - (dx + dy));
-        }
-
-        const zIndex = Number(nodeEntry?.cssObject?.element?.style?.zIndex || 0);
-        if (Number.isFinite(zIndex)) {
-            priority += zIndex * 10;
-        }
-
-        return priority;
-    }
-
-    function isAlwaysTextOverlayNode(nodeEntry) {
-        const contentType = String(nodeEntry?.model?.contentType ?? nodeEntry?.model?.ContentType ?? '').toLowerCase();
-        return contentType === 'markdown' || contentType === 'text';
-    }
-
-    function getTextOverlayContentSignature(nodeEntry) {
-        const model = nodeEntry?.model || {};
-        const contentType = String(model.contentType ?? model.ContentType ?? '').toLowerCase();
-        const prompt = String(model.prompt ?? model.Prompt ?? '');
-        const response = String(model.response ?? model.Response ?? '');
-        const isLoading = (model.isLoading ?? model.IsLoading ?? false) ? '1' : '0';
-        const width = Math.max(0, Number(model.width ?? model.Width ?? 0));
-        const height = Math.max(0, Number(model.height ?? model.Height ?? 0));
-        return `${contentType}||${prompt}||${response}||${isLoading}||${width}||${height}`;
-    }
-
-    function getTextOverlayLayoutSignature(sourceElement, mode = 'full', hostPlacement = null) {
-        if (!sourceElement) {
-            return '';
-        }
+    const {
+        getTextOverlaySourceTargets,
+        ensureTextOverlaySourceStyleState,
+        resetTextOverlaySourcePresentation,
+        suspendTextOverlaySourceTarget,
+        restoreTextOverlaySourceTarget,
+        stripTextOverlayPresentationOverrides,
+        getNativeTextSelectionSourceNodeId,
+        hasNativeTextSelectionSource,
+        setNativeTextSelectionOwnerClass,
+        activateNativeTextSelectionSource,
+        clearNativeTextSelectionSource,
+        isTextOverlaySelectionNode,
+        setTextOverlaySourceActive
+    } = window.MindMapCss3dHotPath.installTextSource({
+        getModule: () => _module,
+        supportsTextOverlay,
+        getTextOverlayRenderMode,
+        getTextOverlayHostElement,
+        getTextOverlayRootElement,
+        isCss3dMediaNode,
+        restoreCss3dMediaOverlayState,
+        ensureTextOverlaySourceVisible,
+        getNodeId
+    });
 
-        if (mode === 'memo') {
-            const titleInput = sourceElement.querySelector('.map-node-memo__title');
-            const bodyView = sourceElement.querySelector('.map-node-memo__body-view');
-            const hostWidth = Math.round(Number(hostPlacement?.baseWidth || sourceElement.offsetWidth || 0));
-            const hostHeight = Math.round(Number(hostPlacement?.baseHeight || sourceElement.offsetHeight || 0));
-            const titleSignature = titleInput
-                ? `${titleInput.offsetLeft}:${titleInput.offsetTop}:${titleInput.offsetWidth}:${titleInput.offsetHeight}:${titleInput.style.display}`
-                : 'title:none';
-            const bodySignature = bodyView
-                ? `${bodyView.offsetLeft}:${bodyView.offsetTop}:${bodyView.offsetWidth}:${bodyView.offsetHeight}:${bodyView.style.display}`
-                : 'body:none';
-            return `${mode}||${hostWidth}x${hostHeight}||${titleSignature}||${bodySignature}`;
-        }
-
-        const rootWidth = Math.round(Number(sourceElement.offsetWidth || 0));
-        const rootHeight = Math.round(Number(sourceElement.offsetHeight || 0));
-        const childSignature = Array.from(sourceElement.children || []).map(child =>
-            `${child.tagName}:${child.offsetWidth}:${child.offsetHeight}:${child.style.display}`).join('|');
-        return `${mode}||${rootWidth}x${rootHeight}||${childSignature}`;
-    }
+    const {
+        getTextOverlayPlacementInfo,
+        doesTextOverlayRectOverlap,
+        isTextOverlayPlacementVisible,
+        getTextOverlayPriority,
+        isAlwaysTextOverlayNode,
+        getTextOverlayContentSignature,
+        getTextOverlayLayoutSignature
+    } = window.MindMapCss3dHotPath.installOverlayGeometry({
+        getNodeId,
+        minWidth: TEXT_OVERLAY_MIN_WIDTH,
+        minHeight: TEXT_OVERLAY_MIN_HEIGHT
+    });
 
     function stripOverlayCloneIds(root) {
         if (!root) {
@@ -24400,6 +24066,7 @@
     function syncCss3dContent(nodeModel, cssObject) {
         if (!nodeModel || !cssObject || !cssObject.element) return;
         const nodeId = String(getNodeId(nodeModel) || '').trim();
+        window.MindMapCss3dHotPath?.invalidateDomRefsByCssObject?.(_module, cssObject, nodeId);
         if (_module && nodeId) {
             const overlayV2Cards = _module._textOverlayV2State?.cards || null;
             const selectionCard = overlayV2Cards?.get?.(`selection:${nodeId}`) || null;
@@ -25170,6 +24837,8 @@
     window.MindMapCss3DManager = {
         activateSelectableTextOverlay: activateSelectableTextOverlay,
         activateNativeTextSelectionSource: activateNativeTextSelectionSource,
+        applyVisibilityDiff: (module, enteredIds, exitedIds) =>
+            window.MindMapCss3dHotPath?.applyVisibilityDiff?.(module, enteredIds, exitedIds) || { complete: false, reason: 'hotpath-unavailable' },
         setNativeTextSelectionOwnerClass: setNativeTextSelectionOwnerClass,
         beginNodeEditingOverlay: beginNodeEditingOverlay,
         bindMemoWheelRouting: bindMemoWheelRouting,
@@ -25181,6 +24850,8 @@
         createNodeViewElement: createNodeViewElement,
         getNodeViewHostPolicy: getNodeViewHostPolicy,
         getNodeViewPrimaryHost: getNodeViewPrimaryHost,
+        getDomRefs: (entry, module = _module) => window.MindMapCss3dHotPath?.getDomRefs?.(entry, module) || null,
+        invalidateDomRefs: (entry) => window.MindMapCss3dHotPath?.invalidateDomRefs?.(entry),
         createEditingOverlayContent: createEditingOverlayContent,
         clearEditingOverlay: clearEditingOverlay,
         getTextInteractionContentSelectors: getTextInteractionContentSelectors,