@mindexec/cli 0.2.429 → 0.2.430

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

@@ -979,6 +979,16 @@
                 pointer-events: none !important;
             }
 
+            /* Motion state is scoped to the CSS3D renderer container. Even an
+               explicitly interactive iframe must release hit-testing while the
+               canvas camera owns pan/zoom input. */
+            .is-panning .embed-content[data-iframe-interacting="true"] .embed-iframe-host,
+            .is-panning .embed-content[data-iframe-interacting="true"] .embed-iframe-host iframe,
+            .is-zooming .embed-content[data-iframe-interacting="true"] .embed-iframe-host,
+            .is-zooming .embed-content[data-iframe-interacting="true"] .embed-iframe-host iframe {
+                pointer-events: none !important;
+            }
+
             .ai-loading-row {
                 display: flex;
                 align-items: center;
@@ -1263,7 +1273,8 @@
                 z-index: 24 !important;
             }
 
-            .map-node-automation-context-source .map-node-memo__automation-pins.is-context-source {
+            .map-node-automation-context-source .map-node-memo__automation-pins.is-context-source,
+            .map-node-automation-worker-source .map-node-memo__automation-pins.is-worker-source {
                 opacity: 0;
                 pointer-events: none !important;
                 transform: var(--context-source-pin-transform, translate(0, 0)) scale(0.86);
@@ -1276,6 +1287,7 @@
             .css3d-resolution-wrapper.has-context-source-pins > .css3d-dynamic-node,
             .css3d-resolution-wrapper.has-context-source-pins > [id^="css3d-node-"],
             .css3d-resolution-wrapper.has-context-source-pins .map-node-automation-context-source,
+            .css3d-resolution-wrapper.has-context-source-pins .map-node-automation-worker-source,
             .css3d-resolution-wrapper.has-context-source-pins .map-node-memo__shell {
                 overflow: visible !important;
                 contain: layout style !important;
@@ -1295,17 +1307,24 @@
             .map-node-automation-context-source.selected-media-safe .map-node-memo__automation-pins.is-context-source,
             .css3d-resolution-wrapper.selected .map-node-automation-context-source .map-node-memo__automation-pins.is-context-source,
             .css3d-resolution-wrapper.selected-media-safe .map-node-automation-context-source .map-node-memo__automation-pins.is-context-source,
-            .map-node-automation-context-source:focus-within .map-node-memo__automation-pins.is-context-source {
+            .map-node-automation-context-source:focus-within .map-node-memo__automation-pins.is-context-source,
+            .map-node-automation-worker-source.selected .map-node-memo__automation-pins.is-worker-source,
+            .map-node-automation-worker-source.selected-media-safe .map-node-memo__automation-pins.is-worker-source,
+            .css3d-resolution-wrapper.selected .map-node-automation-worker-source .map-node-memo__automation-pins.is-worker-source,
+            .css3d-resolution-wrapper.selected-media-safe .map-node-automation-worker-source .map-node-memo__automation-pins.is-worker-source,
+            .map-node-automation-worker-source:focus-within .map-node-memo__automation-pins.is-worker-source {
                 opacity: 1;
                 pointer-events: auto !important;
                 transform: var(--context-source-pin-transform, translate(0, 0)) scale(1);
             }
 
-            .map-node-automation-context-source .map-node-memo__automation-pins.is-context-source .map-node-memo__automation-pin-label {
+            .map-node-automation-context-source .map-node-memo__automation-pins.is-context-source .map-node-memo__automation-pin-label,
+            .map-node-automation-worker-source .map-node-memo__automation-pins.is-worker-source .map-node-memo__automation-pin-label {
                 display: none !important;
             }
 
-            .map-node-automation-context-source .map-node-memo__automation-pins.is-context-source .map-node-memo__automation-pin {
+            .map-node-automation-context-source .map-node-memo__automation-pins.is-context-source .map-node-memo__automation-pin,
+            .map-node-automation-worker-source .map-node-memo__automation-pins.is-worker-source .map-node-memo__automation-pin {
                 width: 24px !important;
                 height: 24px !important;
                 max-width: 24px !important;
@@ -1313,7 +1332,8 @@
                 border-radius: 999px;
             }
 
-            .map-node-automation-context-source .map-node-memo__automation-pins.is-context-source .map-node-memo__automation-pin-dot {
+            .map-node-automation-context-source .map-node-memo__automation-pins.is-context-source .map-node-memo__automation-pin-dot,
+            .map-node-automation-worker-source .map-node-memo__automation-pins.is-worker-source .map-node-memo__automation-pin-dot {
                 width: 12px !important;
                 height: 12px !important;
                 min-width: 12px !important;
@@ -2217,7 +2237,7 @@
         const scaledHeight = worldHeight * resolutionScale;
         const hasContextSourcePins =
             wrapper.classList?.contains?.('has-context-source-pins') === true
-            || wrapper.querySelector?.('.map-node-automation-context-source') !== null;
+            || wrapper.querySelector?.('.map-node-automation-context-source, .map-node-automation-worker-source') !== null;
 
         wrapper.style.width = `${scaledWidth}px`;
         wrapper.style.height = `${scaledHeight}px`;
@@ -4599,6 +4619,7 @@
         large: Object.freeze({ tileMinWidth: 297, tileMinHeight: 189 })
     });
     const AUTOMATION_NODE_KIND_METADATA_KEY = 'AutomationNodeKind';
+    const AUTOMATION_NODE_ROLE_METADATA_KEY = 'AutomationNodeRole';
     const AUTOMATION_NODE_LABEL_METADATA_KEY = 'AutomationNodeLabel';
     const AUTOMATION_NODE_DESCRIPTION_METADATA_KEY = 'AutomationNodeDescription';
     const AUTOMATION_INFERRED_KIND_METADATA_KEY = 'AutomationInferredKind';
@@ -4813,6 +4834,10 @@
         return ['memo', 'note', 'text', 'markdown', 'code', CSV_TABLE_CONTENT_TYPE, 'embed', 'pdf', 'image', 'video'].includes(contentType);
     }
 
+    function isBusinessAutomationWorkerSourceNode(nodeModel) {
+        return !!nodeModel && !isBusinessAutomationNode(nodeModel) && isRemoteFleetNode(nodeModel);
+    }
+
     function isAgentStyledMemoNode(nodeModel) {
         const semanticType = getNodeSemanticType(nodeModel);
         return semanticType === 'MindCanvasAgent'
@@ -4823,13 +4848,15 @@
     function allowsMemoExternalChrome(nodeModel) {
         return isMindCanvasAgentNode(nodeModel)
             || isBusinessAutomationNode(nodeModel)
-            || isBusinessAutomationContextSourceNode(nodeModel);
+            || isBusinessAutomationContextSourceNode(nodeModel)
+            || isBusinessAutomationWorkerSourceNode(nodeModel);
     }
 
     function allowsNodeExternalChrome(nodeModel) {
         return isMindCanvasAgentNode(nodeModel)
             || isBusinessAutomationNode(nodeModel)
-            || isBusinessAutomationContextSourceNode(nodeModel);
+            || isBusinessAutomationContextSourceNode(nodeModel)
+            || isBusinessAutomationWorkerSourceNode(nodeModel);
     }
 
     function supportsTextOverlay(nodeModel) {
@@ -5728,10 +5755,10 @@
         }
 
         const overlay = overlays.get(id) || null;
-        if (overlay?.style.display !== 'none') {
-            overlay.style.display = 'none';
-        }
         if (overlay) {
+            if (overlay.style.display !== 'none') {
+                overlay.style.display = 'none';
+            }
             setTextOverlaySelectablePresentation(overlay, false);
         }
         if (hasSelectableTextOverlay(module, id)) {
@@ -7506,6 +7533,19 @@
         return getAutomationMetadataValue(nodeModel, AUTOMATION_NODE_KIND_METADATA_KEY, 'automation');
     }
 
+    function getBusinessAutomationNodeRole(nodeModel) {
+        return getAutomationMetadataValue(nodeModel, AUTOMATION_NODE_ROLE_METADATA_KEY, '').toLowerCase();
+    }
+
+    function getBusinessAutomationNodeRoleLabel(nodeModel) {
+        switch (getBusinessAutomationNodeRole(nodeModel)) {
+            case 'job': return 'Job';
+            case 'report': return 'Report';
+            case 'root': return 'AI Task';
+            default: return '';
+        }
+    }
+
     function getBusinessAutomationNodeLabel(nodeModel) {
         return getAutomationMetadataValue(
             nodeModel,
@@ -7904,7 +7944,9 @@
     function getBusinessAutomationForwardEdgeCount(nodeModel) {
         return readBusinessAutomationEdges(nodeModel)
             .filter(edge => normalizeBusinessAutomationHint(edge.targetPinId) !== 'context')
+            .filter(edge => normalizeBusinessAutomationHint(edge.targetPinId) !== 'worker')
             .filter(edge => normalizeBusinessAutomationHint(edge.type) !== 'businesscontext')
+            .filter(edge => normalizeBusinessAutomationHint(edge.type) !== 'workertarget')
             .length;
     }
 
@@ -9364,6 +9406,7 @@
     }
 
     const AUTOMATION_CONTEXT_PIN_THEME = Object.freeze({ edge: '#2563eb', soft: 'rgba(37, 99, 235, 0.16)' });
+    const AUTOMATION_WORKER_PIN_THEME = Object.freeze({ edge: '#0f766e', soft: 'rgba(15, 118, 110, 0.14)' });
     const AUTOMATION_WORKFLOW_PIN_THEME = Object.freeze({ edge: '#f97316', soft: 'rgba(249, 115, 22, 0.14)' });
     const AUTOMATION_RESULT_PIN_HELP_TEXT = 'Drag to connect this result to an input pin. Click to view the result.';
     const BUSINESS_AUTOMATION_PIN_HIT_PADDING = 8;
@@ -9376,6 +9419,7 @@
         if (normalized === 'video') return { edge: '#7c3aed', soft: 'rgba(124, 58, 237, 0.12)' };
         if (normalized === 'searchresult') return { edge: '#d97706', soft: 'rgba(245, 158, 11, 0.14)' };
         if (normalized === 'businesscontext') return AUTOMATION_CONTEXT_PIN_THEME;
+        if (normalized === 'workertarget') return AUTOMATION_WORKER_PIN_THEME;
         if (normalized === 'finaloutput') return AUTOMATION_WORKFLOW_PIN_THEME;
         if (normalized === 'runresult') return AUTOMATION_WORKFLOW_PIN_THEME;
         return AUTOMATION_WORKFLOW_PIN_THEME;
@@ -9550,12 +9594,37 @@
         }));
     }
 
+    function getBusinessAutomationWorkerSourcePins(nodeModel) {
+        if (!isBusinessAutomationWorkerSourceNode(nodeModel)) {
+            return [];
+        }
+
+        return ['top', 'right', 'bottom', 'left'].map(placement => ({
+            id: `worker-${placement}`,
+            label: 'Worker',
+            type: 'WorkerTarget',
+            direction: 'output',
+            placement,
+            contract: 'Use this monitor or computer as a worker target for an AI Task.'
+        }));
+    }
+
+    function getBusinessAutomationExternalSourcePins(nodeModel) {
+        if (isBusinessAutomationWorkerSourceNode(nodeModel)) {
+            return getBusinessAutomationWorkerSourcePins(nodeModel);
+        }
+
+        return getBusinessAutomationContextSourcePins(nodeModel);
+    }
+
     function renderBusinessAutomationContextSourceChrome(container, nodeModel) {
         if (!container) {
             return;
         }
 
         const isContextSource = isBusinessAutomationContextSourceNode(nodeModel);
+        const isWorkerSource = isBusinessAutomationWorkerSourceNode(nodeModel);
+        const isExternalSource = isContextSource || isWorkerSource;
         const wrapper = container.closest?.('.css3d-resolution-wrapper') || null;
         const nodeId = getNodeId(nodeModel);
         if (nodeId && container.dataset) {
@@ -9565,13 +9634,25 @@
             wrapper.dataset.nodeId = nodeId;
         }
         container.classList.toggle('map-node-automation-context-source', isContextSource);
-        wrapper?.classList?.toggle?.('has-context-source-pins', isContextSource);
-        if (!isContextSource) {
+        container.classList.toggle('map-node-automation-worker-source', isWorkerSource);
+        wrapper?.classList?.toggle?.('has-context-source-pins', isExternalSource);
+        wrapper?.classList?.toggle?.('has-automation-source-pins', isExternalSource);
+        if (!isExternalSource) {
             delete container.dataset.automationContextSource;
+            delete container.dataset.automationWorkerSource;
             return;
         }
 
-        container.dataset.automationContextSource = 'true';
+        if (isContextSource) {
+            container.dataset.automationContextSource = 'true';
+        } else {
+            delete container.dataset.automationContextSource;
+        }
+        if (isWorkerSource) {
+            container.dataset.automationWorkerSource = 'true';
+        } else {
+            delete container.dataset.automationWorkerSource;
+        }
         container.style.overflow = 'visible';
         container.style.contain = 'layout style';
         container.style.contentVisibility = 'visible';
@@ -9582,13 +9663,14 @@
             wrapper.style.contentVisibility = 'visible';
             wrapper.style.containIntrinsicSize = 'auto';
         }
-        getBusinessAutomationContextSourcePins(nodeModel).forEach(pin => {
+        getBusinessAutomationExternalSourcePins(nodeModel).forEach(pin => {
             const outputGroup = createAutomationPinGroup([pin], 'output', {
                 compact: true,
                 placement: pin.placement
             });
             if (outputGroup) {
-                outputGroup.classList.add('is-context-source');
+                outputGroup.classList.add('is-external-source');
+                outputGroup.classList.add(isWorkerSource ? 'is-worker-source' : 'is-context-source');
                 container.appendChild(outputGroup);
             }
         });
@@ -9619,7 +9701,7 @@
             return;
         }
 
-        Array.from(container.querySelectorAll('.map-node-memo__automation-pins.is-context-source'))
+        Array.from(container.querySelectorAll('.map-node-memo__automation-pins.is-context-source, .map-node-memo__automation-pins.is-worker-source, .map-node-memo__automation-pins.is-external-source'))
             .forEach(element => element.remove());
         Array.from(container.querySelectorAll('.map-node-memo__automation-pins'))
             .filter(element => element.parentElement === container)
@@ -9658,10 +9740,12 @@
         }
 
         container.classList.remove('map-node-automation-context-source');
+        container.classList.remove('map-node-automation-worker-source');
         delete container.dataset.automationContextSource;
+        delete container.dataset.automationWorkerSource;
         container.dataset.automationKind = getBusinessAutomationNodeKind(nodeModel);
         container.dataset.automationLabel = getBusinessAutomationNodeLabel(nodeModel);
-        container.dataset.automationRole = getBusinessAutomationIntentLabel(nodeModel) || 'AI Task';
+        container.dataset.automationRole = getBusinessAutomationNodeRoleLabel(nodeModel) || getBusinessAutomationIntentLabel(nodeModel) || 'AI Task';
         container.dataset.automationToolPolicy = getAutomationMetadataValue(nodeModel, AUTOMATION_TOOL_POLICY_METADATA_KEY, '');
         container.dataset.automationToolHints = getAutomationMetadataValue(nodeModel, AUTOMATION_TOOL_HINTS_METADATA_KEY, '');
         container.dataset.automationOutputType = getAutomationMetadataValue(nodeModel, AUTOMATION_OUTPUT_TYPE_METADATA_KEY, '');
@@ -9853,7 +9937,7 @@
             return null;
         }
 
-        const nodeEl = pin.closest('.map-node-automation, .map-node-automation-context-source, [data-node-id]');
+        const nodeEl = pin.closest('.map-node-automation, .map-node-automation-context-source, .map-node-automation-worker-source, [data-node-id]');
         const nodeId = getBusinessAutomationNodeIdFromElement(nodeEl || pin);
         const pinId = String(pin.dataset?.pinId || '').trim();
         if (!nodeId || !pinId) {
@@ -9977,7 +10061,7 @@
         }
 
         const sourceType = normalizeBusinessAutomationHint(draft?.sourceType || '');
-        if (sourceType !== 'businesscontext') {
+        if (sourceType !== 'businesscontext' && sourceType !== 'workertarget') {
             return null;
         }
 
@@ -9986,10 +10070,11 @@
             return null;
         }
 
-        const contextPin = targetNode.nodeEl.querySelector?.(
-            '.map-node-memo__automation-pin.is-input[data-pin-id="context"]'
-        ) || findBusinessAutomationPinElement(_module, targetNode.nodeId, 'context', 'input');
-        return resolveBusinessAutomationPinHit(contextPin);
+        const targetPinId = sourceType === 'workertarget' ? 'worker' : 'context';
+        const targetPin = targetNode.nodeEl.querySelector?.(
+            `.map-node-memo__automation-pin.is-input[data-pin-id="${targetPinId}"]`
+        ) || findBusinessAutomationPinElement(_module, targetNode.nodeId, targetPinId, 'input');
+        return resolveBusinessAutomationPinHit(targetPin);
     }
 
     function handleBusinessAutomationDocumentPointerDown(event) {
@@ -10018,7 +10103,7 @@
             return;
         }
 
-        const nodeEl = pin.closest('.map-node-automation, .map-node-automation-context-source, [data-node-id]');
+        const nodeEl = pin.closest('.map-node-automation, .map-node-automation-context-source, .map-node-automation-worker-source, [data-node-id]');
         const nodeId = getBusinessAutomationNodeIdFromElement(nodeEl || pin);
         const pinId = String(pin.dataset?.pinId || '').trim();
         const side = String(pin.dataset?.pinSide || pin.dataset?.pinDirection || '').trim().toLowerCase();
@@ -10237,7 +10322,9 @@
         }
 
         nodes.forEach(entry => {
-            if (!isBusinessAutomationNode(entry?.model) && !isBusinessAutomationContextSourceNode(entry?.model)) {
+            if (!isBusinessAutomationNode(entry?.model)
+                && !isBusinessAutomationContextSourceNode(entry?.model)
+                && !isBusinessAutomationWorkerSourceNode(entry?.model)) {
                 return;
             }
 
@@ -10283,7 +10370,9 @@
 
     function isBusinessAutomationRelationHighlightEligible(module, nodeId) {
         const entry = module?.nodeObjectsById?.get?.(String(nodeId || '').trim()) || null;
-        return isBusinessAutomationNode(entry?.model) || isBusinessAutomationContextSourceNode(entry?.model);
+        return isBusinessAutomationNode(entry?.model)
+            || isBusinessAutomationContextSourceNode(entry?.model)
+            || isBusinessAutomationWorkerSourceNode(entry?.model);
     }
 
     function buildBusinessAutomationSelectionContextKey(context) {
@@ -10351,7 +10440,7 @@
         if (wrapper?.classList) {
             targets.push(wrapper);
             const inner = wrapper.querySelector?.(
-                '.map-node-automation, .map-node-automation-context-source, .map-node, .map-node-memo, .map-node-template-card'
+                '.map-node-automation, .map-node-automation-context-source, .map-node-automation-worker-source, .map-node, .map-node-memo, .map-node-template-card'
             ) || null;
             if (inner?.classList) {
                 targets.push(inner);
@@ -10428,6 +10517,13 @@
             || /->\s*BusinessContext\s*:/i.test(contract);
     }
 
+    function isBusinessAutomationWorkerBindingEdge(edge) {
+        const targetPinId = String(edge?.targetPinId || edge?.TargetPinId || '').trim().toLowerCase();
+        const contract = String(edge?.contract || edge?.Contract || '').trim();
+        return targetPinId === 'worker'
+            || /->\s*WorkerTarget\s*:/i.test(contract);
+    }
+
     function cssEscapeValue(value) {
         const text = String(value || '');
         if (window.CSS?.escape) {
@@ -10454,7 +10550,7 @@
                 height: 100%;
                 overflow: visible;
                 pointer-events: none;
-                z-index: 0;
+                z-index: 1;
             `;
             visualLayer.setAttribute('aria-hidden', 'true');
 
@@ -10516,6 +10612,11 @@
         const webglRendererElement = module.renderer?.domElement || null;
         const cssRendererInContainer = cssRendererElement?.parentElement === container;
         const webglRendererInContainer = webglRendererElement?.parentElement === container;
+        if (visualLayer?.isConnected) {
+            visualLayer.style.zIndex = '1';
+            visualLayer.style.pointerEvents = 'none';
+        }
+
         if (visualLayer?.isConnected && cssRendererInContainer && visualLayer.nextSibling !== cssRendererElement) {
             container.insertBefore(visualLayer, cssRendererElement);
         } else if (visualLayer?.isConnected
@@ -10641,7 +10742,7 @@
         const container = module?.container || document;
         const nodeSelector = side === 'input'
             ? `.map-node-automation[data-node-id="${cssEscapeValue(nodeId)}"]`
-            : `:is(.map-node-automation, .map-node-automation-context-source)[data-node-id="${cssEscapeValue(nodeId)}"]`;
+            : `:is(.map-node-automation, .map-node-automation-context-source, .map-node-automation-worker-source)[data-node-id="${cssEscapeValue(nodeId)}"]`;
         const selector = `${nodeSelector} .map-node-memo__automation-pin.is-${cssEscapeValue(side)}[data-pin-id="${cssEscapeValue(pinId)}"]`;
         let candidates = Array.from(container.querySelectorAll(selector));
         if (candidates.length === 0 && side !== 'input') {
@@ -10671,6 +10772,10 @@
     }
 
     function getBusinessAutomationPinList(nodeModel, side) {
+        if (side === 'output' && isBusinessAutomationWorkerSourceNode(nodeModel)) {
+            return getBusinessAutomationWorkerSourcePins(nodeModel);
+        }
+
         if (side === 'output' && isBusinessAutomationContextSourceNode(nodeModel)) {
             return getBusinessAutomationContextSourcePins(nodeModel);
         }
@@ -11516,15 +11621,19 @@
                 'Text'
             );
             const isContextEdge = isBusinessAutomationContextEdge(edge);
+            const isWorkerEdge = isBusinessAutomationWorkerBindingEdge(edge);
+            const isReferenceEdge = isContextEdge || isWorkerEdge;
             const theme = isContextEdge
                 ? AUTOMATION_CONTEXT_PIN_THEME
+                : isWorkerEdge
+                ? AUTOMATION_WORKER_PIN_THEME
                 : getAutomationPinTheme(sourceType);
             const pathData = buildBusinessAutomationEdgePathData(source, target);
             const isSelected = String(edge.id || '') === _businessAutomationSelectedEdgeId;
             const isRelationHighlighted = relationContext?.edgeIds?.has?.(String(edge.id || '').trim()) === true;
             const hitPointerEvents = _businessAutomationConnectionDraft ? 'none' : 'stroke';
             const item = ensureBusinessAutomationEdgeItem(renderState, edgeId);
-            updateBusinessAutomationEdgeItem(item, edge, pathData, source, target, theme, isContextEdge, isSelected, isRelationHighlighted, hitPointerEvents);
+            updateBusinessAutomationEdgeItem(item, edge, pathData, source, target, theme, isReferenceEdge, isSelected, isRelationHighlighted, hitPointerEvents);
             liveEdgeIds.add(edgeId);
         }
 
@@ -11553,17 +11662,22 @@
             );
             const target = getBusinessAutomationDraftTargetPoint(module, draft, containerRect);
             if (source && target) {
-                const isContextDraft = String(draft.sourceType || '').trim().toLowerCase() === 'businesscontext';
+                const draftSourceType = String(draft.sourceType || '').trim().toLowerCase();
+                const isContextDraft = draftSourceType === 'businesscontext';
+                const isWorkerDraft = draftSourceType === 'workertarget';
+                const isReferenceDraft = isContextDraft || isWorkerDraft;
                 const theme = isContextDraft
                     ? AUTOMATION_CONTEXT_PIN_THEME
+                    : isWorkerDraft
+                    ? AUTOMATION_WORKER_PIN_THEME
                     : getAutomationPinTheme(draft.sourceType || 'Text');
                 setBusinessAutomationSvgAttributes(renderState.draftPath, {
                     d: buildBusinessAutomationEdgePathData(source, target),
                     class: 'mind-map-business-automation-edge-draft',
                     stroke: theme.edge,
-                    'stroke-width': isContextDraft ? '2.1' : '2.4',
-                    'stroke-dasharray': isContextDraft ? '7 7' : '8 7',
-                    opacity: isContextDraft ? '0.66' : '0.72'
+                    'stroke-width': isReferenceDraft ? '2.1' : '2.4',
+                    'stroke-dasharray': isReferenceDraft ? '7 7' : '8 7',
+                    opacity: isReferenceDraft ? '0.66' : '0.72'
                 });
                 setBusinessAutomationSvgAttributes(renderState.draftTarget, {
                     cx: target.x.toFixed(1),
@@ -13782,6 +13896,119 @@
         event.stopPropagation();
     }
 
+    const INLINE_EDITABLE_NODE_CANVAS_DRAG_EXCLUDED_SELECTOR = [
+        'button',
+        'a',
+        'input',
+        'textarea',
+        'select',
+        '[contenteditable="true"]',
+        '.node-prompt-copy-button',
+        '.csv-table-header-button',
+        '.resize-handle',
+        '.css3d-resize-handle',
+        '.map-node-memo__icon-wrap',
+        '.map-node-memo__icon-button',
+        '.map-node-memo__icon-popover',
+        '.map-node-memo__icon-option',
+        '.map-node-memo__agent-role-select',
+        '.map-node-memo__agent-role-select-button',
+        '.map-node-memo__agent-role-menu',
+        '.map-node-memo__agent-role-option',
+        '.map-node-memo__agent-action',
+        '.map-node-memo__agent-actions',
+        '.map-node-memo__agent-plan-panel',
+        '.map-node-memo__agent-console-panel',
+        '.map-node-memo__agent-console-resize',
+        '.map-node-memo__agent-result-link',
+        '.map-node-memo__automation-pins',
+        '.map-node-memo__automation-pin',
+        '.map-node-memo__automation-pin-label',
+        '.map-node-memo__automation-pin-dot',
+        '.map-node-memo__automation-badges',
+        '.map-node-memo__automation-status',
+        '.map-node-memo__automation-intent'
+    ].join(', ');
+
+    const INLINE_EDITABLE_NODE_CANVAS_DRAG_SURFACE_SELECTOR = [
+        '.node-content-wrapper',
+        '.node-prompt-row',
+        '.node-prompt',
+        '.node-response',
+        '.note-content',
+        '.markdown-body',
+        '.code-body',
+        '.text-content',
+        '.map-node-memo',
+        '.map-node-memo__shell',
+        '.map-node-memo__header',
+        '.map-node-memo__title-wrap',
+        '.map-node-memo__body-view'
+    ].join(', ');
+
+    function bindInlineEditableNodeCanvasNavigation(container, nodeModel, source) {
+        if (!(container instanceof HTMLElement) || !nodeModel) {
+            return;
+        }
+
+        const nodeId = String(getNodeId(nodeModel) || container.dataset?.nodeId || '').trim();
+        if (!nodeId) {
+            return;
+        }
+
+        if (container._inlineEditableCanvasNavigationModule === _module
+            && container._inlineEditableCanvasNavigationNodeId === nodeId
+            && container._inlineEditableCanvasNavigationHandler) {
+            return;
+        }
+
+        if (container._inlineEditableCanvasNavigationHandler) {
+            container.removeEventListener('mousedown', container._inlineEditableCanvasNavigationHandler, true);
+        }
+
+        const handler = event => {
+            if (!event || Number(event.button) !== 0 || event.defaultPrevented) {
+                return;
+            }
+
+            const target = event.target;
+            if (!(target instanceof Element) || !container.contains(target)) {
+                return;
+            }
+
+            if (target.closest(INLINE_EDITABLE_NODE_CANVAS_DRAG_EXCLUDED_SELECTOR)) {
+                return;
+            }
+
+            const surface = target.closest(INLINE_EDITABLE_NODE_CANVAS_DRAG_SURFACE_SELECTOR);
+            if (!surface || !container.contains(surface)) {
+                return;
+            }
+
+            const selectedNodeId = String(_module?.selectedNodeIdJs || '').trim();
+            const wrapper = container.closest?.('.css3d-resolution-wrapper');
+            const isSelectedDom = container.classList.contains('selected') || wrapper?.classList?.contains?.('selected') === true;
+            if ((selectedNodeId !== nodeId && !isSelectedDom) || container.classList.contains('is-editing')) {
+                return;
+            }
+
+            const started = window.MindMapInteractions?.startNodeDragFromDom?.(
+                _module,
+                event,
+                nodeId,
+                { source: source || 'inline-editable-css3d' }
+            ) === true;
+            if (started) {
+                event.stopImmediatePropagation?.();
+            }
+        };
+
+        container._inlineEditableCanvasNavigationModule = _module;
+        container._inlineEditableCanvasNavigationNodeId = nodeId;
+        container._inlineEditableCanvasNavigationHandler = handler;
+        container.addEventListener('mousedown', handler, true);
+    }
+
     function applyMemoTheme(element, colorKey) {
         if (!element) return;
         const semanticType = String(element.dataset?.semanticType || '').trim();
@@ -20528,6 +20755,11 @@
         if (!container || !nodeModel) return;
         ensureMindCanvasAgentConsoleResize(container, nodeModel);
         bindMemoWheelRouting(_module, container);
+        bindInlineEditableNodeCanvasNavigation(
+            container,
+            nodeModel,
+            isBusinessAutomationNode(nodeModel) ? 'business-automation-inline-editable' : 'memo-inline-editable'
+        );
         if (container._memoEventsBound === true) return;
         container._memoEventsBound = true;
         container.dataset.agentPendingAction = container.dataset.agentPendingAction || '';
@@ -23456,6 +23688,9 @@
         contentWrapper.appendChild(responseDiv);
         container.appendChild(contentWrapper);
         renderBusinessAutomationChrome(container, nodeModel);
+        if (isNoteNode || isCodeNode) {
+            bindInlineEditableNodeCanvasNavigation(container, nodeModel, `${contentTypeLower}-inline-editable`);
+        }
 
         return container;
     }
@@ -24124,7 +24359,7 @@
         }
 
         if (isRemoteFleetNode(nodeModel)) {
-            el.classList.remove('node-type-memo', 'has-context-source-pins');
+            el.classList.remove('node-type-memo', 'has-context-source-pins', 'has-automation-source-pins');
             el.classList.add('node-type-templatelauncher');
             el.dataset.contentType = 'templateLauncher';
             el.style.overflow = 'hidden';
@@ -24171,11 +24406,12 @@
                 renderRemoteFleetMonitor(bodyView, nodeModel);
             }
             bindTemplateCardCanvasNavigation(card, nodeModel);
+            renderBusinessAutomationChrome(card, nodeModel);
             return;
         }
 
         if (contentTypeLower === 'templatelauncher') {
-            el.classList.remove('node-type-memo', 'has-context-source-pins');
+            el.classList.remove('node-type-memo', 'has-context-source-pins', 'has-automation-source-pins');
             el.classList.add('node-type-templatelauncher');
             el.dataset.contentType = 'templateLauncher';
             el.style.overflow = 'hidden';
@@ -24420,8 +24656,13 @@
                 }
             }
         }
-
-        // Hide loading indicator if present
+
+        if (contentTypeLower === 'note' || contentTypeLower === 'code') {
+            const inlineEditableRoot = el.querySelector('.map-node-note, .map-node-code') || el.firstElementChild || el;
+            bindInlineEditableNodeCanvasNavigation(inlineEditableRoot, nodeModel, `${contentTypeLower}-inline-editable`);
+        }
+
+        // Hide loading indicator if present
         const loadingEl = el.querySelector(`[id^="node-loading-"]`);
         if (loadingEl) {
             renderNodeLoadingRow(loadingEl, nodeModel, contentTypeLower, isLoading, hasContent);