@mindexec/cli 0.2.428 → 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) {
@@ -862,21 +870,32 @@ window.MindMapInteractions = (function () {
             const label = isAgentNode(nodeEntry) ? 'agent' : contentType;
             console.log(`[Interactions] Second click on ${label} node. Entering edit mode.`);
 
-            if (window.mindMap?.editNode) {
-                window.mindMap.editNode(nodeId);
+            const startInlineEdit = () => {
+                const refreshedEntry = module.nodeObjectsById?.get?.(nodeId) || nodeEntry;
+                if (refreshedEntry?.cssObject) {
+                    startEditingNode(module, refreshedEntry);
+                    return true;
+                }
+
+                return false;
+            };
+
+            if (nodeEntry.cssObject && (nodeEntry.currentType === 'CSS' || window.MindMapCss3DManager?.isCss3dOnlyNodeRendering?.() === true)) {
+                startInlineEdit();
                 return;
             }
 
             const switchResult = window.MindMapNodes?.switchToCss3D?.(module, nodeId);
             if (switchResult && typeof switchResult.then === 'function') {
                 switchResult.then(() => {
-                    const refreshedEntry = module.nodeObjectsById?.get(nodeId);
-                    if (refreshedEntry) {
-                        startEditingNode(module, refreshedEntry);
+                    if (!startInlineEdit()) {
+                        console.warn(`[Interactions] Unable to enter edit mode: CSS3D entry not available for ${nodeId}.`);
                     }
                 }).catch(err => console.warn('[Interactions] Failed to enter edit mode:', err));
             } else {
-                startEditingNode(module, nodeEntry);
+                if (!startInlineEdit()) {
+                    console.warn(`[Interactions] Unable to enter edit mode: CSS3D entry not available for ${nodeId}.`);
+                }
             }
             return;
         }
@@ -2895,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);
@@ -4032,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) {
@@ -4546,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] 다중 선택 상태에서 다른 노드 클릭 시 해제 (드래그 시작 전) ▼▼▼
             // 단, 다중 선택된 노드 중 하나를 클릭한 경우는 해제하지 않음 (다중 드래그 허용)
@@ -4599,6 +4637,7 @@ window.MindMapInteractions = (function () {
                 e.preventDefault();
 
                 module.isShiftClick = e.shiftKey || e.ctrlKey || e.metaKey;
+
                 beginOverlayNodeDrag(module, e, cssFallbackHit.nodeId);
                 return;
             }
@@ -5249,7 +5288,7 @@ window.MindMapInteractions = (function () {
                     syncTextOverlaysNow(module);
                 }
             } else {
-                if (nodeEntry && module.dotNetHelper) {
+                if (nodeEntry) {
                     const isAlreadySelected = module.selectedNodeIdJs === clickedNodeId;
                     const isMultiSelecting = module.isShiftClick;
                     // Check if link was clicked (to prevent edit on link click)
@@ -5308,7 +5347,7 @@ window.MindMapInteractions = (function () {
                             module.selectionChangedInThisClick = true;
 
                             if (nodeEntry.model.contentType === 'pdf') {
-                                try { module.dotNetHelper.invokeMethodAsync('ShowPdfDialog', nodeEntry.model.response, nodeEntry.model.prompt); } catch { }
+                                try { module.dotNetHelper?.invokeMethodAsync?.('ShowPdfDialog', nodeEntry.model.response, nodeEntry.model.prompt); } catch { }
                             }
                         });
                     }
@@ -5370,68 +5409,69 @@ window.MindMapInteractions = (function () {
                     // --- end spatial grid refresh ---
                 }
             } else {
-                if (clickedNodeId && module.dotNetHelper) {
+                if (clickedNodeId) {
                     const nodeEntry = module.nodeObjectsById.get(clickedNodeId);
-
-                    const isAlreadySelected = module.selectedNodeIdJs === clickedNodeId;
-                    const isMultiSelecting = module.isShiftClick;
-
-                    if (isAlreadySelected && !isMultiSelecting && isInlineEditableNode(nodeEntry)) {
-                        if (module.selectionChangedInThisClick) {
-                            module.selectionChangedInThisClick = false;
-                            finalizeSingleSelection(module, clickedNodeId, { notifyBlazor: false, bringToFront: true, showMenu: true });
-                        } else if (consumePendingSelectedActivation(module, clickedNodeId)) {
-                            finalizeSingleSelection(module, clickedNodeId, { notifyBlazor: false, bringToFront: true, showMenu: true });
-                        } else {
-                            const activationTarget = e.target;
-                            postMouseUpActivation = () => handleSelectedNodeActivation(module, clickedNodeId, nodeEntry, { target: activationTarget });
-                        }
-                    } else {
-                        schedulePrimaryClickAction(module, () => {
-                            if (module.selectedNodeIdJs && module.selectedNodeIdJs !== clickedNodeId) {
-                                switchPreviousSelectedNoteToWebGL(module, false);
+                    if (nodeEntry) {
+                        const isAlreadySelected = module.selectedNodeIdJs === clickedNodeId;
+                        const isMultiSelecting = module.isShiftClick;
+
+                        if (isAlreadySelected && !isMultiSelecting && isInlineEditableNode(nodeEntry)) {
+                            if (module.selectionChangedInThisClick) {
+                                module.selectionChangedInThisClick = false;
+                                finalizeSingleSelection(module, clickedNodeId, { notifyBlazor: false, bringToFront: true, showMenu: true });
+                            } else if (consumePendingSelectedActivation(module, clickedNodeId)) {
+                                finalizeSingleSelection(module, clickedNodeId, { notifyBlazor: false, bringToFront: true, showMenu: true });
+                            } else {
+                                const activationTarget = e.target;
+                                postMouseUpActivation = () => handleSelectedNodeActivation(module, clickedNodeId, nodeEntry, { target: activationTarget });
                             }
-
-                            if (isMultiSelecting) {
-                                if (module.multiSelectedNodeIds.has(clickedNodeId)) {
-                                    module.multiSelectedNodeIds.delete(clickedNodeId);
-                                    window.MindMapNodes.updateNodeSelectionStyle(module, clickedNodeId, false, false);
-                                } else {
-                                    module.multiSelectedNodeIds.add(clickedNodeId);
-                                    window.MindMapNodes.updateNodeSelectionStyle(module, clickedNodeId, true, false);
+                        } else {
+                            schedulePrimaryClickAction(module, () => {
+                                if (module.selectedNodeIdJs && module.selectedNodeIdJs !== clickedNodeId) {
+                                    switchPreviousSelectedNoteToWebGL(module, false);
                                 }
-                                syncSelectedIdFromMulti(module);
-                                return;
-                            }
 
-                            if (isAlreadySelected) {
-                                if (module.selectionChangedInThisClick) {
-                                    module.selectionChangedInThisClick = false;
-                                    finalizeSingleSelection(module, clickedNodeId, { notifyBlazor: false, bringToFront: true, showMenu: true });
-                                } else if (consumePendingSelectedActivation(module, clickedNodeId)) {
-                                    finalizeSingleSelection(module, clickedNodeId, { notifyBlazor: false, bringToFront: true, showMenu: true });
-                                } else {
-                                    handleSelectedNodeActivation(module, clickedNodeId, nodeEntry, { target: e.target });
+                                if (isMultiSelecting) {
+                                    if (module.multiSelectedNodeIds.has(clickedNodeId)) {
+                                        module.multiSelectedNodeIds.delete(clickedNodeId);
+                                        window.MindMapNodes.updateNodeSelectionStyle(module, clickedNodeId, false, false);
+                                    } else {
+                                        module.multiSelectedNodeIds.add(clickedNodeId);
+                                        window.MindMapNodes.updateNodeSelectionStyle(module, clickedNodeId, true, false);
+                                    }
+                                    syncSelectedIdFromMulti(module);
+                                    return;
                                 }
-                                return;
-                            }
 
-                            if (module.multiSelectedNodeIds?.size > 0) {
-                                if (MindMapNodes.clearMultiSelection) {
-                                    MindMapNodes.clearMultiSelection(module);
+                                if (isAlreadySelected) {
+                                    if (module.selectionChangedInThisClick) {
+                                        module.selectionChangedInThisClick = false;
+                                        finalizeSingleSelection(module, clickedNodeId, { notifyBlazor: false, bringToFront: true, showMenu: true });
+                                    } else if (consumePendingSelectedActivation(module, clickedNodeId)) {
+                                        finalizeSingleSelection(module, clickedNodeId, { notifyBlazor: false, bringToFront: true, showMenu: true });
+                                    } else {
+                                        handleSelectedNodeActivation(module, clickedNodeId, nodeEntry, { target: e.target });
+                                    }
+                                    return;
                                 }
-                                module.multiSelectedNodeIds?.clear?.();
-                                if (window.MindMapMultiSelect) {
-                                    window.MindMapMultiSelect.hide();
+
+                                if (module.multiSelectedNodeIds?.size > 0) {
+                                    if (MindMapNodes.clearMultiSelection) {
+                                        MindMapNodes.clearMultiSelection(module);
+                                    }
+                                    module.multiSelectedNodeIds?.clear?.();
+                                    if (window.MindMapMultiSelect) {
+                                        window.MindMapMultiSelect.hide();
+                                    }
                                 }
-                            }
 
-                            finalizeSingleSelection(module, clickedNodeId, { notifyBlazor: true, bringToFront: true, showMenu: true });
+                                finalizeSingleSelection(module, clickedNodeId, { notifyBlazor: true, bringToFront: true, showMenu: true });
 
-                            if (nodeEntry.model.contentType === 'pdf') {
-                                try { module.dotNetHelper.invokeMethodAsync('ShowPdfDialog', nodeEntry.model.response, nodeEntry.model.prompt); } catch { }
-                            }
-                        });
+                                if (nodeEntry.model.contentType === 'pdf') {
+                                    try { module.dotNetHelper?.invokeMethodAsync?.('ShowPdfDialog', nodeEntry.model.response, nodeEntry.model.prompt); } catch { }
+                                }
+                            });
+                        }
                     }
                 }
             }

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);