@mindexec/cli 0.2.100 → 0.2.102

package/package.json

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

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

@@ -29,6 +29,9 @@
     let _cssImageDisplayPumpScheduled = false;
     const CSS_VIDEO_PROXY_MAX_DEVICE_PIXEL_RATIO = 2;
     const VIDEO_PLAYBACK_INTENT_METADATA_KEY = 'VideoPlaybackIntent';
+    const CSV_TABLE_CONTENT_TYPE = 'csv-table';
+    const CSV_TABLE_MAX_RENDER_ROWS = 500;
+    const CSV_TABLE_MAX_RENDER_COLUMNS = 80;
     const REMOTE_FLEET_DISPLAY_NAME = 'Multi Desktop Monitor';
     const REMOTE_FLEET_LEGACY_DISPLAY_NAME = 'Remote Fleet Monitor';
     const _cssVideoProxyStateByVideo = new WeakMap();
@@ -53,6 +56,254 @@
     }
 
     syncMindCanvasPlatformRenderClasses();
+
+    function detectCsvDelimiter(csvText) {
+        const text = String(csvText || '');
+        const candidates = [',', '\t', ';', '|'];
+        const scores = new Map(candidates.map(candidate => [candidate, 0]));
+        let inQuotes = false;
+        let currentLine = 0;
+
+        for (let i = 0; i < text.length && currentLine < 12; i++) {
+            const ch = text[i];
+            const next = text[i + 1];
+            if (ch === '"') {
+                if (inQuotes && next === '"') {
+                    i++;
+                } else {
+                    inQuotes = !inQuotes;
+                }
+                continue;
+            }
+            if (!inQuotes && (ch === '\n' || ch === '\r')) {
+                currentLine++;
+                if (ch === '\r' && next === '\n') i++;
+                continue;
+            }
+            if (!inQuotes && scores.has(ch)) {
+                scores.set(ch, scores.get(ch) + 1);
+            }
+        }
+
+        let best = ',';
+        let bestScore = -1;
+        scores.forEach((score, delimiter) => {
+            if (score > bestScore) {
+                best = delimiter;
+                bestScore = score;
+            }
+        });
+        return best;
+    }
+
+    function parseCsvRows(csvText, options = {}) {
+        const text = String(csvText || '');
+        if (!text) {
+            return { rows: [], delimiter: options.delimiter || ',', truncatedRows: false };
+        }
+
+        const delimiter = options.delimiter || detectCsvDelimiter(text);
+        const maxRows = Math.max(1, Number(options.maxRows || 1000));
+        const maxColumns = Math.max(1, Number(options.maxColumns || 200));
+        const rows = [];
+        let row = [];
+        let cell = '';
+        let inQuotes = false;
+        let truncatedRows = false;
+
+        const pushCell = () => {
+            if (row.length < maxColumns) {
+                row.push(cell);
+            }
+            cell = '';
+        };
+
+        const pushRow = () => {
+            pushCell();
+            if (row.length > 1 || String(row[0] || '').length > 0) {
+                if (rows.length < maxRows) {
+                    rows.push(row);
+                } else {
+                    truncatedRows = true;
+                }
+            }
+            row = [];
+        };
+
+        for (let i = 0; i < text.length; i++) {
+            const ch = text[i];
+            const next = text[i + 1];
+
+            if (ch === '"') {
+                if (inQuotes && next === '"') {
+                    cell += '"';
+                    i++;
+                } else {
+                    inQuotes = !inQuotes;
+                }
+                continue;
+            }
+
+            if (!inQuotes && ch === delimiter) {
+                pushCell();
+                continue;
+            }
+
+            if (!inQuotes && (ch === '\n' || ch === '\r')) {
+                pushRow();
+                if (ch === '\r' && next === '\n') i++;
+                continue;
+            }
+
+            cell += ch;
+        }
+
+        if (cell.length > 0 || row.length > 0 || text.endsWith(delimiter)) {
+            pushRow();
+        }
+
+        return { rows, delimiter, truncatedRows };
+    }
+
+    function summarizeCsv(csvText) {
+        const parsed = parseCsvRows(csvText, {
+            maxRows: 10001,
+            maxColumns: CSV_TABLE_MAX_RENDER_COLUMNS
+        });
+        const columnCount = parsed.rows.reduce((max, row) => Math.max(max, row.length), 0);
+        return {
+            rowCount: Math.max(0, parsed.rows.length - 1),
+            columnCount,
+            delimiter: parsed.delimiter,
+            truncatedRows: parsed.truncatedRows
+        };
+    }
+
+    function compareCsvCells(a, b) {
+        const left = String(a ?? '').trim();
+        const right = String(b ?? '').trim();
+        const leftNumber = Number(left.replace(/,/g, ''));
+        const rightNumber = Number(right.replace(/,/g, ''));
+        if (left && right && Number.isFinite(leftNumber) && Number.isFinite(rightNumber)) {
+            return leftNumber - rightNumber;
+        }
+        return left.localeCompare(right, undefined, {
+            numeric: true,
+            sensitivity: 'base'
+        });
+    }
+
+    function renderCsvTableContent(responseDiv, nodeModel, csvText) {
+        if (!(responseDiv instanceof HTMLElement)) {
+            return;
+        }
+
+        responseDiv.innerHTML = '';
+        const parsed = parseCsvRows(csvText, {
+            maxRows: CSV_TABLE_MAX_RENDER_ROWS + 1,
+            maxColumns: CSV_TABLE_MAX_RENDER_COLUMNS
+        });
+        const rows = parsed.rows;
+        const columnCount = rows.reduce((max, row) => Math.max(max, row.length), 0);
+
+        if (columnCount === 0) {
+            return;
+        }
+
+        const headerRow = rows[0] || [];
+        const headers = Array.from({ length: columnCount }, (_, index) => {
+            const value = String(headerRow[index] ?? '').trim();
+            return value || `Column ${index + 1}`;
+        });
+        const dataRows = rows.slice(1).map((cells, index) => ({
+            cells,
+            originalIndex: index
+        }));
+
+        const table = document.createElement('table');
+        table.className = 'csv-table';
+        table.dataset.nodeId = nodeModel.id || nodeModel.Id || '';
+
+        const thead = document.createElement('thead');
+        const headerTr = document.createElement('tr');
+        const tbody = document.createElement('tbody');
+        let sortColumn = -1;
+        let sortDirection = 'asc';
+
+        const renderBody = () => {
+            tbody.innerHTML = '';
+            const nextRows = dataRows.slice();
+            if (sortColumn >= 0) {
+                nextRows.sort((a, b) => {
+                    const result = compareCsvCells(a.cells[sortColumn], b.cells[sortColumn]);
+                    if (result !== 0) {
+                        return sortDirection === 'asc' ? result : -result;
+                    }
+                    return a.originalIndex - b.originalIndex;
+                });
+            }
+
+            nextRows.forEach(rowData => {
+                const tr = document.createElement('tr');
+                for (let columnIndex = 0; columnIndex < columnCount; columnIndex++) {
+                    const td = document.createElement('td');
+                    td.className = 'csv-table-cell';
+                    td.textContent = String(rowData.cells[columnIndex] ?? '');
+                    tr.appendChild(td);
+                }
+                tbody.appendChild(tr);
+            });
+        };
+
+        const updateHeaderSortState = () => {
+            headerTr.querySelectorAll('.csv-table-header-button').forEach((button, index) => {
+                const active = index === sortColumn;
+                button.dataset.sort = active ? sortDirection : '';
+                button.setAttribute('aria-sort', active ? (sortDirection === 'asc' ? 'ascending' : 'descending') : 'none');
+            });
+        };
+
+        headers.forEach((header, index) => {
+            const th = document.createElement('th');
+            const button = document.createElement('button');
+            button.type = 'button';
+            button.className = 'csv-table-header-button';
+            button.textContent = header;
+            button.dataset.columnIndex = String(index);
+            button.setAttribute('aria-sort', 'none');
+            button.addEventListener('mousedown', event => {
+                event.preventDefault();
+                event.stopPropagation();
+            });
+            button.addEventListener('click', event => {
+                event.preventDefault();
+                event.stopPropagation();
+                if (sortColumn === index) {
+                    sortDirection = sortDirection === 'asc' ? 'desc' : 'asc';
+                } else {
+                    sortColumn = index;
+                    sortDirection = 'asc';
+                }
+                updateHeaderSortState();
+                renderBody();
+            });
+            th.appendChild(button);
+            headerTr.appendChild(th);
+        });
+
+        thead.appendChild(headerTr);
+        table.appendChild(thead);
+        table.appendChild(tbody);
+        responseDiv.appendChild(table);
+        renderBody();
+    }
+
+    window.MindMapCsvTable = {
+        detectCsvDelimiter,
+        parseCsvRows,
+        summarizeCsv,
+        renderCsvTableContent
+    };
     // ▲▲▲ [Perf] ▲▲▲
 
     // ▼▼▼ [New] 기본 마크다운 스타일 주입 ▼▼▼
