@mindexec/cli 0.2.429 → 0.2.430

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

@@ -776,9 +776,17 @@ window.MindMapInteractions = (function () {
         return agentId !== undefined && agentId !== null && String(agentId) !== '';
     }
 
+    function isBusinessAutomationNode(target) {
+        return getNodeSemanticType(target) === 'BusinessAutomationNode';
+    }
+
     function isInlineEditableNode(target) {
         const contentType = getNodeContentType(target);
-        return contentType === 'note' || contentType === 'memo' || contentType === 'code' || isAgentNode(target);
+        return contentType === 'note'
+            || contentType === 'memo'
+            || contentType === 'code'
+            || isAgentNode(target)
+            || isBusinessAutomationNode(target);
     }
 
     function isReadOnlyTextSelectionNode(target) {
@@ -2906,7 +2914,10 @@ window.MindMapInteractions = (function () {
     function getGuardedTargetNodeId(module, target, event) {
         const nodeId = getTargetNodeId(target);
         if (!nodeId || !event) {
-            return nodeId;
+            const topCssHit = event
+                ? findCssNodeHitAtClientPoint(module, event.clientX, event.clientY)
+                : null;
+            return topCssHit?.nodeId || nodeId;
         }
 
         const topCssHit = findCssNodeHitAtClientPoint(module, event.clientX, event.clientY);
@@ -4043,11 +4054,27 @@ window.MindMapInteractions = (function () {
                         e.target.classList.contains('markdown-body') ||
                         e.target.classList.contains('csv-table-scroll') ||
                         e.target.classList.contains('csv-table-cell') ||
+                        e.target.classList.contains('map-node-memo__body-view') ||
+                        e.target.classList.contains('map-node-memo__body') ||
+                        e.target.classList.contains('map-node-memo__title') ||
                         e.target.closest('.code-body') ||
                         e.target.closest('.node-response') ||
                         e.target.closest('.text-content') ||
                         e.target.closest('.markdown-body') ||
-                        e.target.closest('.csv-table-scroll');
+                        e.target.closest('.csv-table-scroll') ||
+                        e.target.closest('.map-node-memo__body-view') ||
+                        e.target.closest('.map-node-memo__body') ||
+                        e.target.closest('.map-node-memo__title');
+
+                    if (supportsTextInteraction &&
+                        isInlineEditableNode(nodeEntry) &&
+                        isClickOnContent &&
+                        !isMultiModifier &&
+                        isSelected &&
+                        !canNativeTextSelectionStart(module, nodeEntry, clickedNodeId)) {
+                        startNodeDrag(module, e, clickedNodeId, nodeEntry, nodeEntry.cssObject || nodeEntry.glObject);
+                        return;
+                    }
 
                     // ▼▼▼ [2-Stage Click] text-based 노드가 이미 편집 모드(CSS3D)인 경우에만 텍스트 선택 허용 ▼▼▼
                     if (supportsTextInteraction && isClickOnContent && !isMultiModifier && isSelected) {
@@ -4557,12 +4584,12 @@ window.MindMapInteractions = (function () {
 
             module.isShiftClick = isMultiModifier;
 
-            // ▼▼▼ [2-Stage Click] 선택된 text-based 노드는 onMouseDown에서 CSS3D 전환하지 않음 ▼▼▼
-            // onMouseUp에서 2차 클릭 시에만 편집 모드(CSS3D)로 전환
-            const isAlreadySelected = (module.selectedNodeIdJs === nodeId);
-            const isTextBasedNode = contentType === 'code' || contentType === 'text' || contentType === 'markdown';
-            // (isAlreadySelected && isTextBasedNode 케이스는 아래 startNodeDrag로 진행하여 onMouseUp에서 처리)
-            // ▲▲▲ [2-Stage Click] ▲▲▲
+            // ▼▼▼ [2-Stage Click] 선택된 text-based 노드는 onMouseDown에서 CSS3D 전환하지 않음 ▼▼▼
+            // onMouseUp에서 2차 클릭 시에만 편집 모드(CSS3D)로 전환
+            const isAlreadySelected = (module.selectedNodeIdJs === nodeId);
+            const isTextBasedNode = contentType === 'code' || contentType === 'text' || contentType === 'markdown';
+            // (isAlreadySelected && isTextBasedNode 케이스는 아래 startNodeDrag로 진행하여 onMouseUp에서 처리)
+            // ▲▲▲ [2-Stage Click] ▲▲▲
 
             // ▼▼▼ [Fix] 다중 선택 상태에서 다른 노드 클릭 시 해제 (드래그 시작 전) ▼▼▼
             // 단, 다중 선택된 노드 중 하나를 클릭한 경우는 해제하지 않음 (다중 드래그 허용)
@@ -4610,6 +4637,7 @@ window.MindMapInteractions = (function () {
                 e.preventDefault();
 
                 module.isShiftClick = e.shiftKey || e.ctrlKey || e.metaKey;
+
                 beginOverlayNodeDrag(module, e, cssFallbackHit.nodeId);
                 return;
             }

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

@@ -264,12 +264,31 @@
         return getNodeSemanticType(model) === BUSINESS_AUTOMATION_SEMANTIC_TYPE;
     }
 
+    function getBusinessAutomationNodeKind(model) {
+        const metadata = ensureMetadata(model);
+        return String(metadata.AutomationNodeKind || metadata.automationNodeKind || '').trim().toLowerCase();
+    }
+
+    function getBusinessAutomationNodeRole(model) {
+        const metadata = ensureMetadata(model);
+        return String(metadata.AutomationNodeRole || metadata.automationNodeRole || '').trim().toLowerCase();
+    }
+
+    function isBusinessAutomationRootAiTaskNode(model) {
+        if (!isBusinessAutomationNode(model) || getBusinessAutomationNodeKind(model) !== 'ai-task') {
+            return false;
+        }
+
+        const role = getBusinessAutomationNodeRole(model);
+        return role.length === 0 || role === 'root';
+    }
+
     function isRemoteFleetMonitorNode(model) {
         return getNodeSemanticType(model) === REMOTE_FLEET_SEMANTIC_TYPE;
     }
 
     function canRunExecutableNode(model) {
-        return isBusinessAutomationNode(model);
+        return isBusinessAutomationRootAiTaskNode(model);
     }
 
     function isExecutableNodeRunning(model) {

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

@@ -38,6 +38,54 @@
     const NODE_TEXT_SELECTION_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 NODE_INTERACTIVE_CONTENT_SELECTORS = `${NODE_TEXT_SELECTION_SELECTORS}, .embed-content, .embed-card, .embed-card *, .embed-action, .embed-play-button, iframe, .map-node-memo__icon-button, .map-node-memo__icon-option, .map-node-memo__icon-popover, .map-node-memo__agent-action, .map-node-memo__agent-result-link, .map-node-memo__agent-plan-panel, .map-node-memo__agent-plan-body, .map-node-memo__agent-plan-body *, .map-node-memo__agent-console-panel, .map-node-memo__agent-console-body, .map-node-memo__agent-console-body *, .map-node-memo__agent-console-resize, .map-node-memo__agent-console-resize *`;
     const MEMO_EDIT_ONLY_SELECTORS = '.map-node-memo__title, .map-node-memo__body, .map-node-memo__icon-button, .map-node-memo__icon-option, .map-node-memo__icon-popover';
+    const INLINE_EDITABLE_NODE_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_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 getNodeContentTypeLower(nodeModel) {
         return String(nodeModel?.contentType ?? nodeModel?.ContentType ?? '').trim().toLowerCase();
@@ -151,7 +199,11 @@
 
     function isInlineEditableNodeModel(nodeModel) {
         const contentType = String(nodeModel?.contentType ?? nodeModel?.ContentType ?? '').toLowerCase();
-        return contentType === 'note' || contentType === 'memo' || contentType === 'code' || isAgentNodeModel(nodeModel);
+        return contentType === 'note'
+            || contentType === 'memo'
+            || contentType === 'code'
+            || isAgentNodeModel(nodeModel)
+            || getNodeSemanticType(nodeModel) === BUSINESS_AUTOMATION_SEMANTIC_TYPE;
     }
 
     function isReadOnlyTextSelectionNodeModel(nodeModel) {
@@ -159,6 +211,79 @@
         return (contentType === 'text' || contentType === 'markdown') && !isAgentNodeModel(nodeModel);
     }
 
+    function syncSelectedInlineEditableDomRouter(module, nodeId, entry, isSelected, isEditing) {
+        const cssElement = entry?.cssObject?.element || null;
+        const normalizedNodeId = String(nodeId || '').trim();
+        if (!cssElement || !normalizedNodeId) {
+            return;
+        }
+
+        const existingHandler = cssElement._selectedInlineEditableDomRouterHandler;
+        if (existingHandler &&
+            (cssElement._selectedInlineEditableDomRouterModule !== module ||
+                cssElement._selectedInlineEditableDomRouterNodeId !== normalizedNodeId)) {
+            cssElement.removeEventListener('mousedown', existingHandler, true);
+            cssElement._selectedInlineEditableDomRouterHandler = null;
+        }
+
+        const shouldAttach = !!isSelected && !isEditing && isInlineEditableNodeModel(entry?.model);
+        if (!shouldAttach) {
+            if (cssElement._selectedInlineEditableDomRouterHandler) {
+                cssElement.removeEventListener('mousedown', cssElement._selectedInlineEditableDomRouterHandler, true);
+                cssElement._selectedInlineEditableDomRouterHandler = null;
+            }
+            return;
+        }
+
+        if (cssElement._selectedInlineEditableDomRouterHandler) {
+            return;
+        }
+
+        const handler = event => {
+            if (!event || Number(event.button) !== 0 || event.defaultPrevented) {
+                return;
+            }
+
+            const target = event.target;
+            if (!(target instanceof Element) || !cssElement.contains(target)) {
+                return;
+            }
+
+            if (target.closest(INLINE_EDITABLE_NODE_DRAG_EXCLUDED_SELECTOR)) {
+                return;
+            }
+
+            const surface = target.closest(INLINE_EDITABLE_NODE_DRAG_SURFACE_SELECTOR);
+            if (!surface || !cssElement.contains(surface)) {
+                return;
+            }
+
+            const isStillSelected = String(module?.selectedNodeIdJs || '').trim() === normalizedNodeId ||
+                cssElement.classList?.contains?.('selected') === true ||
+                cssElement.querySelector?.('.map-node.selected, .map-node-note.selected, .map-node-memo.selected, .map-node-code.selected');
+            const isEditingDom = cssElement.classList?.contains?.('is-editing') === true ||
+                !!cssElement.querySelector?.('.is-editing');
+            if (!isStillSelected || isEditingDom) {
+                return;
+            }
+
+            const started = window.MindMapInteractions?.startNodeDragFromDom?.(
+                module,
+                event,
+                normalizedNodeId,
+                { source: 'selected-inline-editable-css3d' }
+            ) === true;
+            if (started) {
+                event.stopImmediatePropagation?.();
+            }
+        };
+
+        cssElement._selectedInlineEditableDomRouterModule = module;
+        cssElement._selectedInlineEditableDomRouterNodeId = normalizedNodeId;
+        cssElement._selectedInlineEditableDomRouterHandler = handler;
+        cssElement.addEventListener('mousedown', handler, true);
+    }
+
     function getSelectionBorderColorHex(nodeModel, isSelected) {
         if (String(nodeModel?.contentType ?? nodeModel?.ContentType ?? '').toLowerCase() !== 'memo') {
             return isSelected ? 0x7b7ff2 : 0x374151;
@@ -3631,6 +3756,9 @@
         }
         // ▲▲▲ [Fix] ▲▲▲
 
+        const inlineEditableRouterEditing = !!(module.isEditingNote && module.selectedNodeIdJs === nodeId);
+        syncSelectedInlineEditableDomRouter(module, nodeId, entry, isSelected, inlineEditableRouterEditing);
+
         if (entry.isDeferredShell === true) {
             if (bringToFront && entry.cssObject) {
                 bringNodeToFront(module, nodeId);