@@ -98,11 +349,118 @@
             .markdown-body a:hover { text-decoration: underline; }
             .markdown-body img { max-width: 100%; box-sizing: content-box; background-color: #fff; }
             .markdown-body table { border-spacing: 0; border-collapse: collapse; width: 100%; margin-bottom: 1em; }
-            .markdown-body table th, .markdown-body table td { padding: 6px 13px; border: 1px solid #dfe2e5; }
-            .markdown-body table th { font-weight: 600; background-color: #f6f8fa; }
-            .markdown-body hr { height: 0.25em; padding: 0; margin: 24px 0; background-color: #e1e4e8; border: 0; }
-            /* Force list markers to be visible */
-            .markdown-body ul li { list-style-type: disc; }
+            .markdown-body table th, .markdown-body table td { padding: 6px 13px; border: 1px solid #dfe2e5; }
+            .markdown-body table th { font-weight: 600; background-color: #f6f8fa; }
+            .markdown-body hr { height: 0.25em; padding: 0; margin: 24px 0; background-color: #e1e4e8; border: 0; }
+            .map-node-csv-table {
+                border: 1px solid rgba(203, 213, 225, 0.92);
+                box-shadow: 0 8px 24px rgba(15, 23, 42, 0.10);
+            }
+            .csv-table-scroll {
+                width: 100%;
+                height: 100%;
+                flex: 1 1 auto;
+                min-height: 0;
+                overflow: auto;
+                background: #ffffff;
+                border: 1px solid rgba(226, 232, 240, 0.96);
+                border-radius: 6px;
+                box-sizing: border-box;
+                scrollbar-width: thin;
+                scrollbar-color: rgba(100, 116, 139, 0.36) transparent;
+                pointer-events: auto;
+                padding-right: 0 !important;
+                user-select: text;
+                -webkit-user-select: text;
+            }
+            .csv-table-scroll::-webkit-scrollbar {
+                width: 8px;
+                height: 8px;
+            }
+            .csv-table-scroll::-webkit-scrollbar-thumb {
+                background: rgba(100, 116, 139, 0.34);
+                border-radius: 999px;
+            }
+            .csv-table-scroll:hover::-webkit-scrollbar-thumb {
+                background: rgba(71, 85, 105, 0.48);
+            }
+            .csv-table {
+                width: max-content;
+                min-width: 100%;
+                border-collapse: separate;
+                border-spacing: 0;
+                color: #111827;
+                font-size: 12px;
+                line-height: 1.45;
+            }
+            .csv-table th {
+                position: sticky;
+                top: 0;
+                z-index: 2;
+                padding: 0;
+                border-bottom: 1px solid #cbd5e1;
+                border-right: 1px solid #e2e8f0;
+                background: #f8fafc;
+                text-align: left;
+                white-space: nowrap;
+            }
+            .csv-table th:last-child,
+            .csv-table td:last-child {
+                border-right: 0;
+            }
+            .csv-table-header-button {
+                width: 100%;
+                min-width: 88px;
+                border: 0;
+                background: transparent;
+                color: #334155;
+                cursor: pointer;
+                display: flex;
+                align-items: center;
+                justify-content: space-between;
+                gap: 10px;
+                padding: 8px 10px;
+                font: inherit;
+                font-weight: 700;
+                text-align: left;
+                white-space: nowrap;
+            }
+            .csv-table-header-button::after {
+                content: "";
+                width: 0;
+                height: 0;
+                border-left: 4px solid transparent;
+                border-right: 4px solid transparent;
+                opacity: 0.38;
+            }
+            .csv-table-header-button[data-sort="asc"]::after {
+                border-bottom: 6px solid #2563eb;
+                opacity: 1;
+            }
+            .csv-table-header-button[data-sort="desc"]::after {
+                border-top: 6px solid #2563eb;
+                opacity: 1;
+            }
+            .csv-table-header-button:hover,
+            .csv-table-header-button:focus-visible {
+                background: #eef2ff;
+                outline: none;
+            }
+            .csv-table td {
+                max-width: 280px;
+                padding: 7px 10px;
+                border-right: 1px solid #eef2f7;
+                border-bottom: 1px solid #eef2f7;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                white-space: nowrap;
+                background: #ffffff;
+            }
+            .csv-table tr:nth-child(even) td {
+                background: #fbfdff;
+            }
+            /* Force list markers to be visible */
+            .markdown-body ul li { list-style-type: disc; }
             .markdown-body ol li { list-style-type: decimal; }
             
             /* ▼▼▼ [NEW] 슬림 스크롤바 스타일 - 모든 텍스트/노트/코드 영역 (Razor + JS 동적노드 전체) ▼▼▼ */
@@ -3514,14 +3872,15 @@
     const CSS3D_WRAPPER_WEBKIT_TRANSITION = '-webkit-box-shadow .22s ease, -webkit-filter .22s ease';
     const TEXT_OVERLAY_SUPPORTED_TYPES = new Set(['text', 'markdown', 'note', 'code', 'memo']);
     const TEXT_SELECTION_OVERLAY_SUPPORTED_TYPES = new Set(['text', 'markdown']);
-    const TEXT_INTERACTION_SCROLLABLE_SELECTORS = '.node-response, .note-content, .markdown-body, .prose, .note-textarea, .code-body, .code-content, .pdf-content, .text-content, .file-content, .map-node-memo__body, .map-node-memo__body-view, .map-node-memo__agent-plan-body, .map-node-memo__agent-console-body, pre, code';
-    const TEXT_INTERACTION_CONTENT_SELECTORS = '.node-response, .code-body, .text-content, .markdown-body, .prose';
+    const TEXT_INTERACTION_SCROLLABLE_SELECTORS = '.node-response, .note-content, .markdown-body, .prose, .note-textarea, .code-body, .code-content, .csv-table-scroll, .csv-table-scroll *, .pdf-content, .text-content, .file-content, .map-node-memo__body, .map-node-memo__body-view, .map-node-memo__agent-plan-body, .map-node-memo__agent-console-body, pre, code';
+    const TEXT_INTERACTION_CONTENT_SELECTORS = '.node-response, .code-body, .text-content, .markdown-body, .prose, .csv-table-scroll, .csv-table-cell';
     const TEXT_OVERLAY_SCROLL_SYNC_SELECTORS = [
         '.node-response',
         '.note-content',
         '.markdown-body',
         '.prose',
         '.code-body',
+        '.csv-table-scroll',
         '.note-textarea',
         '.map-node-memo__body',
         '.map-node-memo__body-view',
@@ -3625,7 +3984,7 @@
         }
 
         const contentType = String(nodeModel?.contentType ?? nodeModel?.ContentType ?? '').trim().toLowerCase();
-        return ['memo', 'note', 'text', 'markdown', 'code', 'embed', 'pdf', 'image', 'video'].includes(contentType);
+        return ['memo', 'note', 'text', 'markdown', 'code', CSV_TABLE_CONTENT_TYPE, 'embed', 'pdf', 'image', 'video'].includes(contentType);
     }
 
     function isAgentStyledMemoNode(nodeModel) {
@@ -19154,7 +19513,8 @@
         const hasContent = !!(`${content}`.trim());
         const defaultPrompts = ['Note', 'Pasted Text', '에이전트 메모'];
         const shouldShowPrompt = !!prompt && !defaultPrompts.includes(prompt);
-        const isTextualCardNode = ['note', 'code', 'text', 'markdown'].includes(contentTypeLower);
+        const isCsvTableNode = contentTypeLower === CSV_TABLE_CONTENT_TYPE;
+        const isTextualCardNode = ['note', 'code', 'text', 'markdown', CSV_TABLE_CONTENT_TYPE].includes(contentTypeLower);
         const copyablePromptText = getCopyablePromptText(nodeModel, prompt);
         const shouldShowPromptCopyButton = contentTypeLower === 'note' && shouldShowPrompt && !!copyablePromptText;
         ensurePromptCopyDelegation();
@@ -19167,7 +19527,7 @@
         // [Fix] Add 'map-node-note' class for Note nodes so interactions module recognizes them
         const isNoteNode = contentTypeLower === 'note';
         const isCodeClassNode = contentTypeLower === 'code';
-        container.className = `map-node css3d-dynamic-node${isImageNode ? ' map-node-image-container' : ''}${isEmbedNode ? ' map-node-embed' : ''}${isNoteNode ? ' map-node-note' : ''}${isCodeClassNode ? ' map-node-code' : ''}${isAgentNode ? ' map-node-agent' : ''}`;
+        container.className = `map-node css3d-dynamic-node${isImageNode ? ' map-node-image-container' : ''}${isEmbedNode ? ' map-node-embed' : ''}${isNoteNode ? ' map-node-note' : ''}${isCodeClassNode ? ' map-node-code' : ''}${isCsvTableNode ? ' map-node-csv-table' : ''}${isAgentNode ? ' map-node-agent' : ''}`;
         container.dataset.nodeId = nodeModel.id;
         container.style.cssText = `
             width: ${width}px;
@@ -19175,7 +19535,7 @@
             background: ${isMediaNode ? 'transparent' : 'white'};
             ${isMediaNode ? 'border: 0; outline: 0;' : ''}
             border-radius: 0px;
-            padding: ${isMediaNode ? '0' : (isCodeClassNode ? '12px 8px 12px 14px' : (isTextualCardNode ? '12px 8px 12px 14px' : '12px 4px 12px 12px'))};
+            padding: ${isMediaNode ? '0' : (isCsvTableNode ? '10px' : (isCodeClassNode ? '12px 8px 12px 14px' : (isTextualCardNode ? '12px 8px 12px 14px' : '12px 4px 12px 12px')))};
             box-sizing: border-box;
             overflow: hidden;
             font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
@@ -19285,7 +19645,23 @@
         // Variable isNoteNode declared above
         const isMarkdownType = ['text', 'markdown'].includes(contentTypeLower); // Removed 'note'
 
-        if (isCodeNode) {
+        if (isCsvTableNode) {
+            responseDiv.className = 'node-response csv-table-scroll';
+            responseDiv.style.cssText = `
+                width: 100%;
+                height: 100%;
+                flex: 1 1 auto;
+                min-height: 0;
+                overflow: auto;
+                pointer-events: auto;
+                box-sizing: border-box;
+                user-select: text;
+                -webkit-user-select: text;
+            `;
+            responseDiv.dataset.src = content;
+            responseDiv.dataset.nodeId = nodeModel.id;
+            renderCsvTableContent(responseDiv, nodeModel, content);
+        } else if (isCodeNode) {
             responseDiv.className = 'node-response code-body';
             // ▼▼▼ [FIX] 슬림 스크롤바 인라인 스타일 추가 ▼▼▼
             responseDiv.style.cssText = `
@@ -19559,6 +19935,7 @@
             || contentTypeLower === 'markdown'
             || contentTypeLower === 'note'
             || contentTypeLower === 'memo'
+            || contentTypeLower === CSV_TABLE_CONTENT_TYPE
             || contentTypeLower === 'templatelauncher'
             || contentTypeLower === 'image'
             || contentTypeLower === 'video'
@@ -19572,7 +19949,7 @@
             // text/markdown type has no Blazor template, so create dynamically.
             // [FIX] 'note' type also falls back to dynamic creation if not found (or if we force dynamic for consistent MD)
             // But usually 'note' comes from Razor. If missing, we create it.
-            const dynamicTypes = ['text', 'markdown', 'code', 'note', 'memo', 'templatelauncher', 'image', 'video', 'embed'];
+            const dynamicTypes = ['text', 'markdown', 'code', 'note', 'memo', CSV_TABLE_CONTENT_TYPE, 'templatelauncher', 'image', 'video', 'embed'];
 
             if (remoteFleetMonitor || dynamicTypes.includes(contentTypeLower)) {
                 log(`[MindMapCss3DManager] Creating dynamic DOM element for ${visualContentTypeLower || contentTypeLower} node ${nodeModel.id}`);
@@ -19724,7 +20101,7 @@
                 && !isRemoteFleetMonitorNode(nodeModel);
             // Enable pointer events for scrollable content so user can scroll/select text
             const scrollables = clonedElement.querySelectorAll(
-                '.node-response, .note-content, .markdown-body, .prose, .note-textarea, textarea, [id^="node-response-"], [id^="node-textarea-"], .code-body, .text-content, .embed-content, .embed-card, .embed-card *, .embed-action, .embed-play-button, .node-prompt-copy-button, .node-prompt-copy-button *, iframe, .map-node-memo__title, .map-node-memo__body, .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-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-resize, .map-node-memo__agent-console-resize *, .map-node-memo__agent-result-link, .map-node-template-card, .map-node-template-card *, [data-template-card-interactive="true"]'
+                '.node-response, .note-content, .markdown-body, .prose, .note-textarea, textarea, [id^="node-response-"], [id^="node-textarea-"], .code-body, .text-content, .csv-table-scroll, .csv-table-scroll *, .csv-table-header-button, .embed-content, .embed-card, .embed-card *, .embed-action, .embed-play-button, .node-prompt-copy-button, .node-prompt-copy-button *, iframe, .map-node-memo__title, .map-node-memo__body, .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-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-resize, .map-node-memo__agent-console-resize *, .map-node-memo__agent-result-link, .map-node-template-card, .map-node-template-card *, [data-template-card-interactive="true"]'
             );
             scrollables.forEach(el => {
                 el.style.pointerEvents = 'auto';
@@ -19732,7 +20109,7 @@
                     el.style.userSelect = 'none';
                     el.style.webkitUserSelect = 'none';
                     el.style.cursor = 'ns-resize';
-                } else if (el.matches('.embed-action, .embed-play-button, .embed-card, .embed-card *, .node-prompt-copy-button, .node-prompt-copy-button *, iframe, .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-result-link, .template-card__option, .template-card__generate')) {
+                } else if (el.matches('.csv-table-header-button, .embed-action, .embed-play-button, .embed-card, .embed-card *, .node-prompt-copy-button, .node-prompt-copy-button *, iframe, .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-result-link, .template-card__option, .template-card__generate')) {
                     el.style.userSelect = 'none';
                     el.style.webkitUserSelect = 'none';
                     el.style.cursor = 'pointer';
@@ -20197,8 +20574,16 @@
         if (responseEl) {
             responseEl.style.display = (isLoading && !hasContent) ? 'none' : '';
             const isCodeNode = contentTypeLower === 'code';
-
-            if (isCodeNode) {
+            const isCsvTableNode = contentTypeLower === CSV_TABLE_CONTENT_TYPE;
+
+            if (isCsvTableNode) {
+                if (!responseEl.classList.contains('csv-table-scroll')) {
+                    responseEl.className = 'node-response csv-table-scroll';
+                }
+                responseEl.dataset.src = content || '';
+                responseEl.dataset.nodeId = nodeModel.id || nodeModel.Id || '';
+                renderCsvTableContent(responseEl, nodeModel, content);
+            } else if (isCodeNode) {
                 renderCodeBodyContent(responseEl, content);
             } else {
                 // Unified Markdown Rendering with Caching

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

@@ -71,7 +71,17 @@ window.MindMapDnD = (function () {
             });
         }
 
-        // 3. Video handler
+        // 3. CSV table handler
+        if (!window.MindMapFileRegistry.some(h => h.name === 'CoreCSV')) {
+            window.MindMapFileRegistry.push({
+                name: 'CoreCSV',
+                priority: 6,
+                check: isCsvFile,
+                getType: () => CSV_TABLE_CONTENT_TYPE
+            });
+        }
+
+        // 4. Video handler
         if (!window.MindMapFileRegistry.some(h => h.name === 'CoreVideo')) {
             window.MindMapFileRegistry.push({
                 name: 'CoreVideo',
@@ -109,7 +119,7 @@ window.MindMapDnD = (function () {
                 '.cpp', '.c', '.h', '.go', '.rs', '.rb', '.php',
                 '.swift', '.kt', '.json', '.xml', '.yaml', '.yml',
                 '.sql', '.html', '.css', '.scss', '.less', '.sh',
-                '.bat', '.ps1', '.csv', '.razor' // Added .razor for Blazor
+                '.bat', '.ps1', '.razor' // Added .razor for Blazor
             ];
             window.MindMapFileRegistry.push({
                 name: 'CoreCode',
@@ -123,12 +133,21 @@ window.MindMapDnD = (function () {
         }
         // ▲▲▲ [New] ▲▲▲
 
-        console.log('[MindMapDnD] Core file handlers (PDF, Image, Video, Text, Code) registered');
+        console.log('[MindMapDnD] Core file handlers (PDF, Image, Video, CSV, Text, Code) registered');
     }
     registerCoreHandlers();
 
     const eventHandlers = new WeakMap();
     const GRID_SNAP = 10;
+    const CSV_TABLE_CONTENT_TYPE = 'csv-table';
+
+    function isCsvFile(file) {
+        const name = String(file?.name || '').toLowerCase();
+        const mime = String(file?.type || '').toLowerCase();
+        return mime === 'text/csv' ||
+            mime === 'application/csv' ||
+            name.endsWith('.csv');
+    }
 
     function computeDroppedImageNodeSize(originalWidth, originalHeight) {
         if (window.mindMap?.computeImageNodeSize) {
@@ -148,6 +167,30 @@ window.MindMapDnD = (function () {
         return { width, height };
     }
 
+    async function readCsvFileText(file) {
+        if (file && typeof file.text === 'function') {
+            return await file.text();
+        }
+
+        return await new Promise((resolve, reject) => {
+            const reader = new FileReader();
+            reader.onload = () => resolve(String(reader.result || ''));
+            reader.onerror = () => reject(reader.error || new Error('CSV read failed'));
+            reader.readAsText(file);
+        });
+    }
+
+    function summarizeCsvText(csvText) {
+        if (window.MindMapCsvTable?.summarizeCsv) {
+            return window.MindMapCsvTable.summarizeCsv(csvText);
+        }
+
+        const firstLine = String(csvText || '').split(/\r\n|\n|\r/, 1)[0] || '';
+        const columnCount = firstLine ? Math.max(1, firstLine.split(',').length) : 0;
+        const rowCount = Math.max(0, String(csvText || '').split(/\r\n|\n|\r/).filter(Boolean).length - 1);
+        return { rowCount, columnCount, delimiter: ',' };
+    }
+
     // ▼▼▼ [Profiling] Drag statistics tracking ▼▼▼
     let _dragStats = {
         startTime: 0,
@@ -1081,6 +1124,24 @@ window.MindMapDnD = (function () {
                             }
 
                             isLoading = false;
+                        } else if (type === CSV_TABLE_CONTENT_TYPE) {
+                            console.log(`[DnD] Processing CSV ${index + 1}: ${file.name}`);
+                            finalResponse = await readCsvFileText(file);
+                            displayUrl = finalResponse;
+                            finalWidth = 720;
+                            finalHeight = 420;
+                            isLoading = false;
+                            const csvSummary = summarizeCsvText(finalResponse);
+                            metadata = {
+                                assetKind: 'csv',
+                                fileName: file.name || '',
+                                fileSize: String(file.size || 0),
+                                fileMime: file.type || 'text/csv',
+                                fileLastModified: String(file.lastModified || ''),
+                                CsvDelimiter: csvSummary.delimiter || ',',
+                                CsvRowCount: String(csvSummary.rowCount ?? 0),
+                                CsvColumnCount: String(csvSummary.columnCount ?? 0)
+                            };
                         } else if (type === 'text') {
                             finalResponse = '⏳ Analyzing file...';
                             displayUrl = finalResponse;

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

@@ -672,7 +672,7 @@ window.MindMapInteractions = (function () {
 
     function isReadOnlyTextSelectionNode(target) {
         const contentType = getNodeContentType(target);
-        return (contentType === 'text' || contentType === 'markdown') && !isAgentNode(target);
+        return (contentType === 'text' || contentType === 'markdown' || contentType === 'csv-table') && !isAgentNode(target);
     }
 
     function isTemplateCardInteractiveTarget(target) {
@@ -2855,8 +2855,8 @@ window.MindMapInteractions = (function () {
     }
     // ▲▲▲ [New] ▲▲▲
 
-    const DEFAULT_SCROLLABLE_SELECTORS = '.node-response, .note-content, .markdown-body, .prose, .note-textarea, .code-body, .code-content, .pdf-content, .text-content, .file-content, .map-node-memo__body, .map-node-memo__body-view, pre, code';
-    const DEFAULT_TEXT_CONTENT_SELECTORS = '.node-response, .code-body, .text-content, .markdown-body, .prose';
+    const DEFAULT_SCROLLABLE_SELECTORS = '.node-response, .note-content, .markdown-body, .prose, .note-textarea, .code-body, .code-content, .csv-table-scroll, .csv-table-scroll *, .pdf-content, .text-content, .file-content, .map-node-memo__body, .map-node-memo__body-view, pre, code';
+    const DEFAULT_TEXT_CONTENT_SELECTORS = '.node-response, .code-body, .text-content, .markdown-body, .prose, .csv-table-scroll, .csv-table-cell';
 
     function getScrollableSelectors() {
         return window.MindMapCss3DManager?.getTextInteractionScrollableSelectors?.()
@@ -3868,10 +3868,13 @@ window.MindMapInteractions = (function () {
                         e.target.classList.contains('node-response') ||
                         e.target.classList.contains('text-content') ||
                         e.target.classList.contains('markdown-body') ||
-                        e.target.closest('.code-body') ||
-                        e.target.closest('.node-response') ||
-                        e.target.closest('.text-content') ||
-                        e.target.closest('.markdown-body');
+                        e.target.classList.contains('csv-table-scroll') ||
+                        e.target.classList.contains('csv-table-cell') ||
+                        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');
 
                     // ▼▼▼ [2-Stage Click] text-based 노드가 이미 편집 모드(CSS3D)인 경우에만 텍스트 선택 허용 ▼▼▼
                     if (supportsTextInteraction && isClickOnContent && !isMultiModifier && isSelected) {

package/wwwroot/_content/MindExecution.Shared/js/mind-map-lod-renderer.js

@@ -366,6 +366,7 @@
             contentType === 'memo' ||
             contentType === 'markdown' ||
             contentType === 'code' ||
+            contentType === 'csv-table' ||
             isAgentLikeLodNode(model);
     }
 
@@ -7526,7 +7527,7 @@
             if (!root) return '';
 
             const values = [];
-            const editableSelector = 'textarea, input, [contenteditable="true"], .note-content, .node-response, .markdown-body, .code-body, .text-content, .map-node-memo__body, .map-node-memo__body-view';
+            const editableSelector = 'textarea, input, [contenteditable="true"], .note-content, .node-response, .markdown-body, .code-body, .text-content, .csv-table-scroll, .csv-table-cell, .map-node-memo__body, .map-node-memo__body-view';
             const targets = root.matches?.(editableSelector)
                 ? [root, ...root.querySelectorAll?.(editableSelector) || []]
                 : Array.from(root.querySelectorAll?.(editableSelector) || []);
@@ -7614,7 +7615,7 @@
             const root = entry?.cssObject?.element || null;
             if (!root || typeof window === 'undefined' || typeof window.getComputedStyle !== 'function') return null;
 
-            const selector = 'textarea, [id^="node-response-"], [id^="node-textarea-"], .note-content, .node-response, .markdown-body, .code-body, .simple-content, .markdown-content, .map-node-memo__body, .map-node-memo__body-view';
+            const selector = 'textarea, [id^="node-response-"], [id^="node-textarea-"], .note-content, .node-response, .markdown-body, .code-body, .csv-table-scroll, .simple-content, .markdown-content, .map-node-memo__body, .map-node-memo__body-view';
             const target = root.matches?.(selector)
                 ? root
                 : root.querySelector?.(selector);

package/wwwroot/_content/MindExecution.Shared/js/mind-map-node-search-worker.js

@@ -45,6 +45,7 @@ function shouldIndexResponse(contentType) {
         || contentType === 'memo'
         || contentType === 'markdown'
         || contentType === 'code'
+        || contentType === 'csv-table'
         || contentType === 'directory';
 }
 

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

@@ -34,7 +34,7 @@
         gray: { border: 0xd1d5db, accent: 0x6b7280 },
         slate: { border: 0xcbd5e1, accent: 0x64748b }
     };
-    const NODE_TEXT_SELECTION_SELECTORS = '.node-response, .code-body, .text-content, .markdown-body, textarea, .map-node-memo__title, .map-node-memo__body, .map-node-memo__body-view, .map-node-memo__body-view *';
+    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';
 
@@ -3984,7 +3984,7 @@
     async function switchToCss3D(module, nodeId) {
         const nodeEntry = module.nodeObjectsById.get(nodeId);
         // ▼▼▼ [Log] Reason for skipping switch (SwitchToCss3D) ▼▼▼
-        const supportedTypes = ['note', 'memo', 'code', 'text', 'markdown', 'image', 'video', 'embed'];
+        const supportedTypes = ['note', 'memo', 'code', 'text', 'markdown', 'csv-table', 'image', 'video', 'embed'];
         if (!nodeEntry || !supportedTypes.includes(nodeEntry.model.contentType) || !nodeEntry.cssObject) {
             log(`[MindMapNodes] SwitchToCss3D(${nodeId}) SKIPPED (Not a valid, initialized text-based node).`);
             return;
@@ -4154,6 +4154,7 @@
                 nodeEntry.model.contentType === 'memo' ||
                 nodeEntry.model.contentType === 'markdown' ||
                 nodeEntry.model.contentType === 'code' ||
+                nodeEntry.model.contentType === 'csv-table' ||
                 nodeEntry.model.contentType === 'image' ||
                 nodeEntry.model.contentType === 'video' ||
                 nodeEntry.model.contentType === 'embed';

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

@@ -17,6 +17,9 @@
     const ENABLE_WEBGL_GLOW = false;
     const DEFAULT_MIN_NODE_WIDTH = 200;
     const DEFAULT_MIN_NODE_HEIGHT = 100;
+    const CSV_TABLE_CONTENT_TYPE = 'csv-table';
+    const CSV_TABLE_MIN_WIDTH = 320;
+    const CSV_TABLE_MIN_HEIGHT = 180;
     const REMOTE_FLEET_SEMANTIC_TYPE = 'RemoteFleetMonitor';
     const REMOTE_FLEET_MONITOR_MIN_WIDTH = 520;
     const REMOTE_FLEET_MONITOR_MIN_HEIGHT = 320;
@@ -30,6 +33,10 @@
         return String(metadata?.SemanticType || metadata?.semanticType || '').trim() === REMOTE_FLEET_SEMANTIC_TYPE;
     }
 
+    function isCsvTableNodeModel(nodeModel) {
+        return String(nodeModel?.contentType ?? nodeModel?.ContentType ?? '').trim().toLowerCase() === CSV_TABLE_CONTENT_TYPE;
+    }
+
     function clampRemoteFleetResizeDimensions(
         nodeModel,
         width,
@@ -38,10 +45,10 @@
         fallbackMinHeight = DEFAULT_MIN_NODE_HEIGHT) {
         const minWidth = isRemoteFleetMonitorNodeModel(nodeModel)
             ? REMOTE_FLEET_MONITOR_MIN_WIDTH
-            : fallbackMinWidth;
+            : (isCsvTableNodeModel(nodeModel) ? CSV_TABLE_MIN_WIDTH : fallbackMinWidth);
         const minHeight = isRemoteFleetMonitorNodeModel(nodeModel)
             ? REMOTE_FLEET_MONITOR_MIN_HEIGHT
-            : fallbackMinHeight;
+            : (isCsvTableNodeModel(nodeModel) ? CSV_TABLE_MIN_HEIGHT : fallbackMinHeight);
 
         const numericWidth = Number(width);
         const numericHeight = Number(height);

package/wwwroot/_content/MindExecution.Shared/js/mindmap-toolbar.js

@@ -198,7 +198,7 @@
             if (!isNativeSelectFocusedInside(state.rootElement)) {
                 state.nativeSelectInteractionActive = false;
             }
-        }, 0);
+        }, 500);
     }
 
     function shouldIgnoreDocumentClickForNativeSelect(state) {
@@ -246,6 +246,35 @@
             clientY >= rect.top &&
             clientY <= rect.bottom;
     }
+
+    function isSurfaceOwnedPointerEvent(state, rootElement, event) {
+        if (!state || !event) {
+            return false;
+        }
+
+        return isEventInsideRoot(rootElement, event) ||
+            isPointerWithinElementBounds(rootElement, event) ||
+            isEventInsideIgnoredSelector(state.options?.ignoreSelector, event);
+    }
+
+    function rememberSurfacePointerDown(state, event) {
+        if (!state || !event) {
+            return;
+        }
+
+        const currentRootElement = resolveSurfaceRootElement(state.rootElement, state.options);
+        const isInsideSurface = isSurfaceOwnedPointerEvent(state, currentRootElement, event);
+        state.lastPointerDownInsideSurface = isInsideSurface;
+        state.lastPointerDownAt = getInteractionTime();
+
+        if (isInsideSurface) {
+            state.suppressNextDocumentClick = true;
+        }
+
+        if (isNativeSelectEvent(event)) {
+            markNativeSelectInteraction(state);
+        }
+    }
 
     function getUploadDropPosition(viewport) {
         const fallbackRect = viewport.getBoundingClientRect();
@@ -468,6 +497,10 @@
             document.removeEventListener('click', state.documentClickHandler, false);
         }
 
+        if (state.documentPointerDownHandler) {
+            document.removeEventListener('pointerdown', state.documentPointerDownHandler, true);
+        }
+
         if (state.helper) {
             surfaceOutsideClickCloseStatesByHelper.delete(state.helper);
         }
@@ -494,10 +527,13 @@
             suppressNextDocumentClick: false,
             nativeSelectInteractionActive: false,
             nativeSelectInteractionAt: 0,
+            lastPointerDownInsideSurface: false,
+            lastPointerDownAt: 0,
             rootPointerDownHandler: null,
             rootClickHandler: null,
             rootChangeHandler: null,
             rootFocusOutHandler: null,
+            documentPointerDownHandler: null,
             documentClickHandler: null
         };
 
@@ -526,6 +562,10 @@
             scheduleNativeSelectInteractionClear(state);
         };
 
+        state.documentPointerDownHandler = (event) => {
+            rememberSurfacePointerDown(state, event);
+        };
+
         state.documentClickHandler = (event) => {
             if (typeof event.button === 'number' && event.button !== 0) {
                 return;
@@ -555,6 +595,10 @@
                 return;
             }
 
+            if (state.lastPointerDownInsideSurface === true && getInteractionTime() - state.lastPointerDownAt < 1000) {
+                return;
+            }
+
             if (isEventInsideRoot(currentRootElement, event)) {
                 return;
             }
@@ -575,6 +619,7 @@
         state.rootElement.addEventListener('click', state.rootClickHandler, true);
         state.rootElement.addEventListener('change', state.rootChangeHandler, true);
         state.rootElement.addEventListener('focusout', state.rootFocusOutHandler, true);
+        document.addEventListener('pointerdown', state.documentPointerDownHandler, true);
         document.addEventListener('click', state.documentClickHandler, false);
 
         surfaceOutsideClickCloseStatesByHelper.set(helper, state);

package/wwwroot/_framework/blazor.boot.json

@@ -1,7 +1,7 @@
 {
   "mainAssemblyName": "MindExecution.Web",
   "resources": {
-    "hash": "sha256-we9qenVtePc2CABTfoN+/D96wdPuqIl4CgKuk3znAUA=",
+    "hash": "sha256-UGhBNyGMI2YVNBv0VAxRK/+ISHOLlYLKc6pg6eePs8k=",
     "fingerprinting": {
       "Google.Protobuf.9h59ukbel7.dll": "Google.Protobuf.dll",
       "Markdig.d1j7v41cl1.dll": "Markdig.dll",
@@ -127,12 +127,12 @@
       "MindExecution.Kernel.7k773jan4j.dll": "MindExecution.Kernel.dll",
       "MindExecution.Plugins.Admin.nr5ioavpvn.dll": "MindExecution.Plugins.Admin.dll",
       "MindExecution.Plugins.Business.qq63kom73x.dll": "MindExecution.Plugins.Business.dll",
-      "MindExecution.Plugins.Concept.w4znwcrl6x.dll": "MindExecution.Plugins.Concept.dll",
+      "MindExecution.Plugins.Concept.za4g3ep0s3.dll": "MindExecution.Plugins.Concept.dll",
       "MindExecution.Plugins.Directory.u6p6pxpwxp.dll": "MindExecution.Plugins.Directory.dll",
-      "MindExecution.Plugins.PlanMaster.0w4vr40lnz.dll": "MindExecution.Plugins.PlanMaster.dll",
-      "MindExecution.Plugins.YouTube.sdl5n9uv68.dll": "MindExecution.Plugins.YouTube.dll",
-      "MindExecution.Shared.fprczldv6z.dll": "MindExecution.Shared.dll",
-      "MindExecution.Web.xhlvm1d8ex.dll": "MindExecution.Web.dll",
+      "MindExecution.Plugins.PlanMaster.dybjnpy716.dll": "MindExecution.Plugins.PlanMaster.dll",
+      "MindExecution.Plugins.YouTube.77htf13h5q.dll": "MindExecution.Plugins.YouTube.dll",
+      "MindExecution.Shared.d74ehlrxzm.dll": "MindExecution.Shared.dll",
+      "MindExecution.Web.0bxjy0fhk2.dll": "MindExecution.Web.dll",
       "dotnet.js": "dotnet.js",
       "dotnet.native.qc8g39g30v.js": "dotnet.native.js",
       "dotnet.native.boem75ye5i.wasm": "dotnet.native.wasm",
@@ -280,16 +280,16 @@
       "netstandard.yvr3prsx0x.dll": "sha256-EksNn8Luo4bOWqJ6X7dIe9qG9oOqwOVzjH2xYyMNi+E=",
       "MindExecution.Core.cdplo34sb2.dll": "sha256-sLc0yEeGYQhFPxxNKLQsHllAhwjKhNn+pfgRY0bHbpo=",
       "MindExecution.Kernel.7k773jan4j.dll": "sha256-B5H6hzB6g8sWLqXUoXifv8CbLqVt7g1lLkkinTBKF8E=",
-      "MindExecution.Plugins.Concept.w4znwcrl6x.dll": "sha256-oNGAmbTjkFdVfZeYbc4jYWtyQa3c8Tle5LIXoFye4yo=",
-      "MindExecution.Plugins.PlanMaster.0w4vr40lnz.dll": "sha256-gPWCEzDE7cJLOFTJOhja3JXJzkHFWd4dzfRdsdTxwps=",
-      "MindExecution.Shared.fprczldv6z.dll": "sha256-veGmVlpQw2b1zDaUWReHRSLbiZ2IloG79uo1GLlduEo=",
-      "MindExecution.Web.xhlvm1d8ex.dll": "sha256-azcD8wLJIxuNSplzTVvh2ndLwdcu20xz1t8Jh23Dr7Q="
+      "MindExecution.Plugins.Concept.za4g3ep0s3.dll": "sha256-NRvSoxbUc1XekEfarbQRsx+C7Q5zF8CSX8leSW6sUpA=",
+      "MindExecution.Plugins.PlanMaster.dybjnpy716.dll": "sha256-u+FNpu8goaKb3wbqL/kEQ/1iB9qwPxPBJGzSjEhxRU0=",
+      "MindExecution.Shared.d74ehlrxzm.dll": "sha256-ySEVzQvBsNIQdJhAk6znArycY1ZuaHW8XrzGIzNZL9U=",
+      "MindExecution.Web.0bxjy0fhk2.dll": "sha256-pD4Kd3YtszSDufXc+DeiOjslAUWzpeSMY0CHpwwRyKc="
     },
     "lazyAssembly": {
       "MindExecution.Plugins.Admin.nr5ioavpvn.dll": "sha256-TWIfHGuEUUD1JtyuhfH4NM5JkvqAt8KcDVrWxvmwnVc=",
       "MindExecution.Plugins.Business.qq63kom73x.dll": "sha256-4lgIcKclWQIjijrBJJFu84fgAH4MsDCN/myhG/K9OOU=",
       "MindExecution.Plugins.Directory.u6p6pxpwxp.dll": "sha256-BjJ6/XNfp5wd/1RTdh99X9RR0I1GV6t4bp5A+RlAK9s=",
-      "MindExecution.Plugins.YouTube.sdl5n9uv68.dll": "sha256-gNZE7M6cqiF9aEJYdZtUzt5bYPkh5Be7LKuyh286u2Q="
+      "MindExecution.Plugins.YouTube.77htf13h5q.dll": "sha256-rYCDS5JysOa68J0RrPVkS461WQtEM50fU7lwzDwx4uY="
     }
   },
   "cacheBootResources": true,

package/wwwroot/index.html

@@ -7,8 +7,8 @@
     <title>MindExec | Run your ideas as AI task graphs</title>
     <meta name="description" content="MindExec is an AI execution canvas for solo builders, researchers, developers, and creators. Start with free browser tools, then move serious work into saved MindCanvas projects." />
     <base href="/" />
-    <link rel="stylesheet" href="_content/MindExecution.Shared/css/app.css?v=20260616-mdm-screen-wall-v560" />
-    <link rel="stylesheet" href="_content/MindExecution.Shared/css/mind-map-overrides.css?v=20260616-mdm-screen-wall-v560" />
+    <link rel="stylesheet" href="_content/MindExecution.Shared/css/app.css?v=20260616-csv-table-node-v562" />
+    <link rel="stylesheet" href="_content/MindExecution.Shared/css/mind-map-overrides.css?v=20260616-csv-table-node-v562" />
     <!-- ?쇄뼹??Font Awesome (local) ?쇄뼹??-->
     <link rel="stylesheet" href="_content/MindExecution.Shared/lib/font-awesome/css/all.min.css" />
     <!-- ?꿎뼯??-->
@@ -579,7 +579,7 @@
             }
 
             const base = '_content/MindExecution.Shared/js/';
-        const scriptVersion = '20260616-mdm-screen-wall-v560';
+        const scriptVersion = '20260616-csv-table-node-v562';
             const scriptUrl = (script) => `${base}${script}?v=${scriptVersion}`;
             console.log(`[Script Loader] Shared JS version: ${scriptVersion}`);
             const criticalScripts = [

package/wwwroot/service-worker-assets.js

@@ -1,5 +1,5 @@
 self.assetsManifest = {
-    "version":  "i4nijHuW",
+    "version":  "trZeDvyF",
     "assets":  [
                    {
                        "hash":  "sha256-+CSYMcqLNTsq3VnH11jgYyOCCdxvHzL74CBmo4sCmMU=",
@@ -86,7 +86,7 @@
                        "url":  "_content/MindExecution.Shared/js/mind-map-core.js.backup"
                    },
                    {
-                       "hash":  "sha256-MWVSM/VwUCyDL+ohY/7e6qDkkosGiE9E3t3DbiGJJEs=",
+                       "hash":  "sha256-AXK7W1xsaRJiZWWYSc7SrzizpChwI0pRl9jvcC3x518=",
                        "url":  "_content/MindExecution.Shared/js/mind-map-css3d-manager.js"
                    },
                    {
@@ -94,7 +94,7 @@
                        "url":  "_content/MindExecution.Shared/js/mind-map-dev-guards.js"
                    },
                    {
-                       "hash":  "sha256-dJFVGib0fUeandu5Tvb2Wtpq1w7XwxD8g2Dd+loVK+Q=",
+                       "hash":  "sha256-NZcjN5Pbkxuki2/z029Yog58DHkZDsmDU5baRgMruis=",
                        "url":  "_content/MindExecution.Shared/js/mind-map-dnd.js"
                    },
                    {
@@ -106,7 +106,7 @@
                        "url":  "_content/MindExecution.Shared/js/mind-map-glow-shader.js"
                    },
                    {
-                       "hash":  "sha256-QJh7a93uHYeGLXH8R87u9/oky9uJLW2p6eSMODlGjY0=",
+                       "hash":  "sha256-l1g4NKeSMjorH0cZmdjmzRef2W6vPhmZgoNeo4TWKl8=",
                        "url":  "_content/MindExecution.Shared/js/mind-map-interactions.js"
                    },
                    {
@@ -114,7 +114,7 @@
                        "url":  "_content/MindExecution.Shared/js/mind-map-lod-plan-worker.js"
                    },
                    {
-                       "hash":  "sha256-NTCDYnA/mG2tplidYmMv50OhHhdXjP985NlsjsyQ38g=",
+                       "hash":  "sha256-/I+97B4sBuC4ON9Ytp2crB+yaSXnxgr1wq35P/GZ4O0=",
                        "url":  "_content/MindExecution.Shared/js/mind-map-lod-renderer.js"
                    },
                    {
@@ -130,11 +130,11 @@
                        "url":  "_content/MindExecution.Shared/js/mind-map-multi-select.js"
                    },
                    {
-                       "hash":  "sha256-xJssU1XGBgy2NYVRe5JKRRFmQNq7BufzFXhZjHDq/lU=",
+                       "hash":  "sha256-t9Clrdzh+IKymPvwLSXd4sHSiTkGKj6Xb8cbTl5Q/aA=",
                        "url":  "_content/MindExecution.Shared/js/mind-map-node-search-worker.js"
                    },
                    {
-                       "hash":  "sha256-MmWAqcPEjWAGKxEpAAwKMDEaaN5eZS7jpmC7fiXircc=",
+                       "hash":  "sha256-Du/v38HmdprkhvETqiO0mx3Ez3rYmEvjQnDMIQclta0=",
                        "url":  "_content/MindExecution.Shared/js/mind-map-nodes.js"
                    },
                    {
@@ -146,7 +146,7 @@
                        "url":  "_content/MindExecution.Shared/js/mind-map-object-manager.js.backup"
                    },
                    {
-                       "hash":  "sha256-qoG82XBRkzLFD9Fm/Rmr0k6P+IWL4ZxUyTY4EIfc1hM=",
+                       "hash":  "sha256-7gt5GUp6oiL+vW1pakGSnwgtljCyI3Qh96qAU0hV7Ak=",
                        "url":  "_content/MindExecution.Shared/js/mind-map-pipeline.js"
                    },
                    {
@@ -170,7 +170,7 @@
                        "url":  "_content/MindExecution.Shared/js/mind-map-visibility-worker.js"
                    },
                    {
-                       "hash":  "sha256-icukeXd/DhA/7V4F4NOJP9jiQfzjjjosaH7PK2ymqAg=",
+                       "hash":  "sha256-XrXV7l2M7v2rA3bI7rk6Wwd5J8Qaqllr0UCgmhrstpo=",
                        "url":  "_content/MindExecution.Shared/js/mindmap-toolbar.js"
                    },
                    {
@@ -426,28 +426,28 @@
                        "url":  "_framework/MindExecution.Plugins.Business.qq63kom73x.dll"
                    },
                    {
-                       "hash":  "sha256-oNGAmbTjkFdVfZeYbc4jYWtyQa3c8Tle5LIXoFye4yo=",
-                       "url":  "_framework/MindExecution.Plugins.Concept.w4znwcrl6x.dll"
+                       "hash":  "sha256-NRvSoxbUc1XekEfarbQRsx+C7Q5zF8CSX8leSW6sUpA=",
+                       "url":  "_framework/MindExecution.Plugins.Concept.za4g3ep0s3.dll"
                    },
                    {
                        "hash":  "sha256-BjJ6/XNfp5wd/1RTdh99X9RR0I1GV6t4bp5A+RlAK9s=",
                        "url":  "_framework/MindExecution.Plugins.Directory.u6p6pxpwxp.dll"
                    },
                    {
-                       "hash":  "sha256-gPWCEzDE7cJLOFTJOhja3JXJzkHFWd4dzfRdsdTxwps=",
-                       "url":  "_framework/MindExecution.Plugins.PlanMaster.0w4vr40lnz.dll"
+                       "hash":  "sha256-u+FNpu8goaKb3wbqL/kEQ/1iB9qwPxPBJGzSjEhxRU0=",
+                       "url":  "_framework/MindExecution.Plugins.PlanMaster.dybjnpy716.dll"
                    },
                    {
-                       "hash":  "sha256-gNZE7M6cqiF9aEJYdZtUzt5bYPkh5Be7LKuyh286u2Q=",
-                       "url":  "_framework/MindExecution.Plugins.YouTube.sdl5n9uv68.dll"
+                       "hash":  "sha256-rYCDS5JysOa68J0RrPVkS461WQtEM50fU7lwzDwx4uY=",
+                       "url":  "_framework/MindExecution.Plugins.YouTube.77htf13h5q.dll"
                    },
                    {
-                       "hash":  "sha256-veGmVlpQw2b1zDaUWReHRSLbiZ2IloG79uo1GLlduEo=",
-                       "url":  "_framework/MindExecution.Shared.fprczldv6z.dll"
+                       "hash":  "sha256-ySEVzQvBsNIQdJhAk6znArycY1ZuaHW8XrzGIzNZL9U=",
+                       "url":  "_framework/MindExecution.Shared.d74ehlrxzm.dll"
                    },
                    {
-                       "hash":  "sha256-azcD8wLJIxuNSplzTVvh2ndLwdcu20xz1t8Jh23Dr7Q=",
-                       "url":  "_framework/MindExecution.Web.xhlvm1d8ex.dll"
+                       "hash":  "sha256-pD4Kd3YtszSDufXc+DeiOjslAUWzpeSMY0CHpwwRyKc=",
+                       "url":  "_framework/MindExecution.Web.0bxjy0fhk2.dll"
                    },
                    {
                        "hash":  "sha256-IsZJ91/OW+fHzNqIgEc7Y072ns8z9dGritiSyvR9Wgc=",
@@ -770,7 +770,7 @@
                        "url":  "_framework/Websocket.Client.vapounvmnl.dll"
                    },
                    {
-                       "hash":  "sha256-vjnwzCMMAs+8it6vEUPeOD7pI/ekFwMr484KaDdpugE=",
+                       "hash":  "sha256-QgwmwowtArQ5iNVyNt2nUZTQbYBdG21lKd44yCDJOos=",
                        "url":  "_framework/blazor.boot.json"
                    },
                    {
@@ -834,7 +834,7 @@
                        "url":  "image-manifest.json"
                    },
                    {
-                       "hash":  "sha256-sZOOfmQyxo9FNFTY9d3r4uYgRhh9Z2b5ve3569JDamU=",
+                       "hash":  "sha256-WIDt2/+ryWe5EOcz23Yqn18VQk2Y8TmNDtuwUyIZEgM=",
                        "url":  "index.html"
                    },
                    {

package/wwwroot/service-worker.js

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